Open: @selectedId

``` ```csharp private string? selectedId = "c2"; private readonly IReadOnlyList summaries = CreateSummaries(); private void HandleSelect(BitAiConversationSummary summary) { selectedId = summary.ConversationId; } private static IReadOnlyList CreateSummaries() { var now = DateTimeOffset.Now; return [ new("c1", "Plan a weekend in Lisbon", now.AddMinutes(-20), "Three days, mostly on foot, with one day trip to Sintra.", 6), new("c2", "Draft the release notes", now.AddHours(-2), "Grouped by package, breaking changes first.", 4), new("c3", "Why does my circuit drop?", now.AddDays(-1), "Most likely an idle timeout on the proxy.", 8), new("c4", "Compare the pricing tiers", now.AddDays(-4), "The middle tier covers most teams.", 10), new("c5", "Explain render modes", now.AddDays(-12), "Server, WebAssembly and Auto, per component.", 2), new("c6", "Name the new component", now.AddDays(-45), "BitAiChat won the vote.", 12), ]; } ``` \n**New & delete**: ```razor

``` ```csharp private int newCount; private string? editableSelectedId = "c1"; private IReadOnlyList editableSummaries = CreateSummaries(); // CreateSummaries() of the Basic example private void HandleEditableSelect(BitAiConversationSummary summary) { editableSelectedId = summary.ConversationId; } private void HandleNew() { var summary = new BitAiConversationSummary($"new-{++newCount}", $"New conversation {newCount}", DateTimeOffset.Now); editableSummaries = [summary, .. editableSummaries]; editableSelectedId = summary.ConversationId; } private void HandleDelete(BitAiConversationSummary summary) { editableSummaries = editableSummaries.Where(s => s.ConversationId != summary.ConversationId).ToList(); if (editableSelectedId == summary.ConversationId) editableSelectedId = editableSummaries.FirstOrDefault()?.ConversationId; } ``` \n**With a chat**: ```razor @implements IAsyncDisposable

@if (chatSession is not null) { }

``` ```csharp // One live session per thread, so a reply keeps streaming in a thread that was switched away from. private readonly Dictionary chatSessions = new(StringComparer.Ordinal); private IReadOnlyList chatSummaries = []; private BitAiChatSession? chatSession; [Inject] private BitAiChatSessionFactory SessionFactory { get; set; } = default!; protected override void OnInitialized() => OpenChat(new BitAiConversation()); private void OpenChat(BitAiConversation conversation) { if (chatSessions.TryGetValue(conversation.ConversationId, out var session) is false) { session = SessionFactory.Create(conversation); conversation.MessageAdded += OnChatMessageAdded; conversation.Changed += OnChatChanged; chatSessions[conversation.ConversationId] = session; } chatSession = session; } private void NewChat() { // An untouched thread is reused rather than stacking empty ones. if (chatSession?.Conversation.Messages.Count == 0) return; OpenChat(new BitAiConversation()); } private void SelectChat(BitAiConversationSummary summary) { if (chatSessions.TryGetValue(summary.ConversationId, out var session)) OpenChat(session.Conversation); } private async Task DeleteChat(BitAiConversationSummary summary) { if (chatSessions.Remove(summary.ConversationId, out var removed) is false) return; removed.Conversation.MessageAdded -= OnChatMessageAdded; removed.Conversation.Changed -= OnChatChanged; await removed.DisposeAsync(); RefreshChatSummaries(); if (ReferenceEquals(chatSession, removed) is false) return; var next = chatSessions.Values.FirstOrDefault(s => s.Conversation.Messages.Count > 0); OpenChat(next?.Conversation ?? new BitAiConversation()); } // Only the threads with a message in them are listed, newest first. private void RefreshChatSummaries() { chatSummaries = chatSessions.Values.Select(s => s.Conversation) .Where(c => c.Messages.Count > 0) .Select(c => c.ToSummary()) .ToList(); } // Raised from whatever thread the stream is on, so the list is refreshed on the renderer's. private void OnChatMessageAdded(BitAiConversation conversation, BitAiMessage message) => _ = InvokeAsync(() => { RefreshChatSummaries(); StateHasChanged(); }); private void OnChatChanged(BitAiConversation conversation) => _ = InvokeAsync(() => { RefreshChatSummaries(); StateHasChanged(); }); public async ValueTask DisposeAsync() { foreach (var session in chatSessions.Values) { session.Conversation.MessageAdded -= OnChatMessageAdded; session.Conversation.Changed -= OnChatChanged; await session.DisposeAsync(); } chatSessions.Clear(); } ``` \n**TimeZone**: ```razor

