Interactive Server keeps component state on the server and streams UI diffs over a SignalR circuit. If that circuit drops, the state goes with it unless you have persisted it yourself.

``` ```csharp private static readonly BitAiCitationSource renderModesSource = new("render-modes", "Blazor render modes") { Kind = BitAiSourceKind.Web, Url = "https://learn.microsoft.com/aspnet/core/blazor/components/render-modes", SiteName = "Microsoft Learn", Description = "How interactivity is chosen per component or per page.", }; private static readonly BitAiCitationSource circuitsSource = new("circuits", "SignalR circuit lifetime") { Kind = BitAiSourceKind.Document, Url = "https://learn.microsoft.com/aspnet/core/blazor/fundamentals/signalr", SiteName = "Microsoft Learn", Description = "What happens to state when a circuit drops.", }; private static readonly BitAiCitation renderModes = new("c1", renderModesSource) { Number = 1, Quote = "Interactive Server renders the component on the server and sends UI updates over a circuit.", }; private static readonly BitAiCitation circuits = new("c2", circuitsSource) { Number = 2, Quote = "When a circuit is lost, the associated component state is disposed.", }; ``` \n**Preview**: ```razor

Prerendering runs the component twice, once on the server and once in the browser.

``` ```csharp private static readonly BitAiCitationSource prerenderingSource = new("prerendering", "Prerendering") { Kind = BitAiSourceKind.Web, Url = "https://learn.microsoft.com/aspnet/core/blazor/components/prerender", SiteName = "Microsoft Learn", }; private static readonly BitAiCitation prerendering = new("c3", prerenderingSource) { Number = 3, Quote = "Prerendering is the process of initially rendering page content on the server without enabling event handlers for rendered controls.", }; private static readonly BitAiCitation prerenderingNoQuote = new("c4", prerenderingSource) { Number = 4 }; ``` \n**Activation**: ```razor

Interactive Server keeps component state on the server and loses it with the circuit, and prerendering runs it twice.

@if (activated is not null) {

@activated.Quote

} ``` ```csharp // renderModes, circuits and prerendering are the citations of the examples above. private BitAiCitation? activated; ``` \n**In Markdown**: ```razor Stream the answer @if (streamedText.Length > 0) {

Last activated: @(markdownActivated?.Source.Title ?? "-")

} ``` ```csharp // renderModes and circuits are the citations of the Basic example. private static readonly BitAiCitation[] markdownCitations = [renderModes, circuits]; private string streamedText = ""; private bool isStreaming; private BitAiCitation? markdownActivated; private async Task StreamAnswer() { isStreaming = true; markdownActivated = null; const string answer = """ **Interactive Server** keeps component state on the server and streams UI diffs over a SignalR circuit [1]. If that circuit drops, the state goes with it unless you have persisted it yourself [2]. That is the trade the render mode makes: a fast first paint, in exchange for a dependency on a live connection [1]. """; for (var i = 6; i < answer.Length; i += 6) { streamedText = answer[..i]; StateHasChanged(); await Task.Delay(30); } streamedText = answer; isStreaming = false; } ``` \n**Anchored in a message**: ```razor @implements IAsyncDisposable Ask @if (citedMessage is not null) { } ``` ```csharp // AiDemoContentTransports.Cited is a scripted transport of this site that streams anchored citations: // https://github.com/bitfoundation/bitplatform/blob/develop/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Services/AI/AiDemoContentTransports.cs private BitAiChatSession? citedSession; private BitAiMessage? citedMessage; private async Task AskCited() { if (citedSession is not null) await citedSession.DisposeAsync(); var current = new BitAiChatSession(AiDemoContentTransports.Cited()); citedSession = current; citedMessage = null; // The answer appears in the conversation once the transport starts it; from then on the message follows itself. current.StateChanged += () => { var message = current.Conversation.Messages.LastOrDefault(m => m.Role.IsAssistant); if (ReferenceEquals(message, citedMessage) || ReferenceEquals(current, citedSession) is false) return; citedMessage = message; InvokeAsync(StateHasChanged); }; await current.SubmitAsync("What does Interactive Server trade away?"); } public async ValueTask DisposeAsync() { if (citedSession is not null) await citedSession.DisposeAsync(); } ``` \n**Cascading parameters**: ```razor

State lives on the server, goes with the circuit, and is rendered twice.

``` ```csharp // renderModes, circuits and prerendering are the citations of the examples above. private readonly BitAiCitationMarkerParams[] markerParams = [ new() { Styles = new() { Root = "border-radius: 1rem; font-weight: bold" } } ]; ``` \n**Style & Class**: ```razor

A styled marker, a classy one, one with Styles and one with Classes.

Restyled by the variables of their container.

``` \n**RTL**: ```razor

حالت تعاملی سرور، وضعیت کامپوننت را روی سرور نگه می‌دارد و با قطع شدن اتصال آن را از دست می‌دهد.

``` ```csharp private static readonly BitAiCitation rtlCitation = new("c1", new BitAiCitationSource("render-modes", "حالت‌های رندر بلیزر") { Kind = BitAiSourceKind.Web, Url = "https://learn.microsoft.com/aspnet/core/blazor/components/render-modes", }) { Number = 1, }; ```