@rohansguliani/mux-chat-ui 0.3.0 → 0.4.0

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["theme","animations","iconButton","spinner","collapsible","basicTool","textShimmer","toolStatusTitle","dockSurface","markdown","messagePart","sessionTurn","chat","createEffect","createSignal","onCleanup","SWAP_MS","TextShimmer","props","text","active","offset","run","setRun","timer","ReturnType","setTimeout","clearTimeout","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_$insert","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","_$setAttribute","t","a","_$setStyleProperty","o","undefined","svg","path","filled","_el$5","_tmpl$2","_el$6","_el$7","ChevronDown","ArrowUp","Stop","Plus","_tmpl$","_tmpl$2","_$setAttribute","_$setStyleProperty","Part","ReasoningPart","TextPart","ToolPart","createMemo","createSignal","Match","Show","Switch","JSX","renderMarkdown","seconds","toolActive","toolDetail","toolSubtitle","toolTitle","ChevronDown","TextShimmer","ActivityRow","props","title","subtitle","active","name","status","children","Element","open","setOpen","expandable","undefined","_el$","_tmpl$3","_el$2","firstChild","_el$3","_el$4","_el$5","_el$6","_el$7","_el$8","_el$9","nextSibling","$$click","_$insert","_$createComponent","text","when","_el$11","_tmpl$4","_el$0","_tmpl$","_el$1","_$memo","_el$10","_tmpl$2","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","e","_$setAttribute","t","a","o","i","n","disabled","ToolRow","part","labels","Record","detail","state","slice","tool","_el$12","_tmpl$5","_el$13","ReasoningRow","live","time","end","duration","start","_el$14","_tmpl$6","_el$15","innerHTML","TextPartView","_el$16","_tmpl$7","_el$17","PartView","type","_$delegateEvents","_tmpl$","_tmpl$2","_tmpl$3","_tmpl$4","_tmpl$5","_tmpl$6","_tmpl$7","_$createComponent","_$memo","_$setAttribute","_$delegateEvents","PermissionRequest","QuestionRequest","Turn","createComputed","createEffect","createMemo","createSignal","For","on","onCleanup","Show","createChatController","ToolResult","sameIDs","visibleParts","ActivityRow","PartView","ArrowUp","ChevronDown","Plus","Stop","ResolvedOptions","url","title","subtitle","placeholder","suggestions","Array","label","prompt","toolLabels","Record","agent","sessionTitle","storageKey","preferredModel","onToolResult","result","ChatAPI","send","text","Promise","focus","newChat","TurnView","props","turn","streaming","labels","message","parts","ids","map","part","id","equals","byID","Map","live","m","role","time","completed","undefined","error","failure","name","data","userText","flatMap","type","synthetic","join","_$createComponent","when","children","fallback","_el$2","_tmpl$2","_el$3","firstChild","_el$4","_$insert","_$effect","_$setAttribute","_el$","_tmpl$","each","get","_$memo","length","active","_el$5","_tmpl$3","_p$","_v$","_v$2","e","t","QuestionDock","request","onAnswer","answers","onSkip","setAnswers","questions","set","index","value","previous","current","i","toggle","multiple","includes","filter","_el$6","_tmpl$4","_el$7","_el$8","_el$9","nextSibling","question","_el$0","_tmpl$7","_el$10","_el$11","header","_el$1","_tmpl$5","options","option","_el$13","_tmpl$9","_el$14","$$click","description","_el$15","_tmpl$8","_v$3","_v$4","custom","_el$12","_tmpl$6","$$input","event","currentTarget","trim","disabled","every","answer","PermissionDock","onReply","response","patterns","Boolean","replied","setReplied","reply","_el$16","_tmpl$1","_el$17","_el$18","_el$19","_el$21","_el$20","_el$23","_el$24","_el$25","_el$26","permission","_el$22","_tmpl$0","_v$5","_v$6","_v$7","a","Chat","api","chat","timeline","HTMLDivElement","input","HTMLTextAreaElement","draft","setDraft","grow","style","height","Math","min","scrollHeight","clear","restore","sendText","submit","ready","waiting","resolve","sent","queue","sendFromHost","push","flush","batch","then","working","lastTurn","messageIDs","awaitingReply","pinned","nearBottom","scrollTop","clientHeight","changes","defer","older","_el$27","_tmpl$17","_el$28","_el$29","_el$30","_el$32","_el$33","_el$34","_el$35","_el$40","_el$42","_el$46","_el$47","_el$48","_el$49","_el$50","_el$51","_el$52","_el$53","_el$54","_el$55","_el$56","_el$57","_el$58","_el$59","_el$31","_tmpl$10","status","addEventListener","_ref$","_$use","_el$36","_tmpl$13","_el$37","_el$38","_tmpl$11","_el$39","_tmpl$12","suggestion","_el$60","_tmpl$18","_el$41","_tmpl$14","permissions","keyed","replyPermission","reject","unconfirmed","_el$43","_tmpl$16","_el$44","_el$45","_tmpl$15","retry","$$keydown","key","shiftKey","isComposing","preventDefault","_ref$2","selectModel","modelGroups","group","_el$61","_tmpl$19","models","model","_el$62","_tmpl$20","selected","modelValue","abort","_v$8","sessionID","_v$9","tone","_v$0","_v$1","_v$10","_v$11","_v$12","_v$13","_v$14","_v$15","o","n","s","h","r","d","_$delegateEvents","_tmpl$","_$createComponent","_$setAttribute","_$memo","_$use","_$delegateEvents","onCleanup","onMount","JSX","render","ToolResult","styles","Chat","ChatAPI","MuxChatOptions","url","title","subtitle","placeholder","suggestions","Array","label","prompt","toolLabels","Record","preferredModel","onToolResult","result","theme","storageKey","agent","sessionTitle","MuxChatHandle","send","text","Promise","focus","newChat","dispose","mountMuxChat","host","HTMLElement","options","root","shadowRoot","attachShadow","mode","replaceChildren","style","document","createElement","textContent","container","height","append","setAttribute","removeAttribute","api","_$createComponent","value","resolve","MuxChat","props","id","class","CSSProperties","ref","handle","HTMLDivElement","_el$","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","_$className","a","_$style","undefined","_$createComponent","_$use","_$setAttribute","_$className","_$style"],"sources":["../src/styles/mux/animations.css?inline","../src/styles/mux/basic-tool.css?inline","../src/styles/mux/collapsible.css?inline","../src/styles/mux/dock-surface.css?inline","../src/styles/mux/icon-button.css?inline","../src/styles/mux/markdown.css?inline","../src/styles/mux/message-part.css?inline","../src/styles/mux/session-turn.css?inline","../src/styles/mux/spinner.css?inline","../src/styles/mux/text-shimmer.css?inline","../src/styles/mux/theme.css?inline","../src/styles/mux/tool-status-title.css?inline","../src/styles/chat.css?inline","../src/styles.ts","../src/model.ts","../src/controller.ts","../src/markdown.ts","../src/view/primitives.tsx","../src/view/parts.tsx","../src/view/Chat.tsx","../src/mount.tsx"],"sourcesContent":["/* Synced from Mux frontend/src/ui/styles/animations.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n:host {\n  --animate-pulse: pulse-opacity 2s ease-in-out infinite;\n  --animate-pulse-scale: pulse-scale 1.2s ease-in-out infinite;\n}\n\n@keyframes pulse-opacity {\n  0%,\n  100% {\n    opacity: 0.4;\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n@keyframes pulse-scale {\n  0%,\n  100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(0.6666667);\n  }\n}\n\n@keyframes pulse-opacity-dim {\n  0%,\n  100% {\n    opacity: 0.15;\n  }\n  50% {\n    opacity: 0.35;\n  }\n}\n\n@keyframes fadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(5px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.fade-up-text {\n  animation: fadeUp 0.4s ease-out forwards;\n  opacity: 0;\n\n  &:nth-child(1) {\n    animation-delay: 0.1s;\n  }\n  &:nth-child(2) {\n    animation-delay: 0.2s;\n  }\n  &:nth-child(3) {\n    animation-delay: 0.3s;\n  }\n  &:nth-child(4) {\n    animation-delay: 0.4s;\n  }\n  &:nth-child(5) {\n    animation-delay: 0.5s;\n  }\n  &:nth-child(6) {\n    animation-delay: 0.6s;\n  }\n  &:nth-child(7) {\n    animation-delay: 0.7s;\n  }\n  &:nth-child(8) {\n    animation-delay: 0.8s;\n  }\n  &:nth-child(9) {\n    animation-delay: 0.9s;\n  }\n  &:nth-child(10) {\n    animation-delay: 1s;\n  }\n  &:nth-child(11) {\n    animation-delay: 1.1s;\n  }\n  &:nth-child(12) {\n    animation-delay: 1.2s;\n  }\n  &:nth-child(13) {\n    animation-delay: 1.3s;\n  }\n  &:nth-child(14) {\n    animation-delay: 1.4s;\n  }\n  &:nth-child(15) {\n    animation-delay: 1.5s;\n  }\n  &:nth-child(16) {\n    animation-delay: 1.6s;\n  }\n  &:nth-child(17) {\n    animation-delay: 1.7s;\n  }\n  &:nth-child(18) {\n    animation-delay: 1.8s;\n  }\n  &:nth-child(19) {\n    animation-delay: 1.9s;\n  }\n  &:nth-child(20) {\n    animation-delay: 2s;\n  }\n  &:nth-child(21) {\n    animation-delay: 2.1s;\n  }\n  &:nth-child(22) {\n    animation-delay: 2.2s;\n  }\n  &:nth-child(23) {\n    animation-delay: 2.3s;\n  }\n  &:nth-child(24) {\n    animation-delay: 2.4s;\n  }\n  &:nth-child(25) {\n    animation-delay: 2.5s;\n  }\n  &:nth-child(26) {\n    animation-delay: 2.6s;\n  }\n  &:nth-child(27) {\n    animation-delay: 2.7s;\n  }\n  &:nth-child(28) {\n    animation-delay: 2.8s;\n  }\n  &:nth-child(29) {\n    animation-delay: 2.9s;\n  }\n  &:nth-child(30) {\n    animation-delay: 3s;\n  }\n}\n","/* Synced from Mux frontend/src/ui/components/basic-tool.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n/* [data-component=\"tool-trigger\"] {\n  content-visibility: auto;\n} */\n[data-component=\"tool-trigger\"][data-layout=\"activity-row\"] {\n  width: fit-content;\n  max-width: 100%;\n  min-width: 0;\n  display: grid;\n  grid-template-columns: var(--activity-label-width) minmax(0, auto) auto auto;\n  column-gap: 8px;\n  align-items: baseline;\n  justify-content: start;\n\n  [data-slot=\"basic-tool-tool-trigger-content\"],\n  [data-slot=\"basic-tool-tool-info\"],\n  [data-slot=\"basic-tool-tool-info-structured\"],\n  [data-slot=\"basic-tool-tool-info-main\"] {\n    display: contents;\n  }\n\n  [data-slot=\"basic-tool-tool-title\"] {\n    grid-column: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  [data-slot=\"basic-tool-tool-detail\"] {\n    grid-column: 2;\n    min-width: 0;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  [data-slot=\"basic-tool-tool-action\"],\n  [data-component=\"tool-action\"] {\n    grid-column: 3;\n  }\n\n  > [data-slot=\"collapsible-arrow\"] {\n    grid-column: 3;\n    align-self: center;\n  }\n\n  &:has([data-slot=\"basic-tool-tool-action\"], [data-component=\"tool-action\"])\n    > [data-slot=\"collapsible-arrow\"] {\n    grid-column: 4;\n  }\n\n  [data-slot=\"basic-tool-tool-indicator\"] {\n    width: 16px;\n    height: 16px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n\n    [data-component=\"spinner\"] {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  [data-slot=\"basic-tool-tool-spinner\"] {\n    width: 16px;\n    height: 16px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    color: var(--text-weak);\n\n    [data-component=\"spinner\"] {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  [data-slot=\"icon-svg\"] {\n    flex-shrink: 0;\n  }\n\n  [data-slot=\"basic-tool-tool-info\"] {\n    display: contents;\n    font-size: var(--font-size-base);\n  }\n\n  [data-slot=\"basic-tool-tool-info-structured\"],\n  [data-slot=\"basic-tool-tool-info-main\"] {\n    display: contents;\n  }\n\n  [data-slot=\"basic-tool-tool-title\"] {\n    flex-shrink: 0;\n    font-family: var(--font-family-sans);\n    font-size: var(--font-size-base);\n    font-style: normal;\n    font-weight: var(--font-weight-medium);\n    line-height: var(--line-height-large);\n    letter-spacing: var(--letter-spacing-normal);\n    color: var(--text-strong);\n\n    &.capitalize {\n      text-transform: capitalize;\n    }\n\n    &.agent-title {\n      color: var(--text-strong);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n\n  [data-slot=\"basic-tool-tool-detail\"] {\n    display: block;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    direction: ltr;\n    unicode-bidi: isolate;\n\n    > :not(:first-child) {\n      margin-left: 8px;\n    }\n  }\n\n  [data-slot=\"basic-tool-tool-subtitle\"] {\n    min-width: 0;\n    font-family: var(--font-family-sans);\n    font-variant-numeric: tabular-nums;\n    font-size: var(--font-size-base);\n    font-style: normal;\n    font-weight: var(--font-weight-regular);\n    line-height: var(--line-height-large);\n    letter-spacing: var(--letter-spacing-normal);\n    color: var(--text-base);\n\n    &.webfetch-url {\n      display: block;\n      max-width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font-size: var(--font-size-small);\n    }\n\n    &.clickable {\n      cursor: pointer;\n      text-decoration: underline;\n      transition: color 0.15s ease;\n\n      &:hover {\n        color: var(--text-base);\n      }\n    }\n  }\n\n  [data-slot=\"basic-tool-tool-arg\"] {\n    flex-shrink: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-family: var(--font-family-sans);\n    font-variant-numeric: tabular-nums;\n    font-size: var(--font-size-base);\n    font-style: normal;\n    font-weight: var(--font-weight-regular);\n    line-height: var(--line-height-large);\n    letter-spacing: var(--letter-spacing-normal);\n    color: var(--text-base);\n  }\n\n  [data-slot=\"basic-tool-tool-action\"] {\n    display: inline-flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n}\n\n/* Consecutive tool rows sit flush; a delegation card needs its own breathing room.\n   Cards stop short of the full prose width so two short lines are not boxed\n   inside a mostly empty frame. */\n[data-component=\"task-supervision\"] {\n  width: 100%;\n  max-width: 40rem;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-block: 4px;\n}\n\n[data-component=\"task-tool-card\"] {\n  width: 100%;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  border-radius: 6px;\n  border: 1px solid var(--border-weak-base, rgba(255, 255, 255, 0.08));\n  background: color-mix(in srgb, var(--background-base) 92%, transparent);\n  transition:\n    border-color 0.15s ease,\n    background-color 0.15s ease,\n    color 0.15s ease;\n\n  [data-slot=\"task-tool-body\"] {\n    flex: 1 1 auto;\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-radius: inherit;\n    color: inherit;\n    text-decoration: none;\n  }\n\n  a[data-slot=\"task-tool-body\"] {\n    cursor: pointer;\n  }\n\n  [data-slot=\"task-tool-info\"] {\n    flex: 1 1 auto;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  [data-slot=\"task-tool-heading\"] {\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-family: var(--font-family-sans);\n    font-size: var(--font-size-base);\n    line-height: var(--line-height-large);\n    letter-spacing: var(--letter-spacing-normal);\n  }\n\n  [data-slot=\"task-tool-description\"] {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--text-strong);\n    font-weight: var(--font-weight-regular);\n  }\n\n  [data-slot=\"task-tool-meta\"] {\n    min-width: 0;\n    display: flex;\n    align-items: baseline;\n    white-space: nowrap;\n    font-family: var(--font-family-sans);\n    font-size: var(--font-size-small);\n    line-height: var(--line-height-large);\n    color: var(--text-weak);\n\n    > * {\n      flex-shrink: 0;\n    }\n\n    > * + *::before {\n      content: \"·\";\n      margin-inline: 6px;\n      color: var(--text-weaker);\n    }\n\n    /* The model label is last and gives way on narrow layouts. */\n    > :last-child:not(:first-child) {\n      flex-shrink: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  [data-slot=\"task-tool-state\"]:is([data-state=\"pending\"], [data-state=\"queued\"], [data-state=\"running\"]) {\n    color: var(--text-interactive-base);\n  }\n\n  [data-slot=\"task-tool-state\"][data-state=\"error\"] {\n    color: var(--text-danger-base);\n  }\n\n  [data-component=\"task-tool-spinner\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n\n    [data-component=\"spinner\"] {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  [data-component=\"task-tool-action\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    color: var(--icon-weak);\n    opacity: 0;\n    transition:\n      opacity 0.15s ease,\n      color 0.15s ease;\n  }\n\n  [data-component=\"task-tool-title\"] {\n    flex-shrink: 0;\n    font-weight: var(--font-weight-medium);\n    text-transform: capitalize;\n  }\n\n  > [data-component=\"button\"] {\n    flex-shrink: 0;\n    margin-inline-end: 8px;\n  }\n\n  &:hover,\n  &:focus-within {\n    background: color-mix(in srgb, var(--background-stronger) 88%, transparent);\n\n    [data-component=\"task-tool-action\"] {\n      opacity: 1;\n    }\n  }\n\n  @media (hover: none) {\n    [data-component=\"task-tool-action\"] {\n      opacity: 1;\n    }\n  }\n}\n\n[data-component=\"task-supervision\"] > [data-slot=\"task-tool-failure\"] {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n  overflow: hidden;\n  padding-inline: 12px;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  font-size: var(--font-size-small);\n  line-height: var(--line-height-large);\n  color: var(--text-base);\n}\n\n[data-component=\"task-supervision\"] > [data-slot=\"task-tool-status-error\"] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-inline: 12px;\n  font-size: var(--font-size-small);\n  line-height: var(--line-height-large);\n  color: var(--text-weak);\n}\n","/* Synced from Mux frontend/src/ui/components/collapsible.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n[data-slot=\"collapsible-collapse\"] {\n  min-height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  [data-component=\"icon-button\"] {\n    width: 28px;\n    height: 28px;\n\n    [data-slot=\"icon-svg\"] {\n      transform: rotate(180deg);\n    }\n  }\n}\n\n[data-component=\"collapsible\"] {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background-color: transparent;\n  border: none;\n  transition: background-color 0.15s ease;\n  border-radius: var(--radius-md);\n  overflow: visible;\n\n  &.tool-collapsible {\n    gap: 8px;\n  }\n\n  [data-slot=\"collapsible-trigger\"]:has(\n    > [data-layout=\"activity-row\"]\n  ) {\n    min-height: 28px;\n    height: auto;\n  }\n\n  [data-slot=\"collapsible-trigger\"] {\n    width: 100%;\n    display: flex;\n    height: 32px;\n    padding: 0;\n    align-items: center;\n    align-self: stretch;\n    cursor: default;\n    user-select: none;\n    color: var(--text-base);\n    /* Triggers render as <button>, which still defaults to centered text. */\n    text-align: start;\n\n    [data-slot=\"collapsible-arrow\"] {\n      opacity: 0;\n      transition: opacity 0.15s ease;\n      will-change: opacity;\n      transform: translateZ(0);\n    }\n\n    [data-slot=\"collapsible-arrow-icon\"] {\n      display: inline-flex;\n      color: var(--icon-weaker);\n      transform: translateZ(0) rotate(-90deg);\n      transition: transform 0.15s ease;\n      will-change: transform;\n    }\n\n    &:hover [data-slot=\"collapsible-arrow\"] {\n      opacity: 1;\n    }\n\n    /* text-12-medium */\n    font-family: var(--font-family-sans);\n    font-size: var(--font-size-small);\n    font-style: normal;\n    font-weight: var(--font-weight-medium);\n    line-height: var(--line-height-large); /* 166.667% */\n    letter-spacing: var(--letter-spacing-normal);\n\n    /* &:hover { */\n    /*   background-color: var(--surface-base); */\n    /* } */\n    &:focus-visible {\n      outline: none;\n      background-color: var(--surface-raised-base-hover);\n    }\n    &[data-disabled] {\n      cursor: not-allowed;\n    }\n\n    [data-slot=\"collapsible-arrow\"] {\n      flex-shrink: 0;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      &[data-size=\"compact\"] {\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n\n  [data-slot=\"collapsible-trigger\"][aria-expanded=\"true\"] {\n    [data-slot=\"collapsible-arrow\"] {\n      opacity: 1;\n    }\n\n    [data-slot=\"collapsible-arrow-icon\"] {\n      transform: translateZ(0) rotate(0deg);\n    }\n  }\n\n  [data-slot=\"collapsible-content\"] {\n    overflow: hidden;\n\n    &[data-expanded] {\n      overflow: visible;\n    }\n  }\n\n  &[data-variant=\"ghost\"] {\n    background-color: transparent;\n    border: none;\n\n    > [data-slot=\"collapsible-trigger\"] {\n      background-color: transparent;\n      border: none;\n      padding: 0;\n\n      /* &:hover { */\n      /*   color: var(--text-strong); */\n      /* } */\n      &:focus-visible {\n        outline: none;\n        background-color: var(--surface-raised-base-hover);\n      }\n      &[data-disabled] {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  &[data-variant=\"ghost\"][data-scope=\"filetree\"] {\n    > [data-slot=\"collapsible-trigger\"] {\n      height: 24px;\n    }\n  }\n}\n","/* Synced from Mux frontend/src/ui/components/dock-surface.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n[data-dock-surface=\"shell\"] {\n  background-color: var(--surface-raised-stronger-non-alpha);\n  box-shadow: var(--shadow-xs-border);\n  position: relative;\n  z-index: 10;\n  border-radius: 12px;\n  overflow: clip;\n}\n\n[data-dock-surface=\"tray\"] {\n  background-color: var(--background-base);\n  border: 1px solid var(--border-weak-base);\n  position: relative;\n  z-index: 0;\n  border-radius: 12px;\n  overflow: clip;\n}\n\n[data-dock-surface=\"tray\"][data-dock-attach=\"top\"] {\n  margin-top: -0.875rem;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n","/* Synced from Mux frontend/src/ui/components/icon-button.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n[data-component=\"icon-button\"] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-sm);\n  text-decoration: none;\n  user-select: none;\n  aspect-ratio: 1;\n  flex-shrink: 0;\n\n  &[data-variant=\"primary\"] {\n    background-color: var(--icon-strong-base);\n\n    [data-slot=\"icon-svg\"] {\n      /* color: var(--icon-weak-base); */\n      color: var(--icon-invert-base);\n\n      /* &:hover:not(:disabled) { */\n      /*   color: var(--icon-weak-hover); */\n      /* } */\n      /* &:active:not(:disabled) { */\n      /*   color: var(--icon-strong-active); */\n      /* } */\n    }\n\n    @media (hover: hover) {\n      &:hover:not(:disabled) {\n        background-color: var(--icon-strong-hover);\n      }\n    }\n    &:focus:not(:disabled) {\n      background-color: var(--icon-strong-focus);\n    }\n    &:active:not(:disabled) {\n      background-color: var(--icon-strong-active);\n    }\n    &:disabled {\n      background-color: var(--icon-strong-disabled);\n\n      [data-slot=\"icon-svg\"] {\n        color: var(--icon-invert-base);\n      }\n    }\n  }\n\n  &[data-variant=\"secondary\"] {\n    border: transparent;\n    background-color: var(--button-secondary-base);\n    color: var(--text-strong);\n    box-shadow: var(--shadow-xs-border-base);\n\n    @media (hover: hover) {\n      &:hover:not(:disabled) {\n        background-color: var(--button-secondary-hover);\n      }\n    }\n    &:focus:not(:disabled) {\n      background-color: var(--button-secondary-base);\n    }\n    &:focus-visible:not(:active) {\n      background-color: var(--button-secondary-base);\n      box-shadow: var(--shadow-xs-border-focus);\n    }\n    &:focus-visible:active {\n      box-shadow: none;\n    }\n    &:active:not(:disabled) {\n      background-color: var(--button-secondary-base);\n    }\n\n    [data-slot=\"icon-svg\"] {\n      color: var(--icon-strong-base);\n    }\n\n    &:disabled {\n      background-color: var(--icon-strong-disabled);\n      color: var(--icon-invert-base);\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-variant=\"ghost\"] {\n    background-color: transparent;\n    /* color: var(--icon-base); */\n\n    [data-slot=\"icon-svg\"] {\n      color: var(--icon-base);\n    }\n\n    @media (hover: hover) {\n      &:hover:not(:disabled) {\n        background-color: var(--surface-base-hover);\n\n        /* [data-slot=\"icon-svg\"] { */\n        /*   color: var(--icon-hover); */\n        /* } */\n      }\n    }\n    &:focus-visible:not(:disabled) {\n      background-color: var(--surface-base-hover);\n    }\n    &:active:not(:disabled) {\n      background-color: var(--surface-base-active);\n      /* [data-slot=\"icon-svg\"] { */\n      /*   color: var(--icon-active); */\n      /* } */\n    }\n    &:selected:not(:disabled) {\n      background-color: var(--surface-base-active);\n      /* [data-slot=\"icon-svg\"] { */\n      /*   color: var(--icon-selected); */\n      /* } */\n    }\n    &:disabled {\n      color: var(--icon-invert-base);\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-size=\"normal\"] {\n    width: 24px;\n    height: 24px;\n\n    font-size: var(--font-size-small);\n    line-height: var(--line-height-large);\n    gap: calc(var(--spacing) * 0.5);\n  }\n\n  &[data-size=\"small\"] {\n    width: 20px;\n    height: 20px;\n  }\n\n  &[data-size=\"large\"] {\n    height: 32px;\n    /* padding: 0 8px 0 6px; */\n    gap: 8px;\n\n    /* text-12-medium */\n    font-family: var(--font-family-sans);\n    font-size: var(--font-size-small);\n    font-style: normal;\n    font-weight: var(--font-weight-medium);\n    line-height: var(--line-height-large); /* 166.667% */\n    letter-spacing: var(--letter-spacing-normal);\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [data-component=\"icon-button\"][data-icon=\"stop\"] [data-slot=\"icon-svg\"] rect {\n    transform-origin: center;\n    transform-box: fill-box;\n    animation: stop-pulse 1.8s ease-in-out infinite;\n  }\n}\n\n@keyframes stop-pulse {\n  0%,\n  100% {\n    transform: scale(0.95);\n  }\n  50% {\n    transform: scale(1.12);\n  }\n}\n\n[data-component=\"icon-button\"].titlebar-icon {\n  width: 32px;\n  height: 24px;\n  aspect-ratio: auto;\n}\n\n[data-component=\"icon-button\"].titlebar-icon[data-variant=\"ghost\"][aria-expanded=\"true\"] {\n  background-color: var(--surface-raised-base-active);\n}\n\n[data-component=\"icon-button\"].titlebar-icon[data-variant=\"ghost\"][aria-expanded=\"true\"] [data-slot=\"icon-svg\"] {\n  color: var(--icon-strong-base);\n}\n\n@media (hover: hover) {\n  [data-component=\"icon-button\"].titlebar-icon[data-variant=\"ghost\"][aria-expanded=\"true\"]:hover:not(:disabled) {\n    background-color: var(--surface-raised-base-active);\n  }\n}\n","/* Synced from Mux frontend/src/ui/components/markdown.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n[data-component=\"markdown\"] {\n  /* Reset & Base Typography */\n  min-width: 0;\n  max-width: 100%;\n  overflow-wrap: break-word;\n  color: var(--text-strong);\n  font-family: var(--font-family-sans);\n  font-size: var(--markdown-font-size, var(--font-size-base));\n  line-height: 160%;\n  /* Contain outer margins, but let margins collapse across streaming wrappers. */\n  display: flow-root;\n\n  /* Spacing for flow */\n  > *:first-child,\n  > [data-markdown-block]:first-child > *:first-child {\n    margin-top: 0;\n  }\n  > *:last-child,\n  > [data-markdown-block]:last-child > *:last-child {\n    margin-bottom: 0;\n  }\n\n  /* Headings: Same size, distinguished by color and spacing */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: var(--markdown-font-size, var(--font-size-base));\n    color: var(--text-strong);\n    font-weight: var(--font-weight-medium);\n    margin-top: 1.5rem;\n    margin-bottom: 0.5rem;\n    line-height: var(--line-height-large);\n  }\n\n  /* Emphasis & Strong: Neutral strong color */\n  strong,\n  b {\n    color: var(--text-strong);\n    font-weight: var(--font-weight-medium);\n  }\n\n  /* Paragraphs */\n  p {\n    margin-bottom: 0.75rem;\n  }\n\n  /* Links */\n  a {\n    color: var(--text-interactive-base);\n    text-decoration: none;\n    font-weight: inherit;\n  }\n\n  a:hover {\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n\n  /* Lists */\n  ul,\n  ol {\n    margin-top: 0.5rem;\n    margin-bottom: 0.75rem;\n    margin-left: 0;\n    padding-left: 1.5rem;\n    list-style-position: outside;\n  }\n\n  ul {\n    list-style-type: disc;\n  }\n\n  ol {\n    list-style-type: decimal;\n    padding-left: 2.25rem;\n  }\n\n  li {\n    margin-bottom: 0.5rem;\n  }\n\n  li > p:first-child {\n    display: inline;\n    margin: 0;\n  }\n\n  li > p + p {\n    display: block;\n    margin-top: 0.5rem;\n  }\n\n  li::marker {\n    color: var(--text-weak);\n  }\n\n  /* Nested lists spacing */\n  li > ul,\n  li > ol {\n    margin-top: 0.25rem;\n    margin-bottom: 0.25rem;\n    padding-left: 1rem; /* Minimal indent for nesting only */\n  }\n\n  li > ol {\n    padding-left: 1.75rem;\n  }\n\n  /* Blockquotes */\n  blockquote {\n    border-left: 2px solid var(--border-weak-base);\n    margin: 1rem 0;\n    padding-left: 0.5rem;\n    color: var(--text-weak);\n    font-style: normal;\n  }\n\n  /* Horizontal Rule - Invisible spacing only */\n  hr {\n    border: none;\n    height: 0;\n    margin: 2rem 0;\n  }\n\n  .shiki,\n  .markdown-code-pending {\n    font-size: var(--markdown-font-size, 13px);\n    line-height: 1.5;\n    padding: 8px 12px;\n    border-radius: 6px;\n    border: 0.5px solid var(--border-weak-base);\n    background: var(--surface-raised-base);\n  }\n\n  .markdown-code-pending code {\n    font-family: var(--font-family-mono);\n    font-feature-settings: var(--font-family-mono--font-feature-settings);\n  }\n\n  [data-component=\"markdown-code\"] {\n    position: relative;\n\n    [data-slot=\"markdown-copy-button\"] {\n      position: absolute;\n      right: 4px;\n      z-index: 10;\n\n      &[data-position=\"top\"] {\n        top: 4px;\n      }\n\n      &[data-position=\"bottom\"] {\n        bottom: 4px;\n      }\n    }\n  }\n\n  [data-slot=\"markdown-copy-button\"] {\n    opacity: 0;\n    transition: opacity 0.15s ease;\n\n    &::after {\n      content: attr(data-tooltip);\n      position: absolute;\n      left: 50%;\n      bottom: calc(100% + 4px);\n      transform: translateX(-50%);\n      z-index: 1000;\n\n      max-width: 320px;\n      border-radius: var(--radius-sm);\n      background: var(--surface-float-base);\n      color: var(--text-invert-strong);\n      padding: 2px 8px;\n      border: 1px solid var(--border-weak-base, rgba(0, 0, 0, 0.07));\n      box-shadow: var(--shadow-md);\n\n      pointer-events: none;\n      white-space: nowrap;\n\n      font-family: var(--font-family-sans);\n      font-size: var(--font-size-small);\n      font-style: normal;\n      font-weight: var(--font-weight-medium);\n      line-height: var(--line-height-large);\n      letter-spacing: var(--letter-spacing-normal);\n\n      opacity: 0;\n      transition: opacity 0.15s ease;\n    }\n  }\n\n  [data-slot=\"markdown-copy-button\"]:hover::after,\n  [data-slot=\"markdown-copy-button\"]:focus-visible::after {\n    opacity: 1;\n  }\n\n  [data-slot=\"markdown-copy-button\"][data-variant=\"secondary\"] {\n    box-shadow: none;\n    border: 1px solid var(--border-weak-base);\n  }\n\n  [data-slot=\"markdown-copy-button\"][data-variant=\"secondary\"] [data-slot=\"icon-svg\"] {\n    color: var(--icon-base);\n  }\n\n  [data-component=\"markdown-code\"]:hover [data-slot=\"markdown-copy-button\"],\n  [data-component=\"file-viewer\"]:hover [data-slot=\"markdown-copy-button\"] {\n    opacity: 1;\n  }\n\n  [data-slot=\"markdown-copy-button\"] [data-slot=\"check-icon\"] {\n    display: none;\n  }\n\n  [data-slot=\"markdown-copy-button\"][data-copied=\"true\"] [data-slot=\"copy-icon\"] {\n    display: none;\n  }\n\n  [data-slot=\"markdown-copy-button\"][data-copied=\"true\"] [data-slot=\"check-icon\"] {\n    display: inline-flex;\n  }\n\n  pre {\n    margin-top: 0.75rem;\n    margin-bottom: 1.5rem;\n    overflow: auto;\n\n    &[data-wrap=\"true\"] {\n      white-space: pre-wrap;\n      overflow-wrap: anywhere;\n      overflow-x: hidden;\n    }\n\n    &[data-wrap=\"true\"] code,\n    &[data-wrap=\"true\"] .line {\n      white-space: inherit;\n    }\n\n    scrollbar-width: none;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  :not(pre) > code {\n    font-family: var(--font-family-mono);\n    font-feature-settings: var(--font-family-mono--font-feature-settings);\n    color: var(--syntax-string);\n    font-weight: var(--font-weight-medium);\n    /* font-size: 13px; */\n\n    /* padding: 2px 2px; */\n    /* margin: 0 1.5px; */\n    /* border-radius: 2px; */\n    /* background: var(--surface-base); */\n    /* box-shadow: 0 0 0 0.5px var(--border-weak-base); */\n  }\n\n  /* Tables */\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 1.5rem 0;\n    font-size: var(--markdown-font-size, var(--font-size-base));\n    display: block;\n    overflow-x: auto;\n  }\n\n  th,\n  td {\n    /* Minimal borders for structure, matching TUI \"lines\" roughly but keeping it web-clean */\n    border-bottom: 1px solid var(--border-weaker-base);\n    padding: 0.75rem 0.5rem;\n    text-align: left;\n    vertical-align: top;\n  }\n\n  th {\n    color: var(--text-strong);\n    font-weight: var(--font-weight-medium);\n    border-bottom: 1px solid var(--border-weak-base);\n  }\n\n  /* Images */\n  img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 4px;\n    margin: 1.5rem 0;\n    display: block;\n  }\n\n  [data-component=\"mermaid\"] {\n    margin: 2rem 0;\n    overflow: auto;\n    border: 0.5px solid var(--border-weak-base);\n    border-radius: 6px;\n    background: var(--surface-raised-base);\n    padding: 16px;\n\n    svg {\n      display: block;\n      width: 100%;\n      min-width: 320px;\n      height: auto;\n      margin: 0 auto;\n    }\n  }\n\n  pre[data-mermaid-status=\"error\"]::after {\n    content: attr(data-mermaid-error);\n    display: block;\n    margin-top: 8px;\n    color: var(--text-weak);\n    font-family: var(--font-family-sans);\n    font-size: 12px;\n    white-space: normal;\n  }\n}\n\n[data-component=\"markdown\"] a.external-link:hover > code {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n","/* Synced from Mux frontend/src/pages/session/transcript/renderers/message-part.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n/* [data-component=\"assistant-message\"] {\n  content-visibility: auto;\n} */\n[data-component=\"assistant-message\"] {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n\n  [data-slot=\"assistant-message-actions\"] {\n    min-height: 24px;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease;\n    will-change: opacity;\n  }\n\n  &:hover [data-slot=\"assistant-message-actions\"],\n  &:focus-within [data-slot=\"assistant-message-actions\"] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n}\n\n[data-component=\"user-message\"] {\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-base);\n  font-style: normal;\n  font-weight: var(--font-weight-regular);\n  line-height: var(--line-height-large);\n  letter-spacing: var(--letter-spacing-normal);\n  color: var(--text-strong);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  align-self: stretch;\n  width: 100%;\n  max-width: 100%;\n  gap: 0;\n\n  [data-slot=\"user-message-attachments\"] {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    gap: 8px;\n    width: fit-content;\n    max-width: min(82%, 64ch);\n    margin-left: auto;\n  }\n\n  [data-slot=\"user-message-attachment\"] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n    border-radius: 6px;\n    overflow: hidden;\n    background: var(--surface-weak);\n    border: 1px solid var(--border-weak-base);\n    cursor: default;\n    transition:\n      border-color 0.15s ease,\n      opacity 0.3s ease;\n\n    &:hover {\n      border-color: var(--border-strong-base);\n    }\n\n    &[data-clickable] {\n      cursor: pointer;\n    }\n\n    &[data-type=\"image\"] {\n      width: 48px;\n      height: 48px;\n    }\n\n    &[data-type=\"file\"] {\n      width: min(220px, 100%);\n      height: 48px;\n      padding: 0 10px;\n    }\n  }\n\n  [data-slot=\"user-message-attachment-image\"] {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  [data-slot=\"user-message-attachment-file\"] {\n    width: 100%;\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    [data-component=\"file-icon\"] {\n      width: 20px;\n      height: 20px;\n      flex: none;\n    }\n  }\n\n  [data-slot=\"user-message-attachment-name\"] {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--text-base);\n    font-size: var(--font-size-small);\n    line-height: var(--line-height-large);\n  }\n\n  [data-slot=\"user-message-body\"] {\n    width: fit-content;\n    max-width: min(82%, 64ch);\n    margin-left: auto;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n  }\n\n  [data-slot=\"user-message-attachments\"] + [data-slot=\"user-message-body\"] {\n    margin-top: 8px;\n  }\n\n  [data-slot=\"user-message-text\"] {\n    display: inline-block;\n    white-space: pre-wrap;\n    word-break: break-word;\n    overflow: hidden;\n    background: color-mix(in srgb, var(--surface-weak) 65%, transparent);\n    border: 1px solid transparent;\n    padding: 8px 12px;\n    border-radius: 12px;\n\n    [data-highlight=\"file\"] {\n      color: var(--syntax-property);\n    }\n\n    [data-highlight=\"agent\"] {\n      color: var(--syntax-type);\n    }\n\n    max-width: 100%;\n  }\n\n  [data-slot=\"user-message-copy-wrapper\"] {\n    min-height: 24px;\n    margin-top: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 10px;\n    width: 100%;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease;\n    will-change: opacity;\n\n    [data-component=\"tooltip-trigger\"] {\n      display: inline-flex;\n      width: fit-content;\n    }\n  }\n\n  [data-slot=\"user-message-meta\"] {\n    user-select: none;\n    text-align: right;\n    flex: 0 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  [data-slot=\"user-message-meta-wrap\"] {\n    flex: 1 1 auto;\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    overflow: hidden;\n    gap: 0;\n  }\n\n  [data-slot=\"user-message-meta-tail\"] {\n    user-select: none;\n    flex: 0 0 auto;\n    white-space: nowrap;\n    text-align: right;\n  }\n\n  &:hover [data-slot=\"user-message-copy-wrapper\"],\n  &:focus-within [data-slot=\"user-message-copy-wrapper\"] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .text-text-strong {\n    color: var(--text-strong);\n  }\n\n  .font-medium {\n    font-weight: var(--font-weight-medium);\n  }\n}\n\n[data-component=\"text-part\"] {\n  width: 100%;\n  margin-top: 24px;\n  container-type: inline-size;\n  container-name: text-part;\n\n  [data-slot=\"text-part-body\"] {\n    margin-top: 0;\n  }\n\n  [data-slot=\"text-part-copy-wrapper\"] {\n    display: none;\n    min-height: 24px;\n    margin-top: 4px;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 10px;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease;\n    will-change: opacity;\n\n    &[data-active] {\n      display: flex;\n    }\n\n    [data-component=\"tooltip-trigger\"] {\n      display: inline-flex;\n      width: fit-content;\n    }\n  }\n\n  [data-slot=\"text-part-meta\"] {\n    flex: 0 0 auto;\n    white-space: nowrap;\n    user-select: none;\n\n    > span {\n      flex: 0 0 auto;\n    }\n  }\n\n  [data-slot=\"text-part-copy-wrapper\"][data-interrupted] {\n    width: 100%;\n    justify-content: flex-end;\n    gap: 12px;\n  }\n\n  &:hover [data-slot=\"text-part-copy-wrapper\"],\n  &:focus-within [data-slot=\"text-part-copy-wrapper\"] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  [data-component=\"markdown\"] {\n    margin-top: 0;\n  }\n}\n\n@container text-part (max-width: 44rem) {\n  [data-slot=\"text-part-copy-wrapper\"] {\n    gap: 8px;\n  }\n\n  [data-slot=\"text-part-meta\"] {\n    gap: 4px;\n    font-size: calc(var(--font-size-base) * 11 / 14);\n  }\n}\n\n@container text-part (max-width: 32rem) {\n  [data-slot=\"text-part-copy-wrapper\"] {\n    gap: 6px;\n  }\n\n  [data-slot=\"text-part-meta\"] {\n    gap: 3px;\n    font-size: calc(var(--font-size-base) * 10 / 14);\n  }\n}\n\n[data-component=\"compaction-part\"] {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n\n  [data-slot=\"compaction-part-divider\"] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 0;\n    width: 100%;\n  }\n\n  [data-slot=\"compaction-part-line\"] {\n    flex: 1 1 auto;\n    height: 1px;\n    background: var(--border-weak-base);\n  }\n\n  [data-slot=\"compaction-part-label\"] {\n    flex: 0 0 auto;\n    white-space: nowrap;\n    text-align: center;\n  }\n\n  [data-slot=\"compaction-part-toggle\"] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    min-height: 24px;\n    padding: 0 6px;\n    border-radius: var(--radius-md);\n    color: inherit;\n    cursor: pointer;\n    user-select: none;\n\n    &:hover,\n    &:focus-visible {\n      outline: none;\n      background-color: var(--surface-raised-base-hover);\n      color: var(--text-base);\n    }\n  }\n\n  [data-slot=\"compaction-part-summary\"] {\n    padding: 4px 0 8px;\n    color: var(--text-weak);\n  }\n}\n\n[data-component=\"reasoning-part\"] {\n  width: 100%;\n  color: var(--text-base);\n  line-height: var(--line-height-normal);\n\n  [data-component=\"markdown\"] {\n    margin-top: 24px;\n    font-style: normal;\n    color: var(--text-weak);\n\n    strong,\n    b {\n      color: var(--text-weak);\n    }\n\n    p:has(strong) {\n      margin-top: 24px;\n      margin-bottom: 0;\n\n      &:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-component=\"reasoning-part\"]\n    [data-component=\"markdown\"]\n    :not(pre)\n    > code {\n    opacity: 0.6;\n  }\n}\n\n[data-component=\"tool-output\"] {\n  white-space: pre;\n  padding: 0;\n  margin-bottom: 24px;\n  height: fit-content;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n\n  [data-component=\"markdown\"] {\n    width: 100%;\n    min-width: 0;\n\n    pre {\n      margin: 0;\n      padding: 0;\n      background-color: transparent !important;\n      border: none !important;\n    }\n  }\n\n  pre {\n    margin: 0;\n    padding: 0;\n    background: none;\n  }\n\n  &[data-scrollable] {\n    height: auto;\n    max-height: 240px;\n    overflow-y: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    [data-component=\"markdown\"] {\n      overflow: visible;\n    }\n  }\n}\n\n[data-component=\"bash-output\"] {\n  width: 100%;\n  border: 1px solid var(--border-weak-base);\n  border-radius: 6px;\n  background: transparent;\n  position: relative;\n  overflow: hidden;\n\n  [data-slot=\"bash-copy\"] {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease;\n  }\n\n  &:hover [data-slot=\"bash-copy\"],\n  &:focus-within [data-slot=\"bash-copy\"] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  [data-slot=\"bash-copy\"]\n    [data-component=\"icon-button\"][data-variant=\"secondary\"] {\n    box-shadow: none;\n    border: 1px solid var(--border-weak-base);\n  }\n\n  [data-slot=\"bash-copy\"]\n    [data-component=\"icon-button\"][data-variant=\"secondary\"]\n    [data-slot=\"icon-svg\"] {\n    color: var(--icon-base);\n  }\n\n  [data-slot=\"bash-scroll\"] {\n    width: 100%;\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: 240px;\n\n    scrollbar-width: none;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  [data-slot=\"bash-pre\"] {\n    margin: 0;\n    padding: 12px;\n  }\n\n  [data-slot=\"bash-pre\"] code {\n    font-family: var(--font-family-mono);\n    font-feature-settings: var(--font-family-mono--font-feature-settings);\n    font-size: var(--font-size-small);\n    line-height: var(--line-height-large);\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n}\n\n[data-component=\"tool-trigger\"][data-layout=\"activity-row\"]:has(\n  [data-component=\"edit-trigger\"],\n  [data-component=\"write-trigger\"]\n) > [data-slot=\"collapsible-arrow\"] {\n  grid-column: 4;\n}\n\n[data-component=\"tool-trigger\"][data-layout=\"activity-row\"]:hover\n  [data-slot=\"message-part-view-file\"],\n[data-component=\"tool-trigger\"][data-layout=\"activity-row\"]:focus-within\n  [data-slot=\"message-part-view-file\"] {\n  opacity: 1;\n}\n\n[data-component=\"edit-trigger\"],\n[data-component=\"write-trigger\"] {\n  display: contents;\n\n  [data-slot=\"message-part-title\"] {\n    grid-column: 1;\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-family: var(--font-family-sans);\n    font-size: var(--font-size-base);\n    font-style: normal;\n    font-weight: var(--font-weight-medium);\n    line-height: var(--line-height-large);\n    letter-spacing: var(--letter-spacing-normal);\n    color: var(--text-base);\n  }\n\n  [data-slot=\"message-part-path\"] {\n    grid-column: 2;\n    display: flex;\n    min-width: 0;\n    overflow: hidden;\n    font-weight: var(--font-weight-regular);\n  }\n\n  [data-slot=\"message-part-actions\"] {\n    grid-column: 3;\n    display: flex;\n    gap: 4px;\n    align-items: center;\n    justify-content: flex-end;\n    flex-shrink: 0;\n  }\n\n  [data-slot=\"message-part-actions\"] [data-component=\"diff-changes\"] {\n    gap: 4px;\n\n    [data-slot=\"diff-changes-additions\"],\n    [data-slot=\"diff-changes-deletions\"] {\n      min-width: 2ch;\n      font-size: var(--font-size-small);\n    }\n  }\n\n  [data-slot=\"message-part-view-file\"] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1px;\n    border-radius: 4px;\n    color: var(--text-base);\n    cursor: pointer;\n    opacity: 0;\n    transition: opacity 0.15s ease;\n\n    &:hover,\n    &:focus-visible {\n      color: var(--text-strong);\n      background: var(--surface-base);\n      outline: none;\n    }\n  }\n\n  [data-slot=\"message-part-title-text\"] {\n    flex-shrink: 0;\n    text-transform: capitalize;\n    color: var(--text-strong);\n  }\n\n  [data-slot=\"message-part-path\"] {\n    display: flex;\n    min-width: 0;\n    overflow: hidden;\n    font-weight: var(--font-weight-regular);\n  }\n\n  [data-slot=\"message-part-directory\"] {\n    color: var(--text-weak);\n    flex: 0 1 auto;\n    min-width: 0;\n    direction: rtl;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  [data-slot=\"message-part-path-separator\"] {\n    color: var(--text-weak);\n    flex: 0 0 auto;\n  }\n\n  [data-slot=\"message-part-filename\"] {\n    color: var(--text-strong);\n    flex: 0 0 auto;\n    white-space: nowrap;\n  }\n}\n\n[data-component=\"edit-content\"],\n[data-component=\"write-content\"],\n[data-component=\"apply-patch-file-diff\"] {\n  border-radius: inherit;\n  max-height: calc(var(--session-viewport-height, 100dvh) * 0.6);\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: var(--border-weak-base) transparent;\n}\n\n[data-component=\"edit-content\"],\n[data-component=\"write-content\"] {\n  border-top: 1px solid var(--border-weaker-base);\n}\n\n/* Expanded output belongs to the transcript's vertical scroll in the mobile\n   layout, including landscape phones wider than 768px. clip, unlike hidden,\n   does not create another scrolling container. */\n:where(html[data-mobile-layout]) [data-mobile-surface=\"session\"] {\n  [data-component=\"edit-content\"],\n  [data-component=\"write-content\"],\n  [data-component=\"apply-patch-file-diff\"],\n  [data-component=\"tool-output\"][data-scrollable],\n  [data-slot=\"bash-scroll\"] {\n    max-height: none;\n    overflow-x: clip;\n    overflow-y: visible;\n  }\n}\n\n[data-component=\"tool-action\"] {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n[data-component=\"exa-tool-output\"] {\n  width: 100%;\n  padding-top: 8px;\n  display: flex;\n  flex-direction: column;\n}\n\n[data-slot=\"basic-tool-tool-subtitle\"].exa-tool-query {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n[data-slot=\"exa-tool-links\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n[data-slot=\"exa-tool-link\"] {\n  display: block;\n  max-width: 100%;\n  color: var(--text-interactive-base);\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    color: var(--text-interactive-base);\n  }\n\n  &:visited {\n    color: var(--text-interactive-base);\n  }\n}\n\n[data-slot=\"basic-tool-tool-title\"],\n[data-slot=\"context-tool-group-label\"] {\n  min-width: 0;\n}\n\n:is([data-component=\"context-tool-group-trigger\"], [data-component=\"work-tool-group-trigger\"])[data-layout=\"activity-row\"] {\n  width: fit-content;\n  max-width: 100%;\n  min-width: 0;\n  min-height: 24px;\n  display: grid;\n  grid-template-columns: var(--activity-label-width) minmax(0, auto) auto auto;\n  align-items: center;\n  column-gap: 8px;\n  cursor: default;\n\n  [data-slot=\"context-tool-group-title\"] {\n    display: contents;\n  }\n\n  [data-slot=\"context-tool-group-label\"] {\n    grid-column: 1;\n  }\n\n  [data-slot=\"context-tool-group-summary\"] {\n    grid-column: 2;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  [data-slot=\"context-tool-group-budget\"],\n  > [data-component=\"diff-changes\"] {\n    grid-column: 3;\n  }\n\n  > [data-component=\"diff-changes\"] {\n    margin-inline-start: 8px;\n    gap: 4px;\n    white-space: nowrap;\n    font-variant-numeric: tabular-nums;\n  }\n\n  > [data-slot=\"collapsible-arrow\"] {\n    grid-column: 4;\n  }\n\n  &:not(:has([data-slot=\"context-tool-group-budget\"], [data-component=\"diff-changes\"]))\n    > [data-slot=\"collapsible-arrow\"] {\n    grid-column: 3;\n  }\n\n  [data-slot=\"collapsible-arrow\"] {\n    color: var(--icon-weaker);\n    cursor: pointer;\n  }\n}\n\n[data-activity-group] > [data-slot=\"collapsible-content\"] > [data-component=\"context-tool-group-list\"] {\n  --activity-label-width: calc(var(--font-size-base) * 72 / 14);\n  padding: 4px 0 0 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  > [data-slot=\"context-tool-group-item\"] {\n    min-width: 0;\n    padding: 0;\n  }\n\n  > [data-slot=\"context-tool-group-item\"] > [data-component=\"tool-trigger\"] {\n    min-height: 28px;\n    align-items: center;\n  }\n\n}\n\n[data-activity-group=\"single\"] > [data-slot=\"collapsible-content\"] > [data-component=\"context-tool-group-list\"] {\n  --activity-label-width: max-content;\n  padding: 0;\n  gap: 0;\n}\n\n[data-component=\"diagnostics\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 8px 12px;\n  background-color: var(--surface-critical-weak);\n  border-top: 1px solid var(--border-critical-base);\n\n  [data-slot=\"diagnostic\"] {\n    display: flex;\n    align-items: baseline;\n    gap: 6px;\n    font-family: var(--font-family-mono);\n    font-size: var(--font-size-small);\n    line-height: var(--line-height-large);\n  }\n}\n\n[data-component=\"user-message\"] [data-slot=\"user-message-text\"],\n[data-component=\"text-part\"],\n[data-component=\"reasoning-part\"],\n[data-component=\"tool-output\"],\n[data-component=\"bash-output\"],\n[data-component=\"edit-content\"],\n[data-component=\"write-content\"],\n[data-component=\"diagnostics\"],\n.error-card {\n  -webkit-user-select: text;\n  user-select: text;\n}\n\n[data-component=\"tool-part-wrapper\"] {\n  width: 100%;\n}\n\n[data-component=\"dock-prompt\"][data-kind=\"permission\"] {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  min-height: 0;\n  max-height: 100dvh;\n\n  [data-slot=\"permission-header\"] {\n    padding: 0;\n  }\n\n  [data-slot=\"permission-row\"] {\n    display: grid;\n    grid-template-columns: 20px 1fr;\n    column-gap: 8px;\n    align-items: start;\n  }\n\n  [data-slot=\"permission-row\"][data-variant=\"header\"] {\n    align-items: center;\n  }\n\n  [data-slot=\"permission-icon\"] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  [data-slot=\"permission-icon\"] [data-component=\"icon\"] {\n    color: var(--icon-warning-base);\n  }\n\n  [data-slot=\"permission-header-title\"] {\n    font-family: var(--font-family-sans);\n    font-size: 14px;\n    font-weight: var(--font-weight-medium);\n    line-height: var(--line-height-large);\n    color: var(--text-strong);\n    min-width: 0;\n  }\n\n  [data-slot=\"permission-hint\"] {\n    font-family: var(--font-family-sans);\n    font-size: 14px;\n    font-weight: var(--font-weight-regular);\n    line-height: var(--line-height-large);\n    color: var(--text-weak);\n    padding: 0;\n  }\n\n  [data-slot=\"permission-patterns\"] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin-top: 8px;\n    margin-bottom: 16px;\n    padding: 1px 0 8px;\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    code {\n      font-size: 14px;\n      line-height: var(--line-height-large);\n    }\n  }\n\n  [data-slot=\"permission-footer\"] {\n    display: flex;\n    flex-shrink: 0;\n    padding: 32px 8px 8px;\n    margin-top: -24px;\n  }\n\n  [data-slot=\"permission-footer-actions\"] {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: center;\n    width: 100%;\n    gap: 8px;\n\n    [data-component=\"button\"] {\n      padding-left: 12px;\n      padding-right: 12px;\n    }\n  }\n}\n\n[data-component=\"dock-prompt\"][data-kind=\"question\"] {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  min-height: 0;\n  max-height: var(--question-prompt-max-height, 100dvh);\n\n  [data-slot=\"question-header\"] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 0 10px;\n  }\n\n  [data-slot=\"question-header-title\"] {\n    font-family: var(--font-family-sans);\n    font-size: 14px;\n    font-weight: var(--font-weight-medium);\n    line-height: var(--line-height-large);\n    color: var(--text-strong);\n    min-width: 0;\n  }\n\n  [data-slot=\"question-progress\"] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-shrink: 0;\n  }\n\n  [data-slot=\"question-progress-segment\"] {\n    width: 16px;\n    height: 16px;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    touch-action: manipulation;\n\n    &::after {\n      content: \"\";\n      width: 16px;\n      height: 2px;\n      border-radius: 999px;\n      background-color: var(--icon-weak-base);\n      transition: background-color 0.2s ease;\n    }\n\n    &[data-active=\"true\"]::after {\n      background-color: var(--icon-strong-base);\n    }\n\n    &[data-answered=\"true\"]::after {\n      background-color: var(--icon-interactive-base);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.6;\n    }\n  }\n\n  [data-slot=\"question-text\"] {\n    font-family: var(--font-family-sans);\n    font-size: 14px;\n    font-weight: var(--font-weight-medium);\n    line-height: var(--line-height-large);\n    color: var(--text-strong);\n    padding: 0 10px;\n  }\n\n  [data-slot=\"question-hint\"] {\n    font-family: var(--font-family-sans);\n    font-size: 13px;\n    font-weight: var(--font-weight-regular);\n    line-height: var(--line-height-large);\n    color: var(--text-weak);\n    padding: 0 10px;\n  }\n\n  [data-slot=\"question-options\"] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin-top: 12px;\n    padding: 1px 1px 8px;\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  [data-slot=\"question-option\"] {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 8px 8px 8px 10px;\n    background-color: var(--surface-raised-stronger-non-alpha);\n    border: 1px solid var(--border-weak-base);\n    border-radius: 6px;\n    box-shadow: none;\n    text-align: left;\n    width: 100%;\n    cursor: pointer;\n    transition:\n      background-color 0.15s ease,\n      border-color 0.15s ease,\n      box-shadow 0.15s ease;\n\n    &:hover:not([data-picked=\"true\"]) {\n      background-color: var(--background-base);\n    }\n\n    &[data-picked=\"true\"] {\n      background-color: var(--surface-interactive-weak);\n      border-color: transparent;\n      box-shadow: var(--shadow-xs-border-hover);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.6;\n    }\n  }\n\n  [data-slot=\"question-option-check\"] {\n    display: inline-flex;\n    transform: translateY(2px);\n  }\n\n  [data-slot=\"question-option-box\"] {\n    width: 16px;\n    height: 16px;\n    padding: 2px;\n    border-radius: var(--radius-sm);\n    border: 1px solid var(--border-weak-base);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background-color: transparent;\n    transition:\n      background-color 0.15s ease,\n      border-color 0.15s ease;\n\n    [data-component=\"icon\"] {\n      opacity: 0;\n      color: var(--icon-base);\n    }\n\n    &[data-type=\"radio\"] {\n      border-radius: 999px;\n    }\n\n    [data-slot=\"question-option-radio-dot\"] {\n      width: 6px;\n      height: 6px;\n      border-radius: 999px;\n      background-color: var(--background-stronger);\n      opacity: 0;\n    }\n\n    &[data-picked=\"true\"] {\n      border-color: var(--icon-interactive-base);\n\n      [data-component=\"icon\"] {\n        opacity: 1;\n        color: var(--icon-invert-base);\n      }\n\n      &[data-type=\"checkbox\"] {\n        background-color: var(--icon-interactive-base);\n      }\n\n      &[data-type=\"radio\"] {\n        background-color: var(--icon-interactive-base);\n        [data-slot=\"question-option-radio-dot\"] {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  [data-slot=\"question-option-main\"] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    flex: 1;\n  }\n\n  [data-slot=\"option-label\"] {\n    font-family: var(--font-family-sans);\n    font-size: 14px;\n    font-weight: var(--font-weight-medium);\n    line-height: var(--line-height-large);\n    color: var(--text-strong);\n  }\n\n  [data-slot=\"option-description\"] {\n    font-family: var(--font-family-sans);\n    font-size: 14px;\n    font-weight: var(--font-weight-regular);\n    line-height: var(--line-height-large);\n    color: var(--text-base);\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  [data-slot=\"question-option\"][data-custom=\"true\"] {\n    [data-slot=\"option-description\"] {\n      overflow: visible;\n      text-overflow: clip;\n      white-space: normal;\n      overflow-wrap: anywhere;\n    }\n  }\n\n  [data-slot=\"question-custom\"] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  [data-slot=\"question-custom-input\"] {\n    width: 100%;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n    background: transparent;\n    box-shadow: none;\n    outline: none;\n    font-family: var(--font-family-sans);\n    font-size: 14px;\n    font-weight: var(--font-weight-regular);\n    line-height: var(--line-height-large);\n    color: var(--text-base);\n    min-width: 0;\n    cursor: text;\n    resize: none;\n    overflow: hidden;\n    overflow-wrap: anywhere;\n\n    &::placeholder {\n      color: var(--text-weak);\n    }\n\n    &:focus-visible {\n      outline: 1px solid var(--border-interactive-base);\n      outline-offset: 2px;\n      border-radius: var(--radius-xs);\n    }\n\n    &:disabled {\n      opacity: 0.6;\n    }\n  }\n\n  [data-slot=\"question-footer\"] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-shrink: 0;\n    padding: 32px 8px 8px;\n    margin-top: -24px;\n  }\n\n  [data-slot=\"question-footer-actions\"] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n}\n\n[data-component=\"question-answers\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 8px 0;\n\n  [data-slot=\"question-answer-item\"] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    font-size: var(--font-size-small);\n\n    [data-slot=\"question-text\"] {\n      color: var(--text-weak);\n    }\n\n    [data-slot=\"answer-text\"] {\n      color: var(--text-strong);\n    }\n  }\n}\n\n[data-component=\"edit-tool\"],\n[data-component=\"write-tool\"],\n[data-component=\"apply-patch-tool\"] {\n  > [data-component=\"collapsible\"].tool-collapsible {\n    gap: 0px;\n  }\n\n  > [data-component=\"collapsible\"] > [data-slot=\"collapsible-content\"] {\n    border: none;\n    background: transparent;\n  }\n\n  > [data-component=\"collapsible\"] > [data-slot=\"collapsible-trigger\"] {\n    min-height: 28px;\n    height: auto;\n    padding-bottom: 0;\n  }\n\n  > [data-component=\"collapsible\"]\n    > [data-slot=\"collapsible-trigger\"][aria-expanded=\"true\"] {\n    z-index: 20;\n    background-color: var(--background-stronger);\n  }\n}\n\n[data-component=\"accordion\"][data-scope=\"apply-patch\"] {\n  [data-slot=\"accordion-trigger\"] {\n    background-color: var(--background-stronger) !important;\n  }\n\n  [data-slot=\"apply-patch-trigger-content\"] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    gap: 20px;\n  }\n\n  [data-slot=\"apply-patch-file-info\"] {\n    flex-grow: 1;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    min-width: 0;\n  }\n\n  [data-slot=\"apply-patch-file-name-container\"] {\n    display: flex;\n    flex-grow: 1;\n    min-width: 0;\n  }\n\n  [data-slot=\"apply-patch-directory\"] {\n    color: var(--text-base);\n    min-width: 0;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  [data-slot=\"apply-patch-filename\"] {\n    color: var(--text-strong);\n    flex-shrink: 0;\n  }\n\n  [data-slot=\"apply-patch-trigger-actions\"] {\n    flex-shrink: 0;\n    display: flex;\n    gap: 16px;\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  [data-slot=\"apply-patch-change\"] {\n    font-family: var(--font-family-sans);\n    font-size: var(--font-size-small);\n    font-weight: var(--font-weight-medium);\n  }\n\n  [data-slot=\"apply-patch-change\"][data-type=\"added\"] {\n    color: var(--icon-diff-add-base);\n  }\n\n  [data-slot=\"apply-patch-change\"][data-type=\"removed\"] {\n    color: var(--icon-diff-delete-base);\n  }\n\n  [data-slot=\"apply-patch-change\"][data-type=\"modified\"] {\n    color: var(--icon-diff-modified-base);\n  }\n}\n\n[data-component=\"tool-loaded-file\"] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 0 4px 28px;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-small);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--line-height-large);\n  color: var(--text-weak);\n\n  [data-component=\"icon\"] {\n    flex-shrink: 0;\n    color: var(--icon-weak);\n  }\n}\n","/* Synced from Mux frontend/src/pages/session/transcript/renderers/session-turn.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n/* Scope the existing typography tokens to transcript rows, not the header,\n   composer, file tabs, or portalled menus. Shared renderers inherit this scale. */\n[data-component=\"message-timeline\"] [data-component=\"session-turn\"] {\n  --font-size-base: var(--chat-font-size, 14px);\n  --font-size-small: calc(var(--font-size-base) * 13 / 14);\n  --font-size-large: calc(var(--font-size-base) * 16 / 14);\n  --font-size-x-large: calc(var(--font-size-base) * 20 / 14);\n  --markdown-font-size: var(--font-size-base);\n  --file-font-size: var(--font-size-base);\n  font-size: var(--font-size-base);\n}\n\n[data-component=\"session-turn\"] {\n  --sticky-header-height: calc(var(--session-title-height, 0px) + 24px);\n  height: 100%;\n  min-height: 0;\n  min-width: 0;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n\n  [data-slot=\"session-turn-message-container\"] {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    align-self: stretch;\n    min-width: 0;\n    gap: 18px;\n    overflow-anchor: none;\n  }\n\n  [data-slot=\"session-turn-message-content\"] {\n    margin-top: 0;\n    width: 100%;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  [data-slot=\"session-turn-compaction\"] {\n    width: 100%;\n    min-width: 0;\n    align-self: stretch;\n  }\n\n  [data-slot=\"session-turn-thinking\"][data-layout=\"activity-row\"] {\n    display: grid;\n    grid-template-columns: var(--activity-label-width) minmax(0, 1fr) auto auto;\n    align-items: baseline;\n    column-gap: 8px;\n    width: 100%;\n    min-width: 0;\n    color: var(--text-weak);\n    font-family: var(--font-family-sans);\n    font-size: var(--font-size-base);\n    font-weight: var(--font-weight-medium);\n    line-height: var(--line-height-large);\n    min-height: 20px;\n\n    [data-slot=\"activity-row-label\"] {\n      grid-column: 1;\n      min-width: 0;\n    }\n\n    .session-turn-thinking-heading {\n      grid-column: 2;\n    }\n\n    [data-component=\"spinner\"] {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  .session-turn-thinking-heading {\n    min-width: 0;\n    max-width: 100%;\n    overflow: hidden;\n    color: var(--text-weaker);\n    font-weight: var(--font-weight-regular);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .error-card {\n    color: var(--text-on-critical-base);\n    max-height: 240px;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n    overflow-y: auto;\n  }\n\n  [data-slot=\"session-turn-assistant-content\"] {\n    width: 100%;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    align-self: stretch;\n    gap: 12px;\n\n    > :first-child > [data-component=\"markdown\"]:first-child {\n      margin-top: 0;\n    }\n  }\n}\n","/* Synced from Mux frontend/src/ui/components/spinner.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n[data-component=\"spinner\"] {\n  color: inherit;\n  flex-shrink: 0;\n  width: 18px;\n  aspect-ratio: 1;\n}\n","/* Synced from Mux frontend/src/ui/components/text-shimmer.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n[data-component=\"text-shimmer\"] {\n  --text-shimmer-step: 45ms;\n  --text-shimmer-duration: 1200ms;\n  --text-shimmer-swap: 220ms;\n  --text-shimmer-index: 0;\n  --text-shimmer-angle: 90deg;\n  --text-shimmer-spread: 5.2ch;\n  --text-shimmer-size: 360%;\n  --text-shimmer-base-color: var(--text-weak);\n  --text-shimmer-peak-color: var(--text-strong);\n  --text-shimmer-sweep: linear-gradient(\n    var(--text-shimmer-angle),\n    transparent calc(50% - var(--text-shimmer-spread)),\n    var(--text-shimmer-peak-color) 50%,\n    transparent calc(50% + var(--text-shimmer-spread))\n  );\n  --text-shimmer-base: linear-gradient(var(--text-shimmer-base-color), var(--text-shimmer-base-color));\n\n  display: inline-flex;\n  align-items: baseline;\n  font: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n}\n\n[data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char\"] {\n  display: inline-grid;\n  white-space: pre;\n  font: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n}\n\n[data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char-base\"],\n[data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char-shimmer\"] {\n  grid-area: 1 / 1;\n  white-space: pre;\n  transition: opacity var(--text-shimmer-swap) ease-out;\n  font: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n}\n\n[data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char-base\"] {\n  color: inherit;\n  opacity: 1;\n}\n\n[data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char-shimmer\"] {\n  color: var(--text-weaker);\n  opacity: 0;\n}\n\n[data-component=\"text-shimmer\"][data-active=\"true\"] [data-slot=\"text-shimmer-char-shimmer\"] {\n  opacity: 1;\n}\n\n[data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char-shimmer\"][data-run=\"true\"] {\n  animation-name: text-shimmer-sweep;\n  animation-duration: var(--text-shimmer-duration);\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  animation-fill-mode: both;\n  animation-delay: calc(var(--text-shimmer-step) * var(--text-shimmer-index) * -1);\n  will-change: background-position;\n}\n\n@keyframes text-shimmer-sweep {\n  0% {\n    background-position:\n      100% 0,\n      0 0;\n  }\n\n  100% {\n    background-position:\n      0% 0,\n      0 0;\n  }\n}\n\n@supports ((-webkit-background-clip: text) or (background-clip: text)) {\n  [data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char-shimmer\"] {\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n    background-image: var(--text-shimmer-sweep), var(--text-shimmer-base);\n    background-size:\n      var(--text-shimmer-size) 100%,\n      100% 100%;\n    background-position:\n      100% 0,\n      0 0;\n    background-repeat: no-repeat;\n    -webkit-background-clip: text;\n    background-clip: text;\n  }\n\n  [data-component=\"text-shimmer\"][data-active=\"true\"] [data-slot=\"text-shimmer-char-base\"] {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char-base\"],\n  [data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char-shimmer\"] {\n    transition-duration: 0ms;\n  }\n\n  [data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char-shimmer\"] {\n    animation: none !important;\n    color: inherit;\n    -webkit-text-fill-color: currentColor;\n    background-image: none;\n  }\n\n  [data-component=\"text-shimmer\"] [data-slot=\"text-shimmer-char-base\"] {\n    opacity: 1 !important;\n  }\n}\n","/* Synced from Mux frontend/src/ui/styles/theme.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n:host {\n  --font-family-sans: \"Inter\", \"Inter Fallback\";\n  --font-family-sans--font-feature-settings: \"ss03\" 1;\n  --font-family-mono: \"IBM Plex Mono\", \"IBM Plex Mono Fallback\";\n  --font-family-mono--font-feature-settings: \"ss01\" 1;\n\n  --font-size-small: 13px;\n  --font-size-base: 14px;\n  --font-size-large: 16px;\n  --font-size-x-large: 20px;\n  --font-weight-regular: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --line-height-normal: 130%;\n  --line-height-large: 150%;\n  --line-height-x-large: 180%;\n  --line-height-2x-large: 200%;\n  --letter-spacing-normal: 0;\n  --letter-spacing-tight: -0.16px;\n  --letter-spacing-tightest: -0.32px;\n  --paragraph-spacing-base: 0;\n\n  --spacing: 0.25rem;\n\n  /* Label track for transcript activity rows (tool/thinking/context triggers).\n     Content-sized, so each label sits one 8px gap from its detail text.\n     Set a fixed length here to align column 2 across rows instead. */\n  --activity-label-width: max-content;\n\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  --container-3xs: 16rem;\n  --container-2xs: 18rem;\n  --container-xs: 20rem;\n  --container-sm: 24rem;\n  --container-md: 28rem;\n  --container-lg: 32rem;\n  --container-xl: 36rem;\n  --container-2xl: 42rem;\n  --container-3xl: 48rem;\n  --container-4xl: 56rem;\n  --container-5xl: 64rem;\n  --container-6xl: 72rem;\n  --container-7xl: 80rem;\n\n  --radius-xs: 0.125rem;\n  --radius-sm: 0.25rem;\n  --radius-md: 0.375rem;\n  --radius-lg: 0.5rem;\n  --radius-xl: 0.625rem;\n\n  --shadow-xs:\n    0 1px 2px -0.5px light-dark(hsl(0 0% 0% / 0.04), hsl(0 0% 0% / 0.06)),\n    0 0.5px 1.5px 0 light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.08)),\n    0 1px 3px 0 light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.1));\n  --shadow-sm:\n    0 1px 3px 0 light-dark(hsl(0 0% 0% / 0.06), hsl(0 0% 0% / 0.12)),\n    0 1px 2px -1px light-dark(hsl(0 0% 0% / 0.06), hsl(0 0% 0% / 0.12));\n  --shadow-md:\n    0 6px 12px -2px light-dark(hsl(0 0% 0% / 0.075), hsl(0 0% 0% / 0.1)),\n    0 4px 8px -2px light-dark(hsl(0 0% 0% / 0.075), hsl(0 0% 0% / 0.15)),\n    0 1px 2px light-dark(hsl(0 0% 0% / 0.1), hsl(0 0% 0% / 0.15));\n  --shadow-lg:\n    0 16px 48px -6px light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.15)),\n    0 6px 12px -2px light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.1)),\n    0 1px 2.5px light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.1));\n  --shadow-xl:\n    0 24px 64px -12px light-dark(hsl(0 0% 0% / 0.12), hsl(0 0% 0% / 0.4)),\n    0 8px 20px -6px light-dark(hsl(0 0% 0% / 0.06), hsl(0 0% 0% / 0.2));\n  --shadow-xxs-border: 0 0 0 0.5px var(--border-weak-base, rgba(0, 0, 0, 0.07));\n  --shadow-xs-border:\n    0 0 0 1px var(--border-base, rgba(11, 6, 0, 0.2)), 0 1px 2px -1px rgba(19, 16, 16, 0.04),\n    0 1px 2px 0 rgba(19, 16, 16, 0.06), 0 1px 3px 0 rgba(19, 16, 16, 0.08);\n  --shadow-xs-border-base:\n    0 0 0 1px var(--border-weak-base, rgba(17, 0, 0, 0.12)), 0 1px 2px -1px rgba(19, 16, 16, 0.04),\n    0 1px 2px 0 rgba(19, 16, 16, 0.06), 0 1px 3px 0 rgba(19, 16, 16, 0.08);\n  --shadow-xs-border-select:\n    0 0 0 3px var(--border-weak-selected, rgba(1, 103, 255, 0.29)),\n    0 0 0 1px var(--border-selected, rgba(0, 74, 255, 0.99)), 0 1px 2px -1px rgba(19, 16, 16, 0.25),\n    0 1px 2px 0 rgba(19, 16, 16, 0.08), 0 1px 3px 0 rgba(19, 16, 16, 0.12);\n  --shadow-xs-border-focus:\n    0 0 0 1px var(--border-base, rgba(11, 6, 0, 0.2)), 0 1px 2px -1px rgba(19, 16, 16, 0.25),\n    0 1px 2px 0 rgba(19, 16, 16, 0.08), 0 1px 3px 0 rgba(19, 16, 16, 0.12), 0 0 0 2px var(--background-weak, #f1f0f0),\n    0 0 0 3px var(--border-selected, rgba(0, 74, 255, 0.99));\n  --shadow-xs-border-hover:\n    0 0 0 1px var(--border-weak-selected, rgba(0, 112, 255, 0.22)), 0 1px 2px -1px rgba(19, 16, 16, 0.04),\n    0 1px 2px 0 rgba(19, 16, 16, 0.06), 0 1px 3px 0 rgba(19, 16, 16, 0.08);\n  --shadow-xs-border-critical-base: 0 0 0 1px var(--border-critical-selected, #fc543a);\n  --shadow-xs-border-critical-focus:\n    0 0 0 3px var(--border-critical-weak, rgba(251, 34, 0, 0.18)), 0 0 0 1px var(--border-critical-selected, #fc543a),\n    0 1px 2px -1px rgba(19, 16, 16, 0.25), 0 1px 2px 0 rgba(19, 16, 16, 0.08), 0 1px 3px 0 rgba(19, 16, 16, 0.12);\n  --shadow-lg-border-base:\n    0 0 0 1px var(--border-weak-base, rgba(0, 0, 0, 0.07)), 0 36px 80px 0 rgba(0, 0, 0, 0.03),\n    0 13.141px 29.201px 0 rgba(0, 0, 0, 0.04), 0 6.38px 14.177px 0 rgba(0, 0, 0, 0.05),\n    0 3.127px 6.95px 0 rgba(0, 0, 0, 0.06), 0 1.237px 2.748px 0 rgba(0, 0, 0, 0.09);\n\n  color-scheme: light;\n  --text-mix-blend-mode: multiply;\n\n  /* OC-2 fallback variables (light) */\n  --background-base: #f8f8f8;\n  --background-weak: #f3f3f3;\n  --background-strong: #fcfcfc;\n  --background-stronger: #fcfcfc;\n  --surface-base: rgba(0, 0, 0, 0.031);\n  --base: rgba(0, 0, 0, 0.034);\n  --surface-base-hover: rgba(0, 0, 0, 0.059);\n  --surface-base-active: rgba(0, 0, 0, 0.051);\n  --surface-base-interactive-active: rgba(3, 76, 255, 0.09);\n  --base2: rgba(0, 0, 0, 0.034);\n  --base3: rgba(0, 0, 0, 0.034);\n  --surface-inset-base: rgba(0, 0, 0, 0.034);\n  --surface-inset-base-hover: rgba(0, 0, 0, 0.055);\n  --surface-inset-strong: rgba(0, 0, 0, 0.09);\n  --surface-inset-strong-hover: rgba(0, 0, 0, 0.09);\n  --surface-raised-base: rgba(0, 0, 0, 0.031);\n  --surface-float-base: #161616;\n  --surface-float-base-hover: #1c1c1c;\n  --surface-raised-base-hover: rgba(0, 0, 0, 0.051);\n  --surface-raised-base-active: rgba(0, 0, 0, 0.09);\n  --surface-raised-strong: #fcfcfc;\n  --surface-raised-strong-hover: #ffffff;\n  --surface-raised-stronger: #ffffff;\n  --surface-raised-stronger-hover: #ffffff;\n  --surface-weak: rgba(0, 0, 0, 0.051);\n  --surface-weaker: rgba(0, 0, 0, 0.071);\n  --surface-strong: #ffffff;\n  --surface-stronger-non-alpha: var(--surface-raised-stronger-non-alpha);\n  --surface-raised-stronger-non-alpha: #ffffff;\n  --surface-panel: var(--surface-raised-stronger-non-alpha);\n  --surface-panel-base: var(--surface-raised-stronger-non-alpha);\n  --surface-brand-base: #dcde8d;\n  --surface-brand-hover: #d0d283;\n  --surface-interactive-base: #ecf3ff;\n  --surface-interactive-hover: #e0eaff;\n  --surface-interactive-weak: #f7faff;\n  --surface-interactive-weak-hover: #ecf3ff;\n  --surface-success-base: #dbfed7;\n  --surface-success-weak: #f0feee;\n  --surface-success-strong: #12c905;\n  --surface-warning-base: #fcf3cb;\n  --surface-warning-weak: #fdfaec;\n  --surface-warning-strong: #fbdd46;\n  --surface-critical-base: #fff2f0;\n  --surface-critical-weak: #fff8f6;\n  --surface-critical-strong: #fc533a;\n  --surface-info-base: #fdecfe;\n  --surface-info-weak: #fef7ff;\n  --surface-info-strong: #a753ae;\n  --surface-diff-unchanged-base: #ffffff00;\n  --surface-diff-skip-base: #f8f8f8;\n  --surface-diff-hidden-base: #eaf4ff;\n  --surface-diff-hidden-weak: #f6faff;\n  --surface-diff-hidden-weaker: #fbfdff;\n  --surface-diff-hidden-strong: #cae3ff;\n  --surface-diff-hidden-stronger: #2090f5;\n  --surface-diff-add-base: #e3fae1;\n  --surface-diff-add-weak: #f4fcf3;\n  --surface-diff-add-weaker: #fbfefb;\n  --surface-diff-add-strong: #c2eebf;\n  --surface-diff-add-stronger: #9ff29a;\n  --surface-diff-delete-base: #feefeb;\n  --surface-diff-delete-weak: #fff8f6;\n  --surface-diff-delete-weaker: #fffcfb;\n  --surface-diff-delete-strong: #fdc3b7;\n  --surface-diff-delete-stronger: #fc533a;\n  --input-base: #fcfcfc;\n  --input-hover: #f8f8f8;\n  --input-active: #fcfdff;\n  --input-selected: #e0eaff;\n  --input-focus: #fcfdff;\n  --input-disabled: #ededed;\n  --text-base: #6f6f6f;\n  --text-weak: #8f8f8f;\n  --text-weaker: #c7c7c7;\n  --text-strong: #171717;\n  --text-invert-base: #f8f8f8;\n  --text-invert-weak: #f3f3f3;\n  --text-invert-weaker: #ededed;\n  --text-invert-strong: #fcfcfc;\n  --text-interactive-base: #034cff;\n  --text-subtle: var(--text-weak);\n  --accent: var(--text-interactive-base);\n  --accent-base: var(--text-interactive-base);\n  --danger-base: #ed4831;\n  --danger-muted: rgba(237, 72, 49, 0.12);\n  --text-danger-base: var(--danger-base);\n  --text-text-danger-base: var(--danger-base);\n  --text-on-brand-base: rgba(0, 0, 0, 0.574);\n  --text-on-interactive-base: #fcfcfc;\n  --text-on-interactive-weak: rgba(0, 0, 0, 0.574);\n  --text-on-success-base: #2dba26;\n  --text-on-critical-base: #ed4831;\n  --text-on-critical-weak: #fe806a;\n  --text-on-critical-strong: #601a0f;\n  --text-on-warning-base: rgba(0, 0, 0, 0.574);\n  --text-on-info-base: rgba(0, 0, 0, 0.574);\n  --text-diff-add-base: #3a8437;\n  --text-diff-delete-base: #ed4831;\n  --text-diff-delete-strong: #601a0f;\n  --text-diff-add-strong: #1d3e1c;\n  --text-on-info-weak: rgba(0, 0, 0, 0.453);\n  --text-on-info-strong: rgba(0, 0, 0, 0.915);\n  --text-on-warning-weak: rgba(0, 0, 0, 0.453);\n  --text-on-warning-strong: rgba(0, 0, 0, 0.915);\n  --text-on-success-weak: #96ec8e;\n  --text-on-success-strong: #044202;\n  --text-on-brand-weak: rgba(0, 0, 0, 0.453);\n  --text-on-brand-weaker: rgba(0, 0, 0, 0.232);\n  --text-on-brand-strong: rgba(0, 0, 0, 0.915);\n  --button-primary-base: #171717;\n  --button-secondary-base: #fcfcfc;\n  --button-secondary-hover: #f8f8f8;\n  --button-ghost-hover: rgba(0, 0, 0, 0.031);\n  --button-ghost-hover2: rgba(0, 0, 0, 0.051);\n  --border-base: rgba(0, 0, 0, 0.162);\n  --border-hover: rgba(0, 0, 0, 0.236);\n  --border-active: rgba(0, 0, 0, 0.46);\n  --border-selected: rgba(3, 76, 255, 0.99);\n  --border-disabled: rgba(0, 0, 0, 0.236);\n  --border-focus: rgba(0, 0, 0, 0.46);\n  --border-weak-base: #e5e5e5;\n  --border-strong-base: rgba(0, 0, 0, 0.151);\n  --border-strong-hover: rgba(0, 0, 0, 0.232);\n  --border-strong-active: rgba(0, 0, 0, 0.151);\n  --border-strong-selected: rgba(3, 76, 255, 0.31);\n  --border-strong-disabled: rgba(0, 0, 0, 0.118);\n  --border-strong-focus: rgba(0, 0, 0, 0.151);\n  --border-weak-hover: rgba(0, 0, 0, 0.118);\n  --border-weak-active: rgba(0, 0, 0, 0.151);\n  --border-weak-selected: rgba(3, 76, 255, 0.24);\n  --border-weak-disabled: rgba(0, 0, 0, 0.118);\n  --border-weak-focus: rgba(0, 0, 0, 0.151);\n  --border-weaker-base: #f0f0f0;\n  --border-weaker-hover: rgba(0, 0, 0, 0.075);\n  --border-weaker-active: rgba(0, 0, 0, 0.118);\n  --border-weaker-selected: rgba(3, 76, 255, 0.16);\n  --border-weaker-disabled: rgba(0, 0, 0, 0.034);\n  --border-weaker-focus: rgba(0, 0, 0, 0.118);\n  --border-interactive-base: #a3c1fd;\n  --border-interactive-hover: #7ea9ff;\n  --border-interactive-active: #034cff;\n  --border-interactive-selected: #034cff;\n  --border-interactive-disabled: #c7c7c7;\n  --border-interactive-focus: #034cff;\n  --border-success-base: #96ec8e;\n  --border-success-hover: #7add71;\n  --border-success-selected: #12c905;\n  --border-warning-base: #e8d479;\n  --border-warning-hover: #d8c158;\n  --border-warning-selected: #fbdd46;\n  --border-critical-base: #fdc3b7;\n  --border-critical-hover: #ffa796;\n  --border-critical-selected: #fc533a;\n  --border-info-base: #f4bdf8;\n  --border-info-hover: #e6a8ea;\n  --border-info-selected: #a753ae;\n  --border-color: #ffffff;\n  --icon-base: #8f8f8f;\n  --icon-hover: #6f6f6f;\n  --icon-active: #171717;\n  --icon-selected: #171717;\n  --icon-disabled: #c7c7c7;\n  --icon-focus: #171717;\n  --icon-invert-base: #ffffff;\n  --icon-weak-base: #dbdbdb;\n  --icon-weak-hover: #c7c7c7;\n  --icon-weak-active: #8f8f8f;\n  --icon-weak-selected: #858585;\n  --icon-weak-disabled: #e2e2e2;\n  --icon-weak-focus: #8f8f8f;\n  --icon-strong-base: #171717;\n  --icon-strong-hover: #151313;\n  --icon-strong-active: #020202;\n  --icon-strong-selected: #020202;\n  --icon-strong-disabled: #c7c7c7;\n  --icon-strong-focus: #020202;\n  --icon-brand-base: #171717;\n  --icon-interactive-base: #034cff;\n  --icon-success-base: #7add71;\n  --icon-success-hover: #4cc944;\n  --icon-success-active: #078901;\n  --icon-warning-base: #ebb76e;\n  --icon-warning-hover: #da9e40;\n  --icon-warning-active: #95671b;\n  --icon-critical-base: #ed4831;\n  --icon-critical-hover: #ca2d17;\n  --icon-critical-active: #601a0f;\n  --icon-info-base: #e6a8ea;\n  --icon-info-hover: #d58cda;\n  --icon-info-active: #9b4da1;\n  --icon-on-brand-base: rgba(0, 0, 0, 0.574);\n  --icon-on-brand-hover: rgba(0, 0, 0, 0.915);\n  --icon-on-brand-selected: rgba(0, 0, 0, 0.915);\n  --icon-on-interactive-base: #fcfcfc;\n  --icon-agent-plan-base: #a753ae;\n  --icon-agent-docs-base: #fcb239;\n  --icon-agent-ask-base: #2090f5;\n  --icon-agent-build-base: #034cff;\n  --icon-on-success-base: rgba(18, 201, 5, 0.9);\n  --icon-on-success-hover: rgba(45, 186, 38, 0.9);\n  --icon-on-success-selected: rgba(7, 137, 1, 0.9);\n  --icon-on-warning-base: rgba(252, 178, 57, 0.9);\n  --icon-on-warning-hover: rgba(239, 167, 46, 0.9);\n  --icon-on-warning-selected: rgba(149, 103, 27, 0.9);\n  --icon-on-critical-base: rgba(252, 83, 58, 0.9);\n  --icon-on-critical-hover: rgba(237, 72, 49, 0.9);\n  --icon-on-critical-selected: rgba(202, 45, 23, 0.9);\n  --icon-on-info-base: #a753ae;\n  --icon-on-info-hover: rgba(155, 73, 162, 0.9);\n  --icon-on-info-selected: rgba(155, 77, 161, 0.9);\n  --icon-diff-add-base: #3a8437;\n  --icon-diff-add-hover: #1d3e1c;\n  --icon-diff-add-active: #1d3e1c;\n  --icon-diff-delete-base: #ed4831;\n  --icon-diff-delete-hover: #ca2d17;\n  --icon-diff-modified-base: #ff8c00;\n  --syntax-comment: var(--text-weak);\n  --syntax-regexp: var(--text-base);\n  --syntax-string: #006656;\n  --syntax-keyword: var(--text-weak);\n  --syntax-primitive: #fb4804;\n  --syntax-operator: var(--text-base);\n  --syntax-variable: var(--text-strong);\n  --syntax-property: #ed6dc8;\n  --syntax-type: #596600;\n  --syntax-constant: #007b80;\n  --syntax-punctuation: var(--text-base);\n  --syntax-object: var(--text-strong);\n  --syntax-success: #2dba26;\n  --syntax-warning: #efa72e;\n  --syntax-critical: #ed4831;\n  --syntax-info: #0092a8;\n  --syntax-diff-add: #3a8437;\n  --syntax-diff-delete: #ca2d17;\n  --syntax-diff-unknown: #ff0000;\n  --markdown-heading: #d68c27;\n  --markdown-text: #1a1a1a;\n  --markdown-link: #3b7dd8;\n  --markdown-link-text: #318795;\n  --markdown-code: #3d9a57;\n  --markdown-block-quote: #b0851f;\n  --markdown-emph: #b0851f;\n  --markdown-strong: #d68c27;\n  --markdown-horizontal-rule: #8a8a8a;\n  --markdown-list-item: #3b7dd8;\n  --markdown-list-enumeration: #318795;\n  --markdown-image: #3b7dd8;\n  --markdown-image-text: #318795;\n  --markdown-code-block: #1a1a1a;\n  --avatar-background-pink: #feeef8;\n  --avatar-background-mint: #e1fbf4;\n  --avatar-background-orange: #fff1e7;\n  --avatar-background-purple: #f9f1fe;\n  --avatar-background-cyan: #e7f9fb;\n  --avatar-background-lime: #eefadc;\n  --avatar-text-pink: #cd1d8d;\n  --avatar-text-mint: #147d6f;\n  --avatar-text-orange: #ed5f00;\n  --avatar-text-purple: #8445bc;\n  --avatar-text-cyan: #0894b3;\n  --avatar-text-lime: #5d770d;\n  --text-stronger: #171717;\n\n\n}\n\n@media (prefers-color-scheme: dark) {\n  :host(:not([data-theme=\"light\"])) {\n    color-scheme: dark;\n    --text-mix-blend-mode: plus-lighter;\n\n    /* OC-2 fallback variables (dark) */\n    --background-base: #101010;\n    --background-weak: #1e1e1e;\n    --background-strong: #121212;\n    --background-stronger: #151515;\n    --surface-base: rgba(255, 255, 255, 0.031);\n    --base: rgba(255, 255, 255, 0.034);\n    --surface-base-hover: rgba(255, 255, 255, 0.039);\n    --surface-base-active: rgba(255, 255, 255, 0.059);\n    --surface-base-interactive-active: rgba(3, 76, 255, 0.125);\n    --base2: rgba(255, 255, 255, 0.034);\n    --base3: rgba(255, 255, 255, 0.034);\n    --surface-inset-base: rgba(0, 0, 0, 0.5);\n    --surface-inset-base-hover: rgba(0, 0, 0, 0.5);\n    --surface-inset-strong: rgba(0, 0, 0, 0.8);\n    --surface-inset-strong-hover: rgba(0, 0, 0, 0.8);\n    --surface-raised-base: rgba(255, 255, 255, 0.059);\n    --surface-float-base: #161616;\n    --surface-float-base-hover: #1c1c1c;\n    --surface-raised-base-hover: rgba(255, 255, 255, 0.078);\n    --surface-raised-base-active: rgba(255, 255, 255, 0.102);\n    --surface-raised-strong: rgba(255, 255, 255, 0.078);\n    --surface-raised-strong-hover: rgba(255, 255, 255, 0.129);\n    --surface-raised-stronger: rgba(255, 255, 255, 0.129);\n    --surface-raised-stronger-hover: rgba(255, 255, 255, 0.169);\n    --surface-weak: rgba(255, 255, 255, 0.078);\n    --surface-weaker: rgba(255, 255, 255, 0.102);\n    --surface-strong: rgba(255, 255, 255, 0.169);\n    --surface-stronger-non-alpha: var(--surface-raised-stronger-non-alpha);\n    --surface-raised-stronger-non-alpha: #1c1c1c;\n    --surface-panel: var(--surface-raised-stronger-non-alpha);\n    --surface-panel-base: var(--surface-raised-stronger-non-alpha);\n    --surface-brand-base: #fab283;\n    --surface-brand-hover: #eda779;\n    --surface-interactive-base: #091f52;\n    --surface-interactive-hover: #091f52;\n    --surface-interactive-weak: #0b1730;\n    --surface-interactive-weak-hover: #ecf3ff;\n    --surface-success-base: #062d04;\n    --surface-success-weak: #0a1e08;\n    --surface-success-strong: #12c905;\n    --surface-warning-base: #fdf3cf;\n    --surface-warning-weak: #fdfaed;\n    --surface-warning-strong: #fcd53a;\n    --surface-critical-base: #1f0603;\n    --surface-critical-weak: #28110c;\n    --surface-critical-strong: #fc533a;\n    --surface-info-base: #feecfe;\n    --surface-info-weak: #fdf7fe;\n    --surface-info-strong: #edb2f1;\n    --surface-diff-unchanged-base: #161616;\n    --surface-diff-skip-base: #00000000;\n    --surface-diff-hidden-base: #0c1928;\n    --surface-diff-hidden-weak: #09131d;\n    --surface-diff-hidden-weaker: #082542;\n    --surface-diff-hidden-strong: #073966;\n    --surface-diff-hidden-stronger: #8ec2fc;\n    --surface-diff-add-base: #1a2919;\n    --surface-diff-add-weak: #1f351e;\n    --surface-diff-add-weaker: #1a2919;\n    --surface-diff-add-strong: #264024;\n    --surface-diff-add-stronger: #9bcd97;\n    --surface-diff-delete-base: #42120b;\n    --surface-diff-delete-weak: #580f06;\n    --surface-diff-delete-weaker: #42120b;\n    --surface-diff-delete-strong: #6a1206;\n    --surface-diff-delete-stronger: #faa494;\n    --input-base: #1c1c1c;\n    --input-hover: #1c1c1c;\n    --input-active: #091123;\n    --input-selected: #0b1730;\n    --input-focus: #091123;\n    --input-disabled: #282828;\n    --text-base: rgba(255, 255, 255, 0.618);\n    --text-weak: rgba(255, 255, 255, 0.422);\n    --text-weaker: rgba(255, 255, 255, 0.284);\n    --text-strong: rgba(255, 255, 255, 0.936);\n    --text-invert-base: #a0a0a0;\n    --text-invert-weak: #707070;\n    --text-invert-weaker: #505050;\n    --text-invert-strong: #ededed;\n    --text-interactive-base: #9dbefe;\n    --text-subtle: var(--text-weak);\n    --accent: var(--text-interactive-base);\n    --accent-base: var(--text-interactive-base);\n    --danger-base: #fc533a;\n    --danger-muted: rgba(252, 83, 58, 0.16);\n    --text-danger-base: var(--danger-base);\n    --text-text-danger-base: var(--danger-base);\n    --text-on-brand-base: rgba(255, 255, 255, 0.603);\n    --text-on-interactive-base: #ededed;\n    --text-on-interactive-weak: rgba(255, 255, 255, 0.603);\n    --text-on-success-base: #12c905;\n    --text-on-critical-base: #fc533a;\n    --text-on-critical-weak: #b72d1a;\n    --text-on-critical-strong: #ffe0da;\n    --text-on-warning-base: rgba(255, 255, 255, 0.603);\n    --text-on-info-base: rgba(255, 255, 255, 0.603);\n    --text-diff-add-base: #9bcd97;\n    --text-diff-delete-base: #fc533a;\n    --text-diff-delete-strong: #ffe0da;\n    --text-diff-add-strong: #4a7348;\n    --text-on-info-weak: rgba(255, 255, 255, 0.404);\n    --text-on-info-strong: rgba(255, 255, 255, 0.928);\n    --text-on-warning-weak: rgba(255, 255, 255, 0.404);\n    --text-on-warning-strong: rgba(255, 255, 255, 0.928);\n    --text-on-success-weak: #127d0d;\n    --text-on-success-strong: #bafdb3;\n    --text-on-brand-weak: rgba(255, 255, 255, 0.404);\n    --text-on-brand-weaker: rgba(255, 255, 255, 0.266);\n    --text-on-brand-strong: rgba(255, 255, 255, 0.928);\n    --button-primary-base: #ededed;\n    --button-secondary-base: #1c1c1c;\n    --button-secondary-hover: rgba(255, 255, 255, 0.039);\n    --button-ghost-hover: rgba(255, 255, 255, 0.031);\n    --button-ghost-hover2: rgba(255, 255, 255, 0.059);\n    --border-base: rgba(255, 255, 255, 0.195);\n    --border-hover: rgba(255, 255, 255, 0.284);\n    --border-active: rgba(255, 255, 255, 0.418);\n    --border-selected: #9dbefe;\n    --border-disabled: rgba(255, 255, 255, 0.284);\n    --border-focus: rgba(255, 255, 255, 0.418);\n    --border-weak-base: #282828;\n    --border-strong-base: rgba(255, 255, 255, 0.266);\n    --border-strong-hover: rgba(255, 255, 255, 0.266);\n    --border-strong-active: rgba(255, 255, 255, 0.266);\n    --border-strong-selected: rgba(3, 76, 255, 0.62);\n    --border-strong-disabled: rgba(255, 255, 255, 0.138);\n    --border-strong-focus: rgba(255, 255, 255, 0.266);\n    --border-weak-hover: rgba(255, 255, 255, 0.181);\n    --border-weak-active: rgba(255, 255, 255, 0.266);\n    --border-weak-selected: rgba(3, 76, 255, 0.62);\n    --border-weak-disabled: rgba(255, 255, 255, 0.138);\n    --border-weak-focus: rgba(255, 255, 255, 0.266);\n    --border-weaker-base: #202020;\n    --border-weaker-hover: rgba(255, 255, 255, 0.084);\n    --border-weaker-active: rgba(255, 255, 255, 0.138);\n    --border-weaker-selected: rgba(3, 76, 255, 0.32);\n    --border-weaker-disabled: rgba(255, 255, 255, 0.034);\n    --border-weaker-focus: rgba(255, 255, 255, 0.138);\n    --border-interactive-base: #a3c1fd;\n    --border-interactive-hover: #7ea9ff;\n    --border-interactive-active: #034cff;\n    --border-interactive-selected: #034cff;\n    --border-interactive-disabled: #505050;\n    --border-interactive-focus: #034cff;\n    --border-success-base: #96ec8e;\n    --border-success-hover: #7add71;\n    --border-success-selected: #12c905;\n    --border-warning-base: #e9d282;\n    --border-warning-hover: #dac063;\n    --border-warning-selected: #fcd53a;\n    --border-critical-base: #6a1206;\n    --border-critical-hover: #952414;\n    --border-critical-selected: #fc533a;\n    --border-info-base: #eac5ec;\n    --border-info-hover: #dab1dd;\n    --border-info-selected: #edb2f1;\n    --border-color: #ffffff;\n    --icon-base: #7e7e7e;\n    --icon-hover: #a0a0a0;\n    --icon-active: #ededed;\n    --icon-selected: #ededed;\n    --icon-disabled: #3e3e3e;\n    --icon-focus: #ededed;\n    --icon-invert-base: #161616;\n    --icon-weak-base: #343434;\n    --icon-weak-hover: #d9d9d9;\n    --icon-weak-active: #c8c8c8;\n    --icon-weak-selected: #707070;\n    --icon-weak-disabled: #ededed;\n    --icon-weak-focus: #707070;\n    --icon-strong-base: #ededed;\n    --icon-strong-hover: #f6f3f3;\n    --icon-strong-active: #fcfcfc;\n    --icon-strong-selected: #fdfcfc;\n    --icon-strong-disabled: #3e3e3e;\n    --icon-strong-focus: #fdfcfc;\n    --icon-brand-base: #ffffff;\n    --icon-interactive-base: #034cff;\n    --icon-success-base: #12c905;\n    --icon-success-hover: #35c02d;\n    --icon-success-active: #4de144;\n    --icon-warning-base: #fbb73c;\n    --icon-warning-hover: #885e08;\n    --icon-warning-active: #f1b13f;\n    --icon-critical-base: #fc533a;\n    --icon-critical-hover: #faa494;\n    --icon-critical-active: #ffe0da;\n    --icon-info-base: #68446b;\n    --icon-info-hover: #815484;\n    --icon-info-active: #dfa7e3;\n    --icon-on-brand-base: rgba(255, 255, 255, 0.603);\n    --icon-on-brand-hover: rgba(255, 255, 255, 0.928);\n    --icon-on-brand-selected: rgba(255, 255, 255, 0.928);\n    --icon-on-interactive-base: #ededed;\n    --icon-agent-plan-base: #edb2f1;\n    --icon-agent-docs-base: #fbb73c;\n    --icon-agent-ask-base: #2090f5;\n    --icon-agent-build-base: #9dbefe;\n    --icon-on-success-base: rgba(18, 201, 5, 0.9);\n    --icon-on-success-hover: rgba(53, 192, 45, 0.9);\n    --icon-on-success-selected: rgba(77, 225, 68, 0.9);\n    --icon-on-warning-base: rgba(251, 183, 60, 0.9);\n    --icon-on-warning-hover: rgba(245, 178, 56, 0.9);\n    --icon-on-warning-selected: rgba(241, 177, 63, 0.9);\n    --icon-on-critical-base: rgba(252, 83, 58, 0.9);\n    --icon-on-critical-hover: rgba(245, 79, 54, 0.9);\n    --icon-on-critical-selected: rgba(250, 164, 148, 0.9);\n    --icon-on-info-base: #edb2f1;\n    --icon-on-info-hover: rgba(231, 173, 235, 0.9);\n    --icon-on-info-selected: rgba(223, 167, 227, 0.9);\n    --icon-diff-add-base: #9bcd97;\n    --icon-diff-add-hover: #c3f9bf;\n    --icon-diff-add-active: #9bcd97;\n    --icon-diff-delete-base: #fc533a;\n    --icon-diff-delete-hover: #f54f36;\n    --icon-diff-modified-base: #ffba92;\n    --syntax-comment: var(--text-weak);\n    --syntax-regexp: var(--text-base);\n    --syntax-string: #00ceb9;\n    --syntax-keyword: var(--text-weak);\n    --syntax-primitive: #ffba92;\n    --syntax-operator: var(--text-weak);\n    --syntax-variable: var(--text-strong);\n    --syntax-property: #ff9ae2;\n    --syntax-type: #ecf58c;\n    --syntax-constant: #93e9f6;\n    --syntax-punctuation: var(--text-weak);\n    --syntax-object: var(--text-strong);\n    --syntax-success: #35c02d;\n    --syntax-warning: #f5b238;\n    --syntax-critical: #f54f36;\n    --syntax-info: #93e9f6;\n    --syntax-diff-add: #9bcd97;\n    --syntax-diff-delete: #faa494;\n    --syntax-diff-unknown: #ff0000;\n    --markdown-heading: #9d7cd8;\n    --markdown-text: #eeeeee;\n    --markdown-link: #fab283;\n    --markdown-link-text: #56b6c2;\n    --markdown-code: #7fd88f;\n    --markdown-block-quote: #e5c07b;\n    --markdown-emph: #e5c07b;\n    --markdown-strong: #f5a742;\n    --markdown-horizontal-rule: #808080;\n    --markdown-list-item: #fab283;\n    --markdown-list-enumeration: #56b6c2;\n    --markdown-image: #fab283;\n    --markdown-image-text: #56b6c2;\n    --markdown-code-block: #eeeeee;\n    --avatar-background-pink: #501b3f;\n    --avatar-background-mint: #033a34;\n    --avatar-background-orange: #5f2a06;\n    --avatar-background-purple: #432155;\n    --avatar-background-cyan: #0f3058;\n    --avatar-background-lime: #2b3711;\n    --avatar-text-pink: #e34ba9;\n    --avatar-text-mint: #95f3d9;\n    --avatar-text-orange: #ff802b;\n    --avatar-text-purple: #9d5bd2;\n    --avatar-text-cyan: #369eff;\n    --avatar-text-lime: #c4f042;\n    --text-stronger: rgba(255, 255, 255, 0.936);\n  }\n}\n:host([data-theme=\"dark\"]) {\n    color-scheme: dark;\n    --text-mix-blend-mode: plus-lighter;\n\n    /* OC-2 fallback variables (dark) */\n    --background-base: #101010;\n    --background-weak: #1e1e1e;\n    --background-strong: #121212;\n    --background-stronger: #151515;\n    --surface-base: rgba(255, 255, 255, 0.031);\n    --base: rgba(255, 255, 255, 0.034);\n    --surface-base-hover: rgba(255, 255, 255, 0.039);\n    --surface-base-active: rgba(255, 255, 255, 0.059);\n    --surface-base-interactive-active: rgba(3, 76, 255, 0.125);\n    --base2: rgba(255, 255, 255, 0.034);\n    --base3: rgba(255, 255, 255, 0.034);\n    --surface-inset-base: rgba(0, 0, 0, 0.5);\n    --surface-inset-base-hover: rgba(0, 0, 0, 0.5);\n    --surface-inset-strong: rgba(0, 0, 0, 0.8);\n    --surface-inset-strong-hover: rgba(0, 0, 0, 0.8);\n    --surface-raised-base: rgba(255, 255, 255, 0.059);\n    --surface-float-base: #161616;\n    --surface-float-base-hover: #1c1c1c;\n    --surface-raised-base-hover: rgba(255, 255, 255, 0.078);\n    --surface-raised-base-active: rgba(255, 255, 255, 0.102);\n    --surface-raised-strong: rgba(255, 255, 255, 0.078);\n    --surface-raised-strong-hover: rgba(255, 255, 255, 0.129);\n    --surface-raised-stronger: rgba(255, 255, 255, 0.129);\n    --surface-raised-stronger-hover: rgba(255, 255, 255, 0.169);\n    --surface-weak: rgba(255, 255, 255, 0.078);\n    --surface-weaker: rgba(255, 255, 255, 0.102);\n    --surface-strong: rgba(255, 255, 255, 0.169);\n    --surface-stronger-non-alpha: var(--surface-raised-stronger-non-alpha);\n    --surface-raised-stronger-non-alpha: #1c1c1c;\n    --surface-panel: var(--surface-raised-stronger-non-alpha);\n    --surface-panel-base: var(--surface-raised-stronger-non-alpha);\n    --surface-brand-base: #fab283;\n    --surface-brand-hover: #eda779;\n    --surface-interactive-base: #091f52;\n    --surface-interactive-hover: #091f52;\n    --surface-interactive-weak: #0b1730;\n    --surface-interactive-weak-hover: #ecf3ff;\n    --surface-success-base: #062d04;\n    --surface-success-weak: #0a1e08;\n    --surface-success-strong: #12c905;\n    --surface-warning-base: #fdf3cf;\n    --surface-warning-weak: #fdfaed;\n    --surface-warning-strong: #fcd53a;\n    --surface-critical-base: #1f0603;\n    --surface-critical-weak: #28110c;\n    --surface-critical-strong: #fc533a;\n    --surface-info-base: #feecfe;\n    --surface-info-weak: #fdf7fe;\n    --surface-info-strong: #edb2f1;\n    --surface-diff-unchanged-base: #161616;\n    --surface-diff-skip-base: #00000000;\n    --surface-diff-hidden-base: #0c1928;\n    --surface-diff-hidden-weak: #09131d;\n    --surface-diff-hidden-weaker: #082542;\n    --surface-diff-hidden-strong: #073966;\n    --surface-diff-hidden-stronger: #8ec2fc;\n    --surface-diff-add-base: #1a2919;\n    --surface-diff-add-weak: #1f351e;\n    --surface-diff-add-weaker: #1a2919;\n    --surface-diff-add-strong: #264024;\n    --surface-diff-add-stronger: #9bcd97;\n    --surface-diff-delete-base: #42120b;\n    --surface-diff-delete-weak: #580f06;\n    --surface-diff-delete-weaker: #42120b;\n    --surface-diff-delete-strong: #6a1206;\n    --surface-diff-delete-stronger: #faa494;\n    --input-base: #1c1c1c;\n    --input-hover: #1c1c1c;\n    --input-active: #091123;\n    --input-selected: #0b1730;\n    --input-focus: #091123;\n    --input-disabled: #282828;\n    --text-base: rgba(255, 255, 255, 0.618);\n    --text-weak: rgba(255, 255, 255, 0.422);\n    --text-weaker: rgba(255, 255, 255, 0.284);\n    --text-strong: rgba(255, 255, 255, 0.936);\n    --text-invert-base: #a0a0a0;\n    --text-invert-weak: #707070;\n    --text-invert-weaker: #505050;\n    --text-invert-strong: #ededed;\n    --text-interactive-base: #9dbefe;\n    --text-subtle: var(--text-weak);\n    --accent: var(--text-interactive-base);\n    --accent-base: var(--text-interactive-base);\n    --danger-base: #fc533a;\n    --danger-muted: rgba(252, 83, 58, 0.16);\n    --text-danger-base: var(--danger-base);\n    --text-text-danger-base: var(--danger-base);\n    --text-on-brand-base: rgba(255, 255, 255, 0.603);\n    --text-on-interactive-base: #ededed;\n    --text-on-interactive-weak: rgba(255, 255, 255, 0.603);\n    --text-on-success-base: #12c905;\n    --text-on-critical-base: #fc533a;\n    --text-on-critical-weak: #b72d1a;\n    --text-on-critical-strong: #ffe0da;\n    --text-on-warning-base: rgba(255, 255, 255, 0.603);\n    --text-on-info-base: rgba(255, 255, 255, 0.603);\n    --text-diff-add-base: #9bcd97;\n    --text-diff-delete-base: #fc533a;\n    --text-diff-delete-strong: #ffe0da;\n    --text-diff-add-strong: #4a7348;\n    --text-on-info-weak: rgba(255, 255, 255, 0.404);\n    --text-on-info-strong: rgba(255, 255, 255, 0.928);\n    --text-on-warning-weak: rgba(255, 255, 255, 0.404);\n    --text-on-warning-strong: rgba(255, 255, 255, 0.928);\n    --text-on-success-weak: #127d0d;\n    --text-on-success-strong: #bafdb3;\n    --text-on-brand-weak: rgba(255, 255, 255, 0.404);\n    --text-on-brand-weaker: rgba(255, 255, 255, 0.266);\n    --text-on-brand-strong: rgba(255, 255, 255, 0.928);\n    --button-primary-base: #ededed;\n    --button-secondary-base: #1c1c1c;\n    --button-secondary-hover: rgba(255, 255, 255, 0.039);\n    --button-ghost-hover: rgba(255, 255, 255, 0.031);\n    --button-ghost-hover2: rgba(255, 255, 255, 0.059);\n    --border-base: rgba(255, 255, 255, 0.195);\n    --border-hover: rgba(255, 255, 255, 0.284);\n    --border-active: rgba(255, 255, 255, 0.418);\n    --border-selected: #9dbefe;\n    --border-disabled: rgba(255, 255, 255, 0.284);\n    --border-focus: rgba(255, 255, 255, 0.418);\n    --border-weak-base: #282828;\n    --border-strong-base: rgba(255, 255, 255, 0.266);\n    --border-strong-hover: rgba(255, 255, 255, 0.266);\n    --border-strong-active: rgba(255, 255, 255, 0.266);\n    --border-strong-selected: rgba(3, 76, 255, 0.62);\n    --border-strong-disabled: rgba(255, 255, 255, 0.138);\n    --border-strong-focus: rgba(255, 255, 255, 0.266);\n    --border-weak-hover: rgba(255, 255, 255, 0.181);\n    --border-weak-active: rgba(255, 255, 255, 0.266);\n    --border-weak-selected: rgba(3, 76, 255, 0.62);\n    --border-weak-disabled: rgba(255, 255, 255, 0.138);\n    --border-weak-focus: rgba(255, 255, 255, 0.266);\n    --border-weaker-base: #202020;\n    --border-weaker-hover: rgba(255, 255, 255, 0.084);\n    --border-weaker-active: rgba(255, 255, 255, 0.138);\n    --border-weaker-selected: rgba(3, 76, 255, 0.32);\n    --border-weaker-disabled: rgba(255, 255, 255, 0.034);\n    --border-weaker-focus: rgba(255, 255, 255, 0.138);\n    --border-interactive-base: #a3c1fd;\n    --border-interactive-hover: #7ea9ff;\n    --border-interactive-active: #034cff;\n    --border-interactive-selected: #034cff;\n    --border-interactive-disabled: #505050;\n    --border-interactive-focus: #034cff;\n    --border-success-base: #96ec8e;\n    --border-success-hover: #7add71;\n    --border-success-selected: #12c905;\n    --border-warning-base: #e9d282;\n    --border-warning-hover: #dac063;\n    --border-warning-selected: #fcd53a;\n    --border-critical-base: #6a1206;\n    --border-critical-hover: #952414;\n    --border-critical-selected: #fc533a;\n    --border-info-base: #eac5ec;\n    --border-info-hover: #dab1dd;\n    --border-info-selected: #edb2f1;\n    --border-color: #ffffff;\n    --icon-base: #7e7e7e;\n    --icon-hover: #a0a0a0;\n    --icon-active: #ededed;\n    --icon-selected: #ededed;\n    --icon-disabled: #3e3e3e;\n    --icon-focus: #ededed;\n    --icon-invert-base: #161616;\n    --icon-weak-base: #343434;\n    --icon-weak-hover: #d9d9d9;\n    --icon-weak-active: #c8c8c8;\n    --icon-weak-selected: #707070;\n    --icon-weak-disabled: #ededed;\n    --icon-weak-focus: #707070;\n    --icon-strong-base: #ededed;\n    --icon-strong-hover: #f6f3f3;\n    --icon-strong-active: #fcfcfc;\n    --icon-strong-selected: #fdfcfc;\n    --icon-strong-disabled: #3e3e3e;\n    --icon-strong-focus: #fdfcfc;\n    --icon-brand-base: #ffffff;\n    --icon-interactive-base: #034cff;\n    --icon-success-base: #12c905;\n    --icon-success-hover: #35c02d;\n    --icon-success-active: #4de144;\n    --icon-warning-base: #fbb73c;\n    --icon-warning-hover: #885e08;\n    --icon-warning-active: #f1b13f;\n    --icon-critical-base: #fc533a;\n    --icon-critical-hover: #faa494;\n    --icon-critical-active: #ffe0da;\n    --icon-info-base: #68446b;\n    --icon-info-hover: #815484;\n    --icon-info-active: #dfa7e3;\n    --icon-on-brand-base: rgba(255, 255, 255, 0.603);\n    --icon-on-brand-hover: rgba(255, 255, 255, 0.928);\n    --icon-on-brand-selected: rgba(255, 255, 255, 0.928);\n    --icon-on-interactive-base: #ededed;\n    --icon-agent-plan-base: #edb2f1;\n    --icon-agent-docs-base: #fbb73c;\n    --icon-agent-ask-base: #2090f5;\n    --icon-agent-build-base: #9dbefe;\n    --icon-on-success-base: rgba(18, 201, 5, 0.9);\n    --icon-on-success-hover: rgba(53, 192, 45, 0.9);\n    --icon-on-success-selected: rgba(77, 225, 68, 0.9);\n    --icon-on-warning-base: rgba(251, 183, 60, 0.9);\n    --icon-on-warning-hover: rgba(245, 178, 56, 0.9);\n    --icon-on-warning-selected: rgba(241, 177, 63, 0.9);\n    --icon-on-critical-base: rgba(252, 83, 58, 0.9);\n    --icon-on-critical-hover: rgba(245, 79, 54, 0.9);\n    --icon-on-critical-selected: rgba(250, 164, 148, 0.9);\n    --icon-on-info-base: #edb2f1;\n    --icon-on-info-hover: rgba(231, 173, 235, 0.9);\n    --icon-on-info-selected: rgba(223, 167, 227, 0.9);\n    --icon-diff-add-base: #9bcd97;\n    --icon-diff-add-hover: #c3f9bf;\n    --icon-diff-add-active: #9bcd97;\n    --icon-diff-delete-base: #fc533a;\n    --icon-diff-delete-hover: #f54f36;\n    --icon-diff-modified-base: #ffba92;\n    --syntax-comment: var(--text-weak);\n    --syntax-regexp: var(--text-base);\n    --syntax-string: #00ceb9;\n    --syntax-keyword: var(--text-weak);\n    --syntax-primitive: #ffba92;\n    --syntax-operator: var(--text-weak);\n    --syntax-variable: var(--text-strong);\n    --syntax-property: #ff9ae2;\n    --syntax-type: #ecf58c;\n    --syntax-constant: #93e9f6;\n    --syntax-punctuation: var(--text-weak);\n    --syntax-object: var(--text-strong);\n    --syntax-success: #35c02d;\n    --syntax-warning: #f5b238;\n    --syntax-critical: #f54f36;\n    --syntax-info: #93e9f6;\n    --syntax-diff-add: #9bcd97;\n    --syntax-diff-delete: #faa494;\n    --syntax-diff-unknown: #ff0000;\n    --markdown-heading: #9d7cd8;\n    --markdown-text: #eeeeee;\n    --markdown-link: #fab283;\n    --markdown-link-text: #56b6c2;\n    --markdown-code: #7fd88f;\n    --markdown-block-quote: #e5c07b;\n    --markdown-emph: #e5c07b;\n    --markdown-strong: #f5a742;\n    --markdown-horizontal-rule: #808080;\n    --markdown-list-item: #fab283;\n    --markdown-list-enumeration: #56b6c2;\n    --markdown-image: #fab283;\n    --markdown-image-text: #56b6c2;\n    --markdown-code-block: #eeeeee;\n    --avatar-background-pink: #501b3f;\n    --avatar-background-mint: #033a34;\n    --avatar-background-orange: #5f2a06;\n    --avatar-background-purple: #432155;\n    --avatar-background-cyan: #0f3058;\n    --avatar-background-lime: #2b3711;\n    --avatar-text-pink: #e34ba9;\n    --avatar-text-mint: #95f3d9;\n    --avatar-text-orange: #ff802b;\n    --avatar-text-purple: #9d5bd2;\n    --avatar-text-cyan: #369eff;\n    --avatar-text-lime: #c4f042;\n    --text-stronger: rgba(255, 255, 255, 0.936);\n  }\n","/* Synced from Mux frontend/src/ui/components/tool-status-title.css @ 37d6096b450cb33dfe9d7112e9d4ff75975d20b2. Do not edit; run npm run sync-styles. */\n[data-component=\"tool-status-title\"] {\n  display: inline-flex;\n  align-items: baseline;\n  white-space: nowrap;\n  text-align: start;\n\n  [data-slot=\"tool-status-suffix\"] {\n    display: inline-flex;\n    align-items: baseline;\n    white-space: nowrap;\n  }\n\n  [data-slot=\"tool-status-prefix\"] {\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n\n  [data-slot=\"tool-status-swap\"],\n  [data-slot=\"tool-status-tail\"] {\n    display: inline-grid;\n    overflow: hidden;\n    justify-items: start;\n    transition: width var(--tool-motion-spring-ms, 480ms) var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1));\n  }\n\n  [data-slot=\"tool-status-active\"],\n  [data-slot=\"tool-status-done\"] {\n    grid-area: 1 / 1;\n    white-space: nowrap;\n    justify-self: start;\n    text-align: start;\n    transition-property: opacity, filter, transform;\n    transition-duration:\n      var(--tool-motion-fade-ms, 240ms), calc(var(--tool-motion-fade-ms, 240ms) * 0.8),\n      calc(var(--tool-motion-fade-ms, 240ms) * 0.8);\n    transition-timing-function: ease-out, ease-out, ease-out;\n  }\n\n  &[data-ready=\"false\"] {\n    [data-slot=\"tool-status-swap\"],\n    [data-slot=\"tool-status-tail\"] {\n      transition-duration: 0ms;\n    }\n\n    [data-slot=\"tool-status-active\"],\n    [data-slot=\"tool-status-done\"] {\n      transition-duration: 0ms;\n    }\n  }\n\n  [data-slot=\"tool-status-active\"] {\n    opacity: 0;\n    filter: blur(calc(var(--tool-motion-blur, 2px) * 0.45));\n    transform: translateY(0.03em);\n  }\n\n  [data-slot=\"tool-status-done\"] {\n    color: var(--text-strong);\n    opacity: 1;\n    filter: blur(0);\n    transform: translateY(0);\n  }\n\n  &[data-active=\"true\"] {\n    [data-slot=\"tool-status-active\"] {\n      opacity: 1;\n      filter: blur(0);\n      transform: translateY(0);\n    }\n\n    [data-slot=\"tool-status-done\"] {\n      opacity: 0;\n      filter: blur(calc(var(--tool-motion-blur, 2px) * 0.45));\n      transform: translateY(0.03em);\n    }\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-component=\"tool-status-title\"] [data-slot=\"tool-status-swap\"],\n  [data-component=\"tool-status-title\"] [data-slot=\"tool-status-tail\"] {\n    transition-duration: 0ms;\n  }\n\n  [data-component=\"tool-status-title\"] [data-slot=\"tool-status-active\"],\n  [data-component=\"tool-status-title\"] [data-slot=\"tool-status-done\"] {\n    transition-duration: 0ms;\n  }\n}\n","/* The embed's own layout, plus the timeline and composer rules Mux keeps in\n   frontend/src/index.css or writes as Tailwind classes (composer-view.tsx).\n   Values mirror Mux's; everything else comes from the synced stylesheets. */\n\n:host {\n  display: block;\n  height: 100%;\n  min-height: 0;\n  /* Mux ships Inter and IBM Plex Mono; fall back to system faces when the host page lacks them. */\n  --font-family-sans: \"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  --font-family-mono: \"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n  font: inherit;\n  color: inherit;\n  margin: 0;\n}\n\nbutton {\n  background: none;\n  border: 0;\n  padding: 0;\n  cursor: pointer;\n}\n\nbutton:disabled {\n  cursor: default;\n}\n\n[data-component=\"icon\"] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n[data-component=\"mux-chat\"] {\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--background-stronger);\n  color: var(--text-base);\n  font-family: var(--font-family-sans);\n  font-feature-settings: var(--font-family-sans--font-feature-settings);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-large);\n  -webkit-font-smoothing: antialiased;\n}\n\n/* ---------------------------------------------------------------- header */\n\n[data-slot=\"mux-chat-header\"] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 44px;\n  padding: 8px 10px 8px 18px;\n  border-bottom: 1px solid var(--border-weaker-base);\n}\n\n[data-slot=\"mux-chat-heading\"] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n}\n\n[data-slot=\"mux-chat-title\"] {\n  color: var(--text-strong);\n  font-weight: var(--font-weight-medium);\n  line-height: 20px;\n}\n\n[data-slot=\"mux-chat-subtitle\"] {\n  color: var(--text-weak);\n  font-size: 12px;\n  line-height: 16px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n[data-slot=\"mux-chat-status\"] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n  color: var(--text-weak);\n  font-size: 12px;\n  line-height: 16px;\n\n  &::before {\n    content: \"\";\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: var(--icon-weak-base);\n  }\n\n  &[data-tone=\"ok\"]::before {\n    background: var(--icon-success-base);\n  }\n\n  &[data-tone=\"bad\"]::before {\n    background: var(--icon-critical-base);\n  }\n\n  &[data-tone=\"ok\"] [data-slot=\"mux-chat-status-text\"] {\n    display: none;\n  }\n}\n\n[data-action=\"new-chat\"] {\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* -------------------------------------------------------------- timeline */\n\n[data-component=\"message-timeline\"] {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  overflow-anchor: auto;\n  display: flex;\n  flex-direction: column;\n  padding: 16px 0;\n  scrollbar-width: thin;\n}\n\n[data-component=\"message-timeline\"] [data-slot=\"session-turn-message-container\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding-inline: 18px;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"assistant-message\"] {\n  gap: 8px;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"user-message\"] {\n  line-height: var(--line-height-large);\n}\n\n[data-component=\"message-timeline\"] [data-slot=\"user-message-text\"] {\n  padding: 6px 9px;\n  white-space: pre-wrap;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"text-part\"] {\n  width: 100%;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"text-part\"] [data-component=\"markdown\"] {\n  line-height: 1.5625;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"markdown\"] p {\n  margin-bottom: 0.75rem;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"markdown\"] :is(h1, h2, h3, h4, h5, h6) {\n  margin-top: 1.5rem;\n  margin-bottom: 0.5rem;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"markdown\"] :is(ul, ol) {\n  margin-top: 0.375rem;\n  margin-bottom: 0.75rem;\n  padding-left: 1.25rem;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"markdown\"] ol {\n  padding-left: 1.75rem;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"markdown\"] li {\n  margin-bottom: 0.25rem;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"markdown\"] :is(blockquote, pre) {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"markdown\"] hr {\n  margin-block: 1.5rem;\n}\n\n[data-component=\"message-timeline\"] [data-component=\"markdown\"] > :last-child {\n  margin-bottom: 0;\n}\n\n/* Tables scroll inside a narrow sidebar instead of overflowing it. */\n[data-component=\"message-timeline\"] [data-component=\"markdown\"] table {\n  display: block;\n  max-width: 100%;\n  overflow-x: auto;\n}\n\n[data-slot=\"mux-tool-output\"] {\n  padding: 8px 4px 4px;\n\n  pre {\n    margin: 0;\n    max-height: 320px;\n    overflow: auto;\n    padding: 8px 12px;\n    border: 1px solid var(--border-weak-base);\n    border-radius: var(--radius-lg);\n    background: var(--surface-raised-base);\n    color: var(--text-base);\n    font-family: var(--font-family-mono);\n    font-size: 12px;\n    line-height: 18px;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n\n  pre[data-status=\"error\"] {\n    color: var(--text-critical-base, var(--icon-critical-base));\n  }\n}\n\n[data-slot=\"mux-chat-error\"],\n[data-slot=\"mux-chat-notice\"] {\n  color: var(--text-critical-base, var(--icon-critical-base));\n  font-size: var(--font-size-small);\n  line-height: var(--line-height-large);\n}\n\n[data-slot=\"mux-chat-notice\"] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 8px;\n\n  > span {\n    flex: 1;\n    min-width: 0;\n  }\n\n  [data-action=\"retry\"] {\n    flex: none;\n    color: var(--text-strong);\n  }\n}\n\n/* ----------------------------------------------------------- empty state */\n\n[data-slot=\"mux-chat-empty\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-block: auto;\n  padding: 24px 18px;\n}\n\n[data-slot=\"mux-chat-empty-title\"] {\n  color: var(--text-strong);\n  font-size: var(--font-size-large);\n  font-weight: var(--font-weight-medium);\n  line-height: 24px;\n}\n\n[data-slot=\"mux-chat-empty-subtitle\"] {\n  color: var(--text-weak);\n}\n\n[data-slot=\"mux-chat-suggestions\"] {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n  margin-top: 10px;\n}\n\n[data-slot=\"mux-chat-suggestion\"] {\n  max-width: 100%;\n  padding: 6px 12px;\n  border: 1px solid var(--border-weak-base);\n  border-radius: 9999px;\n  background: var(--surface-raised-base);\n  color: var(--text-base);\n  font-size: var(--font-size-small);\n  line-height: 20px;\n  text-align: start;\n  transition: background-color 0.15s ease, border-color 0.15s ease;\n\n  &:hover {\n    background: var(--surface-raised-base-hover);\n    border-color: var(--border-base);\n  }\n}\n\n/* --------------------------------------------------------- dock/composer */\n\n[data-slot=\"mux-chat-dock\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 0 8px;\n}\n\n[data-component=\"prompt-composer-surface\"] {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: clip;\n  border: 1px solid var(--border-weak-base);\n  border-bottom-width: 0;\n  border-radius: 16px 16px 0 0;\n  --prompt-composer-fill: var(--surface-raised-stronger-non-alpha);\n  background: var(--prompt-composer-fill);\n\n  &:focus-within {\n    border-color: var(--border-base);\n  }\n\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n\n  > [data-dock-surface=\"shell\"] {\n    border-radius: 0;\n    box-shadow: none;\n    background: transparent;\n  }\n\n  > [data-component=\"prompt-controls\"] {\n    margin-top: 0;\n    border: 0;\n    border-radius: 0;\n    background: transparent;\n  }\n}\n\n[data-component=\"prompt-input-shell\"] {\n  flex: none;\n  min-height: 32px;\n}\n\n[data-component=\"prompt-input-scroll\"] {\n  position: relative;\n  max-height: 240px;\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n\n[data-component=\"prompt-input\"] {\n  display: block;\n  width: 100%;\n  min-height: 30px;\n  resize: none;\n  border: 0;\n  outline: none;\n  background: transparent;\n  padding: 8px 16px var(--prompt-inset);\n  color: var(--text-strong);\n  font-size: 13px;\n  line-height: 20px;\n\n  &::placeholder {\n    color: var(--text-weaker);\n  }\n}\n\n[data-component=\"prompt-controls-inner\"] {\n  padding: 1px 10px;\n}\n\n[data-component=\"prompt-control-row\"] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  min-height: 36px;\n}\n\n[data-component=\"prompt-control-left\"] {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n}\n\n[data-component=\"prompt-control-right\"] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n  margin-left: auto;\n}\n\n[data-component=\"prompt-model-control\"] {\n  position: relative;\n  min-width: 0;\n  max-width: 14rem;\n  display: flex;\n  align-items: center;\n}\n\n[data-action=\"prompt-model\"] {\n  appearance: none;\n  field-sizing: content;\n  height: 28px;\n  min-width: 0;\n  max-width: 100%;\n  padding: 0 22px 0 8px;\n  border: 0;\n  border-radius: var(--radius-md);\n  background: transparent;\n  color: var(--text-base);\n  font-size: var(--font-size-small);\n  font-weight: var(--font-weight-medium);\n  text-overflow: ellipsis;\n  cursor: pointer;\n  transition: background-color 0.15s ease;\n\n  &:hover:not(:disabled) {\n    background: var(--surface-base-hover);\n  }\n\n  &:focus-visible {\n    outline: none;\n    box-shadow: var(--shadow-xs-border-focus);\n  }\n\n  option,\n  optgroup {\n    background: var(--background-stronger);\n    color: var(--text-base);\n  }\n}\n\n[data-slot=\"prompt-model-chevron\"] {\n  position: absolute;\n  right: 6px;\n  display: inline-flex;\n  color: var(--icon-weak-base);\n  pointer-events: none;\n}\n\n[data-component=\"prompt-submit-control\"] {\n  display: flex;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n}\n\n[data-action=\"prompt-submit\"] {\n  width: 24px;\n  height: 24px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 9999px;\n}\n\n/* ---------------------------------------------------------- question dock */\n\n[data-component=\"mux-question\"],\n[data-component=\"mux-permission\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--border-weak-base);\n  border-radius: 12px;\n  background: var(--surface-raised-stronger-non-alpha);\n}\n\n[data-component=\"mux-permission\"] {\n  gap: 8px;\n}\n\n[data-slot=\"mux-permission-patterns\"] {\n  max-height: 96px;\n  overflow: auto;\n  padding: 6px 8px;\n  border-radius: var(--radius-md);\n  background: var(--surface-inset-base);\n  color: var(--text-base);\n  font-family: var(--font-family-mono);\n  font-size: 12px;\n  line-height: 18px;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n\n[data-slot=\"mux-question-item\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n[data-slot=\"mux-question-header\"] {\n  color: var(--text-weak);\n  font-size: 12px;\n  font-weight: var(--font-weight-medium);\n  text-transform: uppercase;\n  letter-spacing: 0.02em;\n}\n\n[data-slot=\"mux-question-text\"] {\n  color: var(--text-strong);\n  font-weight: var(--font-weight-medium);\n}\n\n[data-slot=\"mux-question-options\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n[data-slot=\"mux-question-option\"] {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  padding: 8px 10px;\n  border: 1px solid var(--border-weak-base);\n  border-radius: var(--radius-lg);\n  text-align: start;\n  transition: background-color 0.15s ease, border-color 0.15s ease;\n\n  &:hover {\n    background: var(--surface-base-hover);\n  }\n\n  &[aria-checked=\"true\"] {\n    border-color: var(--border-selected);\n    background: var(--surface-base-interactive-active);\n  }\n}\n\n[data-slot=\"mux-question-option-description\"] {\n  color: var(--text-weak);\n  font-size: var(--font-size-small);\n}\n\n[data-slot=\"mux-question-custom\"] {\n  height: 34px;\n  padding: 0 10px;\n  border: 1px solid var(--border-weak-base);\n  border-radius: var(--radius-lg);\n  background: transparent;\n  outline: none;\n\n  &:focus {\n    border-color: var(--border-base);\n  }\n}\n\n[data-slot=\"mux-question-actions\"] {\n  display: flex;\n  justify-content: flex-end;\n  gap: 6px;\n}\n\n[data-slot=\"mux-button\"] {\n  height: 30px;\n  padding: 0 12px;\n  border-radius: var(--radius-md);\n  font-size: var(--font-size-small);\n  font-weight: var(--font-weight-medium);\n\n  &[data-variant=\"ghost\"]:hover {\n    background: var(--surface-base-hover);\n  }\n\n  &[data-variant=\"primary\"] {\n    background: var(--icon-strong-base);\n    color: var(--icon-invert-base);\n  }\n\n  &[data-variant=\"primary\"]:disabled {\n    background: var(--icon-strong-disabled);\n  }\n}\n","import animations from \"./styles/mux/animations.css?inline\"\nimport basicTool from \"./styles/mux/basic-tool.css?inline\"\nimport collapsible from \"./styles/mux/collapsible.css?inline\"\nimport dockSurface from \"./styles/mux/dock-surface.css?inline\"\nimport iconButton from \"./styles/mux/icon-button.css?inline\"\nimport markdown from \"./styles/mux/markdown.css?inline\"\nimport messagePart from \"./styles/mux/message-part.css?inline\"\nimport sessionTurn from \"./styles/mux/session-turn.css?inline\"\nimport spinner from \"./styles/mux/spinner.css?inline\"\nimport textShimmer from \"./styles/mux/text-shimmer.css?inline\"\nimport theme from \"./styles/mux/theme.css?inline\"\nimport toolStatusTitle from \"./styles/mux/tool-status-title.css?inline\"\nimport chat from \"./styles/chat.css?inline\"\n\n/** Mux's stylesheets in its cascade order, then the embed's layout on top. */\nexport const styles = [theme, animations, iconButton, spinner, collapsible, basicTool, textShimmer, toolStatusTitle, dockSurface, markdown, messagePart, sessionTurn, chat].join(\"\\n\")\n","// Pure view-model rules for the chat UI: which parts render, how tool rows\n// are titled, and which model is selected. Kept free of Solid and the DOM.\nimport type { Part, ProviderInventory, ToolPart, ToolState } from \"@rohansguliani/mux-chat-core\"\n\nexport type ModelOption = { value: string; label: string }\nexport type ModelGroup = { id: string; label: string; models: ModelOption[] }\n\n/** Connected providers and their models, in runtime order. */\nexport function modelGroups(inventory: ProviderInventory): ModelGroup[] {\n  return inventory.all\n    .filter((provider) => inventory.connected.includes(provider.id))\n    .map((provider) => ({\n      id: provider.id,\n      label: provider.name || provider.id,\n      models: Object.values(provider.models).map((model) => ({ value: `${provider.id}/${model.id}`, label: model.name || model.id })),\n    }))\n    .filter((group) => group.models.length > 0)\n}\n\n/**\n * The model to use: the user's stored pick, else the app's preference, else a\n * connected provider's default, else the first available. `undefined` when\n * nothing is available.\n */\nexport function chooseModel(groups: ModelGroup[], inventory: ProviderInventory, stored?: string, preferred?: string): string | undefined {\n  const available = new Set(groups.flatMap((group) => group.models.map((model) => model.value)))\n  const defaults = inventory.connected.map((id) => (inventory.default[id] ? `${id}/${inventory.default[id]}` : \"\"))\n  return [stored, preferred, ...defaults, groups[0]?.models[0]?.value].find((value): value is string => !!value && available.has(value))\n}\n\nexport function parseModel(value: string | undefined) {\n  const slash = value?.indexOf(\"/\") ?? -1\n  return value && slash > 0 ? { providerID: value.slice(0, slash), modelID: value.slice(slash + 1) } : undefined\n}\n\n/** Parts a reader sees, in order: text, non-empty reasoning, and tool calls. */\nexport function visibleParts(parts: readonly Part[]): Part[] {\n  return parts.filter((part) =>\n    (part.type === \"text\" && !part.synthetic && !part.ignored && part.text.trim() !== \"\") ||\n    (part.type === \"reasoning\" && part.text.trim() !== \"\") ||\n    part.type === \"tool\")\n}\n\nconst BUILTIN_TOOLS: Record<string, string> = { websearch: \"Searching the web\", webfetch: \"Reading page\", question: \"Question\" }\n\n/** \"add_to_watchlist\" → \"Add to watchlist\". */\nexport const humanize = (name: string) => {\n  const words = name.replace(/[_-]+/g, \" \").trim()\n  return words ? words[0]!.toUpperCase() + words.slice(1) : name\n}\n\nexport function toolTitle(tool: string, labels: Record<string, string> = {}): string {\n  return labels[tool] ?? BUILTIN_TOOLS[tool] ?? humanize(tool)\n}\n\nconst INPUT_KEYS = [\"description\", \"query\", \"url\", \"name\", \"symbol\", \"watchlist\", \"path\", \"pattern\"]\n\n/** One line under the tool name: the tool's own title once it has one, else its most telling input. */\nexport function toolSubtitle(state: ToolState): string {\n  if ((state.status === \"completed\" || state.status === \"running\") && state.title) return state.title\n  const input = state.input ?? {}\n  for (const key of INPUT_KEYS) {\n    const value = input[key]\n    if (typeof value === \"string\" && value) return value\n  }\n  for (const value of Object.values(input)) {\n    if (typeof value === \"string\" && value) return value\n    if (Array.isArray(value) && value.length && value.every((item) => typeof item === \"string\")) return value.join(\", \")\n  }\n  return \"\"\n}\n\nexport const toolActive = (part: ToolPart) => part.state.status === \"pending\" || part.state.status === \"running\"\n\nexport function toolDetail(state: ToolState): string {\n  if (state.status === \"error\") return state.error\n  if (state.status === \"completed\") return state.output\n  if (state.status === \"running\") return state.output ?? \"\"\n  return \"\"\n}\n\nexport const seconds = (start: number, end: number) => `${Math.max(0, (end - start) / 1000).toFixed(1)}s`\n\nexport const sameIDs = (a: readonly string[], b: readonly string[]) => a.length === b.length && a.every((id, index) => id === b[index])\n","// The chat's state and actions as Solid signals, on top of chat-core. It owns\n// the grant lifecycle, the session (resume, new chat), the model choice, and\n// the tool-result callback; the views only render what it exposes.\nimport {\n  createAppClient,\n  createChatSession,\n  createMemoryStore,\n  createRuntimeTransport,\n  isSessionStreaming,\n  sessionPermissions,\n  sessionQuestions,\n  sessionTurns,\n  textSubmission,\n  type ChatSessionView,\n  type ChatState,\n  type ChatTool,\n  type PermissionRequest,\n  type ProviderInventory,\n  type QuestionRequest,\n  type Turn,\n} from \"@rohansguliani/mux-chat-core\"\nimport { batch, createEffect, createMemo, createSignal, on, onCleanup, untrack } from \"solid-js\"\nimport { chooseModel, modelGroups, parseModel, sameIDs, type ModelGroup } from \"./model.js\"\n\nexport type { ChatGrant, ChatTool } from \"@rohansguliani/mux-chat-core\"\n\n/**\n * A tool call that finished while the chat was open. `readOnly` comes from\n * the app's tool definitions (built-in tools such as web search are read-only),\n * so `!readOnly` means the call may have changed app data.\n */\nexport type ToolResult = { tool: string; title?: string; input: Record<string, unknown>; output: string; sessionID: string; readOnly: boolean }\n\nexport type ControllerOptions = {\n  /** Where the app mounts `mux.handle`. */\n  url: string\n  agent: string\n  sessionTitle: string\n  storageKey: string\n  preferredModel?: string\n  onToolResult?: (result: ToolResult) => void\n}\n\nexport type Status = { tone: \"ok\" | \"busy\" | \"bad\"; text: string }\n\n/**\n * What happened to a message: delivered; shown but unconfirmed (it stays in\n * the transcript and `retry()` completes it); or not delivered at all, so the\n * caller still owns the text.\n */\nexport type SendResult = \"sent\" | \"unconfirmed\" | \"failed\"\n\nconst idle: ChatSessionView = { connected: false, ready: false, historyLoading: false, historyError: \"\", snapshotError: \"\", error: \"\", ended: false }\n\nconst storage = {\n  get(key: string) {\n    try { return localStorage.getItem(key) ?? undefined } catch { return undefined }\n  },\n  set(key: string, value: string | undefined) {\n    try { if (value === undefined) localStorage.removeItem(key); else localStorage.setItem(key, value) } catch { /* storage disabled */ }\n  },\n}\n\nexport function createChatController(options: ControllerOptions) {\n  let disposed = false\n  const app = createAppClient({ url: options.url })\n  const { client } = app\n  const store = createMemoryStore()\n  const [state, setState] = createSignal<ChatState>(store.state())\n  const [view, setView] = createSignal<ChatSessionView>(idle)\n  const [sessionID, setSessionID] = createSignal<string>()\n  const [notice, setNotice] = createSignal<string>()\n  const [grantError, setGrantError] = createSignal<string>()\n  const [tools, setTools] = createSignal<ReadonlyMap<string, ChatTool>>(new Map())\n  const [inventory, setInventory] = createSignal<ProviderInventory>()\n  const [offline, setOffline] = createSignal(false)\n  const [delivering, setDelivering] = createSignal(false)\n  const describe = (error: unknown) => (error instanceof Error ? error.message : String(error))\n  const report = (error: unknown) => setNotice(describe(error))\n\n  const connect = (workspaceID: string) => createChatSession({ store, transport: createRuntimeTransport(client, { workspaceID }) })\n  let session: ReturnType<typeof connect> | undefined\n  // Streaming deltas can outpace the display; publish at most once per frame.\n  let frame: number | undefined\n  const publish = () => {\n    if (frame !== undefined || disposed) return\n    frame = requestAnimationFrame(() => {\n      frame = undefined\n      batch(() => {\n        setState(store.state())\n        setView(session ? session.view() : idle)\n      })\n    })\n  }\n  const unsubscribe = store.subscribe(publish)\n\n  const timers = new Map<string, ReturnType<typeof setTimeout>>()\n  const schedule = (name: string, ms: number, run: () => void) => {\n    clearTimeout(timers.get(name))\n    timers.set(name, setTimeout(() => { timers.delete(name); if (!disposed) run() }, ms))\n  }\n  onCleanup(() => {\n    disposed = true\n    for (const timer of timers.values()) clearTimeout(timer)\n    if (frame !== undefined) cancelAnimationFrame(frame)\n    unsubscribe()\n    session?.dispose()\n  })\n\n  const fetchGrant = async () => {\n    const next = await app.refreshGrant()\n    if (!next?.token || !next.workspaceID) throw new Error(\"Chat is unavailable (invalid grant)\")\n    setTools(new Map((next.tools ?? []).map((tool) => [tool.name, tool])))\n    setGrantError(undefined)\n    // Renew at 80% of its life; the event stream reconnects with the new grant.\n    schedule(\"grant\", Math.max(10_000, (next.expiresAt - Date.now()) * 0.8), () => void renew(0))\n  }\n  // Keeps trying through an outage (backing off to a minute), so the chat is\n  // never left holding an expired grant.\n  const renew = async (attempt: number) => {\n    try {\n      await fetchGrant()\n    } catch (error) {\n      setGrantError(describe(error))\n      schedule(\"grant\", Math.min(60_000, 15_000 * 2 ** attempt), () => void renew(attempt + 1))\n    }\n  }\n\n  const sessionKey = () => `${options.storageKey}:session:${app.grant()?.workspaceID}`\n  const modelKey = `${options.storageKey}:model`\n\n  const open = async (resume: string | undefined) => {\n    const opened = await client.openSession({ workspaceID: app.grant()!.workspaceID, sessionID: resume, title: options.sessionTitle })\n    if (disposed) return\n    storage.set(sessionKey(), opened.session.id)\n    session?.dispose()\n    session = connect(opened.workspaceID)\n    session.subscribe(publish)\n    setSessionID(opened.session.id)\n    session.start(opened.session.id)\n    publish()\n  }\n\n  const loadModels = async () => {\n    try {\n      setInventory(await client.providers())\n      setOffline(false)\n    } catch (error) {\n      console.warn(\"[mux-chat]\", error)\n      setOffline(true)\n      schedule(\"models\", 15_000, () => void loadModels())\n    }\n  }\n\n  const boot = async () => {\n    try {\n      await fetchGrant()\n    } catch (error) {\n      setGrantError(describe(error))\n      schedule(\"boot\", 15_000, () => void boot())\n      return\n    }\n    try {\n      await open(storage.get(sessionKey()))\n      setNotice(undefined)\n      void loadModels()\n    } catch (error) {\n      report(error)\n      schedule(\"boot\", 15_000, () => void boot())\n    }\n  }\n  void boot()\n\n  const turns = createMemo<Turn[]>(() => { const id = sessionID(); return id ? sessionTurns(state(), id) : [] })\n  const turnsByID = createMemo(() => new Map(turns().map((turn) => [turn.message.id, turn])))\n  const messageIDs = createMemo(() => turns().map((turn) => turn.message.id), [] as string[], { equals: sameIDs })\n  const streaming = createMemo(() => { const id = sessionID(); return !!id && isSessionStreaming(state(), id) })\n  const questions = createMemo<readonly QuestionRequest[]>(() => { const id = sessionID(); return id ? sessionQuestions(state(), id) : [] })\n  const permissions = createMemo<readonly PermissionRequest[]>(() => { const id = sessionID(); return id ? sessionPermissions(state(), id) : [] })\n\n  // Report tool calls that finish while the chat is open; history loaded on\n  // open is marked seen without reporting.\n  const seen = new Set<string>()\n  let live = false\n  createEffect(on(turns, (current) => {\n    for (const turn of current) {\n      for (const part of turn.parts) {\n        if (part.type !== \"tool\" || part.state.status !== \"completed\" || seen.has(part.id)) continue\n        seen.add(part.id)\n        if (live) {\n          options.onToolResult?.({\n            tool: part.tool,\n            title: part.state.title,\n            input: part.state.input,\n            output: part.state.output,\n            sessionID: part.sessionID,\n            // Tools the app did not define are the runtime's own (web search and the like).\n            readOnly: tools().get(part.tool)?.readOnly ?? true,\n          })\n        }\n      }\n    }\n    if (untrack(view).ready) live = true\n  }))\n\n  const [modelValue, setModelValue] = createSignal(storage.get(modelKey) ?? \"\")\n  const selectModel = (value: string) => {\n    setModelValue(value)\n    storage.set(modelKey, value)\n  }\n  const groups = createMemo<ModelGroup[]>(() => { const inv = inventory(); return inv ? modelGroups(inv) : [] })\n  createEffect(on(groups, (current) => {\n    const inv = inventory()\n    if (!inv || !current.length) return\n    const choice = chooseModel(current, inv, untrack(modelValue), options.preferredModel)\n    if (choice && choice !== untrack(modelValue)) selectModel(choice)\n  }))\n\n  const status = createMemo<Status>(() => {\n    if (offline()) return { tone: \"bad\", text: \"Offline\" }\n    if (inventory() && !groups().length) return { tone: \"bad\", text: \"No models available\" }\n    const current = view()\n    if (current.connected) return { tone: \"ok\", text: \"Connected\" }\n    return current.ready ? { tone: \"bad\", text: \"Reconnecting…\" } : { tone: \"busy\", text: \"Connecting…\" }\n  })\n\n  const withSession = (action: (id: string) => Promise<unknown>) => async () => {\n    const id = sessionID()\n    if (!id) return\n    try { await action(id) } catch (error) { report(error) }\n  }\n  type Submission = Parameters<NonNullable<typeof session>[\"send\"]>[0]\n  const deliver = async (target: NonNullable<typeof session>, submission: Submission) => {\n    setDelivering(true)\n    try { return await target.send(submission) } finally { setDelivering(false) }\n  }\n\n  return {\n    /** Changes once per rendered frame while the transcript updates. */\n    changes: state,\n    sessionID,\n    /** Labels from the app's tool definitions. */\n    toolLabels: createMemo(() => Object.fromEntries([...tools()].flatMap(([name, tool]) => (tool.label ? [[name, tool.label]] : [])))) as () => Record<string, string>,\n    messageIDs,\n    turn: (id: string) => turnsByID().get(id),\n    questions,\n    permissions,\n    streaming,\n    ready: () => view().ready,\n    view,\n    status,\n    error: () => view().error || view().snapshotError || grantError() || notice() || \"\",\n    /** A message is shown but its delivery was not confirmed; `retry()` completes it. */\n    unconfirmed: () => !!view().pending && !delivering(),\n    modelGroups: groups,\n    modelValue,\n    selectModel,\n    async send(text: string): Promise<SendResult> {\n      const target = session\n      const id = sessionID()\n      const trimmed = text.trim()\n      if (!target || !id || !trimmed || !view().ready) return \"failed\"\n      setNotice(undefined)\n      // An unconfirmed message goes first, so it is neither lost nor overtaken.\n      const pending = target.view().pending\n      if (pending && !(await deliver(target, pending))) return \"failed\"\n      const submission = textSubmission({ sessionID: id, text: trimmed, agent: options.agent, model: parseModel(modelValue()) })\n      if (await deliver(target, submission)) return \"sent\"\n      return target.view().pending === submission ? \"unconfirmed\" : \"failed\"\n    },\n    async retry() {\n      const target = session\n      const pending = target?.view().pending\n      if (target && pending && !delivering()) await deliver(target, pending)\n    },\n    abort: withSession((id) => client.abort(id)),\n    answer: (requestID: string, answers: string[][]) => withSession(() => client.answerQuestion(requestID, answers))(),\n    reject: (requestID: string) => withSession(() => client.rejectQuestion(requestID))(),\n    replyPermission: (requestID: string, response: \"once\" | \"always\" | \"reject\") => withSession((id) => client.replyPermission(id, requestID, response))(),\n    /** Loads the next older page of history, if any. */\n    older: () => { if (view().cursor && !view().historyLoading) void session?.older() },\n    async newChat() {\n      if (!app.grant()) return\n      try {\n        session?.dispose()\n        session = undefined\n        setSessionID(undefined)\n        setView(idle)\n        await open(undefined)\n      } catch (error) { report(error) }\n    },\n  }\n}\n\nexport type ChatController = ReturnType<typeof createChatController>\n","import createDOMPurify from \"dompurify\"\nimport { Marked } from \"marked\"\n\n// Private instances: the host app's own marked/DOMPurify configuration and\n// hooks are neither used nor changed.\nconst marked = new Marked({ gfm: true, breaks: false })\nlet purify: ReturnType<typeof createDOMPurify> | undefined\n\nfunction sanitizer() {\n  if (!purify) {\n    purify = createDOMPurify(window)\n    purify.addHook(\"afterSanitizeAttributes\", (node) => {\n      if (node.tagName === \"A\" && node.getAttribute(\"href\")) {\n        node.setAttribute(\"target\", \"_blank\")\n        node.setAttribute(\"rel\", \"noopener noreferrer\")\n      }\n    })\n  }\n  return purify\n}\n\n/** Model output as sanitized HTML. */\nexport function renderMarkdown(text: string): string {\n  return sanitizer().sanitize(marked.parse(text, { async: false }) as string)\n}\n","import { createEffect, createSignal, onCleanup } from \"solid-js\"\n\nconst SWAP_MS = 220\n\n/** Mux's text shimmer (ui/components/text-shimmer): an animated sweep while `active`. */\nexport function TextShimmer(props: { text: string; active: boolean; offset?: number }) {\n  const [run, setRun] = createSignal(props.active)\n  let timer: ReturnType<typeof setTimeout> | undefined\n  createEffect(() => {\n    clearTimeout(timer)\n    if (props.active) setRun(true)\n    else timer = setTimeout(() => setRun(false), SWAP_MS)\n  })\n  onCleanup(() => clearTimeout(timer))\n  return (\n    <span\n      data-component=\"text-shimmer\"\n      data-active={props.active ? \"true\" : \"false\"}\n      aria-label={props.text}\n      style={{ \"--text-shimmer-swap\": `${SWAP_MS}ms`, \"--text-shimmer-index\": `${props.offset ?? 0}` }}\n    >\n      <span data-slot=\"text-shimmer-char\">\n        <span data-slot=\"text-shimmer-char-base\" aria-hidden=\"true\">{props.text}</span>\n        <span data-slot=\"text-shimmer-char-shimmer\" data-run={run() ? \"true\" : \"false\"} aria-hidden=\"true\">{props.text}</span>\n      </span>\n    </span>\n  )\n}\n\nconst svg = (path: string, filled = false) => () => (\n  <span data-component=\"icon\" data-size=\"small\">\n    <svg data-slot=\"icon-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill={filled ? \"currentColor\" : \"none\"} stroke={filled ? \"none\" : \"currentColor\"} stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n      <path d={path} />\n    </svg>\n  </span>\n)\n\nexport const ChevronDown = svg(\"M4 6l4 4 4-4\")\nexport const ArrowUp = svg(\"M8 13V3.5M3.5 8 8 3.5 12.5 8\")\nexport const Stop = svg(\"M4.5 4.5h7v7h-7z\", true)\nexport const Plus = svg(\"M8 3v10M3 8h10\")\n","// Transcript parts with Mux's markup, so Mux's own stylesheets render them:\n// text and reasoning parts (message-part.css, markdown.css) and tool calls as\n// activity rows (ui/components/basic-tool + collapsible).\nimport type { Part, ReasoningPart, TextPart, ToolPart } from \"@rohansguliani/mux-chat-core\"\nimport { createMemo, createSignal, Match, Show, Switch, type JSX } from \"solid-js\"\nimport { renderMarkdown } from \"../markdown.js\"\nimport { seconds, toolActive, toolDetail, toolSubtitle, toolTitle } from \"../model.js\"\nimport { ChevronDown, TextShimmer } from \"./primitives.jsx\"\n\n/** One collapsible activity row (Mux BasicTool). */\nexport function ActivityRow(props: { title: string; subtitle?: string; active: boolean; name?: string; status?: string; children?: JSX.Element }) {\n  const [open, setOpen] = createSignal(false)\n  const expandable = () => props.children !== undefined\n  return (\n    <div\n      data-component=\"collapsible\"\n      data-variant=\"normal\"\n      class=\"tool-collapsible\"\n      data-tool={props.name}\n      data-status={props.status}\n      data-expanded={open() ? \"\" : undefined}\n      data-closed={open() ? undefined : \"\"}\n    >\n      <button type=\"button\" data-slot=\"collapsible-trigger\" aria-expanded={open()} disabled={!expandable()} onClick={() => setOpen(!open())}>\n        <div data-component=\"tool-trigger\" data-layout=\"activity-row\">\n          <div data-slot=\"basic-tool-tool-trigger-content\">\n            <div data-slot=\"basic-tool-tool-info\">\n              <div data-slot=\"basic-tool-tool-info-structured\">\n                <div data-slot=\"basic-tool-tool-info-main\">\n                  <span data-slot=\"basic-tool-tool-title\"><TextShimmer text={props.title} active={props.active} /></span>\n                  <span data-slot=\"basic-tool-tool-detail\" dir=\"ltr\">\n                    <Show when={props.subtitle}>{(subtitle) => <span data-slot=\"basic-tool-tool-subtitle\">{subtitle()}</span>}</Show>\n                  </span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <Show when={expandable()}>\n            <div data-slot=\"collapsible-arrow\" data-size=\"compact\"><span data-slot=\"collapsible-arrow-icon\"><ChevronDown /></span></div>\n          </Show>\n        </div>\n      </button>\n      <Show when={open() && expandable()}>\n        <div data-slot=\"collapsible-content\" data-expanded=\"\">{props.children}</div>\n      </Show>\n    </div>\n  )\n}\n\nfunction ToolRow(props: { part: ToolPart; labels: Record<string, string> }) {\n  const detail = createMemo(() => toolDetail(props.part.state).slice(0, 20_000))\n  return (\n    <ActivityRow title={toolTitle(props.part.tool, props.labels)} subtitle={toolSubtitle(props.part.state)} active={toolActive(props.part)} name={props.part.tool} status={props.part.state.status}>\n      {detail() ? (\n        <div data-slot=\"mux-tool-output\">\n          <pre data-status={props.part.state.status}>{detail()}</pre>\n        </div>\n      ) : undefined}\n    </ActivityRow>\n  )\n}\n\nfunction ReasoningRow(props: { part: ReasoningPart; live: boolean }) {\n  const active = () => props.live && props.part.time?.end === undefined\n  const duration = () => (props.part.time?.end ? seconds(props.part.time.start, props.part.time.end) : undefined)\n  return (\n    <ActivityRow title={active() ? \"Thinking\" : \"Thought\"} subtitle={duration()} active={active()} name=\"reasoning\">\n      <div data-component=\"reasoning-part\">\n        <div data-component=\"markdown\" innerHTML={renderMarkdown(props.part.text)} />\n      </div>\n    </ActivityRow>\n  )\n}\n\nexport function TextPartView(props: { part: TextPart }) {\n  return (\n    <div data-component=\"text-part\">\n      <div data-component=\"markdown\" innerHTML={renderMarkdown(props.part.text)} />\n    </div>\n  )\n}\n\nexport function PartView(props: { part: Part; live: boolean; labels: Record<string, string> }) {\n  return (\n    <Switch>\n      <Match when={props.part.type === \"text\" && (props.part as TextPart)}>{(part) => <TextPartView part={part()} />}</Match>\n      <Match when={props.part.type === \"reasoning\" && (props.part as ReasoningPart)}>{(part) => <ReasoningRow part={part()} live={props.live} />}</Match>\n      <Match when={props.part.type === \"tool\" && (props.part as ToolPart)}>{(part) => <ToolRow part={part()} labels={props.labels} />}</Match>\n    </Switch>\n  )\n}\n","import type { PermissionRequest, QuestionRequest, Turn } from \"@rohansguliani/mux-chat-core\"\nimport { createComputed, createEffect, createMemo, createSignal, For, on, onCleanup, Show } from \"solid-js\"\nimport { createChatController, type ToolResult } from \"../controller.js\"\nimport { sameIDs, visibleParts } from \"../model.js\"\nimport { ActivityRow, PartView } from \"./parts.jsx\"\nimport { ArrowUp, ChevronDown, Plus, Stop } from \"./primitives.jsx\"\n\nexport type ResolvedOptions = {\n  url: string\n  title: string\n  subtitle?: string\n  placeholder: string\n  suggestions: Array<{ label: string; prompt: string }>\n  toolLabels: Record<string, string>\n  agent: string\n  sessionTitle: string\n  storageKey: string\n  preferredModel?: string\n  onToolResult?: (result: ToolResult) => void\n}\n\nexport type ChatAPI = { send(text: string): Promise<boolean>; focus(): void; newChat(): Promise<void> }\n\nfunction TurnView(props: { turn: () => Turn | undefined; streaming: () => boolean; labels: Record<string, string> }) {\n  const message = () => props.turn()?.message\n  const parts = createMemo(() => visibleParts(props.turn()?.parts ?? []))\n  const ids = createMemo(() => parts().map((part) => part.id), [] as string[], { equals: sameIDs })\n  const byID = createMemo(() => new Map(parts().map((part) => [part.id, part])))\n  const live = createMemo(() => { const m = message(); return m?.role === \"assistant\" && m.time.completed === undefined && props.streaming() })\n  const error = () => {\n    const m = message()\n    const failure = m?.role === \"assistant\" ? m.error : undefined\n    return failure && failure.name !== \"MessageAbortedError\" ? failure.data?.message ?? failure.name : undefined\n  }\n  const userText = () => (props.turn()?.parts ?? []).flatMap((part) => (part.type === \"text\" && !part.synthetic ? [part.text] : [])).join(\"\\n\")\n  return (\n    <Show when={message()}>\n      {(m) => (\n        <Show\n          when={m().role === \"assistant\"}\n          fallback={\n            <div data-component=\"user-message\" data-message-id={m().id}>\n              <div data-slot=\"user-message-body\"><div data-slot=\"user-message-text\">{userText()}</div></div>\n            </div>\n          }\n        >\n          <div data-component=\"assistant-message\" data-message-id={m().id} data-live={live() ? \"\" : undefined}>\n            <For each={ids()}>{(id) => <Show when={byID().get(id)}>{(part) => <PartView part={part()} live={live()} labels={props.labels} />}</Show>}</For>\n            <Show when={live() && !ids().length}><ActivityRow title=\"Thinking\" active={true} name=\"thinking\" /></Show>\n            <Show when={error()}>{(text) => <div data-slot=\"mux-chat-error\" role=\"alert\">{text()}</div>}</Show>\n          </div>\n        </Show>\n      )}\n    </Show>\n  )\n}\n\nfunction QuestionDock(props: { request: QuestionRequest; onAnswer: (answers: string[][]) => void; onSkip: () => void }) {\n  const [answers, setAnswers] = createSignal<string[][]>(props.request.questions.map(() => []))\n  const set = (index: number, value: string[]) => setAnswers((previous) => previous.map((current, i) => (i === index ? value : current)))\n  const toggle = (index: number, label: string, multiple: boolean) => {\n    const current = answers()[index] ?? []\n    set(index, multiple ? (current.includes(label) ? current.filter((value) => value !== label) : [...current, label]) : [label])\n  }\n  return (\n    <div data-component=\"mux-question\" data-dock-surface=\"shell\" role=\"group\" aria-label=\"Question from the assistant\">\n      <For each={props.request.questions}>\n        {(question, index) => (\n          <div data-slot=\"mux-question-item\">\n            <Show when={question.header}><div data-slot=\"mux-question-header\">{question.header}</div></Show>\n            <div data-slot=\"mux-question-text\">{question.question}</div>\n            <div data-slot=\"mux-question-options\" role={question.multiple ? \"group\" : \"radiogroup\"}>\n              <For each={question.options}>\n                {(option) => (\n                  <button\n                    type=\"button\"\n                    data-slot=\"mux-question-option\"\n                    role={question.multiple ? \"checkbox\" : \"radio\"}\n                    aria-checked={answers()[index()]?.includes(option.label) ?? false}\n                    onClick={() => toggle(index(), option.label, !!question.multiple)}\n                  >\n                    <span data-slot=\"mux-question-option-label\">{option.label}</span>\n                    <Show when={option.description}><span data-slot=\"mux-question-option-description\">{option.description}</span></Show>\n                  </button>\n                )}\n              </For>\n            </div>\n            <Show when={question.custom !== false}>\n              <input data-slot=\"mux-question-custom\" placeholder=\"Or type your own answer\" onInput={(event) => set(index(), event.currentTarget.value.trim() ? [event.currentTarget.value.trim()] : [])} />\n            </Show>\n          </div>\n        )}\n      </For>\n      <div data-slot=\"mux-question-actions\">\n        <button type=\"button\" data-slot=\"mux-button\" data-variant=\"ghost\" onClick={() => props.onSkip()}>Skip</button>\n        <button type=\"button\" data-slot=\"mux-button\" data-variant=\"primary\" disabled={!answers().every((answer) => answer.length > 0)} onClick={() => props.onAnswer(answers())}>Answer</button>\n      </div>\n    </div>\n  )\n}\n\nfunction PermissionDock(props: { request: PermissionRequest; onReply: (response: \"once\" | \"always\" | \"reject\") => void }) {\n  const patterns = () => (props.request.patterns ?? []).filter(Boolean)\n  // One answer per request; the dock goes away when the runtime confirms it.\n  const [replied, setReplied] = createSignal(false)\n  const reply = (response: \"once\" | \"always\" | \"reject\") => {\n    if (replied()) return\n    setReplied(true)\n    props.onReply(response)\n  }\n  return (\n    <div data-component=\"mux-permission\" data-dock-surface=\"shell\" role=\"group\" aria-label=\"Permission request from the assistant\">\n      <div data-slot=\"mux-question-header\">Permission</div>\n      <div data-slot=\"mux-question-text\">The assistant wants to use {props.request.permission ?? \"a tool\"}.</div>\n      <Show when={patterns().length}><div data-slot=\"mux-permission-patterns\">{patterns().join(\"\\n\")}</div></Show>\n      <div data-slot=\"mux-question-actions\">\n        <button type=\"button\" data-slot=\"mux-button\" data-variant=\"ghost\" data-reply=\"reject\" disabled={replied()} onClick={() => reply(\"reject\")}>Deny</button>\n        <button type=\"button\" data-slot=\"mux-button\" data-variant=\"ghost\" data-reply=\"always\" disabled={replied()} onClick={() => reply(\"always\")}>Always allow</button>\n        <button type=\"button\" data-slot=\"mux-button\" data-variant=\"primary\" data-reply=\"once\" disabled={replied()} onClick={() => reply(\"once\")}>Allow once</button>\n      </div>\n    </div>\n  )\n}\n\nexport function Chat(props: { options: ResolvedOptions; api: (api: ChatAPI) => void }) {\n  const options = props.options\n  const chat = createChatController({\n    url: options.url,\n    agent: options.agent,\n    sessionTitle: options.sessionTitle,\n    storageKey: options.storageKey,\n    preferredModel: options.preferredModel,\n    onToolResult: options.onToolResult,\n  })\n  let timeline!: HTMLDivElement\n  let input!: HTMLTextAreaElement\n  const [draft, setDraft] = createSignal(\"\")\n  // Tool names in the transcript: the app's tool definitions, overridable per mount.\n  const labels = createMemo(() => ({ ...chat.toolLabels(), ...options.toolLabels }))\n\n  const grow = () => {\n    input.style.height = \"auto\"\n    input.style.height = `${Math.min(input.scrollHeight, 240)}px`\n  }\n  const clear = () => {\n    input.value = \"\"\n    setDraft(\"\")\n    grow()\n  }\n  const restore = (text: string) => {\n    input.value = text\n    setDraft(text)\n    grow()\n  }\n  /** Sends `text`; text that was not delivered (and is not shown as pending) goes back into an empty composer. */\n  const sendText = async (text: string) => {\n    const result = await chat.send(text)\n    if (result === \"failed\" && !draft()) restore(text)\n    return result === \"sent\"\n  }\n  const submit = async () => {\n    const text = draft()\n    if (!text.trim() || !chat.ready()) return\n    clear()\n    await sendText(text)\n  }\n\n  // Messages sent from outside (handle.send) before the chat is ready wait for\n  // it, then go out in order.\n  let waiting: Array<{ text: string; resolve: (sent: boolean) => void }> = []\n  let queue = Promise.resolve()\n  const sendFromHost = (text: string) =>\n    new Promise<boolean>((resolve) => {\n      waiting.push({ text, resolve })\n      if (chat.ready()) flush()\n    })\n  const flush = () => {\n    const batch = waiting\n    waiting = []\n    for (const { text, resolve } of batch) queue = queue.then(() => sendText(text).then(resolve, () => resolve(false)))\n  }\n  createEffect(on(chat.ready, (ready) => { if (ready) flush() }))\n  onCleanup(() => { for (const { resolve } of waiting) resolve(false) })\n  const working = () => chat.streaming() && !draft().trim()\n  const lastTurn = () => { const ids = chat.messageIDs(); return ids.length ? chat.turn(ids[ids.length - 1]!) : undefined }\n  const awaitingReply = () => chat.streaming() && lastTurn()?.message.role === \"user\"\n\n  // Stay pinned to the newest message while the reader is already there: the\n  // computed samples the position before the DOM updates, the effect restores it.\n  let pinned = true\n  const nearBottom = () => !timeline || timeline.scrollHeight - timeline.scrollTop - timeline.clientHeight < 80\n  createComputed(on(chat.changes, () => { pinned = nearBottom() }, { defer: true }))\n  createEffect(on(chat.changes, () => {\n    if (pinned) timeline.scrollTop = timeline.scrollHeight\n    // Short transcripts cannot scroll, so fetch older history until they can.\n    if (timeline.scrollHeight <= timeline.clientHeight + 120) chat.older()\n  }, { defer: true }))\n\n  props.api({ send: sendFromHost, focus: () => input?.focus(), newChat: () => chat.newChat() })\n\n  return (\n    <div data-component=\"mux-chat\" data-session-id={chat.sessionID() ?? \"\"}>\n      <header data-slot=\"mux-chat-header\">\n        <div data-slot=\"mux-chat-heading\">\n          <span data-slot=\"mux-chat-title\">{options.title}</span>\n          <Show when={options.subtitle}><span data-slot=\"mux-chat-subtitle\">{options.subtitle}</span></Show>\n        </div>\n        <span data-slot=\"mux-chat-status\" data-tone={chat.status().tone} title={chat.status().text}>\n          <span data-slot=\"mux-chat-status-text\">{chat.status().text}</span>\n        </span>\n        <button type=\"button\" data-component=\"icon-button\" data-variant=\"ghost\" data-size=\"normal\" data-action=\"new-chat\" aria-label=\"New chat\" title=\"New chat\" onClick={() => { void chat.newChat(); input.focus() }}>\n          <Plus />\n        </button>\n      </header>\n\n      <div data-component=\"message-timeline\" ref={timeline} onScroll={() => { if (timeline.scrollTop < 200) chat.older() }}>\n        <Show when={chat.messageIDs().length === 0 && chat.ready()}>\n          <div data-slot=\"mux-chat-empty\">\n            <div data-slot=\"mux-chat-empty-title\">{options.title}</div>\n            <Show when={options.subtitle}><div data-slot=\"mux-chat-empty-subtitle\">{options.subtitle}</div></Show>\n            <Show when={options.suggestions.length}>\n              <div data-slot=\"mux-chat-suggestions\">\n                <For each={options.suggestions}>\n                  {(suggestion) => <button type=\"button\" data-slot=\"mux-chat-suggestion\" onClick={() => void sendText(suggestion.prompt)}>{suggestion.label}</button>}\n                </For>\n              </div>\n            </Show>\n          </div>\n        </Show>\n        <div data-slot=\"session-turn-message-container\">\n          <For each={chat.messageIDs()}>{(id) => <TurnView turn={() => chat.turn(id)} streaming={chat.streaming} labels={labels()} />}</For>\n          <Show when={awaitingReply()}>\n            <div data-component=\"assistant-message\" data-live=\"\"><ActivityRow title=\"Thinking\" active={true} name=\"thinking\" /></div>\n          </Show>\n        </div>\n      </div>\n\n      <div data-slot=\"mux-chat-dock\">\n        <Show when={chat.permissions()[0]} keyed>\n          {(request) => <PermissionDock request={request} onReply={(response) => void chat.replyPermission(request.id, response)} />}\n        </Show>\n        <Show when={chat.questions()[0]} keyed>\n          {(request) => <QuestionDock request={request} onAnswer={(answers) => void chat.answer(request.id, answers)} onSkip={() => void chat.reject(request.id)} />}\n        </Show>\n        <Show when={chat.error() || chat.unconfirmed()}>\n          <div data-slot=\"mux-chat-notice\" role=\"status\">\n            <span>{chat.error() || \"Your last message may not have been delivered.\"}</span>\n            <Show when={chat.unconfirmed()}>\n              <button type=\"button\" data-slot=\"mux-button\" data-variant=\"ghost\" data-action=\"retry\" onClick={() => void chat.retry()}>Retry</button>\n            </Show>\n          </div>\n        </Show>\n        <div data-component=\"prompt-composer-surface\" aria-busy={!chat.ready()}>\n          <div data-dock-surface=\"shell\" data-component=\"prompt-input-shell\" style={{ \"--prompt-inset\": \"2px\" }}>\n            <div data-component=\"prompt-input-scroll\">\n              <textarea\n                ref={input}\n                data-component=\"prompt-input\"\n                rows={1}\n                placeholder={options.placeholder}\n                aria-label={options.placeholder}\n                onInput={(event) => { setDraft(event.currentTarget.value); grow() }}\n                onKeyDown={(event) => {\n                  if (event.key === \"Enter\" && !event.shiftKey && !event.isComposing) {\n                    event.preventDefault()\n                    void submit()\n                  }\n                }}\n              />\n            </div>\n          </div>\n          <div data-dock-surface=\"tray\" data-dock-attach=\"top\" data-component=\"prompt-controls\">\n            <div data-component=\"prompt-controls-inner\">\n              <div data-component=\"prompt-control-row\">\n                <div data-component=\"prompt-control-left\">\n                  <div data-component=\"prompt-model-control\">\n                    <select data-action=\"prompt-model\" aria-label=\"Model\" disabled={!chat.modelGroups().length} onChange={(event) => chat.selectModel(event.currentTarget.value)}>\n                      <For each={chat.modelGroups()}>\n                        {(group) => (\n                          <optgroup label={group.label}>\n                            <For each={group.models}>{(model) => <option value={model.value} selected={model.value === chat.modelValue()}>{model.label}</option>}</For>\n                          </optgroup>\n                        )}\n                      </For>\n                    </select>\n                    <span data-slot=\"prompt-model-chevron\"><ChevronDown /></span>\n                  </div>\n                </div>\n                <div data-component=\"prompt-control-right\">\n                  <div data-component=\"prompt-submit-control\">\n                    <button\n                      type=\"button\"\n                      data-component=\"icon-button\"\n                      data-variant=\"primary\"\n                      data-size=\"normal\"\n                      data-icon-size=\"small\"\n                      data-action=\"prompt-submit\"\n                      data-working={working() ? \"\" : undefined}\n                      aria-label={working() ? \"Stop\" : \"Send\"}\n                      disabled={working() ? false : !chat.ready() || !draft().trim()}\n                      onClick={() => (working() ? void chat.abort() : void submit())}\n                    >\n                      <Show when={working()} fallback={<ArrowUp />}><Stop /></Show>\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { onCleanup, onMount, type JSX } from \"solid-js\"\nimport { render } from \"solid-js/web\"\nimport type { ToolResult } from \"./controller.js\"\nimport { styles } from \"./styles.js\"\nimport { Chat, type ChatAPI } from \"./view/Chat.jsx\"\n\nexport type MuxChatOptions = {\n  /** Where the app mounts `mux.handle` (@rohansguliani/mux-chat-runtime). Default `/api/mux`. */\n  url?: string\n  /** Header and empty-state title. Default \"Assistant\". */\n  title?: string\n  subtitle?: string\n  placeholder?: string\n  /** Starter prompts shown in an empty chat. */\n  suggestions?: Array<{ label: string; prompt: string }>\n  /** Overrides tool names in the transcript; by default they come from each tool's `label`. */\n  toolLabels?: Record<string, string>\n  /** Model to select when the user has not picked one, as `provider/model`. */\n  preferredModel?: string\n  /**\n   * Called when a tool call finishes while the chat is open. `readOnly` is\n   * false when the tool may have changed app data: refresh it then.\n   */\n  onToolResult?: (result: ToolResult) => void\n  /** Default follows the operating system. */\n  theme?: \"light\" | \"dark\" | \"system\"\n  /** Prefix for the browser storage that remembers the open chat and model. Default `mux-chat`. */\n  storageKey?: string\n  /** Agent that answers; embed grants force `assistant`. */\n  agent?: string\n  /** Title of sessions the chat creates. */\n  sessionTitle?: string\n}\n\nexport type MuxChatHandle = {\n  /**\n   * Sends a message as the user, waiting for the chat to be ready if it is not\n   * yet. Resolves true once delivered; false otherwise (a refused message is\n   * put back into an empty composer).\n   */\n  send(text: string): Promise<boolean>\n  focus(): void\n  /** Starts a new, empty chat. */\n  newChat(): Promise<void>\n  dispose(): void\n}\n\n/**\n * Renders the Mux chat into `host` (inside its shadow root, with Mux's\n * styles). Give `host` a height, e.g. a sidebar column.\n */\nexport function mountMuxChat(host: HTMLElement, options: MuxChatOptions = {}): MuxChatHandle {\n  const root = host.shadowRoot ?? host.attachShadow({ mode: \"open\" })\n  root.replaceChildren()\n  const style = document.createElement(\"style\")\n  style.textContent = styles\n  const container = document.createElement(\"div\")\n  container.style.height = \"100%\"\n  root.append(style, container)\n  if (options.theme === \"light\" || options.theme === \"dark\") host.setAttribute(\"data-theme\", options.theme)\n  else host.removeAttribute(\"data-theme\")\n\n  let api: ChatAPI | undefined\n  const dispose = render(() => (\n    <Chat\n      api={(value) => (api = value)}\n      options={{\n        url: options.url ?? \"/api/mux\",\n        title: options.title ?? \"Assistant\",\n        subtitle: options.subtitle,\n        placeholder: options.placeholder ?? \"Ask anything…\",\n        suggestions: options.suggestions ?? [],\n        toolLabels: options.toolLabels ?? {},\n        agent: options.agent ?? \"assistant\",\n        sessionTitle: options.sessionTitle ?? \"Chat\",\n        storageKey: options.storageKey ?? \"mux-chat\",\n        preferredModel: options.preferredModel,\n        onToolResult: options.onToolResult,\n      }}\n    />\n  ), container)\n\n  return {\n    send: (text) => api?.send(text) ?? Promise.resolve(false),\n    focus: () => api?.focus(),\n    newChat: () => api?.newChat() ?? Promise.resolve(),\n    dispose: () => {\n      dispose()\n      root.replaceChildren()\n    },\n  }\n}\n\n/** Solid wrapper around `mountMuxChat`. Options are read once, at mount. */\nexport function MuxChat(props: MuxChatOptions & { id?: string; class?: string; style?: JSX.CSSProperties | string; ref?: (handle: MuxChatHandle) => void }) {\n  let host!: HTMLDivElement\n  onMount(() => {\n    const handle = mountMuxChat(host, props)\n    props.ref?.(handle)\n    onCleanup(() => handle.dispose())\n  })\n  return <div ref={host} id={props.id} class={props.class} style={props.style} />\n}\n"],"mappings":";;;;;;;;AaeA,IAAa,SAAS;CAACA;CAAOC;CAAYC;CAAYC;CAASC;CAAaC;CAAWC;CAAaC;CAAiBC;CAAaC;CAAUC;CAAaC;CAAaC;AAAI,CAAC,CAAC,KAAK,IAAI;;;;ACPrL,SAAgB,YAAY,WAA4C;CACtE,OAAO,UAAU,IACd,QAAQ,aAAa,UAAU,UAAU,SAAS,SAAS,EAAE,CAAC,CAAC,CAC/D,KAAK,cAAc;EAClB,IAAI,SAAS;EACb,OAAO,SAAS,QAAQ,SAAS;EACjC,QAAQ,OAAO,OAAO,SAAS,MAAM,CAAC,CAAC,KAAK,WAAW;GAAE,OAAO,GAAG,SAAS,GAAG,GAAG,MAAM;GAAM,OAAO,MAAM,QAAQ,MAAM;EAAG,EAAE;CAChI,EAAE,CAAC,CACF,QAAQ,UAAU,MAAM,OAAO,SAAS,CAAC;AAC9C;;;;;;AAOA,SAAgB,YAAY,QAAsB,WAA8B,QAAiB,WAAwC;CACvI,MAAM,YAAY,IAAI,IAAI,OAAO,SAAS,UAAU,MAAM,OAAO,KAAK,UAAU,MAAM,KAAK,CAAC,CAAC;CAE7F,OAAO;EAAC;EAAQ;EAAW,GADV,UAAU,UAAU,KAAK,OAAQ,UAAU,QAAQ,MAAM,GAAG,GAAG,GAAG,UAAU,QAAQ,QAAQ,EAC/E;EAAU,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE;CAAK,CAAC,CAAC,MAAM,UAA2B,CAAC,CAAC,SAAS,UAAU,IAAI,KAAK,CAAC;AACvI;AAEA,SAAgB,WAAW,OAA2B;CACpD,MAAM,QAAQ,OAAO,QAAQ,GAAG,KAAK;CACrC,OAAO,SAAS,QAAQ,IAAI;EAAE,YAAY,MAAM,MAAM,GAAG,KAAK;EAAG,SAAS,MAAM,MAAM,QAAQ,CAAC;CAAE,IAAI,KAAA;AACvG;;AAGA,SAAgB,aAAa,OAAgC;CAC3D,OAAO,MAAM,QAAQ,SAClB,KAAK,SAAS,UAAU,CAAC,KAAK,aAAa,CAAC,KAAK,WAAW,KAAK,KAAK,KAAK,MAAM,MACjF,KAAK,SAAS,eAAe,KAAK,KAAK,KAAK,MAAM,MACnD,KAAK,SAAS,MAAM;AACxB;AAEA,IAAM,gBAAwC;CAAE,WAAW;CAAqB,UAAU;CAAgB,UAAU;AAAW;;AAG/H,IAAa,YAAY,SAAiB;CACxC,MAAM,QAAQ,KAAK,QAAQ,UAAU,GAAG,CAAC,CAAC,KAAK;CAC/C,OAAO,QAAQ,MAAM,EAAE,CAAE,YAAY,IAAI,MAAM,MAAM,CAAC,IAAI;AAC5D;AAEA,SAAgB,UAAU,MAAc,SAAiC,CAAC,GAAW;CACnF,OAAO,OAAO,SAAS,cAAc,SAAS,SAAS,IAAI;AAC7D;AAEA,IAAM,aAAa;CAAC;CAAe;CAAS;CAAO;CAAQ;CAAU;CAAa;CAAQ;AAAS;;AAGnG,SAAgB,aAAa,OAA0B;CACrD,KAAK,MAAM,WAAW,eAAe,MAAM,WAAW,cAAc,MAAM,OAAO,OAAO,MAAM;CAC9F,MAAM,QAAQ,MAAM,SAAS,CAAC;CAC9B,KAAK,MAAM,OAAO,YAAY;EAC5B,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,UAAU,YAAY,OAAO,OAAO;CACjD;CACA,KAAK,MAAM,SAAS,OAAO,OAAO,KAAK,GAAG;EACxC,IAAI,OAAO,UAAU,YAAY,OAAO,OAAO;EAC/C,IAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,UAAU,MAAM,OAAO,SAAS,OAAO,SAAS,QAAQ,GAAG,OAAO,MAAM,KAAK,IAAI;CACrH;CACA,OAAO;AACT;AAEA,IAAa,cAAc,SAAmB,KAAK,MAAM,WAAW,aAAa,KAAK,MAAM,WAAW;AAEvG,SAAgB,WAAW,OAA0B;CACnD,IAAI,MAAM,WAAW,SAAS,OAAO,MAAM;CAC3C,IAAI,MAAM,WAAW,aAAa,OAAO,MAAM;CAC/C,IAAI,MAAM,WAAW,WAAW,OAAO,MAAM,UAAU;CACvD,OAAO;AACT;AAEA,IAAa,WAAW,OAAe,QAAgB,GAAG,KAAK,IAAI,IAAI,MAAM,SAAS,GAAI,CAAC,CAAC,QAAQ,CAAC,EAAE;AAEvG,IAAa,WAAW,GAAsB,MAAyB,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,IAAI,UAAU,OAAO,EAAE,MAAM;;;AC/BtI,IAAM,OAAwB;CAAE,WAAW;CAAO,OAAO;CAAO,gBAAgB;CAAO,cAAc;CAAI,eAAe;CAAI,OAAO;CAAI,OAAO;AAAM;AAEpJ,IAAM,UAAU;CACd,IAAI,KAAa;EACf,IAAI;GAAE,OAAO,aAAa,QAAQ,GAAG,KAAK,KAAA;EAAU,QAAQ;GAAE;EAAiB;CACjF;CACA,IAAI,KAAa,OAA2B;EAC1C,IAAI;GAAE,IAAI,UAAU,KAAA,GAAW,aAAa,WAAW,GAAG;QAAQ,aAAa,QAAQ,KAAK,KAAK;EAAE,QAAQ,CAAyB;CACtI;AACF;AAEA,SAAgB,qBAAqB,SAA4B;CAC/D,IAAI,WAAW;CACf,MAAM,MAAM,gBAAgB,EAAE,KAAK,QAAQ,IAAI,CAAC;CAChD,MAAM,EAAE,WAAW;CACnB,MAAM,QAAQ,kBAAkB;CAChC,MAAM,CAAC,OAAO,YAAY,aAAwB,MAAM,MAAM,CAAC;CAC/D,MAAM,CAAC,MAAM,WAAW,aAA8B,IAAI;CAC1D,MAAM,CAAC,WAAW,gBAAgB,aAAqB;CACvD,MAAM,CAAC,QAAQ,aAAa,aAAqB;CACjD,MAAM,CAAC,YAAY,iBAAiB,aAAqB;CACzD,MAAM,CAAC,OAAO,YAAY,6BAA4C,IAAI,IAAI,CAAC;CAC/E,MAAM,CAAC,WAAW,gBAAgB,aAAgC;CAClE,MAAM,CAAC,SAAS,cAAc,aAAa,KAAK;CAChD,MAAM,CAAC,YAAY,iBAAiB,aAAa,KAAK;CACtD,MAAM,YAAY,UAAoB,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK;CAC3F,MAAM,UAAU,UAAmB,UAAU,SAAS,KAAK,CAAC;CAE5D,MAAM,WAAW,gBAAwB,kBAAkB;EAAE;EAAO,WAAW,uBAAuB,QAAQ,EAAE,YAAY,CAAC;CAAE,CAAC;CAChI,IAAI;CAEJ,IAAI;CACJ,MAAM,gBAAgB;EACpB,IAAI,UAAU,KAAA,KAAa,UAAU;EACrC,QAAQ,4BAA4B;GAClC,QAAQ,KAAA;GACR,YAAY;IACV,SAAS,MAAM,MAAM,CAAC;IACtB,QAAQ,UAAU,QAAQ,KAAK,IAAI,IAAI;GACzC,CAAC;EACH,CAAC;CACH;CACA,MAAM,cAAc,MAAM,UAAU,OAAO;CAE3C,MAAM,yBAAS,IAAI,IAA2C;CAC9D,MAAM,YAAY,MAAc,IAAY,QAAoB;EAC9D,aAAa,OAAO,IAAI,IAAI,CAAC;EAC7B,OAAO,IAAI,MAAM,iBAAiB;GAAE,OAAO,OAAO,IAAI;GAAG,IAAI,CAAC,UAAU,IAAI;EAAE,GAAG,EAAE,CAAC;CACtF;CACA,gBAAgB;EACd,WAAW;EACX,KAAK,MAAM,SAAS,OAAO,OAAO,GAAG,aAAa,KAAK;EACvD,IAAI,UAAU,KAAA,GAAW,qBAAqB,KAAK;EACnD,YAAY;EACZ,SAAS,QAAQ;CACnB,CAAC;CAED,MAAM,aAAa,YAAY;EAC7B,MAAM,OAAO,MAAM,IAAI,aAAa;EACpC,IAAI,CAAC,MAAM,SAAS,CAAC,KAAK,aAAa,MAAM,IAAI,MAAM,qCAAqC;EAC5F,SAAS,IAAI,KAAK,KAAK,SAAS,CAAC,EAAA,CAAG,KAAK,SAAS,CAAC,KAAK,MAAM,IAAI,CAAC,CAAC,CAAC;EACrE,cAAc,KAAA,CAAS;EAEvB,SAAS,SAAS,KAAK,IAAI,MAAS,KAAK,YAAY,KAAK,IAAI,KAAK,EAAG,SAAS,KAAK,MAAM,CAAC,CAAC;CAC9F;CAGA,MAAM,QAAQ,OAAO,YAAoB;EACvC,IAAI;GACF,MAAM,WAAW;EACnB,SAAS,OAAO;GACd,cAAc,SAAS,KAAK,CAAC;GAC7B,SAAS,SAAS,KAAK,IAAI,KAAQ,OAAS,KAAK,OAAO,SAAS,KAAK,MAAM,UAAU,CAAC,CAAC;EAC1F;CACF;CAEA,MAAM,mBAAmB,GAAG,QAAQ,WAAW,WAAW,IAAI,MAAM,CAAC,EAAE;CACvE,MAAM,WAAW,GAAG,QAAQ,WAAW;CAEvC,MAAM,OAAO,OAAO,WAA+B;EACjD,MAAM,SAAS,MAAM,OAAO,YAAY;GAAE,aAAa,IAAI,MAAM,CAAC,CAAE;GAAa,WAAW;GAAQ,OAAO,QAAQ;EAAa,CAAC;EACjI,IAAI,UAAU;EACd,QAAQ,IAAI,WAAW,GAAG,OAAO,QAAQ,EAAE;EAC3C,SAAS,QAAQ;EACjB,UAAU,QAAQ,OAAO,WAAW;EACpC,QAAQ,UAAU,OAAO;EACzB,aAAa,OAAO,QAAQ,EAAE;EAC9B,QAAQ,MAAM,OAAO,QAAQ,EAAE;EAC/B,QAAQ;CACV;CAEA,MAAM,aAAa,YAAY;EAC7B,IAAI;GACF,aAAa,MAAM,OAAO,UAAU,CAAC;GACrC,WAAW,KAAK;EAClB,SAAS,OAAO;GACd,QAAQ,KAAK,cAAc,KAAK;GAChC,WAAW,IAAI;GACf,SAAS,UAAU,YAAc,KAAK,WAAW,CAAC;EACpD;CACF;CAEA,MAAM,OAAO,YAAY;EACvB,IAAI;GACF,MAAM,WAAW;EACnB,SAAS,OAAO;GACd,cAAc,SAAS,KAAK,CAAC;GAC7B,SAAS,QAAQ,YAAc,KAAK,KAAK,CAAC;GAC1C;EACF;EACA,IAAI;GACF,MAAM,KAAK,QAAQ,IAAI,WAAW,CAAC,CAAC;GACpC,UAAU,KAAA,CAAS;GACnB,WAAgB;EAClB,SAAS,OAAO;GACd,OAAO,KAAK;GACZ,SAAS,QAAQ,YAAc,KAAK,KAAK,CAAC;EAC5C;CACF;CACA,KAAU;CAEV,MAAM,QAAQ,iBAAyB;EAAE,MAAM,KAAK,UAAU;EAAG,OAAO,KAAK,aAAa,MAAM,GAAG,EAAE,IAAI,CAAC;CAAE,CAAC;CAC7G,MAAM,YAAY,iBAAiB,IAAI,IAAI,MAAM,CAAC,CAAC,KAAK,SAAS,CAAC,KAAK,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC;CAC1F,MAAM,aAAa,iBAAiB,MAAM,CAAC,CAAC,KAAK,SAAS,KAAK,QAAQ,EAAE,GAAG,CAAC,GAAe,EAAE,QAAQ,QAAQ,CAAC;CAC/G,MAAM,YAAY,iBAAiB;EAAE,MAAM,KAAK,UAAU;EAAG,OAAO,CAAC,CAAC,MAAM,mBAAmB,MAAM,GAAG,EAAE;CAAE,CAAC;CAC7G,MAAM,YAAY,iBAA6C;EAAE,MAAM,KAAK,UAAU;EAAG,OAAO,KAAK,iBAAiB,MAAM,GAAG,EAAE,IAAI,CAAC;CAAE,CAAC;CACzI,MAAM,cAAc,iBAA+C;EAAE,MAAM,KAAK,UAAU;EAAG,OAAO,KAAK,mBAAmB,MAAM,GAAG,EAAE,IAAI,CAAC;CAAE,CAAC;CAI/I,MAAM,uBAAO,IAAI,IAAY;CAC7B,IAAI,OAAO;CACX,aAAa,GAAG,QAAQ,YAAY;EAClC,KAAK,MAAM,QAAQ,SACjB,KAAK,MAAM,QAAQ,KAAK,OAAO;GAC7B,IAAI,KAAK,SAAS,UAAU,KAAK,MAAM,WAAW,eAAe,KAAK,IAAI,KAAK,EAAE,GAAG;GACpF,KAAK,IAAI,KAAK,EAAE;GAChB,IAAI,MACF,QAAQ,eAAe;IACrB,MAAM,KAAK;IACX,OAAO,KAAK,MAAM;IAClB,OAAO,KAAK,MAAM;IAClB,QAAQ,KAAK,MAAM;IACnB,WAAW,KAAK;IAEhB,UAAU,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,YAAY;GAChD,CAAC;EAEL;EAEF,IAAI,QAAQ,IAAI,CAAC,CAAC,OAAO,OAAO;CAClC,CAAC,CAAC;CAEF,MAAM,CAAC,YAAY,iBAAiB,aAAa,QAAQ,IAAI,QAAQ,KAAK,EAAE;CAC5E,MAAM,eAAe,UAAkB;EACrC,cAAc,KAAK;EACnB,QAAQ,IAAI,UAAU,KAAK;CAC7B;CACA,MAAM,SAAS,iBAA+B;EAAE,MAAM,MAAM,UAAU;EAAG,OAAO,MAAM,YAAY,GAAG,IAAI,CAAC;CAAE,CAAC;CAC7G,aAAa,GAAG,SAAS,YAAY;EACnC,MAAM,MAAM,UAAU;EACtB,IAAI,CAAC,OAAO,CAAC,QAAQ,QAAQ;EAC7B,MAAM,SAAS,YAAY,SAAS,KAAK,QAAQ,UAAU,GAAG,QAAQ,cAAc;EACpF,IAAI,UAAU,WAAW,QAAQ,UAAU,GAAG,YAAY,MAAM;CAClE,CAAC,CAAC;CAEF,MAAM,SAAS,iBAAyB;EACtC,IAAI,QAAQ,GAAG,OAAO;GAAE,MAAM;GAAO,MAAM;EAAU;EACrD,IAAI,UAAU,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ,OAAO;GAAE,MAAM;GAAO,MAAM;EAAsB;EACvF,MAAM,UAAU,KAAK;EACrB,IAAI,QAAQ,WAAW,OAAO;GAAE,MAAM;GAAM,MAAM;EAAY;EAC9D,OAAO,QAAQ,QAAQ;GAAE,MAAM;GAAO,MAAM;EAAgB,IAAI;GAAE,MAAM;GAAQ,MAAM;EAAc;CACtG,CAAC;CAED,MAAM,eAAe,WAA6C,YAAY;EAC5E,MAAM,KAAK,UAAU;EACrB,IAAI,CAAC,IAAI;EACT,IAAI;GAAE,MAAM,OAAO,EAAE;EAAE,SAAS,OAAO;GAAE,OAAO,KAAK;EAAE;CACzD;CAEA,MAAM,UAAU,OAAO,QAAqC,eAA2B;EACrF,cAAc,IAAI;EAClB,IAAI;GAAE,OAAO,MAAM,OAAO,KAAK,UAAU;EAAE,UAAU;GAAE,cAAc,KAAK;EAAE;CAC9E;CAEA,OAAO;;EAEL,SAAS;EACT;;EAEA,YAAY,iBAAiB,OAAO,YAAY,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,UAAW,KAAK,QAAQ,CAAC,CAAC,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,CAAE,CAAC,CAAC;EACjI;EACA,OAAO,OAAe,UAAU,CAAC,CAAC,IAAI,EAAE;EACxC;EACA;EACA;EACA,aAAa,KAAK,CAAC,CAAC;EACpB;EACA;EACA,aAAa,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,iBAAiB,WAAW,KAAK,OAAO,KAAK;;EAEjF,mBAAmB,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,WAAW;EACnD,aAAa;EACb;EACA;EACA,MAAM,KAAK,MAAmC;GAC5C,MAAM,SAAS;GACf,MAAM,KAAK,UAAU;GACrB,MAAM,UAAU,KAAK,KAAK;GAC1B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,OAAO,OAAO;GACxD,UAAU,KAAA,CAAS;GAEnB,MAAM,UAAU,OAAO,KAAK,CAAC,CAAC;GAC9B,IAAI,WAAW,CAAE,MAAM,QAAQ,QAAQ,OAAO,GAAI,OAAO;GACzD,MAAM,aAAa,eAAe;IAAE,WAAW;IAAI,MAAM;IAAS,OAAO,QAAQ;IAAO,OAAO,WAAW,WAAW,CAAC;GAAE,CAAC;GACzH,IAAI,MAAM,QAAQ,QAAQ,UAAU,GAAG,OAAO;GAC9C,OAAO,OAAO,KAAK,CAAC,CAAC,YAAY,aAAa,gBAAgB;EAChE;EACA,MAAM,QAAQ;GACZ,MAAM,SAAS;GACf,MAAM,UAAU,QAAQ,KAAK,CAAC,CAAC;GAC/B,IAAI,UAAU,WAAW,CAAC,WAAW,GAAG,MAAM,QAAQ,QAAQ,OAAO;EACvE;EACA,OAAO,aAAa,OAAO,OAAO,MAAM,EAAE,CAAC;EAC3C,SAAS,WAAmB,YAAwB,kBAAkB,OAAO,eAAe,WAAW,OAAO,CAAC,CAAC,CAAC;EACjH,SAAS,cAAsB,kBAAkB,OAAO,eAAe,SAAS,CAAC,CAAC,CAAC;EACnF,kBAAkB,WAAmB,aAA2C,aAAa,OAAO,OAAO,gBAAgB,IAAI,WAAW,QAAQ,CAAC,CAAC,CAAC;;EAErJ,aAAa;GAAE,IAAI,KAAK,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,gBAAgB,SAAc,MAAM;EAAE;EAClF,MAAM,UAAU;GACd,IAAI,CAAC,IAAI,MAAM,GAAG;GAClB,IAAI;IACF,SAAS,QAAQ;IACjB,UAAU,KAAA;IACV,aAAa,KAAA,CAAS;IACtB,QAAQ,IAAI;IACZ,MAAM,KAAK,KAAA,CAAS;GACtB,SAAS,OAAO;IAAE,OAAO,KAAK;GAAE;EAClC;CACF;AACF;;;AC/RA,IAAM,SAAS,IAAI,OAAO;CAAE,KAAK;CAAM,QAAQ;AAAM,CAAC;AACtD,IAAI;AAEJ,SAAS,YAAY;CACnB,IAAI,CAAC,QAAQ;EACX,SAAS,gBAAgB,MAAM;EAC/B,OAAO,QAAQ,4BAA4B,SAAS;GAClD,IAAI,KAAK,YAAY,OAAO,KAAK,aAAa,MAAM,GAAG;IACrD,KAAK,aAAa,UAAU,QAAQ;IACpC,KAAK,aAAa,OAAO,qBAAqB;GAChD;EACF,CAAC;CACH;CACA,OAAO;AACT;;AAGA,SAAgB,eAAe,MAAsB;CACnD,OAAO,UAAU,CAAC,CAAC,SAAS,OAAO,MAAM,MAAM,EAAE,OAAO,MAAM,CAAC,CAAW;AAC5E;;;;;ACtBA,IAAMI,UAAU;;AAGhB,SAAgBC,YAAYC,OAA2D;CACrF,MAAM,CAACI,KAAKC,UAAUT,aAAaI,MAAME,MAAM;CAC/C,IAAII;CACJX,mBAAmB;EACjBc,aAAaH,KAAK;EAClB,IAAIN,MAAME,QAAQG,OAAO,IAAI;OACxBC,QAAQE,iBAAiBH,OAAO,KAAK,GAAGP,OAAO;CACtD,CAAC;CACDD,gBAAgBY,aAAaH,KAAK,CAAC;CACnC,cAAA;EAAA,IAAAI,OAAAC,SAAA,GAAAG,QAAAJ,KAAAG,WAAAA,YAAAE,QAAAD,MAAAE;EAAAC,OAAAH,aAQmEd,MAAMC,IAAI;EAAAgB,OAAAF,aAC6Bf,MAAMC,IAAI;EAAAiB,QAAAC,QAAA;GAAA,IAAAC,MANnGpB,MAAME,SAAS,SAAS,SAAOmB,OAChCrB,MAAMC,MAAIqB,OACkD,GAAGtB,MAAMG,UAAU,KAAGoB,OAItCnB,IAAI,IAAI,SAAS;GAAOgB,QAAAD,IAAAK,KAAAC,aAAAf,MAAA,eAAAS,IAAAK,IAAAJ,GAAA;GAAAC,SAAAF,IAAAO,KAAAD,aAAAf,MAAA,cAAAS,IAAAO,IAAAL,IAAA;GAAAC,SAAAH,IAAAQ,KAAAC,iBAAAlB,MAAA,wBAAAS,IAAAQ,IAAAL,IAAA;GAAAC,SAAAJ,IAAAU,KAAAJ,aAAAV,OAAA,YAAAI,IAAAU,IAAAN,IAAA;GAAA,OAAAJ;EAAA,GAAA;GAAAK,GAAAM,KAAAA;GAAAJ,GAAAI,KAAAA;GAAAH,GAAAG,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA;EAAA,OAAApB;CAAA,EAAA,CAAA;AAItF;AAEA,IAAMqB,OAAOC,MAAcC,SAAS,uBAAU;CAAA,IAAAC,QAAAC,UAAA,GAAAC,QAAAF,MAAArB,YAAAwB,QAAAD,MAAAvB;CAAAY,aAAAW,OAAA,QAEiCH,SAAS,iBAAiB,MAAM;CAAAR,aAAAW,OAAA,UAAUH,SAAS,SAAS,cAAc;CAAAR,aAAAY,OAAA,KAC1IL,IAAI;CAAA,OAAAE;AAAA,EAAA,CAAA;AAKnB,IAAaI,cAAcP,IAAI,cAAc;AAC7C,IAAaQ,UAAUR,IAAI,8BAA8B;AACzD,IAAaS,OAAOT,IAAI,oBAAoB,IAAI;AAChD,IAAaU,OAAOV,IAAI,gBAAgB;;;;;;;;;;;AC9BxC,SAAgBiC,YAAYC,OAAsH;CAChJ,MAAM,CAACQ,MAAMC,WAAWvB,aAAa,KAAK;CAC1C,MAAMwB,mBAAmBV,MAAMM,aAAaK,KAAAA;CAC5C,cAAA;EAAA,IAAAC,OAAAC,UAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAM,QAAAL,MAAAD,WAAAA,WAAAA,WAAAA,WAAAA,YAAAO,QAAAD,MAAAE;EAAAT,MAAAU,gBAUyHf,QAAQ,CAACD,KAAK,CAAC;EAACiB,OAAAJ,OAAAK,gBAMhF5B,aAAW;GAAA,IAAC6B,OAAI;IAAA,OAAE3B,MAAMC;GAAK;GAAA,IAAEE,SAAM;IAAA,OAAEH,MAAMG;GAAM;EAAA,CAAA,CAAA;EAAAsB,OAAAH,OAAAI,gBAEzFtC,MAAI;GAAA,IAACwC,OAAI;IAAA,OAAE5B,MAAME;GAAQ;GAAAI,WAAIJ,oBAAQ;IAAA,IAAA2B,SAAAC,UAAA;IAAAL,OAAAI,QAAiD3B,QAAQ;IAAA,OAAA2B;GAAA,EAAA,CAAA;EAAU,CAAA,CAAA;EAAAJ,OAAAT,OAAAU,gBAMlHtC,MAAI;GAAA,IAACwC,OAAI;IAAA,OAAElB,WAAW;GAAC;GAAA,IAAAJ,WAAA;IAAA,IAAAyB,QAAAC,SAAA,GAAAC,QAAAF,MAAAhB;IAAAU,OAAAQ,OAAAP,gBAC2E7B,aAAW,CAAA,CAAA,CAAA;IAAA,OAAAkC;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAN,OAAAb,MAAAc,gBAIjHtC,MAAI;GAAA,IAACwC,OAAI;IAAA,OAAEM,WAAA,CAAA,CAAA1B,KAAK,CAAC,CAAA,CAAA,KAAIE,WAAW;GAAC;GAAA,IAAAJ,WAAA;IAAA,IAAA6B,SAAAC,UAAA;IAAAX,OAAAU,cACuBnC,MAAMM,QAAQ;IAAA,OAAA6B;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAE,QAAAC,QAAA;GAAA,IAAAC,MAzB5DvC,MAAMI,MAAIoC,OACRxC,MAAMK,QAAMoC,OACVjC,KAAK,IAAI,KAAKG,KAAAA,GAAS+B,OACzBlC,KAAK,IAAIG,KAAAA,IAAY,IAAEgC,OAEiCnC,KAAK,GAACoC,OAAY,CAAClC,WAAW;GAAC6B,QAAAD,IAAAO,KAAAC,aAAAlC,MAAA,aAAA0B,IAAAO,IAAAN,GAAA;GAAAC,SAAAF,IAAAS,KAAAD,aAAAlC,MAAA,eAAA0B,IAAAS,IAAAP,IAAA;GAAAC,SAAAH,IAAAU,KAAAF,aAAAlC,MAAA,iBAAA0B,IAAAU,IAAAP,IAAA;GAAAC,SAAAJ,IAAAW,KAAAH,aAAAlC,MAAA,eAAA0B,IAAAW,IAAAP,IAAA;GAAAC,SAAAL,IAAAY,KAAAJ,aAAAhC,OAAA,iBAAAwB,IAAAY,IAAAP,IAAA;GAAAC,SAAAN,IAAAa,MAAArC,MAAAsC,WAAAd,IAAAa,IAAAP;GAAA,OAAAN;EAAA,GAAA;GAAAO,GAAAlC,KAAAA;GAAAoC,GAAApC,KAAAA;GAAAqC,GAAArC,KAAAA;GAAAsC,GAAAtC,KAAAA;GAAAuC,GAAAvC,KAAAA;GAAAwC,GAAAxC,KAAAA;EAAA,CAAA;EAAA,OAAAC;CAAA,EAAA,CAAA;AAwB1G;AAEA,SAASyC,QAAQrD,OAA2D;CAC1E,MAAMyD,SAASxE,iBAAiBS,WAAWM,MAAMsD,KAAKI,KAAK,CAAC,CAACC,MAAM,GAAG,GAAM,CAAC;CAC7E,OAAAjC,gBACG3B,aAAW;EAAA,IAACE,QAAK;GAAA,OAAEL,UAAUI,MAAMsD,KAAKM,MAAM5D,MAAMuD,MAAM;EAAC;EAAA,IAAErD,WAAQ;GAAA,OAAEP,aAAaK,MAAMsD,KAAKI,KAAK;EAAC;EAAA,IAAEvD,SAAM;GAAA,OAAEV,WAAWO,MAAMsD,IAAI;EAAC;EAAA,IAAElD,OAAI;GAAA,OAAEJ,MAAMsD,KAAKM;EAAI;EAAA,IAAEvD,SAAM;GAAA,OAAEL,MAAMsD,KAAKI,MAAMrD;EAAM;EAAA,IAAAC,WAAA;GAAA,OAC3L4B,WAAA,CAAA,CAAAuB,OAAO,CAAC,CAAA,CAAA,WAAA;IAAA,IAAAI,SAAAC,UAAA,GAAAC,SAAAF,OAAA9C;IAAAU,OAAAsC,QAEuCN,MAAM;IAAApB,aAAAS,aAAAiB,QAAA,eAAhC/D,MAAMsD,KAAKI,MAAMrD,MAAM,CAAA;IAAA,OAAAwD;GAAA,EAAA,CAAA,IAEzClD,KAAAA;EAAS;CAAA,CAAA;AAGnB;AAEA,SAASqD,aAAahE,OAA+C;CACnE,MAAMG,eAAeH,MAAMiE,QAAQjE,MAAMsD,KAAKY,MAAMC,QAAQxD,KAAAA;CAC5D,MAAMyD,iBAAkBpE,MAAMsD,KAAKY,MAAMC,MAAM3E,QAAQQ,MAAMsD,KAAKY,KAAKG,OAAOrE,MAAMsD,KAAKY,KAAKC,GAAG,IAAIxD,KAAAA;CACrG,OAAAe,gBACG3B,aAAW;EAAA,IAACE,QAAK;GAAA,OAAEE,OAAO,IAAI,aAAa;EAAS;EAAA,IAAED,WAAQ;GAAA,OAAEkE,SAAS;EAAC;EAAA,IAAEjE,SAAM;GAAA,OAAEA,OAAO;EAAC;EAAEC,MAAI;EAAA,IAAAE,WAAA;GAAA,IAAAgE,SAAAC,UAAA,GAAAC,SAAAF,OAAAvD;GAAAsB,aAAAmC,OAAAC,YAErDlF,eAAeS,MAAMsD,KAAK3B,IAAI,CAAC;GAAA,OAAA2C;EAAA;CAAA,CAAA;AAIjF;AAEA,SAAgBI,aAAa1E,OAA2B;CACtD,cAAA;EAAA,IAAA2E,SAAAC,UAAA,GAAAC,SAAAF,OAAA5D;EAAAsB,aAAAwC,OAAAJ,YAE8ClF,eAAeS,MAAMsD,KAAK3B,IAAI,CAAC;EAAA,OAAAgD;CAAA,EAAA,CAAA;AAG/E;AAEA,SAAgBG,SAAS9E,OAAsE;CAC7F,OAAA0B,gBACGrC,QAAM,EAAA,IAAAiB,WAAA;EAAA,OAAA;GAAAoB,gBACJvC,OAAK;IAAA,IAACyC,OAAI;KAAA,OAAEM,WAAAlC,MAAMsD,KAAKyB,SAAS,MAAM,CAAA,CAAA,KAAK/E,MAAMsD;IAAiB;IAAAhD,WAAIgD,SAAI5B,gBAAMgD,cAAY,EAAA,IAACpB,OAAI;KAAA,OAAEA,KAAK;IAAC,EAAA,CAAA;GAAI,CAAA;GAAA5B,gBAC7GvC,OAAK;IAAA,IAACyC,OAAI;KAAA,OAAEM,WAAAlC,MAAMsD,KAAKyB,SAAS,WAAW,CAAA,CAAA,KAAK/E,MAAMsD;IAAsB;IAAAhD,WAAIgD,SAAI5B,gBAAMsC,cAAY;KAAA,IAACV,OAAI;MAAA,OAAEA,KAAK;KAAC;KAAA,IAAEW,OAAI;MAAA,OAAEjE,MAAMiE;KAAI;IAAA,CAAA;GAAI,CAAA;GAAAvC,gBACzIvC,OAAK;IAAA,IAACyC,OAAI;KAAA,OAAEM,WAAAlC,MAAMsD,KAAKyB,SAAS,MAAM,CAAA,CAAA,KAAK/E,MAAMsD;IAAiB;IAAAhD,WAAIgD,SAAI5B,gBAAM2B,SAAO;KAAA,IAACC,OAAI;MAAA,OAAEA,KAAK;KAAC;KAAA,IAAEC,SAAM;MAAA,OAAEvD,MAAMuD;KAAM;IAAA,CAAA;GAAI,CAAA;EAAA;CAAA,EAAA,CAAA;AAGrI;AAACyB,eAAA,CAAA,OAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;ACnED,SAASwD,SAASC,OAAmG;CACnH,MAAMI,gBAAgBJ,MAAMC,KAAK,CAAC,EAAEG;CACpC,MAAMC,QAAQ7C,iBAAiBS,aAAa+B,MAAMC,KAAK,CAAC,EAAEI,SAAS,CAAA,CAAE,CAAC;CACtE,MAAMC,MAAM9C,iBAAiB6C,MAAM,CAAC,CAACE,KAAKC,SAASA,KAAKC,EAAE,GAAG,CAAA,GAAgB,EAAEC,QAAQ1C,QAAQ,CAAC;CAChG,MAAM2C,OAAOnD,iBAAiB,IAAIoD,IAAIP,MAAM,CAAC,CAACE,KAAKC,SAAS,CAACA,KAAKC,IAAID,IAAI,CAAC,CAAC,CAAC;CAC7E,MAAMK,OAAOrD,iBAAiB;EAAE,MAAMsD,IAAIV,QAAQ;EAAG,OAAOU,GAAGC,SAAS,eAAeD,EAAEE,KAAKC,cAAcC,KAAAA,KAAalB,MAAME,UAAU;CAAE,CAAC;CAC5I,MAAMiB,cAAc;EAClB,MAAML,IAAIV,QAAQ;EAClB,MAAMgB,UAAUN,GAAGC,SAAS,cAAcD,EAAEK,QAAQD,KAAAA;EACpD,OAAOE,WAAWA,QAAQC,SAAS,wBAAwBD,QAAQE,MAAMlB,WAAWgB,QAAQC,OAAOH,KAAAA;CACrG;CACA,MAAMK,kBAAkBvB,MAAMC,KAAK,CAAC,EAAEI,SAAS,CAAA,EAAA,CAAImB,SAAShB,SAAUA,KAAKiB,SAAS,UAAU,CAACjB,KAAKkB,YAAY,CAAClB,KAAKb,IAAI,IAAI,CAAA,CAAG,CAAC,CAACgC,KAAK,IAAI;CAC5I,OAAAC,gBACG/D,MAAI;EAAA,IAACgE,OAAI;GAAA,OAAEzB,QAAQ;EAAC;EAAA0B,WACjBhB,MAACc,gBACA/D,MAAI;GAAA,IACHgE,OAAI;IAAA,OAAEf,EAAE,CAAC,CAACC,SAAS;GAAW;GAAA,IAC9BgB,WAAQ;IAAA,cAAA;KAAA,IAAAC,QAAAC,QAAA,GAAAG,QAAAJ,MAAAG,WAAAA;KAAAE,OAAAD,OAEmEb,QAAQ;KAAAe,aAAAC,aAAAP,OAAA,mBAD7BlB,EAAE,CAAC,CAACL,EAAE,CAAA;KAAA,OAAAuB;IAAA,EAAA,CAAA;GAAA;GAAA,IAAAF,WAAA;IAAA,IAAAU,OAAAC,SAAA;IAAAJ,OAAAG,MAAAZ,gBAMzDlE,KAAG;KAAA,IAACgF,OAAI;MAAA,OAAEpC,IAAI;KAAC;KAAAwB,WAAIrB,OAAEmB,gBAAM/D,MAAI;MAAA,IAACgE,OAAI;OAAA,OAAElB,KAAK,CAAC,CAACgC,IAAIlC,EAAE;MAAC;MAAAqB,WAAItB,SAAIoB,gBAAMzD,UAAQ;OAAA,IAACqC,OAAI;QAAA,OAAEA,KAAK;OAAC;OAAA,IAAEK,OAAI;QAAA,OAAEA,KAAK;OAAC;OAAA,IAAEV,SAAM;QAAA,OAAEH,MAAMG;OAAM;MAAA,CAAA;KAAI,CAAA;IAAQ,CAAA,GAAA,IAAA;IAAAkC,OAAAG,MAAAZ,gBACvI/D,MAAI;KAAA,IAACgE,OAAI;MAAA,OAAEe,WAAA,CAAA,CAAA/B,KAAK,CAAC,CAAA,CAAA,KAAI,CAACP,IAAI,CAAC,CAACuC;KAAM;KAAA,IAAAf,WAAA;MAAA,OAAAF,gBAAG1D,aAAW;OAACQ,OAAK;OAAYoE,QAAQ;OAAMzB,MAAI;MAAA,CAAA;KAAA;IAAA,CAAA,GAAA,IAAA;IAAAgB,OAAAG,MAAAZ,gBACpF/D,MAAI;KAAA,IAACgE,OAAI;MAAA,OAAEV,MAAM;KAAC;KAAAW,WAAInC,gBAAI;MAAA,IAAAoD,QAAAC,QAAA;MAAAX,OAAAU,OAAmDpD,IAAI;MAAA,OAAAoD;KAAA,EAAA,CAAA;IAAS,CAAA,GAAA,IAAA;IAAAT,QAAAW,QAAA;KAAA,IAAAC,MAHpCpC,EAAE,CAAC,CAACL,IAAE0C,OAAatC,KAAK,IAAI,KAAKK,KAAAA;KAASgC,QAAAD,IAAAG,KAAAb,aAAAC,MAAA,mBAAAS,IAAAG,IAAAF,GAAA;KAAAC,SAAAF,IAAAI,KAAAd,aAAAC,MAAA,aAAAS,IAAAI,IAAAF,IAAA;KAAA,OAAAF;IAAA,GAAA;KAAAG,GAAAlC,KAAAA;KAAAmC,GAAAnC,KAAAA;IAAA,CAAA;IAAA,OAAAsB;GAAA;EAAA,CAAA;CAMtG,CAAA;AAGP;AAEA,SAASc,aAAatD,OAAkG;CACtH,MAAM,CAACyD,SAASE,cAAclG,aAAyBuC,MAAMuD,QAAQK,UAAUrD,UAAU,CAAA,CAAE,CAAC;CAC5F,MAAMsD,OAAOC,OAAeC,UAAoBJ,YAAYK,aAAaA,SAASzD,KAAK0D,SAASC,MAAOA,MAAMJ,QAAQC,QAAQE,OAAQ,CAAC;CACtI,MAAME,UAAUL,OAAe/E,OAAeqF,aAAsB;EAClE,MAAMH,UAAUR,QAAQ,CAAC,CAACK,UAAU,CAAA;EACpCD,IAAIC,OAAOM,WAAYH,QAAQI,SAAStF,KAAK,IAAIkF,QAAQK,QAAQP,UAAUA,UAAUhF,KAAK,IAAI,CAAC,GAAGkF,SAASlF,KAAK,IAAK,CAACA,KAAK,CAAC;CAC9H;CACA,cAAA;EAAA,IAAAwF,QAAAC,QAAA,GAAAC,QAAAF,MAAApC,YAAAuC,QAAAD,MAAAtC,YAAAwC,QAAAD,MAAAE;EAAAvC,OAAAkC,OAAA3C,gBAEKlE,KAAG;GAAA,IAACgF,OAAI;IAAA,OAAE1C,MAAMuD,QAAQK;GAAS;GAAA9B,WAC9B+C,UAAUf,iBAAK;IAAA,IAAAgB,QAAAC,QAAA,GAAAC,SAAAF,MAAA3C,YAAA8C,SAAAD,OAAAJ;IAAAvC,OAAAyC,OAAAlD,gBAEZ/D,MAAI;KAAA,IAACgE,OAAI;MAAA,OAAEgD,SAASK;KAAM;KAAA,IAAApD,WAAA;MAAA,IAAAqD,QAAAC,QAAA;MAAA/C,OAAA8C,aAAwCN,SAASK,MAAM;MAAA,OAAAC;KAAA;IAAA,CAAA,GAAAH,MAAA;IAAA3C,OAAA2C,cAC9CH,SAASA,QAAQ;IAAAxC,OAAA4C,QAAArD,gBAElDlE,KAAG;KAAA,IAACgF,OAAI;MAAA,OAAEmC,SAASQ;KAAO;KAAAvD,WACvBwD,kBAAM;MAAA,IAAAC,SAAAC,QAAA,GAAAC,SAAAF,OAAApD;MAAAoD,OAAAG,gBAMWvB,OAAOL,MAAM,GAAGwB,OAAOvG,OAAO,CAAC,CAAC8F,SAAST,QAAQ;MAAC/B,OAAAoD,cAEpBH,OAAOvG,KAAK;MAAAsD,OAAAkD,QAAA3D,gBACxD/D,MAAI;OAAA,IAACgE,OAAI;QAAA,OAAEyD,OAAOK;OAAW;OAAA,IAAA7D,WAAA;QAAA,IAAA8D,SAAAC,QAAA;QAAAxD,OAAAuD,cAAqDN,OAAOK,WAAW;QAAA,OAAAC;OAAA;MAAA,CAAA,GAAA,IAAA;MAAAtD,QAAAW,QAAA;OAAA,IAAA6C,OAL/FjB,SAAST,WAAW,aAAa,SAAO2B,OAChCtC,QAAQ,CAAC,CAACK,MAAM,EAAE,EAAEO,SAASiB,OAAOvG,KAAK,KAAK;OAAK+G,SAAA7C,IAAAG,KAAAb,aAAAgD,QAAA,QAAAtC,IAAAG,IAAA0C,IAAA;OAAAC,SAAA9C,IAAAI,KAAAd,aAAAgD,QAAA,gBAAAtC,IAAAI,IAAA0C,IAAA;OAAA,OAAA9C;MAAA,GAAA;OAAAG,GAAAlC,KAAAA;OAAAmC,GAAAnC,KAAAA;MAAA,CAAA;MAAA,OAAAqE;KAAA,EAAA,CAAA;IAMpE,CAAA,CAAA;IAAAlD,OAAAyC,OAAAlD,gBAGJ/D,MAAI;KAAA,IAACgE,OAAI;MAAA,OAAEgD,SAASmB,WAAW;KAAK;KAAA,IAAAlE,WAAA;MAAA,IAAAmE,SAAAC,QAAA;MAAAD,OAAAE,WACoDC,UAAUvC,IAAIC,MAAM,GAAGsC,MAAMC,cAActC,MAAMuC,KAAK,IAAI,CAACF,MAAMC,cAActC,MAAMuC,KAAK,CAAC,IAAI,CAAA,CAAE;MAAC,OAAAL;KAAA;IAAA,CAAA,GAAA,IAAA;IAAA3D,aAAAC,aAAA0C,QAAA,QAjB/IJ,SAAST,WAAW,UAAU,YAAY,CAAA;IAAA,OAAAU;GAAA,EAAA,CAAA;EAoBzF,CAAA,GAAAL,KAAA;EAAAC,MAAAgB,gBAGgF1F,MAAM0D,OAAO;EAACiB,MAAAe,gBAC+C1F,MAAMwD,SAASC,QAAQ,CAAC;EAACnB,aAAAqC,MAAA4B,WAAzF,CAAC9C,QAAQ,CAAC,CAAC+C,OAAOC,WAAWA,OAAO5D,SAAS,CAAC,CAAC;EAAA,OAAA0B;CAAA,EAAA,CAAA;AAIrI;AAEA,SAASmC,eAAe1G,OAAkG;CACxH,MAAM6G,kBAAkB7G,MAAMuD,QAAQsD,YAAY,CAAA,EAAA,CAAIvC,OAAOwC,OAAO;CAEpE,MAAM,CAACC,SAASC,cAAcvJ,aAAa,KAAK;CAChD,MAAMwJ,SAASL,aAA2C;EACxD,IAAIG,QAAQ,GAAG;EACfC,WAAW,IAAI;EACfhH,MAAM2G,QAAQC,QAAQ;CACxB;CACA,cAAA;EAAA,IAAAM,SAAAC,QAAA,GAAAE,SAAAH,OAAA/E,WAAAyC,aAAA2C,SAAAF,OAAAlF,WAAAyC;EAAA2C,OAAA3C;EAAA,IAAA6C,SAAAJ,OAAAzC,aAAA8C,SAAAD,OAAAtF,YAAAwF,SAAAD,OAAA9C,aAAAgD,SAAAD,OAAA/C;EAAAvC,OAAAgF,cAGmErH,MAAMuD,QAAQsE,cAAc,UAAQN,MAAA;EAAAlF,OAAA6E,QAAAtF,gBAClG/D,MAAI;GAAA,IAACgE,OAAI;IAAA,OAAEgF,SAAS,CAAC,CAAChE;GAAM;GAAA,IAAAf,WAAA;IAAA,IAAAgG,SAAAC,QAAA;IAAA1F,OAAAyF,cAA4CjB,SAAS,CAAC,CAAClF,KAAK,IAAI,CAAC;IAAA,OAAAmG;GAAA;EAAA,CAAA,GAAAL,MAAA;EAAAC,OAAAhC,gBAE8BuB,MAAM,QAAQ;EAACU,OAAAjC,gBACfuB,MAAM,QAAQ;EAACW,OAAAlC,gBACfuB,MAAM,MAAM;EAAC3E,QAAAW,QAAA;GAAA,IAAA+E,OAFvCjB,QAAQ,GAACkB,OACTlB,QAAQ,GAACmB,OACTnB,QAAQ;GAACiB,SAAA/E,IAAAG,MAAAsE,OAAAnB,WAAAtD,IAAAG,IAAA4E;GAAAC,SAAAhF,IAAAI,MAAAsE,OAAApB,WAAAtD,IAAAI,IAAA4E;GAAAC,SAAAjF,IAAAkF,MAAAP,OAAArB,WAAAtD,IAAAkF,IAAAD;GAAA,OAAAjF;EAAA,GAAA;GAAAG,GAAAlC,KAAAA;GAAAmC,GAAAnC,KAAAA;GAAAiH,GAAAjH,KAAAA;EAAA,CAAA;EAAA,OAAAgG;CAAA,EAAA,CAAA;AAIjH;AAEA,SAAgBkB,KAAKpI,OAAkE;CACrF,MAAMqF,UAAUrF,MAAMqF;CACtB,MAAMiD,OAAOxK,qBAAqB;EAChCW,KAAK4G,QAAQ5G;EACbU,OAAOkG,QAAQlG;EACfC,cAAciG,QAAQjG;EACtBC,YAAYgG,QAAQhG;EACpBC,gBAAgB+F,QAAQ/F;EACxBC,cAAc8F,QAAQ9F;CACxB,CAAC;CACD,IAAIgJ;CACJ,IAAIE;CACJ,MAAM,CAACE,OAAOC,YAAYnL,aAAa,EAAE;CAEzC,MAAM0C,SAAS3C,kBAAkB;EAAE,GAAG8K,KAAKrJ,WAAW;EAAG,GAAGoG,QAAQpG;CAAW,EAAE;CAEjF,MAAM4J,aAAa;EACjBJ,MAAMK,MAAMC,SAAS;EACrBN,MAAMK,MAAMC,SAAS,GAAGC,KAAKC,IAAIR,MAAMS,cAAc,GAAG,EAAC;CAC3D;CACA,MAAMC,cAAc;EAClBV,MAAM1E,QAAQ;EACd6E,SAAS,EAAE;EACXC,KAAK;CACP;CACA,MAAMO,WAAWzJ,SAAiB;EAChC8I,MAAM1E,QAAQpE;EACdiJ,SAASjJ,IAAI;EACbkJ,KAAK;CACP;;CAEA,MAAMQ,WAAW,OAAO1J,SAAiB;EACvC,MAAMH,SAAS,MAAM8I,KAAK5I,KAAKC,IAAI;EACnC,IAAIH,WAAW,YAAY,CAACmJ,MAAM,GAAGS,QAAQzJ,IAAI;EACjD,OAAOH,WAAW;CACpB;CACA,MAAM8J,SAAS,YAAY;EACzB,MAAM3J,OAAOgJ,MAAM;EACnB,IAAI,CAAChJ,KAAK2G,KAAK,KAAK,CAACgC,KAAKiB,MAAM,GAAG;EACnCJ,MAAM;EACN,MAAME,SAAS1J,IAAI;CACrB;CAIA,IAAI6J,UAAqE,CAAA;CACzE,IAAIG,QAAQ/J,QAAQ6J,QAAQ;CAC5B,MAAMG,gBAAgBjK,SACpB,IAAIC,SAAkB6J,YAAY;EAChCD,QAAQK,KAAK;GAAElK;GAAM8J;EAAQ,CAAC;EAC9B,IAAInB,KAAKiB,MAAM,GAAGO,MAAM;CAC1B,CAAC;CACH,MAAMA,cAAc;EAClB,MAAMC,QAAQP;EACdA,UAAU,CAAA;EACV,KAAK,MAAM,EAAE7J,MAAM8J,aAAaM,OAAOJ,QAAQA,MAAMK,WAAWX,SAAS1J,IAAI,CAAC,CAACqK,KAAKP,eAAeA,QAAQ,KAAK,CAAC,CAAC;CACpH;CACAlM,aAAaI,GAAG2K,KAAKiB,QAAQA,UAAU;EAAE,IAAIA,OAAOO,MAAM;CAAE,CAAC,CAAC;CAC9DlM,gBAAgB;EAAE,KAAK,MAAM,EAAE6L,aAAaD,SAASC,QAAQ,KAAK;CAAE,CAAC;CACrE,MAAMQ,gBAAgB3B,KAAKpI,UAAU,KAAK,CAACyI,MAAM,CAAC,CAACrC,KAAK;CACxD,MAAM4D,iBAAiB;EAAE,MAAM5J,MAAMgI,KAAK6B,WAAW;EAAG,OAAO7J,IAAIuC,SAASyF,KAAKrI,KAAKK,IAAIA,IAAIuC,SAAS,EAAG,IAAI3B,KAAAA;CAAU;CACxH,MAAMkJ,sBAAsB9B,KAAKpI,UAAU,KAAKgK,SAAS,CAAC,EAAE9J,QAAQW,SAAS;CAI7E,IAAIsJ,SAAS;CACb,MAAMC,mBAAmB,CAAC/B,YAAYA,SAASW,eAAeX,SAASgC,YAAYhC,SAASiC,eAAe;CAC3GlN,eAAeK,GAAG2K,KAAKmC,eAAe;EAAEJ,SAASC,WAAW;CAAE,GAAG,EAAEI,OAAO,KAAK,CAAC,CAAC;CACjFnN,aAAaI,GAAG2K,KAAKmC,eAAe;EAClC,IAAIJ,QAAQ9B,SAASgC,YAAYhC,SAASW;EAE1C,IAAIX,SAASW,gBAAgBX,SAASiC,eAAe,KAAKlC,KAAKqC,MAAM;CACvE,GAAG,EAAED,OAAO,KAAK,CAAC,CAAC;CAEnB1K,MAAMqI,IAAI;EAAE3I,MAAMkK;EAAc/J,aAAa4I,OAAO5I,MAAM;EAAGC,eAAewI,KAAKxI,QAAQ;CAAE,CAAC;CAE5F,cAAA;EAAA,IAAA8K,SAAAC,SAAA,GAAAC,SAAAF,OAAAzI,YAAA4I,SAAAD,OAAA3I,YAAA6I,SAAAD,OAAA5I,YAAA8I,SAAAF,OAAAnG,aAAAsG,SAAAD,OAAA9I,YAAAgJ,SAAAF,OAAArG,aAAAwG,SAAAN,OAAAlG,aAAAyG,SAAAD,OAAAjJ,YAAAmJ,SAAAF,OAAAxG,aAAA2G,SAAAD,OAAAnJ,YAAAqJ,SAAAD,OAAApJ,YAAAuJ,SAAAF,OAAArJ,WAAAA,YAAA2J,SAAAN,OAAA5G,YAAAzC,WAAAA,WAAAA,YAAA6J,SAAAF,OAAA3J,WAAAA,YAAA8J,SAAAD,OAAApH,aAAAwH,SAAAN,OAAAlH,YAAAzC,WAAAA;EAAAE,OAAA2I,cAI0C3F,QAAQ3G,KAAK;EAAA2D,OAAA0I,QAAAnJ,gBAC9C/D,MAAI;GAAA,IAACgE,OAAI;IAAA,OAAEwD,QAAQ1G;GAAQ;GAAA,IAAAmD,WAAA;IAAA,IAAAuK,SAAAC,SAAA;IAAAjK,OAAAgK,cAAuChH,QAAQ1G,QAAQ;IAAA,OAAA0N;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAhK,OAAA6I,cAG3C5C,KAAKiE,OAAO,CAAC,CAAC5M,IAAI;EAAAwL,OAAAzF,gBAE4G;GAAE,KAAU5F,QAAQ;GAAG2I,MAAM5I,MAAM;EAAE;EAACwC,OAAA8I,QAAAvJ,gBAC3MtD,MAAI,CAAA,CAAA,CAAA;EAAA8M,OAAAoB,iBAAA,gBAI6D;GAAE,IAAIjE,SAASgC,YAAY,KAAKjC,KAAKqC,MAAM;EAAE,CAAC;EAAA,IAAA8B,QAAxElE;EAAQ,OAAAkE,UAAA,aAAAC,IAAAD,OAAArB,MAAA,IAAR7C,WAAQ6C;EAAA/I,OAAA+I,QAAAxJ,gBACjD/D,MAAI;GAAA,IAACgE,OAAI;IAAA,OAAEe,WAAA0F,KAAK6B,WAAW,CAAC,CAACtH,WAAW,CAAC,CAAA,CAAA,KAAIyF,KAAKiB,MAAM;GAAC;GAAA,IAAAzH,WAAA;IAAA,IAAA6K,SAAAC,SAAA,GAAAC,SAAAF,OAAAxK;IAAAE,OAAAwK,cAEfxH,QAAQ3G,KAAK;IAAA2D,OAAAsK,QAAA/K,gBACnD/D,MAAI;KAAA,IAACgE,OAAI;MAAA,OAAEwD,QAAQ1G;KAAQ;KAAA,IAAAmD,WAAA;MAAA,IAAAgL,SAAAC,SAAA;MAAA1K,OAAAyK,cAA4CzH,QAAQ1G,QAAQ;MAAA,OAAAmO;KAAA;IAAA,CAAA,GAAA,IAAA;IAAAzK,OAAAsK,QAAA/K,gBACvF/D,MAAI;KAAA,IAACgE,OAAI;MAAA,OAAEwD,QAAQxG,YAAYgE;KAAM;KAAA,IAAAf,WAAA;MAAA,IAAAkL,SAAAC,SAAA;MAAA5K,OAAA2K,QAAApL,gBAEjClE,KAAG;OAAA,IAACgF,OAAI;QAAA,OAAE2C,QAAQxG;OAAW;OAAAiD,WAC1BoL,sBAAU;QAAA,IAAAC,SAAAC,SAAA;QAAAD,OAAAzH,gBAA0E,KAAK2D,SAAS6D,WAAWlO,MAAM;QAACqD,OAAA8K,cAAGD,WAAWnO,KAAK;QAAA,OAAAoO;OAAA,EAAA,CAAA;MAAU,CAAA,CAAA;MAAA,OAAAH;KAAA;IAAA,CAAA,GAAA,IAAA;IAAA,OAAAL;GAAA;EAAA,CAAA,GAAAtB,MAAA;EAAAhJ,OAAAgJ,QAAAzJ,gBAO1JlE,KAAG;GAAA,IAACgF,OAAI;IAAA,OAAE4F,KAAK6B,WAAW;GAAC;GAAArI,WAAIrB,OAAEmB,gBAAM7B,UAAQ;IAACE,YAAYqI,KAAKrI,KAAKQ,EAAE;IAAC,IAAEP,YAAS;KAAA,OAAEoI,KAAKpI;IAAS;IAAA,IAAEC,SAAM;KAAA,OAAEA,OAAO;IAAC;GAAA,CAAA;EAAI,CAAA,GAAA,IAAA;EAAAkC,OAAAgJ,QAAAzJ,gBAC1H/D,MAAI;GAAA,IAACgE,OAAI;IAAA,OAAEuI,cAAc;GAAC;GAAA,IAAAtI,WAAA;IAAA,IAAAuL,SAAAC,SAAA;IAAAjL,OAAAgL,QAAAzL,gBAC6B1D,aAAW;KAACQ,OAAK;KAAYoE,QAAQ;KAAMzB,MAAI;IAAA,CAAA,CAAA;IAAA,OAAAgM;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAhL,OAAAiJ,QAAA1J,gBAMxG/D,MAAI;GAAA,IAACgE,OAAI;IAAA,OAAEyG,KAAKiF,YAAY,CAAC,CAAC;GAAE;GAAEC,OAAK;GAAA1L,WACpCyB,YAAO3B,gBAAM8E,gBAAc;IAAUnD;IAASoD,UAAUC,aAAa,KAAK0B,KAAKmF,gBAAgBlK,QAAQ9C,IAAImG,QAAQ;GAAC,CAAA;EAAI,CAAA,GAAA2E,MAAA;EAAAlJ,OAAAiJ,QAAA1J,gBAE3H/D,MAAI;GAAA,IAACgE,OAAI;IAAA,OAAEyG,KAAK1E,UAAU,CAAC,CAAC;GAAE;GAAE4J,OAAK;GAAA1L,WAClCyB,YAAO3B,gBAAM0B,cAAY;IAAUC;IAASC,WAAWC,YAAY,KAAK6E,KAAK7B,OAAOlD,QAAQ9C,IAAIgD,OAAO;IAAGC,cAAc,KAAK4E,KAAKoF,OAAOnK,QAAQ9C,EAAE;GAAC,CAAA;EAAI,CAAA,GAAA8K,MAAA;EAAAlJ,OAAAiJ,QAAA1J,gBAE3J/D,MAAI;GAAA,IAACgE,OAAI;IAAA,OAAEyG,KAAKnH,MAAM,KAAKmH,KAAKqF,YAAY;GAAC;GAAA,IAAA7L,WAAA;IAAA,IAAA8L,SAAAC,SAAA,GAAAC,SAAAF,OAAAzL;IAAAE,OAAAyL,cAEnCxF,KAAKnH,MAAM,KAAK,gDAAgD;IAAAkB,OAAAuL,QAAAhM,gBACtE/D,MAAI;KAAA,IAACgE,OAAI;MAAA,OAAEyG,KAAKqF,YAAY;KAAC;KAAA,IAAA7L,WAAA;MAAA,IAAAiM,SAAAC,SAAA;MAAAD,OAAArI,gBACyE,KAAK4C,KAAK2F,MAAM;MAAC,OAAAF;KAAA;IAAA,CAAA,GAAA,IAAA;IAAA,OAAAH;GAAA;EAAA,CAAA,GAAArC,MAAA;EAAAG,OAAAwC,aAcxG9H,UAAU;GACpB,IAAIA,MAAM+H,QAAQ,WAAW,CAAC/H,MAAMgI,YAAY,CAAChI,MAAMiI,aAAa;IAClEjI,MAAMkI,eAAe;IACrB,OAAY;GACd;EACF;EAAC5C,OAAAvF,WANSC,UAAU;GAAEwC,SAASxC,MAAMC,cAActC,KAAK;GAAG8E,KAAK;EAAE;EAAC,IAAA0F,SAL9D9F;EAAK,OAAA8F,WAAA,aAAA7B,IAAA6B,QAAA7C,MAAA,IAALjD,QAAKiD;EAAAM,OAAAQ,iBAAA,WAoBiGpG,UAAUkC,KAAKkG,YAAYpI,MAAMC,cAActC,KAAK,CAAC;EAAA1B,OAAA2J,QAAApK,gBACzJlE,KAAG;GAAA,IAACgF,OAAI;IAAA,OAAE4F,KAAKmG,YAAY;GAAC;GAAA3M,WACzB4M,iBAAK;IAAA,IAAAC,SAAAC,SAAA;IAAAvM,OAAAsM,QAAA/M,gBAEFlE,KAAG;KAAA,IAACgF,OAAI;MAAA,OAAEgM,MAAMG;KAAM;KAAA/M,WAAIgN,iBAAK;MAAA,IAAAC,SAAAC,SAAA;MAAA3M,OAAA0M,cAA+ED,MAAM/P,KAAK;MAAAuD,aAAAyM,OAAAE,WAA/CH,MAAM/K,UAAUuE,KAAK4G,WAAW,CAAC;MAAA5M,aAAAyM,OAAAhL,QAAxD+K,MAAM/K,KAAK;MAAA,OAAAgL;KAAA,EAAA,CAAA;IAAqE,CAAA,CAAA;IAAAzM,aAAAC,aAAAoM,QAAA,SADrHD,MAAM3P,KAAK,CAAA;IAAA,OAAA4P;GAAA,EAAA,CAAA;EAG7B,CAAA,CAAA;EAAAtM,OAAA4J,QAAArK,gBAGmCvD,aAAW,CAAA,CAAA,CAAA;EAAA+N,OAAA1G,gBAejCuE,QAAQ,IAAI,KAAK3B,KAAK6G,MAAM,IAAI,KAAK7F,OAAO;EAAEjH,OAAA+J,QAAAxK,gBAE7D/D,MAAI;GAAA,IAACgE,OAAI;IAAA,OAAEoI,QAAQ;GAAC;GAAA,IAAElI,WAAQ;IAAA,OAAAH,gBAAGxD,SAAO,CAAA,CAAA;GAAA;GAAA,IAAA0D,WAAA;IAAA,OAAAF,gBAAMrD,MAAI,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA;EAAA+D,QAAAW,QAAA;GAAA,IAAAmM,OArGrB9G,KAAK+G,UAAU,KAAK,IAAEC,OAMrBhH,KAAKiE,OAAO,CAAC,CAACgD,MAAIC,OAASlH,KAAKiE,OAAO,CAAC,CAAC5M,MAAI8P,OA6CjC,CAACnH,KAAKiB,MAAM,GAACmG,QAOjDrK,QAAQzG,aAAW+Q,QACpBtK,QAAQzG,aAAWgR,QAgBqC,CAACtH,KAAKmG,YAAY,CAAC,CAAC5L,QAAMgN,QAqB1E5F,QAAQ,IAAI,KAAK/I,KAAAA,GAAS4O,QAC5B7F,QAAQ,IAAI,SAAS,QAAM8F,QAC7B9F,QAAQ,IAAI,QAAQ,CAAC3B,KAAKiB,MAAM,KAAK,CAACZ,MAAM,CAAC,CAACrC,KAAK;GAAC8I,SAAAnM,IAAAG,KAAAb,aAAAqI,QAAA,mBAAA3H,IAAAG,IAAAgM,IAAA;GAAAE,SAAArM,IAAAI,KAAAd,aAAA0I,QAAA,aAAAhI,IAAAI,IAAAiM,IAAA;GAAAE,SAAAvM,IAAAkF,KAAA5F,aAAA0I,QAAA,SAAAhI,IAAAkF,IAAAqH,IAAA;GAAAC,SAAAxM,IAAA+M,KAAAzN,aAAAgJ,QAAA,aAAAtI,IAAA+M,IAAAP,IAAA;GAAAC,UAAAzM,IAAAiB,KAAA3B,aAAAmJ,QAAA,eAAAzI,IAAAiB,IAAAwL,KAAA;GAAAC,UAAA1M,IAAAgN,KAAA1N,aAAAmJ,QAAA,cAAAzI,IAAAgN,IAAAN,KAAA;GAAAC,UAAA3M,IAAAiN,MAAAlE,OAAAzF,WAAAtD,IAAAiN,IAAAN;GAAAC,UAAA5M,IAAAkN,KAAA5N,aAAA6J,QAAA,gBAAAnJ,IAAAkN,IAAAN,KAAA;GAAAC,UAAA7M,IAAAmN,KAAA7N,aAAA6J,QAAA,cAAAnJ,IAAAmN,IAAAN,KAAA;GAAAC,UAAA9M,IAAAoN,MAAAjE,OAAA7F,WAAAtD,IAAAoN,IAAAN;GAAA,OAAA9M;EAAA,GAAA;GAAAG,GAAAlC,KAAAA;GAAAmC,GAAAnC,KAAAA;GAAAiH,GAAAjH,KAAAA;GAAA8O,GAAA9O,KAAAA;GAAAgD,GAAAhD,KAAAA;GAAA+O,GAAA/O,KAAAA;GAAAgP,GAAAhP,KAAAA;GAAAiP,GAAAjP,KAAAA;GAAAkP,GAAAlP,KAAAA;GAAAmP,GAAAnP,KAAAA;EAAA,CAAA;EAAA,OAAA0J;CAAA,EAAA,CAAA;AAcpF;AAAC0F,eAAA;CAAA;CAAA;CAAA;AAAA,CAAA;;;;;;;;ACtQD,SAAgBwC,aAAaC,MAAmBE,UAA0B,CAAC,GAAkB;CAC3F,MAAMC,OAAOH,KAAKI,cAAcJ,KAAKK,aAAa,EAAEC,MAAM,OAAO,CAAC;CAClEH,KAAKI,gBAAgB;CACrB,MAAMC,QAAQC,SAASC,cAAc,OAAO;CAC5CF,MAAMG,cAAcxC;CACpB,MAAMyC,YAAYH,SAASC,cAAc,KAAK;CAC9CE,UAAUJ,MAAMK,SAAS;CACzBV,KAAKW,OAAON,OAAOI,SAAS;CAC5B,IAAIV,QAAQd,UAAU,WAAWc,QAAQd,UAAU,QAAQY,KAAKe,aAAa,cAAcb,QAAQd,KAAK;MACnGY,KAAKgB,gBAAgB,YAAY;CAEtC,IAAIC;CACJ,MAAMnB,UAAU7B,aAAOiD,gBACpB9C,MAAI;EACH6C,MAAME,UAAWF,MAAME;EAAM,IAC7BjB,UAAO;GAAA,OAAE;IACP3B,KAAK2B,QAAQ3B,OAAO;IACpBC,OAAO0B,QAAQ1B,SAAS;IACxBC,UAAUyB,QAAQzB;IAClBC,aAAawB,QAAQxB,eAAe;IACpCC,aAAauB,QAAQvB,eAAe,CAAA;IACpCI,YAAYmB,QAAQnB,cAAc,CAAC;IACnCO,OAAOY,QAAQZ,SAAS;IACxBC,cAAcW,QAAQX,gBAAgB;IACtCF,YAAYa,QAAQb,cAAc;IAClCJ,gBAAgBiB,QAAQjB;IACxBC,cAAcgB,QAAQhB;GACxB;EAAC;CAAA,CAAA,GAEF0B,SAAS;CAEZ,OAAO;EACLnB,OAAOC,SAASuB,KAAKxB,KAAKC,IAAI,KAAKC,QAAQyB,QAAQ,KAAK;EACxDxB,aAAaqB,KAAKrB,MAAM;EACxBC,eAAeoB,KAAKpB,QAAQ,KAAKF,QAAQyB,QAAQ;EACjDtB,eAAe;GACbA,QAAQ;GACRK,KAAKI,gBAAgB;EACvB;CACF;AACF;;AAGA,SAAgBc,QAAQC,OAAoI;CAC1J,IAAItB;CACJjC,cAAc;EACZ,MAAM4D,SAAS5B,aAAaC,MAAMsB,KAAK;EACvCA,MAAMI,MAAMC,MAAM;EAClB7D,gBAAgB6D,OAAO7B,QAAQ,CAAC;CAClC,CAAC;CACD,cAAA;EAAA,IAAA+B,OAAAC,OAAA;EAAA,IAAAC,QAAiB/B;EAAI,OAAA+B,UAAA,aAAAC,IAAAD,OAAAF,IAAA,IAAJ7B,OAAI6B;EAAAI,QAAAC,QAAA;GAAA,IAAAC,MAAMb,MAAMC,IAAEa,OAASd,MAAME,OAAKa,OAASf,MAAMd;GAAK2B,QAAAD,IAAAI,KAAAC,aAAAV,MAAA,MAAAK,IAAAI,IAAAH,GAAA;GAAAC,SAAAF,IAAAM,KAAAC,UAAAZ,MAAAK,IAAAM,IAAAJ,IAAA;GAAAF,IAAAQ,IAAAC,MAAAd,MAAAQ,MAAAH,IAAAQ,CAAA;GAAA,OAAAR;EAAA,GAAA;GAAAI,GAAAM,KAAAA;GAAAJ,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;EAAA,CAAA;EAAA,OAAAf;CAAA,EAAA,CAAA;AAC7E"}

