51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T14fc,@@jsxConfig({version: 4, mode: "automatic", module_: "BaseUi.BaseUiJsxDOM"}) @@directive("'use client'") let messages: array = [ { id: "vis-brief", role: User, text: "Review the incident handoff and tell me what to read first.", }, { id: "msg-1", role: Assistant, text: "Start with the summary and the impact section. The regression affected the upload queue, but the recovery path completed for every queued job.", }, {id: "vis-impact", role: User, text: "What was the customer impact?"}, { id: "msg-2", role: Assistant, text: "Impact was limited to delayed processing.\n\nNo records were dropped, and the reconciliation worker confirmed each retry batch. Support saw confusion from two customers, but there were no checkout or billing errors.", }, {id: "vis-actions", role: User, text: "What actions are open?"}, { id: "msg-3", role: Assistant, text: "Keep the retry window enabled until the next deploy, then add a queue-depth alert as the long-term fix.\n\nThe alert should fire on sustained queue growth, not a single short spike.", }, {id: "vis-checklist", role: User, text: "Give me the follow-up checklist."}, { id: "msg-4", role: Assistant, text: "After that, compare the queue recovery graph with the deploy timeline so the handoff shows exactly when processing returned to baseline. That makes it easier for support and engineering to answer the same customer questions without re-reading the whole incident thread.\n\nI would also add a short owner note beside each follow-up item. The checklist is small, but ownership keeps the retry-window decision, alert tuning, and support macro from drifting into separate follow-up conversations.\n\nKeep the retry window enabled until the next deploy, then add a queue-depth alert as the long-term fix.\n\nThe alert should fire on sustained queue growth, not a single short spike.", }, ] let userMessages = messages->Array.filter(message => message.role == User) let trimmed = text => text->String.length > 42 ? `${text->String.slice(~start=0, ~end=39)}...` : text module Outline = { @react.component let make = () => { let {scrollToMessage} = MessageScroller.useMessageScroller() let {currentAnchorId} = MessageScroller.useMessageScrollerVisibility() let currentAnchorId = currentAnchorId->Nullable.toOption } ariaLabel="Open transcript outline" className="flex h-9 w-9 flex-col items-center justify-center gap-1 rounded-md transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/50" > {userMessages ->Array.map(message => ) ->React.array} {userMessages ->Array.map(message => ) ->React.array} } } @react.componentWithProps(Demo.Props.t) let make = ({}: Demo.Props.t) =>

{"Transcript Outline"->React.string} {"Track the current anchored turn."->React.string}

{"Open the outline to jump between anchored turns as you read."->React.string}

50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","rescript-base-ui",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/rescript-base-ui","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"rescript-base-ui"}]]}]}]]}],["$","$L51",null,{"namespace":"@rescript-shadcn","registryDependencies":["@rescript-shadcn/Card","@rescript-shadcn/Demo","@rescript-shadcn/HoverCard","@rescript-shadcn/MessageScroller","@rescript-shadcn/MessageScrollerExample"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/base/examples/MessageScrollerVisibility.res","content":"$53","type":"registry:example"}],"className":"h-[70svh] min-h-80"}]]}]