Tokyo

São Paulo

``` ```csharp // Two zones twelve hours apart and with no daylight saving time, so a new day has always begun in one of them and not // yet in the other for twelve hours, whatever the time is. private static readonly TimeZoneInfo tokyoZone = TimeZoneInfo.CreateCustomTimeZone("Tokyo", TimeSpan.FromHours(9), "Tokyo (UTC+9)", "Tokyo (UTC+9)"); private static readonly TimeZoneInfo saoPauloZone = TimeZoneInfo.CreateCustomTimeZone("Sao Paulo", TimeSpan.FromHours(-3), "São Paulo (UTC-3)", "São Paulo (UTC-3)"); private readonly IReadOnlyList zoneSummaries = CreateZoneSummaries(); private static IReadOnlyList CreateZoneSummaries() { var now = DateTimeOffset.UtcNow; // Halfway between the midnights the two cities passed last: after the later one in one city, before it in the other. var sinceTokyoMidnight = TimeZoneInfo.ConvertTime(now, tokyoZone).TimeOfDay; var sinceSaoPauloMidnight = TimeZoneInfo.ConvertTime(now, saoPauloZone).TimeOfDay; var ago = (sinceTokyoMidnight + sinceSaoPauloMidnight) / 2; return [ new("z1", "Check in for the trip", now.AddMinutes(-10), "Seats 14A and 14B.", 2), new("z2", "Book the flights", now - ago, "The direct one on Friday morning.", 6), new("z3", "Pack for the weather", now.AddDays(-3), "Light layers and an umbrella.", 4), ]; } ``` \n**Disabled**: ```razor

``` ```csharp // The summaries of the Basic example. None of the handlers is called while the list is disabled. private string? selectedId = "c2"; private readonly IReadOnlyList summaries = CreateSummaries(); private void HandleSelect(BitAiConversationSummary summary) { selectedId = summary.ConversationId; } private void HandleDisabledNew() { } private void HandleDisabledDelete(BitAiConversationSummary summary) { } private static IReadOnlyList CreateSummaries() { var now = DateTimeOffset.Now; return [ new("c1", "Plan a weekend in Lisbon", now.AddMinutes(-20), "Three days, mostly on foot, with one day trip to Sintra.", 6), new("c2", "Draft the release notes", now.AddHours(-2), "Grouped by package, breaking changes first.", 4), new("c3", "Why does my circuit drop?", now.AddDays(-1), "Most likely an idle timeout on the proxy.", 8), new("c4", "Compare the pricing tiers", now.AddDays(-4), "The middle tier covers most teams.", 10), new("c5", "Explain render modes", now.AddDays(-12), "Server, WebAssembly and Auto, per component.", 2), new("c6", "Name the new component", now.AddDays(-45), "BitAiChat won the vote.", 12), ]; } ``` \n**Cascading parameters**: ```razor ``` ```csharp private readonly BitAiConversationListParams[] conversationListParams = [ new() { ShowNewButton = false, TimeZone = TimeZoneInfo.Utc, Styles = new() { GroupHeader = "color:var(--bit-clr-pri)", Root = "border:1px solid var(--bit-clr-brd-sec);border-radius:0.5rem" }, } ]; // The summaries and the handler of the Basic example (CreateSummaries() included there). private string? selectedId = "c2"; private readonly IReadOnlyList summaries = CreateSummaries(); private void HandleSelect(BitAiConversationSummary summary) { selectedId = summary.ConversationId; } ``` \n**Style & Class**: ```razor ``` ```csharp // The summaries and the handler of the Basic example (CreateSummaries() included there). private string? selectedId = "c2"; private readonly IReadOnlyList summaries = CreateSummaries(); private void HandleSelect(BitAiConversationSummary summary) { selectedId = summary.ConversationId; } ``` \n**RTL**: ```razor

``` ```csharp private string? rtlSelectedId = "r1"; private readonly IReadOnlyList rtlSummaries = [ new("r1", "برنامه‌ی سفر آخر هفته", DateTimeOffset.Now.AddHours(-1), "سه روز، بیشتر پیاده.", 6), new("r2", "یادداشت‌های انتشار", DateTimeOffset.Now.AddDays(-1), "دسته‌بندی بر اساس بسته.", 4), new("r3", "مقایسه‌ی طرح‌های قیمت", DateTimeOffset.Now.AddDays(-5), "طرح میانی برای بیشتر تیم‌ها کافی است.", 10), ]; private void HandleRtlSelect(BitAiConversationSummary summary) { rtlSelectedId = summary.ConversationId; } ```