package/dist/markdown.d.ts

@@ -1,2 +0,0 @@
-/** Model output as sanitized HTML. */
-export declare function renderMarkdown(text: string): string;

package/dist/model.d.ts

@@ -1,33 +0,0 @@
-import type { Part, ProviderInventory, ToolPart, ToolState } from "@rohansguliani/mux-chat-core";
-export type ModelOption = {
-    value: string;
-    label: string;
-};
-export type ModelGroup = {
-    id: string;
-    label: string;
-    models: ModelOption[];
-};
-/** Connected providers and their models, in runtime order. */
-export declare function modelGroups(inventory: ProviderInventory): ModelGroup[];
-/**
- * The model to use: the user's stored pick, else the app's preference, else a
- * connected provider's default, else the first available. `undefined` when
- * nothing is available.
- */
-export declare function chooseModel(groups: ModelGroup[], inventory: ProviderInventory, stored?: string, preferred?: string): string | undefined;
-export declare function parseModel(value: string | undefined): {
-    providerID: string;
-    modelID: string;
-} | undefined;
-/** Parts a reader sees, in order: text, non-empty reasoning, and tool calls. */
-export declare function visibleParts(parts: readonly Part[]): Part[];
-/** "add_to_watchlist" → "Add to watchlist". */
-export declare const humanize: (name: string) => string;
-export declare function toolTitle(tool: string, labels?: Record<string, string>): string;
-/** One line under the tool name: the tool's own title once it has one, else its most telling input. */
-export declare function toolSubtitle(state: ToolState): string;
-export declare const toolActive: (part: ToolPart) => boolean;
-export declare function toolDetail(state: ToolState): string;
-export declare const seconds: (start: number, end: number) => string;
-export declare const sameIDs: (a: readonly string[], b: readonly string[]) => boolean;

package/dist/mount.d.ts

@@ -1,56 +0,0 @@
-import { type JSX } from "solid-js";
-import type { ToolResult } from "./controller.js";
-export type MuxChatOptions = {
-    /** Where the app mounts `mux.handle` (@rohansguliani/mux-chat-runtime). Default `/api/mux`. */
-    url?: string;
-    /** Header and empty-state title. Default "Assistant". */
-    title?: string;
-    subtitle?: string;
-    placeholder?: string;
-    /** Starter prompts shown in an empty chat. */
-    suggestions?: Array<{
-        label: string;
-        prompt: string;
-    }>;
-    /** Overrides tool names in the transcript; by default they come from each tool's `label`. */
-    toolLabels?: Record<string, string>;
-    /** Model to select when the user has not picked one, as `provider/model`. */
-    preferredModel?: string;
-    /**
-     * Called when a tool call finishes while the chat is open. `readOnly` is
-     * false when the tool may have changed app data: refresh it then.
-     */
-    onToolResult?: (result: ToolResult) => void;
-    /** Default follows the operating system. */
-    theme?: "light" | "dark" | "system";
-    /** Prefix for the browser storage that remembers the open chat and model. Default `mux-chat`. */
-    storageKey?: string;
-    /** Agent that answers; embed grants force `assistant`. */
-    agent?: string;
-    /** Title of sessions the chat creates. */
-    sessionTitle?: string;
-};
-export type MuxChatHandle = {
-    /**
-     * Sends a message as the user, waiting for the chat to be ready if it is not
-     * yet. Resolves true once delivered; false otherwise (a refused message is
-     * put back into an empty composer).
-     */
-    send(text: string): Promise<boolean>;
-    focus(): void;
-    /** Starts a new, empty chat. */
-    newChat(): Promise<void>;
-    dispose(): void;
-};
-/**
- * Renders the Mux chat into `host` (inside its shadow root, with Mux's
- * styles). Give `host` a height, e.g. a sidebar column.
- */
-export declare function mountMuxChat(host: HTMLElement, options?: MuxChatOptions): MuxChatHandle;
-/** Solid wrapper around `mountMuxChat`. Options are read once, at mount. */
-export declare function MuxChat(props: MuxChatOptions & {
-    id?: string;
-    class?: string;
-    style?: JSX.CSSProperties | string;
-    ref?: (handle: MuxChatHandle) => void;
-}): JSX.Element;