@agent-native/core 0.30.5 → 0.31.0

package/dist/client/composer/VoiceButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceButton.d.ts","sourceRoot":"","sources":["../../../src/client/composer/VoiceButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAOhE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA8CvE;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,2CAqF1E"}
+{"version":3,"file":"VoiceButton.d.ts","sourceRoot":"","sources":["../../../src/client/composer/VoiceButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAQH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAOhE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA8CvE;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,2CAqF1E"}

package/dist/client/composer/VoiceButton.js

@@ -1,4 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Voice dictation button + recording overlay for the agent composer.
+ *
+ * UX mirrors Lovable: click-to-toggle record, a live amplitude bar and
+ * MM:SS timer replace the editor area while recording, and a cancel X
+ * discards without transcribing. The mic is always visible alongside the
+ * send button (Cursor replaces send with mic; their users complain — we
+ * don't copy that).
+ */
 import { IconMicrophone, IconPlayerStopFilled, IconLoader2, IconX, } from "@tabler/icons-react";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 export function VoiceButton({ voice, isMac, disabled }) {

package/dist/client/composer/VoiceButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceButton.js","sourceRoot":"","sources":["../../../src/client/composer/VoiceButton.tsx"],"names":[],"mappings":";AAWA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,WAAW,EACX,KAAK,GACN,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AAQrC,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAoB;IACtE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,MAAM,SAAS,GAAG,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,UAAU,CAAC;IAChE,MAAM,YAAY,GAAG,KAAK,KAAK,cAAc,CAAC;IAE9C,MAAM,KAAK,GAAG,SAAS;QACrB,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,YAAY;YACZ,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC;IAEpD,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,SAAS;YAAE,IAAI,EAAE,CAAC;aACjB,IAAI,CAAC,YAAY;YAAE,KAAK,KAAK,EAAE,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAI,YAAY,gBACtB,KAAK,kBACH,SAAS,EACvB,SAAS,EAAE,gHACT,SAAS;wBACP,CAAC,CAAC,sDAAsD;wBACxD,CAAC,CAAC,gEACN,EAAE,YAED,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,WAAW,IAAC,SAAS,EAAC,sBAAsB,GAAG,CACjD,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,KAAC,oBAAoB,IAAC,SAAS,EAAC,aAAa,GAAG,CACjD,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IAAC,SAAS,EAAC,SAAS,GAAG,CACvC,GACM,GACM,EACjB,KAAC,cAAc,cAAE,KAAK,GAAkB,IAChC,CACX,CAAC;AACJ,CAAC;AAMD,MAAM,UAAU,qBAAqB,CAAC,EAAE,KAAK,EAA8B;IACzE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACrE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEtC,IAAI,KAAK,KAAK,OAAO,IAAI,YAAY,EAAE,CAAC;QACtC,OAAO,CACL,eACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,yHAAyH,aAEnI,eAAM,SAAS,EAAC,gBAAgB,YAAE,YAAY,GAAQ,EACtD,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oCACZ,YAAY,EAAE,CAAC;oCACf,KAAK,KAAK,EAAE,CAAC;gCACf,CAAC,EACD,SAAS,EAAC,wGAAwG,gBACvG,WAAW,0BAGf,GACM,EACjB,KAAC,cAAc,4BAA2B,IAClC,EACV,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,2GAA2G,gBAC1G,SAAS,YAEpB,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,GACtB,GACM,EACjB,KAAC,cAAc,0BAAyB,IAChC,IACN,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,cAAc;QAC3E,OAAO,IAAI,CAAC;IAEd,OAAO,CACL,eACE,SAAS,EAAC,4GAA4G,eAC5G,QAAQ,aAElB,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,0HAA0H,gBACzH,kBAAkB,YAE7B,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,GACtB,GACM,EACjB,KAAC,cAAc,+BAA8B,IACrC,EAEV,cAAK,SAAS,EAAC,gDAAgD,YAC5D,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,CAC1B,eAAM,SAAS,EAAC,mCAAmC,mCAE5C,CACR,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI,CACxC,GACG,EAEN,eAAM,SAAS,EAAC,qEAAqE,YAClF,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,CAC1B,KAAC,WAAW,IAAC,SAAS,EAAC,sBAAsB,GAAG,CACjD,CAAC,CAAC,CAAC,CACF,cAAc,CAAC,UAAU,CAAC,CAC3B,GACI,IACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,SAAS,aAAa,CAAC,EAAE,SAAS,EAAyB;IACzD,sEAAsE;IACtE,kEAAkE;IAClE,MAAM,IAAI,GAAG,EAAE,CAAC;IAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,MAAM,cAAc,GAClB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC5D,MAAM,SAAS,GACb,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,cAAc,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAC9D,IAAI,CAAC,IAAI,CACP,eAEE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,SAAS,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,IAF3C,CAAC,CAGN,CACH,CAAC;IACJ,CAAC;IACD,OAAO,4BAAG,IAAI,GAAI,CAAC;AACrB,CAAC;AAED,SAAS,cAAc,CAAC,EAAU;IAChC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;IACjC,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;IACrB,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AACjD,CAAC","sourcesContent":["/**\n * Voice dictation button + recording overlay for the agent composer.\n *\n * UX mirrors Lovable: click-to-toggle record, a live amplitude bar and\n * MM:SS timer replace the editor area while recording, and a cancel X\n * discards without transcribing. The mic is always visible alongside the\n * send button (Cursor replaces send with mic; their users complain — we\n * don't copy that).\n */\n\nimport React from \"react\";\nimport {\n  IconMicrophone,\n  IconPlayerStopFilled,\n  IconLoader2,\n  IconX,\n} from \"@tabler/icons-react\";\nimport type { VoiceDictationApi } from \"./useVoiceDictation.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\nexport interface VoiceButtonProps {\n  voice: VoiceDictationApi;\n  isMac: boolean;\n  disabled?: boolean;\n}\n\nexport function VoiceButton({ voice, isMac, disabled }: VoiceButtonProps) {\n  const { state, start, stop, supported } = voice;\n\n  if (!supported) return null;\n\n  const recording = state === \"recording\" || state === \"starting\";\n  const transcribing = state === \"transcribing\";\n\n  const label = recording\n    ? \"Stop recording\"\n    : transcribing\n      ? \"Transcribing…\"\n      : `Dictate (${isMac ? \"⌘⇧M\" : \"Ctrl+Shift+M\"})`;\n\n  const onClick = () => {\n    if (recording) stop();\n    else if (!transcribing) void start();\n  };\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          disabled={disabled || transcribing}\n          aria-label={label}\n          aria-pressed={recording}\n          className={`shrink-0 flex h-7 w-7 items-center justify-center rounded-md disabled:opacity-30 disabled:cursor-not-allowed ${\n            recording\n              ? \"text-[#00B5FF] bg-[#00B5FF]/10 hover:bg-[#00B5FF]/20\"\n              : \"text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n          }`}\n        >\n          {transcribing ? (\n            <IconLoader2 className=\"h-4 w-4 animate-spin\" />\n          ) : recording ? (\n            <IconPlayerStopFilled className=\"h-3.5 w-3.5\" />\n          ) : (\n            <IconMicrophone className=\"h-4 w-4\" />\n          )}\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport interface VoiceRecordingOverlayProps {\n  voice: VoiceDictationApi;\n}\n\nexport function VoiceRecordingOverlay({ voice }: VoiceRecordingOverlayProps) {\n  const { state, amplitude, durationMs, errorMessage, cancel } = voice;\n  const { dismissError, start } = voice;\n\n  if (state === \"error\" && errorMessage) {\n    return (\n      <div\n        role=\"alert\"\n        className=\"mx-2 mt-1 flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/10 px-2 py-1.5 text-[11px] text-red-500\"\n      >\n        <span className=\"flex-1 min-w-0\">{errorMessage}</span>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={() => {\n                dismissError();\n                void start();\n              }}\n              className=\"shrink-0 cursor-pointer rounded px-1.5 py-0.5 text-[11px] font-medium text-red-500 hover:bg-red-500/20\"\n              aria-label=\"Try again\"\n            >\n              Try again\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Try again</TooltipContent>\n        </Tooltip>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={dismissError}\n              className=\"shrink-0 flex h-4 w-4 cursor-pointer items-center justify-center rounded text-red-500 hover:bg-red-500/20\"\n              aria-label=\"Dismiss\"\n            >\n              <IconX className=\"h-3 w-3\" />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Dismiss</TooltipContent>\n        </Tooltip>\n      </div>\n    );\n  }\n\n  if (state !== \"recording\" && state !== \"starting\" && state !== \"transcribing\")\n    return null;\n\n  return (\n    <div\n      className=\"flex items-center gap-2 mx-2 mt-2 mb-1 h-[2rem] rounded-md border border-[#00B5FF]/40 bg-[#00B5FF]/10 px-2\"\n      aria-live=\"polite\"\n    >\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <button\n            type=\"button\"\n            onClick={cancel}\n            className=\"shrink-0 flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            aria-label=\"Cancel recording\"\n          >\n            <IconX className=\"h-3 w-3\" />\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>Cancel (Esc)</TooltipContent>\n      </Tooltip>\n\n      <div className=\"flex-1 flex items-center gap-[2px] min-w-0 h-4\">\n        {state === \"transcribing\" ? (\n          <span className=\"text-[11px] text-muted-foreground\">\n            Transcribing…\n          </span>\n        ) : (\n          <AmplitudeBars amplitude={amplitude} />\n        )}\n      </div>\n\n      <span className=\"shrink-0 text-[11px] font-medium tabular-nums text-muted-foreground\">\n        {state === \"transcribing\" ? (\n          <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n        ) : (\n          formatDuration(durationMs)\n        )}\n      </span>\n    </div>\n  );\n}\n\nconst BAR_COUNT = 24;\n\nfunction AmplitudeBars({ amplitude }: { amplitude: number }) {\n  // Render a symmetric meter — the middle bars peak first so the visual\n  // matches what voice input looks like in Lovable / iOS dictation.\n  const bars = [];\n  for (let i = 0; i < BAR_COUNT; i++) {\n    const centerDistance =\n      Math.abs(i - (BAR_COUNT - 1) / 2) / ((BAR_COUNT - 1) / 2);\n    const heightPct =\n      Math.max(0.1, amplitude * (1 - centerDistance * 0.6)) * 100;\n    bars.push(\n      <span\n        key={i}\n        className=\"flex-1 rounded-full bg-[#00B5FF]\"\n        style={{ height: `${heightPct}%`, minHeight: 2 }}\n      />,\n    );\n  }\n  return <>{bars}</>;\n}\n\nfunction formatDuration(ms: number): string {\n  const total = Math.floor(ms / 1000);\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `${m}:${s.toString().padStart(2, \"0\")}`;\n}\n"]}
+{"version":3,"file":"VoiceButton.js","sourceRoot":"","sources":["../../../src/client/composer/VoiceButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Voice dictation button + recording overlay for the agent composer.\n *\n * UX mirrors Lovable: click-to-toggle record, a live amplitude bar and\n * MM:SS timer replace the editor area while recording, and a cancel X\n * discards without transcribing. The mic is always visible alongside the\n * send button (Cursor replaces send with mic; their users complain — we\n * don't copy that).\n */\n\nimport {\n  IconMicrophone,\n  IconPlayerStopFilled,\n  IconLoader2,\n  IconX,\n} from \"@tabler/icons-react\";\nimport type { VoiceDictationApi } from \"./useVoiceDictation.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\nexport interface VoiceButtonProps {\n  voice: VoiceDictationApi;\n  isMac: boolean;\n  disabled?: boolean;\n}\n\nexport function VoiceButton({ voice, isMac, disabled }: VoiceButtonProps) {\n  const { state, start, stop, supported } = voice;\n\n  if (!supported) return null;\n\n  const recording = state === \"recording\" || state === \"starting\";\n  const transcribing = state === \"transcribing\";\n\n  const label = recording\n    ? \"Stop recording\"\n    : transcribing\n      ? \"Transcribing…\"\n      : `Dictate (${isMac ? \"⌘⇧M\" : \"Ctrl+Shift+M\"})`;\n\n  const onClick = () => {\n    if (recording) stop();\n    else if (!transcribing) void start();\n  };\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          disabled={disabled || transcribing}\n          aria-label={label}\n          aria-pressed={recording}\n          className={`shrink-0 flex h-7 w-7 items-center justify-center rounded-md disabled:opacity-30 disabled:cursor-not-allowed ${\n            recording\n              ? \"text-[#00B5FF] bg-[#00B5FF]/10 hover:bg-[#00B5FF]/20\"\n              : \"text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n          }`}\n        >\n          {transcribing ? (\n            <IconLoader2 className=\"h-4 w-4 animate-spin\" />\n          ) : recording ? (\n            <IconPlayerStopFilled className=\"h-3.5 w-3.5\" />\n          ) : (\n            <IconMicrophone className=\"h-4 w-4\" />\n          )}\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport interface VoiceRecordingOverlayProps {\n  voice: VoiceDictationApi;\n}\n\nexport function VoiceRecordingOverlay({ voice }: VoiceRecordingOverlayProps) {\n  const { state, amplitude, durationMs, errorMessage, cancel } = voice;\n  const { dismissError, start } = voice;\n\n  if (state === \"error\" && errorMessage) {\n    return (\n      <div\n        role=\"alert\"\n        className=\"mx-2 mt-1 flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/10 px-2 py-1.5 text-[11px] text-red-500\"\n      >\n        <span className=\"flex-1 min-w-0\">{errorMessage}</span>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={() => {\n                dismissError();\n                void start();\n              }}\n              className=\"shrink-0 cursor-pointer rounded px-1.5 py-0.5 text-[11px] font-medium text-red-500 hover:bg-red-500/20\"\n              aria-label=\"Try again\"\n            >\n              Try again\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Try again</TooltipContent>\n        </Tooltip>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={dismissError}\n              className=\"shrink-0 flex h-4 w-4 cursor-pointer items-center justify-center rounded text-red-500 hover:bg-red-500/20\"\n              aria-label=\"Dismiss\"\n            >\n              <IconX className=\"h-3 w-3\" />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Dismiss</TooltipContent>\n        </Tooltip>\n      </div>\n    );\n  }\n\n  if (state !== \"recording\" && state !== \"starting\" && state !== \"transcribing\")\n    return null;\n\n  return (\n    <div\n      className=\"flex items-center gap-2 mx-2 mt-2 mb-1 h-[2rem] rounded-md border border-[#00B5FF]/40 bg-[#00B5FF]/10 px-2\"\n      aria-live=\"polite\"\n    >\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <button\n            type=\"button\"\n            onClick={cancel}\n            className=\"shrink-0 flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            aria-label=\"Cancel recording\"\n          >\n            <IconX className=\"h-3 w-3\" />\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>Cancel (Esc)</TooltipContent>\n      </Tooltip>\n\n      <div className=\"flex-1 flex items-center gap-[2px] min-w-0 h-4\">\n        {state === \"transcribing\" ? (\n          <span className=\"text-[11px] text-muted-foreground\">\n            Transcribing…\n          </span>\n        ) : (\n          <AmplitudeBars amplitude={amplitude} />\n        )}\n      </div>\n\n      <span className=\"shrink-0 text-[11px] font-medium tabular-nums text-muted-foreground\">\n        {state === \"transcribing\" ? (\n          <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n        ) : (\n          formatDuration(durationMs)\n        )}\n      </span>\n    </div>\n  );\n}\n\nconst BAR_COUNT = 24;\n\nfunction AmplitudeBars({ amplitude }: { amplitude: number }) {\n  // Render a symmetric meter — the middle bars peak first so the visual\n  // matches what voice input looks like in Lovable / iOS dictation.\n  const bars = [];\n  for (let i = 0; i < BAR_COUNT; i++) {\n    const centerDistance =\n      Math.abs(i - (BAR_COUNT - 1) / 2) / ((BAR_COUNT - 1) / 2);\n    const heightPct =\n      Math.max(0.1, amplitude * (1 - centerDistance * 0.6)) * 100;\n    bars.push(\n      <span\n        key={i}\n        className=\"flex-1 rounded-full bg-[#00B5FF]\"\n        style={{ height: `${heightPct}%`, minHeight: 2 }}\n      />,\n    );\n  }\n  return <>{bars}</>;\n}\n\nfunction formatDuration(ms: number): string {\n  const total = Math.floor(ms / 1000);\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `${m}:${s.toString().padStart(2, \"0\")}`;\n}\n"]}

package/dist/client/composer/extensions/FileReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileReference.d.ts","sourceRoot":"","sources":["../../../../src/client/composer/extensions/FileReference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAC;AA2BrD,eAAO,MAAM,aAAa,gBA4BxB,CAAC"}
+{"version":3,"file":"FileReference.d.ts","sourceRoot":"","sources":["../../../../src/client/composer/extensions/FileReference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAC;AA0BrD,eAAO,MAAM,aAAa,gBA4BxB,CAAC"}

package/dist/client/composer/extensions/FileReference.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileReference.js","sourceRoot":"","sources":["../../../../src/client/composer/extensions/FileReference.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAiB,EAAE,EAAE;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC5E,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,SAAS,CAAC;IAE5D,OAAO,CACL,KAAC,eAAe,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAC3C,gBACE,SAAS,EAAC,2KAA2K,EACrL,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aAErB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,CACpE,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,CAClE,EACD,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,GAAQ,IAC1C,GACS,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;IACvC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IAEV,aAAa;QACX,OAAO;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACvB,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;SAChC,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO,CAAC,EAAE,GAAG,EAAE,kCAAkC,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO;YACL,MAAM;YACN,eAAe,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,cAAc,CAAC;SACnE,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;IACvD,CAAC;CACF,CAAC,CAAC","sourcesContent":["import { mergeAttributes, Node } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport React from \"react\";\nimport { IconFile, IconFolder } from \"@tabler/icons-react\";\n\nconst FileReferenceComponent = ({ node }: { node: any }) => {\n  const isFolder = node.attrs.path?.endsWith(\"/\");\n  const cleanPath = isFolder ? node.attrs.path.slice(0, -1) : node.attrs.path;\n  const displayName = cleanPath.split(\"/\").pop() || cleanPath;\n\n  return (\n    <NodeViewWrapper as=\"span\" className=\"inline\">\n      <span\n        className=\"inline-flex items-center gap-1 rounded-md border border-input bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground align-middle mx-0.5 max-w-[200px] select-none\"\n        title={node.attrs.path}\n      >\n        {isFolder ? (\n          <IconFolder size={14} className=\"shrink-0 text-muted-foreground\" />\n        ) : (\n          <IconFile size={14} className=\"shrink-0 text-muted-foreground\" />\n        )}\n        <span className=\"truncate\">{displayName}</span>\n      </span>\n    </NodeViewWrapper>\n  );\n};\n\nexport const FileReference = Node.create({\n  name: \"fileReference\",\n  group: \"inline\",\n  inline: true,\n  selectable: true,\n  atom: true,\n\n  addAttributes() {\n    return {\n      path: { default: null },\n      source: { default: \"codebase\" },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'span[data-type=\"file-reference\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"span\",\n      mergeAttributes({ \"data-type\": \"file-reference\" }, HTMLAttributes),\n    ];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(FileReferenceComponent);\n  },\n});\n"]}
+{"version":3,"file":"FileReference.js","sourceRoot":"","sources":["../../../../src/client/composer/extensions/FileReference.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAiB,EAAE,EAAE;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC5E,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,SAAS,CAAC;IAE5D,OAAO,CACL,KAAC,eAAe,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAC3C,gBACE,SAAS,EAAC,2KAA2K,EACrL,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aAErB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,CACpE,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,CAClE,EACD,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,GAAQ,IAC1C,GACS,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;IACvC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IAEV,aAAa;QACX,OAAO;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACvB,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;SAChC,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO,CAAC,EAAE,GAAG,EAAE,kCAAkC,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO;YACL,MAAM;YACN,eAAe,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,cAAc,CAAC;SACnE,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;IACvD,CAAC;CACF,CAAC,CAAC","sourcesContent":["import { mergeAttributes, Node } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { IconFile, IconFolder } from \"@tabler/icons-react\";\n\nconst FileReferenceComponent = ({ node }: { node: any }) => {\n  const isFolder = node.attrs.path?.endsWith(\"/\");\n  const cleanPath = isFolder ? node.attrs.path.slice(0, -1) : node.attrs.path;\n  const displayName = cleanPath.split(\"/\").pop() || cleanPath;\n\n  return (\n    <NodeViewWrapper as=\"span\" className=\"inline\">\n      <span\n        className=\"inline-flex items-center gap-1 rounded-md border border-input bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground align-middle mx-0.5 max-w-[200px] select-none\"\n        title={node.attrs.path}\n      >\n        {isFolder ? (\n          <IconFolder size={14} className=\"shrink-0 text-muted-foreground\" />\n        ) : (\n          <IconFile size={14} className=\"shrink-0 text-muted-foreground\" />\n        )}\n        <span className=\"truncate\">{displayName}</span>\n      </span>\n    </NodeViewWrapper>\n  );\n};\n\nexport const FileReference = Node.create({\n  name: \"fileReference\",\n  group: \"inline\",\n  inline: true,\n  selectable: true,\n  atom: true,\n\n  addAttributes() {\n    return {\n      path: { default: null },\n      source: { default: \"codebase\" },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'span[data-type=\"file-reference\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"span\",\n      mergeAttributes({ \"data-type\": \"file-reference\" }, HTMLAttributes),\n    ];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(FileReferenceComponent);\n  },\n});\n"]}

package/dist/client/composer/extensions/MentionReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentionReference.d.ts","sourceRoot":"","sources":["../../../../src/client/composer/extensions/MentionReference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAC;AAsDrD,eAAO,MAAM,gBAAgB,gBAoC3B,CAAC"}
+{"version":3,"file":"MentionReference.d.ts","sourceRoot":"","sources":["../../../../src/client/composer/extensions/MentionReference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAC;AAqDrD,eAAO,MAAM,gBAAgB,gBAoC3B,CAAC"}

package/dist/client/composer/extensions/MentionReference.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionReference.js","sourceRoot":"","sources":["../../../../src/client/composer/extensions/MentionReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { mergeAttributes, Node } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport React from \"react\";\nimport {\n  IconFile,\n  IconFolder,\n  IconFileText,\n  IconCheckbox,\n  IconMail,\n  IconUser,\n  IconPresentation,\n  IconStack2,\n  IconMessageChatbot,\n} from \"@tabler/icons-react\";\n\nconst iconProps = { size: 14, className: \"shrink-0 text-muted-foreground\" };\n\nfunction MentionIcon({ icon }: { icon?: string }) {\n  switch (icon) {\n    case \"folder\":\n      return <IconFolder {...iconProps} />;\n    case \"document\":\n      return <IconFileText {...iconProps} />;\n    case \"form\":\n      return <IconCheckbox {...iconProps} />;\n    case \"email\":\n      return <IconMail {...iconProps} />;\n    case \"user\":\n      return <IconUser {...iconProps} />;\n    case \"deck\":\n      return <IconPresentation {...iconProps} />;\n    case \"agent\":\n      return <IconMessageChatbot {...iconProps} />;\n    case \"file\":\n      return <IconFile {...iconProps} />;\n    default:\n      return <IconStack2 {...iconProps} />;\n  }\n}\n\nconst MentionReferenceComponent = ({ node }: { node: any }) => {\n  return (\n    <NodeViewWrapper as=\"span\" className=\"inline\">\n      <span\n        className=\"inline-flex items-center gap-1 rounded-md border border-input bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground align-middle mx-0.5 max-w-[200px] select-none\"\n        title={node.attrs.refPath || node.attrs.refId || node.attrs.label}\n      >\n        <MentionIcon icon={node.attrs.icon} />\n        <span className=\"truncate\">{node.attrs.label}</span>\n      </span>\n    </NodeViewWrapper>\n  );\n};\n\nexport const MentionReference = Node.create({\n  name: \"mentionReference\",\n  group: \"inline\",\n  inline: true,\n  selectable: true,\n  atom: true,\n\n  addAttributes() {\n    return {\n      label: { default: null },\n      icon: { default: \"file\" },\n      source: { default: \"\" },\n      refType: { default: \"file\" },\n      refId: { default: null },\n      refPath: { default: null },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'span[data-type=\"mention-reference\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"span\",\n      mergeAttributes({ \"data-type\": \"mention-reference\" }, HTMLAttributes),\n    ];\n  },\n\n  renderText({ node }) {\n    return `@${node.attrs.label}`;\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(MentionReferenceComponent);\n  },\n});\n"]}
+{"version":3,"file":"MentionReference.js","sourceRoot":"","sources":["../../../../src/client/composer/extensions/MentionReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { mergeAttributes, Node } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport {\n  IconFile,\n  IconFolder,\n  IconFileText,\n  IconCheckbox,\n  IconMail,\n  IconUser,\n  IconPresentation,\n  IconStack2,\n  IconMessageChatbot,\n} from \"@tabler/icons-react\";\n\nconst iconProps = { size: 14, className: \"shrink-0 text-muted-foreground\" };\n\nfunction MentionIcon({ icon }: { icon?: string }) {\n  switch (icon) {\n    case \"folder\":\n      return <IconFolder {...iconProps} />;\n    case \"document\":\n      return <IconFileText {...iconProps} />;\n    case \"form\":\n      return <IconCheckbox {...iconProps} />;\n    case \"email\":\n      return <IconMail {...iconProps} />;\n    case \"user\":\n      return <IconUser {...iconProps} />;\n    case \"deck\":\n      return <IconPresentation {...iconProps} />;\n    case \"agent\":\n      return <IconMessageChatbot {...iconProps} />;\n    case \"file\":\n      return <IconFile {...iconProps} />;\n    default:\n      return <IconStack2 {...iconProps} />;\n  }\n}\n\nconst MentionReferenceComponent = ({ node }: { node: any }) => {\n  return (\n    <NodeViewWrapper as=\"span\" className=\"inline\">\n      <span\n        className=\"inline-flex items-center gap-1 rounded-md border border-input bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground align-middle mx-0.5 max-w-[200px] select-none\"\n        title={node.attrs.refPath || node.attrs.refId || node.attrs.label}\n      >\n        <MentionIcon icon={node.attrs.icon} />\n        <span className=\"truncate\">{node.attrs.label}</span>\n      </span>\n    </NodeViewWrapper>\n  );\n};\n\nexport const MentionReference = Node.create({\n  name: \"mentionReference\",\n  group: \"inline\",\n  inline: true,\n  selectable: true,\n  atom: true,\n\n  addAttributes() {\n    return {\n      label: { default: null },\n      icon: { default: \"file\" },\n      source: { default: \"\" },\n      refType: { default: \"file\" },\n      refId: { default: null },\n      refPath: { default: null },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'span[data-type=\"mention-reference\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"span\",\n      mergeAttributes({ \"data-type\": \"mention-reference\" }, HTMLAttributes),\n    ];\n  },\n\n  renderText({ node }) {\n    return `@${node.attrs.label}`;\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(MentionReferenceComponent);\n  },\n});\n"]}

package/dist/client/composer/extensions/SkillReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillReference.d.ts","sourceRoot":"","sources":["../../../../src/client/composer/extensions/SkillReference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAC;AA2BrD,eAAO,MAAM,cAAc,gBA6BzB,CAAC"}
+{"version":3,"file":"SkillReference.d.ts","sourceRoot":"","sources":["../../../../src/client/composer/extensions/SkillReference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAC;AA0BrD,eAAO,MAAM,cAAc,gBA6BzB,CAAC"}

package/dist/client/composer/extensions/SkillReference.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkillReference.js","sourceRoot":"","sources":["../../../../src/client/composer/extensions/SkillReference.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,uBAAuB,GAAG,CAAC,EAAE,IAAI,EAAiB,EAAE,EAAE;IAC1D,MAAM,WAAW,GACf,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;SACvC,OAAO,CAAC,wBAAwB,EAAE,EAAE,CAAC;SACrC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;SAC5B,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;SACrB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,EAAE,IAAI,OAAO,CAAC;IAEtB,OAAO,CACL,KAAC,eAAe,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAC3C,gBACE,SAAS,EAAC,2KAA2K,EACrL,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aAEtB,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,EACnE,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,GAAQ,IAC1C,GACS,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;IACxC,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IAEV,aAAa;QACX,OAAO;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACvB,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACvB,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;SAChC,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO,CAAC,EAAE,GAAG,EAAE,mCAAmC,EAAE,CAAC,CAAC;IACxD,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO;YACL,MAAM;YACN,eAAe,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,EAAE,cAAc,CAAC;SACpE,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO,qBAAqB,CAAC,uBAAuB,CAAC,CAAC;IACxD,CAAC;CACF,CAAC,CAAC","sourcesContent":["import { mergeAttributes, Node } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport React from \"react\";\nimport { IconStack2 } from \"@tabler/icons-react\";\n\nconst SkillReferenceComponent = ({ node }: { node: any }) => {\n  const displayName =\n    (node.attrs.name || node.attrs.path || \"\")\n      .replace(/^(\\.agents\\/)?skills\\//, \"\")\n      .replace(/\\/SKILL\\.md$/i, \"\")\n      .replace(/\\.md$/i, \"\")\n      .split(\"/\")\n      .pop() || \"skill\";\n\n  return (\n    <NodeViewWrapper as=\"span\" className=\"inline\">\n      <span\n        className=\"inline-flex items-center gap-1 rounded-md border border-input bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground align-middle mx-0.5 max-w-[160px] select-none\"\n        title={node.attrs.path}\n      >\n        <IconStack2 size={14} className=\"shrink-0 text-muted-foreground\" />\n        <span className=\"truncate\">{displayName}</span>\n      </span>\n    </NodeViewWrapper>\n  );\n};\n\nexport const SkillReference = Node.create({\n  name: \"skillReference\",\n  group: \"inline\",\n  inline: true,\n  selectable: true,\n  atom: true,\n\n  addAttributes() {\n    return {\n      name: { default: null },\n      path: { default: null },\n      source: { default: \"codebase\" },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'span[data-type=\"skill-reference\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"span\",\n      mergeAttributes({ \"data-type\": \"skill-reference\" }, HTMLAttributes),\n    ];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(SkillReferenceComponent);\n  },\n});\n"]}
+{"version":3,"file":"SkillReference.js","sourceRoot":"","sources":["../../../../src/client/composer/extensions/SkillReference.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,uBAAuB,GAAG,CAAC,EAAE,IAAI,EAAiB,EAAE,EAAE;IAC1D,MAAM,WAAW,GACf,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;SACvC,OAAO,CAAC,wBAAwB,EAAE,EAAE,CAAC;SACrC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;SAC5B,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;SACrB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,EAAE,IAAI,OAAO,CAAC;IAEtB,OAAO,CACL,KAAC,eAAe,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAC3C,gBACE,SAAS,EAAC,2KAA2K,EACrL,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aAEtB,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,EACnE,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,GAAQ,IAC1C,GACS,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;IACxC,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IAEV,aAAa;QACX,OAAO;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACvB,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACvB,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;SAChC,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO,CAAC,EAAE,GAAG,EAAE,mCAAmC,EAAE,CAAC,CAAC;IACxD,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO;YACL,MAAM;YACN,eAAe,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,EAAE,cAAc,CAAC;SACpE,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO,qBAAqB,CAAC,uBAAuB,CAAC,CAAC;IACxD,CAAC;CACF,CAAC,CAAC","sourcesContent":["import { mergeAttributes, Node } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { IconStack2 } from \"@tabler/icons-react\";\n\nconst SkillReferenceComponent = ({ node }: { node: any }) => {\n  const displayName =\n    (node.attrs.name || node.attrs.path || \"\")\n      .replace(/^(\\.agents\\/)?skills\\//, \"\")\n      .replace(/\\/SKILL\\.md$/i, \"\")\n      .replace(/\\.md$/i, \"\")\n      .split(\"/\")\n      .pop() || \"skill\";\n\n  return (\n    <NodeViewWrapper as=\"span\" className=\"inline\">\n      <span\n        className=\"inline-flex items-center gap-1 rounded-md border border-input bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground align-middle mx-0.5 max-w-[160px] select-none\"\n        title={node.attrs.path}\n      >\n        <IconStack2 size={14} className=\"shrink-0 text-muted-foreground\" />\n        <span className=\"truncate\">{displayName}</span>\n      </span>\n    </NodeViewWrapper>\n  );\n};\n\nexport const SkillReference = Node.create({\n  name: \"skillReference\",\n  group: \"inline\",\n  inline: true,\n  selectable: true,\n  atom: true,\n\n  addAttributes() {\n    return {\n      name: { default: null },\n      path: { default: null },\n      source: { default: \"codebase\" },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'span[data-type=\"skill-reference\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"span\",\n      mergeAttributes({ \"data-type\": \"skill-reference\" }, HTMLAttributes),\n    ];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(SkillReferenceComponent);\n  },\n});\n"]}

package/dist/client/conversation/AgentConversation.js

@@ -138,12 +138,11 @@ function HighlightedCodeBlock({ code, lang }) {
     return (_jsx("pre", { children: _jsx("code", { className: lang ? `language-${lang}` : undefined, children: code }) }));
 }
 function ConversationMarkdown({ text }) {
-    return (_jsx("div", { className: "agent-conversation-markdown", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], urlTransform: (url) => {
-                if (url.startsWith("file://"))
-                    return url;
-                return defaultUrlTransform(url);
-            }, components: {
+    return (_jsx("div", { className: "agent-conversation-markdown", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], urlTransform: defaultUrlTransform, components: {
                 a({ children, href }) {
+                    if (!href) {
+                        return _jsx("span", { children: children });
+                    }
                     return (_jsx("a", { href: href, target: "_blank", rel: "noreferrer", onClick: (event) => openMarkdownLink(event, href), children: children }));
                 },
                 pre(props) {
@@ -180,10 +179,13 @@ function openMarkdownLink(event, href) {
         url = new URL(href, window.location.href);
     }
     catch {
+        event.preventDefault();
         return;
     }
-    if (!["http:", "https:", "mailto:", "tel:"].includes(url.protocol))
+    if (!["http:", "https:", "mailto:", "tel:"].includes(url.protocol)) {
+        event.preventDefault();
         return;
+    }
     event.preventDefault();
     window.open(url.href, "_blank", "noopener,noreferrer");
 }

package/dist/client/conversation/AgentConversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentConversation.js","sourceRoot":"","sources":["../../../src/client/conversation/AgentConversation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,aAAa,EAAE,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,eAAe,EACf,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAsB1E,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,iBAAiB,EACjB,UAAU,GAAG,iBAAiB,EAC9B,gBAAgB,EAChB,QAAQ,GACe;IACvB,MAAM,SAAS,GAAG,GAAG,QAAQ,CAAC,MAAM,IAClC,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,CACjD,EAAE,CAAC;IACH,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,cAAc,EAAE,GACrD,uBAAuB,CAAiB;QACtC,SAAS;QACT,SAAS;KACV,CAAC,CAAC;IAEL,OAAO,CACL,mBAAS,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,aACpD,KAAK,IAAI,CACR,eAAK,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,OAAO,aACrD,KAAC,iBAAiB,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,EACjD,yBAAO,KAAK,GAAQ,IAChB,CACP,EACD,cACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,iBAAiB,CAAC,YAE/D,OAAO,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAClC,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,yBAAyB,GAAG,EACnE,KAAK,EAAC,oBAAoB,GAC1B,CACH,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EAC7B,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,gBAAgB,GAC7B,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACxB,KAAC,4BAA4B,IAAkB,OAAO,EAAE,OAAO,IAA5B,OAAO,CAAC,EAAE,CAAsB,CACpE,CAAC,CACH,GACG,EACL,kBAAkB,IAAI,CACrB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,cAAc,gBACZ,kBAAkB,YAE7B,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,GACtC,CACV,EACA,QAAQ,IACD,CACX,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,GAKZ;IACC,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACvC,IAAI,EACL,sBAAI,KAAK,GAAK,EACb,WAAW,IAAI,yBAAO,WAAW,GAAQ,IACtC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,EAC3C,OAAO,GAGR;IACC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAE9D,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,+BAA+B,OAAO,CAAC,IAAI,EAAE,EAC7C,OAAO,CAAC,OAAO,IAAI,qCAAqC,CACzD,aAEA,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxD,cAAK,SAAS,EAAC,yCAAyC,YACrD,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1C,KAAC,0BAA0B,IAEzB,UAAU,EAAE,UAAU,IADjB,GAAG,UAAU,CAAC,IAAI,IAAI,CAAC,EAAE,CAE9B,CACH,CAAC,GACE,CACP,EACD,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,2BAA2B,IAAe,IAAI,EAAE,IAAI,IAAnB,IAAI,CAAC,EAAE,CAAgB,CAC1D,CAAC,GACE,IACE,CACX,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAC5B,OAAiC;IAEjC,OAAO;QACL,GAAG,CAAC,OAAO,CAAC,IAAI;YACd,CAAC,CAAC;gBACE;oBACE,EAAE,EAAE,GAAG,OAAO,CAAC,EAAE,OAAO;oBACxB,IAAI,EAAE,MAAe;oBACrB,IAAI,EAAE,OAAO,CAAC,IAAI;iBACnB;aACF;YACH,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACtC,EAAE,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,IAAI,CAAC,EAAE,EAAE;YACnC,IAAI,EAAE,MAAe;YACrB,IAAI;SACL,CAAC,CAAC;QACH,GAAG,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAC1C,EAAE,EAAE,GAAG,OAAO,CAAC,EAAE,WAAW,MAAM,CAAC,EAAE,EAAE;YACvC,IAAI,EAAE,QAAiB;YACvB,MAAM;SACP,CAAC,CAAC;QACH,GAAG,CAAC,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAC9C,EAAE,EAAE,GAAG,OAAO,CAAC,EAAE,aAAa,QAAQ,CAAC,EAAE,EAAE;YAC3C,IAAI,EAAE,UAAmB;YACzB,QAAQ;SACT,CAAC,CAAC;KACJ,CAAC;AACJ,CAAC;AAED,SAAS,2BAA2B,CAAC,EACnC,IAAI,GAGL;IACC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,qCAAqC,IAAI,CAAC,IAAI,EAAE,CACjD,YAEA,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACtB,KAAC,oBAAoB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAC1C,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACzB,KAAC,oBAAoB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAC1C,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,KAAC,kBAAkB,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAC5C,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAClD,GACG,CACP,CAAC;AACJ,CAAC;AAeD,IAAI,kBAAkB,GAAqC,IAAI,CAAC;AAChE,SAAS,2BAA2B;IAClC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,kBAAkB,GAAG,CAAC,KAAK,IAAI,EAAE;YAC/B,MAAM,CAAC,EAAE,qBAAqB,EAAE,EAAE,EAAE,qBAAqB,EAAE,CAAC,GAC1D,MAAM,OAAO,CAAC,GAAG,CAAC;gBAChB,MAAM,CAAC,YAAY,CAAC;gBACpB,MAAM,CAAC,wBAAwB,CAAC;aACjC,CAAC,CAAC;YACL,OAAO,qBAAqB,CAAC;gBAC3B,MAAM,EAAE;oBACN,MAAM,CAAC,uCAAuC,CAAC;oBAC/C,MAAM,CAAC,sCAAsC,CAAC;iBAC/C;gBACD,KAAK,EAAE;oBACL,MAAM,CAAC,4BAA4B,CAAC;oBACpC,MAAM,CAAC,4BAA4B,CAAC;oBACpC,MAAM,CAAC,qBAAqB,CAAC;oBAC7B,MAAM,CAAC,qBAAqB,CAAC;oBAC7B,MAAM,CAAC,sBAAsB,CAAC;oBAC9B,MAAM,CAAC,qBAAqB,CAAC;oBAC7B,MAAM,CAAC,sBAAsB,CAAC;oBAC9B,MAAM,CAAC,0BAA0B,CAAC;oBAClC,MAAM,CAAC,sBAAsB,CAAC;oBAC9B,MAAM,CAAC,6BAA6B,CAAC;oBACrC,MAAM,CAAC,wBAAwB,CAAC;oBAChC,MAAM,CAAC,sBAAsB,CAAC;oBAC9B,MAAM,CAAC,qBAAqB,CAAC;iBAC9B;gBACD,MAAM,EAAE,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;aACpD,CAAyC,CAAC;QAC7C,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACjB,kBAAkB,GAAG,IAAI,CAAC;YAC1B,MAAM,GAAG,CAAC;QACZ,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,kBAAkB,CAAC;AAC5B,CAAC;AAED,MAAM,YAAY,GAA2B;IAC3C,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,MAAM;IACX,EAAE,EAAE,QAAQ;IACZ,GAAG,EAAE,MAAM;IACX,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,KAAK;IACT,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,SAAS,oBAAoB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAkC;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,2BAA2B,EAAE;aAC1B,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC;YACjD,MAAM,QAAQ,GAAG,YAAY,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;YACtD,MAAM,MAAM,GAAG,WAAW,CAAC,kBAAkB,EAAE,CAAC;YAChD,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;YAChE,OAAO,WAAW,CAAC,UAAU,CAAC,IAAI,EAAE;gBAClC,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE;oBACN,KAAK,EAAE,sBAAsB;oBAC7B,IAAI,EAAE,qBAAqB;iBAC5B;gBACD,YAAY,EAAE,KAAK;aACpB,CAAC,CAAC;QACL,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,IAAI,CAAC,SAAS;gBAAE,OAAO,CAAC,GAAa,CAAC,CAAC;QACzC,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,SAAS;gBAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,cACE,SAAS,EAAC,0BAA0B,EACpC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GACzC,CACH,CAAC;IACJ,CAAC;IACD,OAAO,CACL,wBACE,eAAM,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,YAAG,IAAI,GAAQ,GACjE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,EAAE,IAAI,EAAoB;IACtD,OAAO,CACL,cAAK,SAAS,EAAC,6BAA6B,YAC1C,KAAC,aAAa,IACZ,aAAa,EAAE,CAAC,SAAS,CAAC,EAC1B,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE;gBACpB,IAAI,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC;oBAAE,OAAO,GAAG,CAAC;gBAC1C,OAAO,mBAAmB,CAAC,GAAG,CAAC,CAAC;YAClC,CAAC,EACD,UAAU,EAAE;gBACV,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;oBAClB,OAAO,CACL,YACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,YAEhD,QAAQ,GACP,CACL,CAAC;gBACJ,CAAC;gBACD,GAAG,CAAC,KAA2C;oBAC7C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;oBACpC,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;wBACnC,MAAM,UAAU,GAAG,QAAQ,CAAC,KAG3B,CAAC;wBACF,MAAM,SAAS,GAAG,CAAC,UAAU,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,KAAK,CAClD,wBAAwB,CACzB,CAAC;wBACF,IAAI,SAAS,EAAE,CAAC;4BACd,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,OAAO,CACvD,KAAK,EACL,EAAE,CACH,CAAC;4BACF,OAAO,KAAC,oBAAoB,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,GAAI,CAAC;wBAClE,CAAC;oBACH,CAAC;oBACD,OAAO,iBAAS,IAAI,YAAG,QAAQ,GAAO,CAAC;gBACzC,CAAC;aACF,YAEA,IAAI,GACS,GACZ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,IAAqB;IAC5C,IAAI,OAAO,IAAI,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC1C,IAAI,OAAO,IAAI,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;IAClD,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACnE,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/B,OAAO,eAAe,CACnB,IAAI,CAAC,KAAwC,CAAC,QAAQ,CACxD,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAS,gBAAgB,CACvB,KAA0C,EAC1C,IAAwB;IAExB,IAAI,CAAC,IAAI;QAAE,OAAO;IAElB,IAAI,GAAQ,CAAC;IACb,IAAI,CAAC;QACH,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAAC,MAAM,CAAC;QACP,OAAO;IACT,CAAC;IAED,IAAI,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;QAAE,OAAO;IAC3E,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,oBAAoB,CAAC,EAAE,IAAI,EAAuC;IACzE,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC;IACrE,MAAM,IAAI,GACR,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CACtD,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,yBAAyB,GAAG,CAC9D,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,CAC1B,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,CACxB,CAAC;IAEJ,MAAM,OAAO,GAAG,CACd,8BACE,eAAM,SAAS,EAAC,+BAA+B,YAAE,IAAI,GAAQ,EAC7D,eAAM,SAAS,EAAC,+BAA+B,YAAE,IAAI,CAAC,IAAI,GAAQ,EACjE,IAAI,CAAC,OAAO,IAAI,CACf,eAAM,SAAS,EAAC,kCAAkC,YAAE,IAAI,CAAC,OAAO,GAAQ,CACzE,IACA,CACJ,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,CAAC;IAClE,CAAC;IAED,OAAO,CACL,mBACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,aAEpC,8BACG,OAAO,EACR,KAAC,eAAe,IACd,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,kCAAkC,GAC5C,IACM,EACV,eAAK,SAAS,EAAC,kCAAkC,aAC9C,IAAI,CAAC,MAAM,IAAI,KAAC,cAAc,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,GAAI,EACnD,IAAI,CAAC,KAAK,IAAI,CACb,0BACE,qCAAsB,EACrB,IAAI,CAAC,KAAK,IACP,CACP,EACA,IAAI,CAAC,MAAM,IAAI,CACd,0BACE,sCAAuB,EACtB,IAAI,CAAC,MAAM,IACR,CACP,IACG,IACE,CACX,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,MAAM,EAAuC;IACzE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,8BAA8B,MAAM,CAAC,IAAI,EAAE,CAC5C,aAED,KAAC,iBAAiB,IAAC,IAAI,EAAE,EAAE,GAAI,EAC/B,0BACG,MAAM,CAAC,KAAK,IAAI,2BAAS,MAAM,CAAC,KAAK,GAAU,EAChD,yBAAO,MAAM,CAAC,IAAI,GAAQ,IACtB,EACL,MAAM,CAAC,MAAM,IACV,CACP,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,QAAQ,GAGT;IACC,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,EACrB,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CACf,yBAAO,QAAQ,CAAC,IAAI,GAAQ,CAC7B,CAAC,CAAC,CAAC,CACF,yBAAO,QAAQ,CAAC,KAAK,GAAQ,CAC9B,EACA,QAAQ,CAAC,GAAG,IAAI,CACf,aAAG,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,aACrD,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,YAE5B,CACL,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,0BAA0B,CAAC,EAClC,UAAU,GAGX;IACC,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,CACL,eAAK,SAAS,EAAC,oEAAoE,aACjF,cACE,GAAG,EAAE,UAAU,CAAC,OAAO,EACvB,GAAG,EAAE,UAAU,CAAC,IAAI,EACpB,SAAS,EAAC,sCAAsC,GAChD,EACF,eAAM,SAAS,EAAC,qCAAqC,YAClD,UAAU,CAAC,IAAI,GACX,IACH,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAC,mEAAmE,aAChF,eAAM,SAAS,EAAC,qCAAqC,YAClD,UAAU,CAAC,IAAI,GACX,EACN,UAAU,CAAC,IAAI,KAAK,SAAS,IAAI,CAChC,eAAM,SAAS,EAAC,qCAAqC,YAClD,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,GACxB,CACR,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAa;IAChC,IAAI,KAAK,GAAG,IAAI;QAAE,OAAO,GAAG,KAAK,IAAI,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,GAAG,IAAI;QAAE,OAAO,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAClE,OAAO,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;AACpD,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport ReactMarkdown, { defaultUrlTransform } from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport {\n  IconAlertTriangle,\n  IconArrowDown,\n  IconCheck,\n  IconChevronDown,\n  IconCircleX,\n  IconClock,\n  IconExternalLink,\n  IconLoader2,\n  IconTool,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { McpAppRenderer } from \"../mcp-apps/McpAppRenderer.js\";\nimport { useNearBottomAutoscroll } from \"./use-near-bottom-autoscroll.js\";\nimport type {\n  AgentConversationAttachment,\n  AgentConversationArtifact,\n  AgentConversationMessage,\n  AgentConversationMessagePart,\n  AgentConversationNotice,\n  AgentConversationToolCall,\n} from \"./types.js\";\n\nexport interface AgentConversationProps {\n  messages: AgentConversationMessage[];\n  loading?: boolean;\n  error?: string | null;\n  streaming?: boolean;\n  className?: string;\n  timelineClassName?: string;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  composer?: React.ReactNode;\n}\n\nexport function AgentConversation({\n  messages,\n  loading = false,\n  error,\n  streaming = false,\n  className,\n  timelineClassName,\n  emptyTitle = \"No messages yet\",\n  emptyDescription,\n  composer,\n}: AgentConversationProps) {\n  const followKey = `${messages.length}:${\n    messages[messages.length - 1]?.text?.length ?? 0\n  }`;\n  const { scrollRef, showScrollToBottom, scrollToBottom } =\n    useNearBottomAutoscroll<HTMLDivElement>({\n      followKey,\n      streaming,\n    });\n\n  return (\n    <section className={cn(\"agent-conversation\", className)}>\n      {error && (\n        <div className=\"agent-conversation__error\" role=\"alert\">\n          <IconAlertTriangle size={15} strokeWidth={1.8} />\n          <span>{error}</span>\n        </div>\n      )}\n      <div\n        ref={scrollRef}\n        className={cn(\"agent-conversation__timeline\", timelineClassName)}\n      >\n        {loading && messages.length === 0 ? (\n          <ConversationEmpty\n            icon={<IconLoader2 size={17} className=\"agent-conversation-spin\" />}\n            title=\"Loading session...\"\n          />\n        ) : messages.length === 0 ? (\n          <ConversationEmpty\n            icon={<IconClock size={18} />}\n            title={emptyTitle}\n            description={emptyDescription}\n          />\n        ) : (\n          messages.map((message) => (\n            <AgentConversationMessageView key={message.id} message={message} />\n          ))\n        )}\n      </div>\n      {showScrollToBottom && (\n        <button\n          type=\"button\"\n          className=\"agent-conversation__scroll-bottom\"\n          onClick={scrollToBottom}\n          aria-label=\"Scroll to bottom\"\n        >\n          <IconArrowDown size={15} strokeWidth={1.9} />\n        </button>\n      )}\n      {composer}\n    </section>\n  );\n}\n\nfunction ConversationEmpty({\n  icon,\n  title,\n  description,\n}: {\n  icon: React.ReactNode;\n  title: string;\n  description?: string;\n}) {\n  return (\n    <div className=\"agent-conversation__empty\">\n      {icon}\n      <p>{title}</p>\n      {description && <span>{description}</span>}\n    </div>\n  );\n}\n\nexport function AgentConversationMessageView({\n  message,\n}: {\n  message: AgentConversationMessage;\n}) {\n  const parts = message.parts ?? legacyPartsForMessage(message);\n\n  return (\n    <article\n      className={cn(\n        \"agent-conversation-message\",\n        `agent-conversation-message--${message.role}`,\n        message.pending && \"agent-conversation-message--pending\",\n      )}\n    >\n      {message.attachments && message.attachments.length > 0 && (\n        <div className=\"agent-conversation-message__attachments\">\n          {message.attachments.map((attachment, i) => (\n            <ConversationAttachmentChip\n              key={`${attachment.name}-${i}`}\n              attachment={attachment}\n            />\n          ))}\n        </div>\n      )}\n      <div className=\"agent-conversation-message__body\">\n        {parts.map((part) => (\n          <ConversationMessagePartView key={part.id} part={part} />\n        ))}\n      </div>\n    </article>\n  );\n}\n\nfunction legacyPartsForMessage(\n  message: AgentConversationMessage,\n): AgentConversationMessagePart[] {\n  return [\n    ...(message.text\n      ? [\n          {\n            id: `${message.id}-text`,\n            type: \"text\" as const,\n            text: message.text,\n          },\n        ]\n      : []),\n    ...(message.tools ?? []).map((tool) => ({\n      id: `${message.id}-tool-${tool.id}`,\n      type: \"tool\" as const,\n      tool,\n    })),\n    ...(message.notices ?? []).map((notice) => ({\n      id: `${message.id}-notice-${notice.id}`,\n      type: \"notice\" as const,\n      notice,\n    })),\n    ...(message.artifacts ?? []).map((artifact) => ({\n      id: `${message.id}-artifact-${artifact.id}`,\n      type: \"artifact\" as const,\n      artifact,\n    })),\n  ];\n}\n\nfunction ConversationMessagePartView({\n  part,\n}: {\n  part: AgentConversationMessagePart;\n}) {\n  return (\n    <div\n      className={cn(\n        \"agent-conversation-message__part\",\n        `agent-conversation-message__part--${part.type}`,\n      )}\n    >\n      {part.type === \"text\" ? (\n        <ConversationMarkdown text={part.text} />\n      ) : part.type === \"tool\" ? (\n        <ConversationToolCall tool={part.tool} />\n      ) : part.type === \"notice\" ? (\n        <ConversationNotice notice={part.notice} />\n      ) : (\n        <ConversationArtifact artifact={part.artifact} />\n      )}\n    </div>\n  );\n}\n\n// ─── Shiki syntax highlighter (lazy-loaded) ──────────────────────────────────\ntype ShikiHighlighter = {\n  codeToHtml: (\n    code: string,\n    options: {\n      lang: string;\n      themes: { light: string; dark: string };\n      defaultColor?: false | \"light\" | \"dark\";\n    },\n  ) => string | Promise<string>;\n  getLoadedLanguages: () => string[];\n};\n\nlet _highlighterLoader: Promise<ShikiHighlighter> | null = null;\nfunction loadConversationHighlighter(): Promise<ShikiHighlighter> {\n  if (!_highlighterLoader) {\n    _highlighterLoader = (async () => {\n      const [{ createHighlighterCore }, { createOnigurumaEngine }] =\n        await Promise.all([\n          import(\"shiki/core\"),\n          import(\"shiki/engine/oniguruma\"),\n        ]);\n      return createHighlighterCore({\n        themes: [\n          import(\"shiki/themes/github-light-default.mjs\"),\n          import(\"shiki/themes/github-dark-default.mjs\"),\n        ],\n        langs: [\n          import(\"shiki/langs/javascript.mjs\"),\n          import(\"shiki/langs/typescript.mjs\"),\n          import(\"shiki/langs/jsx.mjs\"),\n          import(\"shiki/langs/tsx.mjs\"),\n          import(\"shiki/langs/json.mjs\"),\n          import(\"shiki/langs/css.mjs\"),\n          import(\"shiki/langs/html.mjs\"),\n          import(\"shiki/langs/markdown.mjs\"),\n          import(\"shiki/langs/bash.mjs\"),\n          import(\"shiki/langs/shellscript.mjs\"),\n          import(\"shiki/langs/python.mjs\"),\n          import(\"shiki/langs/yaml.mjs\"),\n          import(\"shiki/langs/sql.mjs\"),\n        ],\n        engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n      }) as unknown as Promise<ShikiHighlighter>;\n    })().catch((err) => {\n      _highlighterLoader = null;\n      throw err;\n    });\n  }\n  return _highlighterLoader;\n}\n\nconst LANG_ALIASES: Record<string, string> = {\n  js: \"javascript\",\n  ts: \"typescript\",\n  sh: \"bash\",\n  shell: \"bash\",\n  zsh: \"bash\",\n  py: \"python\",\n  yml: \"yaml\",\n  md: \"markdown\",\n  bq: \"sql\",\n  bigquery: \"sql\",\n};\n\nfunction HighlightedCodeBlock({ code, lang }: { code: string; lang: string }) {\n  const [html, setHtml] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadConversationHighlighter()\n      .then((highlighter) => {\n        const requested = (lang || \"text\").toLowerCase();\n        const resolved = LANG_ALIASES[requested] ?? requested;\n        const loaded = highlighter.getLoadedLanguages();\n        const finalLang = loaded.includes(resolved) ? resolved : \"text\";\n        return highlighter.codeToHtml(code, {\n          lang: finalLang,\n          themes: {\n            light: \"github-light-default\",\n            dark: \"github-dark-default\",\n          },\n          defaultColor: false,\n        });\n      })\n      .then((out) => {\n        if (!cancelled) setHtml(out as string);\n      })\n      .catch(() => {\n        if (!cancelled) setHtml(null);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code, lang]);\n\n  if (html) {\n    return (\n      <div\n        className=\"agent-conversation-shiki\"\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    );\n  }\n  return (\n    <pre>\n      <code className={lang ? `language-${lang}` : undefined}>{code}</code>\n    </pre>\n  );\n}\n\nfunction ConversationMarkdown({ text }: { text: string }) {\n  return (\n    <div className=\"agent-conversation-markdown\">\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        urlTransform={(url) => {\n          if (url.startsWith(\"file://\")) return url;\n          return defaultUrlTransform(url);\n        }}\n        components={{\n          a({ children, href }) {\n            return (\n              <a\n                href={href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                onClick={(event) => openMarkdownLink(event, href)}\n              >\n                {children}\n              </a>\n            );\n          },\n          pre(props: React.HTMLAttributes<HTMLPreElement>) {\n            const { children, ...rest } = props;\n            if (React.isValidElement(children)) {\n              const childProps = children.props as {\n                className?: string;\n                children?: React.ReactNode;\n              };\n              const langMatch = (childProps.className ?? \"\").match(\n                /\\blanguage-([\\w+-]+)\\b/,\n              );\n              if (langMatch) {\n                const code = extractCodeText(childProps.children).replace(\n                  /\\n$/,\n                  \"\",\n                );\n                return <HighlightedCodeBlock code={code} lang={langMatch[1]} />;\n              }\n            }\n            return <pre {...rest}>{children}</pre>;\n          },\n        }}\n      >\n        {text}\n      </ReactMarkdown>\n    </div>\n  );\n}\n\nfunction extractCodeText(node: React.ReactNode): string {\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(extractCodeText).join(\"\");\n  if (React.isValidElement(node)) {\n    return extractCodeText(\n      (node.props as { children?: React.ReactNode }).children,\n    );\n  }\n  return \"\";\n}\n\nfunction openMarkdownLink(\n  event: React.MouseEvent<HTMLAnchorElement>,\n  href: string | undefined,\n) {\n  if (!href) return;\n\n  let url: URL;\n  try {\n    url = new URL(href, window.location.href);\n  } catch {\n    return;\n  }\n\n  if (![\"http:\", \"https:\", \"mailto:\", \"tel:\"].includes(url.protocol)) return;\n  event.preventDefault();\n  window.open(url.href, \"_blank\", \"noopener,noreferrer\");\n}\n\nfunction ConversationToolCall({ tool }: { tool: AgentConversationToolCall }) {\n  const hasDetails = Boolean(tool.input || tool.result || tool.mcpApp);\n  const icon =\n    tool.state === \"running\" || tool.state === \"activity\" ? (\n      <IconLoader2 size={14} className=\"agent-conversation-spin\" />\n    ) : tool.state === \"errored\" ? (\n      <IconCircleX size={14} />\n    ) : (\n      <IconCheck size={14} />\n    );\n\n  const content = (\n    <>\n      <span className=\"agent-conversation-tool__icon\">{icon}</span>\n      <span className=\"agent-conversation-tool__name\">{tool.name}</span>\n      {tool.summary && (\n        <span className=\"agent-conversation-tool__summary\">{tool.summary}</span>\n      )}\n    </>\n  );\n\n  if (!hasDetails) {\n    return <div className=\"agent-conversation-tool\">{content}</div>;\n  }\n\n  return (\n    <details\n      className=\"agent-conversation-tool\"\n      open={tool.mcpApp ? true : undefined}\n    >\n      <summary>\n        {content}\n        <IconChevronDown\n          size={13}\n          className=\"agent-conversation-tool__chevron\"\n        />\n      </summary>\n      <div className=\"agent-conversation-tool__details\">\n        {tool.mcpApp && <McpAppRenderer app={tool.mcpApp} />}\n        {tool.input && (\n          <pre>\n            <strong>input</strong>\n            {tool.input}\n          </pre>\n        )}\n        {tool.result && (\n          <pre>\n            <strong>result</strong>\n            {tool.result}\n          </pre>\n        )}\n      </div>\n    </details>\n  );\n}\n\nfunction ConversationNotice({ notice }: { notice: AgentConversationNotice }) {\n  return (\n    <div\n      className={cn(\n        \"agent-conversation-notice\",\n        `agent-conversation-notice--${notice.tone}`,\n      )}\n    >\n      <IconAlertTriangle size={15} />\n      <div>\n        {notice.title && <strong>{notice.title}</strong>}\n        <span>{notice.text}</span>\n      </div>\n      {notice.action}\n    </div>\n  );\n}\n\nfunction ConversationArtifact({\n  artifact,\n}: {\n  artifact: AgentConversationArtifact;\n}) {\n  return (\n    <div className=\"agent-conversation-artifact\">\n      <IconTool size={14} />\n      {artifact.path ? (\n        <code>{artifact.path}</code>\n      ) : (\n        <span>{artifact.label}</span>\n      )}\n      {artifact.url && (\n        <a href={artifact.url} target=\"_blank\" rel=\"noreferrer\">\n          <IconExternalLink size={13} />\n          Open\n        </a>\n      )}\n    </div>\n  );\n}\n\nfunction ConversationAttachmentChip({\n  attachment,\n}: {\n  attachment: AgentConversationAttachment;\n}) {\n  if (attachment.dataUrl) {\n    return (\n      <div className=\"agent-conversation-attachment agent-conversation-attachment--image\">\n        <img\n          src={attachment.dataUrl}\n          alt={attachment.name}\n          className=\"agent-conversation-attachment__image\"\n        />\n        <span className=\"agent-conversation-attachment__name\">\n          {attachment.name}\n        </span>\n      </div>\n    );\n  }\n  return (\n    <div className=\"agent-conversation-attachment agent-conversation-attachment--file\">\n      <span className=\"agent-conversation-attachment__name\">\n        {attachment.name}\n      </span>\n      {attachment.size !== undefined && (\n        <span className=\"agent-conversation-attachment__size\">\n          {formatBytes(attachment.size)}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n"]}
+{"version":3,"file":"AgentConversation.js","sourceRoot":"","sources":["../../../src/client/conversation/AgentConversation.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport ReactMarkdown, { defaultUrlTransform } from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport {\n  IconAlertTriangle,\n  IconArrowDown,\n  IconCheck,\n  IconChevronDown,\n  IconCircleX,\n  IconClock,\n  IconExternalLink,\n  IconLoader2,\n  IconTool,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { McpAppRenderer } from \"../mcp-apps/McpAppRenderer.js\";\nimport { useNearBottomAutoscroll } from \"./use-near-bottom-autoscroll.js\";\nimport type {\n  AgentConversationAttachment,\n  AgentConversationArtifact,\n  AgentConversationMessage,\n  AgentConversationMessagePart,\n  AgentConversationNotice,\n  AgentConversationToolCall,\n} from \"./types.js\";\n\nexport interface AgentConversationProps {\n  messages: AgentConversationMessage[];\n  loading?: boolean;\n  error?: string | null;\n  streaming?: boolean;\n  className?: string;\n  timelineClassName?: string;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  composer?: React.ReactNode;\n}\n\nexport function AgentConversation({\n  messages,\n  loading = false,\n  error,\n  streaming = false,\n  className,\n  timelineClassName,\n  emptyTitle = \"No messages yet\",\n  emptyDescription,\n  composer,\n}: AgentConversationProps) {\n  const followKey = `${messages.length}:${\n    messages[messages.length - 1]?.text?.length ?? 0\n  }`;\n  const { scrollRef, showScrollToBottom, scrollToBottom } =\n    useNearBottomAutoscroll<HTMLDivElement>({\n      followKey,\n      streaming,\n    });\n\n  return (\n    <section className={cn(\"agent-conversation\", className)}>\n      {error && (\n        <div className=\"agent-conversation__error\" role=\"alert\">\n          <IconAlertTriangle size={15} strokeWidth={1.8} />\n          <span>{error}</span>\n        </div>\n      )}\n      <div\n        ref={scrollRef}\n        className={cn(\"agent-conversation__timeline\", timelineClassName)}\n      >\n        {loading && messages.length === 0 ? (\n          <ConversationEmpty\n            icon={<IconLoader2 size={17} className=\"agent-conversation-spin\" />}\n            title=\"Loading session...\"\n          />\n        ) : messages.length === 0 ? (\n          <ConversationEmpty\n            icon={<IconClock size={18} />}\n            title={emptyTitle}\n            description={emptyDescription}\n          />\n        ) : (\n          messages.map((message) => (\n            <AgentConversationMessageView key={message.id} message={message} />\n          ))\n        )}\n      </div>\n      {showScrollToBottom && (\n        <button\n          type=\"button\"\n          className=\"agent-conversation__scroll-bottom\"\n          onClick={scrollToBottom}\n          aria-label=\"Scroll to bottom\"\n        >\n          <IconArrowDown size={15} strokeWidth={1.9} />\n        </button>\n      )}\n      {composer}\n    </section>\n  );\n}\n\nfunction ConversationEmpty({\n  icon,\n  title,\n  description,\n}: {\n  icon: React.ReactNode;\n  title: string;\n  description?: string;\n}) {\n  return (\n    <div className=\"agent-conversation__empty\">\n      {icon}\n      <p>{title}</p>\n      {description && <span>{description}</span>}\n    </div>\n  );\n}\n\nexport function AgentConversationMessageView({\n  message,\n}: {\n  message: AgentConversationMessage;\n}) {\n  const parts = message.parts ?? legacyPartsForMessage(message);\n\n  return (\n    <article\n      className={cn(\n        \"agent-conversation-message\",\n        `agent-conversation-message--${message.role}`,\n        message.pending && \"agent-conversation-message--pending\",\n      )}\n    >\n      {message.attachments && message.attachments.length > 0 && (\n        <div className=\"agent-conversation-message__attachments\">\n          {message.attachments.map((attachment, i) => (\n            <ConversationAttachmentChip\n              key={`${attachment.name}-${i}`}\n              attachment={attachment}\n            />\n          ))}\n        </div>\n      )}\n      <div className=\"agent-conversation-message__body\">\n        {parts.map((part) => (\n          <ConversationMessagePartView key={part.id} part={part} />\n        ))}\n      </div>\n    </article>\n  );\n}\n\nfunction legacyPartsForMessage(\n  message: AgentConversationMessage,\n): AgentConversationMessagePart[] {\n  return [\n    ...(message.text\n      ? [\n          {\n            id: `${message.id}-text`,\n            type: \"text\" as const,\n            text: message.text,\n          },\n        ]\n      : []),\n    ...(message.tools ?? []).map((tool) => ({\n      id: `${message.id}-tool-${tool.id}`,\n      type: \"tool\" as const,\n      tool,\n    })),\n    ...(message.notices ?? []).map((notice) => ({\n      id: `${message.id}-notice-${notice.id}`,\n      type: \"notice\" as const,\n      notice,\n    })),\n    ...(message.artifacts ?? []).map((artifact) => ({\n      id: `${message.id}-artifact-${artifact.id}`,\n      type: \"artifact\" as const,\n      artifact,\n    })),\n  ];\n}\n\nfunction ConversationMessagePartView({\n  part,\n}: {\n  part: AgentConversationMessagePart;\n}) {\n  return (\n    <div\n      className={cn(\n        \"agent-conversation-message__part\",\n        `agent-conversation-message__part--${part.type}`,\n      )}\n    >\n      {part.type === \"text\" ? (\n        <ConversationMarkdown text={part.text} />\n      ) : part.type === \"tool\" ? (\n        <ConversationToolCall tool={part.tool} />\n      ) : part.type === \"notice\" ? (\n        <ConversationNotice notice={part.notice} />\n      ) : (\n        <ConversationArtifact artifact={part.artifact} />\n      )}\n    </div>\n  );\n}\n\n// ─── Shiki syntax highlighter (lazy-loaded) ──────────────────────────────────\ntype ShikiHighlighter = {\n  codeToHtml: (\n    code: string,\n    options: {\n      lang: string;\n      themes: { light: string; dark: string };\n      defaultColor?: false | \"light\" | \"dark\";\n    },\n  ) => string | Promise<string>;\n  getLoadedLanguages: () => string[];\n};\n\nlet _highlighterLoader: Promise<ShikiHighlighter> | null = null;\nfunction loadConversationHighlighter(): Promise<ShikiHighlighter> {\n  if (!_highlighterLoader) {\n    _highlighterLoader = (async () => {\n      const [{ createHighlighterCore }, { createOnigurumaEngine }] =\n        await Promise.all([\n          import(\"shiki/core\"),\n          import(\"shiki/engine/oniguruma\"),\n        ]);\n      return createHighlighterCore({\n        themes: [\n          import(\"shiki/themes/github-light-default.mjs\"),\n          import(\"shiki/themes/github-dark-default.mjs\"),\n        ],\n        langs: [\n          import(\"shiki/langs/javascript.mjs\"),\n          import(\"shiki/langs/typescript.mjs\"),\n          import(\"shiki/langs/jsx.mjs\"),\n          import(\"shiki/langs/tsx.mjs\"),\n          import(\"shiki/langs/json.mjs\"),\n          import(\"shiki/langs/css.mjs\"),\n          import(\"shiki/langs/html.mjs\"),\n          import(\"shiki/langs/markdown.mjs\"),\n          import(\"shiki/langs/bash.mjs\"),\n          import(\"shiki/langs/shellscript.mjs\"),\n          import(\"shiki/langs/python.mjs\"),\n          import(\"shiki/langs/yaml.mjs\"),\n          import(\"shiki/langs/sql.mjs\"),\n        ],\n        engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n      }) as unknown as Promise<ShikiHighlighter>;\n    })().catch((err) => {\n      _highlighterLoader = null;\n      throw err;\n    });\n  }\n  return _highlighterLoader;\n}\n\nconst LANG_ALIASES: Record<string, string> = {\n  js: \"javascript\",\n  ts: \"typescript\",\n  sh: \"bash\",\n  shell: \"bash\",\n  zsh: \"bash\",\n  py: \"python\",\n  yml: \"yaml\",\n  md: \"markdown\",\n  bq: \"sql\",\n  bigquery: \"sql\",\n};\n\nfunction HighlightedCodeBlock({ code, lang }: { code: string; lang: string }) {\n  const [html, setHtml] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadConversationHighlighter()\n      .then((highlighter) => {\n        const requested = (lang || \"text\").toLowerCase();\n        const resolved = LANG_ALIASES[requested] ?? requested;\n        const loaded = highlighter.getLoadedLanguages();\n        const finalLang = loaded.includes(resolved) ? resolved : \"text\";\n        return highlighter.codeToHtml(code, {\n          lang: finalLang,\n          themes: {\n            light: \"github-light-default\",\n            dark: \"github-dark-default\",\n          },\n          defaultColor: false,\n        });\n      })\n      .then((out) => {\n        if (!cancelled) setHtml(out as string);\n      })\n      .catch(() => {\n        if (!cancelled) setHtml(null);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code, lang]);\n\n  if (html) {\n    return (\n      <div\n        className=\"agent-conversation-shiki\"\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    );\n  }\n  return (\n    <pre>\n      <code className={lang ? `language-${lang}` : undefined}>{code}</code>\n    </pre>\n  );\n}\n\nfunction ConversationMarkdown({ text }: { text: string }) {\n  return (\n    <div className=\"agent-conversation-markdown\">\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        urlTransform={defaultUrlTransform}\n        components={{\n          a({ children, href }) {\n            if (!href) {\n              return <span>{children}</span>;\n            }\n            return (\n              <a\n                href={href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                onClick={(event) => openMarkdownLink(event, href)}\n              >\n                {children}\n              </a>\n            );\n          },\n          pre(props: React.HTMLAttributes<HTMLPreElement>) {\n            const { children, ...rest } = props;\n            if (React.isValidElement(children)) {\n              const childProps = children.props as {\n                className?: string;\n                children?: React.ReactNode;\n              };\n              const langMatch = (childProps.className ?? \"\").match(\n                /\\blanguage-([\\w+-]+)\\b/,\n              );\n              if (langMatch) {\n                const code = extractCodeText(childProps.children).replace(\n                  /\\n$/,\n                  \"\",\n                );\n                return <HighlightedCodeBlock code={code} lang={langMatch[1]} />;\n              }\n            }\n            return <pre {...rest}>{children}</pre>;\n          },\n        }}\n      >\n        {text}\n      </ReactMarkdown>\n    </div>\n  );\n}\n\nfunction extractCodeText(node: React.ReactNode): string {\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(extractCodeText).join(\"\");\n  if (React.isValidElement(node)) {\n    return extractCodeText(\n      (node.props as { children?: React.ReactNode }).children,\n    );\n  }\n  return \"\";\n}\n\nfunction openMarkdownLink(\n  event: React.MouseEvent<HTMLAnchorElement>,\n  href: string | undefined,\n) {\n  if (!href) return;\n\n  let url: URL;\n  try {\n    url = new URL(href, window.location.href);\n  } catch {\n    event.preventDefault();\n    return;\n  }\n\n  if (![\"http:\", \"https:\", \"mailto:\", \"tel:\"].includes(url.protocol)) {\n    event.preventDefault();\n    return;\n  }\n  event.preventDefault();\n  window.open(url.href, \"_blank\", \"noopener,noreferrer\");\n}\n\nfunction ConversationToolCall({ tool }: { tool: AgentConversationToolCall }) {\n  const hasDetails = Boolean(tool.input || tool.result || tool.mcpApp);\n  const icon =\n    tool.state === \"running\" || tool.state === \"activity\" ? (\n      <IconLoader2 size={14} className=\"agent-conversation-spin\" />\n    ) : tool.state === \"errored\" ? (\n      <IconCircleX size={14} />\n    ) : (\n      <IconCheck size={14} />\n    );\n\n  const content = (\n    <>\n      <span className=\"agent-conversation-tool__icon\">{icon}</span>\n      <span className=\"agent-conversation-tool__name\">{tool.name}</span>\n      {tool.summary && (\n        <span className=\"agent-conversation-tool__summary\">{tool.summary}</span>\n      )}\n    </>\n  );\n\n  if (!hasDetails) {\n    return <div className=\"agent-conversation-tool\">{content}</div>;\n  }\n\n  return (\n    <details\n      className=\"agent-conversation-tool\"\n      open={tool.mcpApp ? true : undefined}\n    >\n      <summary>\n        {content}\n        <IconChevronDown\n          size={13}\n          className=\"agent-conversation-tool__chevron\"\n        />\n      </summary>\n      <div className=\"agent-conversation-tool__details\">\n        {tool.mcpApp && <McpAppRenderer app={tool.mcpApp} />}\n        {tool.input && (\n          <pre>\n            <strong>input</strong>\n            {tool.input}\n          </pre>\n        )}\n        {tool.result && (\n          <pre>\n            <strong>result</strong>\n            {tool.result}\n          </pre>\n        )}\n      </div>\n    </details>\n  );\n}\n\nfunction ConversationNotice({ notice }: { notice: AgentConversationNotice }) {\n  return (\n    <div\n      className={cn(\n        \"agent-conversation-notice\",\n        `agent-conversation-notice--${notice.tone}`,\n      )}\n    >\n      <IconAlertTriangle size={15} />\n      <div>\n        {notice.title && <strong>{notice.title}</strong>}\n        <span>{notice.text}</span>\n      </div>\n      {notice.action}\n    </div>\n  );\n}\n\nfunction ConversationArtifact({\n  artifact,\n}: {\n  artifact: AgentConversationArtifact;\n}) {\n  return (\n    <div className=\"agent-conversation-artifact\">\n      <IconTool size={14} />\n      {artifact.path ? (\n        <code>{artifact.path}</code>\n      ) : (\n        <span>{artifact.label}</span>\n      )}\n      {artifact.url && (\n        <a href={artifact.url} target=\"_blank\" rel=\"noreferrer\">\n          <IconExternalLink size={13} />\n          Open\n        </a>\n      )}\n    </div>\n  );\n}\n\nfunction ConversationAttachmentChip({\n  attachment,\n}: {\n  attachment: AgentConversationAttachment;\n}) {\n  if (attachment.dataUrl) {\n    return (\n      <div className=\"agent-conversation-attachment agent-conversation-attachment--image\">\n        <img\n          src={attachment.dataUrl}\n          alt={attachment.name}\n          className=\"agent-conversation-attachment__image\"\n        />\n        <span className=\"agent-conversation-attachment__name\">\n          {attachment.name}\n        </span>\n      </div>\n    );\n  }\n  return (\n    <div className=\"agent-conversation-attachment agent-conversation-attachment--file\">\n      <span className=\"agent-conversation-attachment__name\">\n        {attachment.name}\n      </span>\n      {attachment.size !== undefined && (\n        <span className=\"agent-conversation-attachment__size\">\n          {formatBytes(attachment.size)}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n"]}

package/dist/client/conversation/use-near-bottom-autoscroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-near-bottom-autoscroll.d.ts","sourceRoot":"","sources":["../../../src/client/conversation/use-near-bottom-autoscroll.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,SAAS,WAAW,EAAE,EACpE,SAAS,EACT,SAAiB,EACjB,SAAc,EACd,OAAc,GACf,EAAE,8BAA8B;;;;;;;EAkFhC"}
+{"version":3,"file":"use-near-bottom-autoscroll.d.ts","sourceRoot":"","sources":["../../../src/client/conversation/use-near-bottom-autoscroll.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,SAAS,WAAW,EAAE,EACpE,SAAS,EACT,SAAiB,EACjB,SAAa,EACb,OAAc,GACf,EAAE,8BAA8B;;;;;;;EAwMhC"}

package/dist/client/conversation/use-near-bottom-autoscroll.js

@@ -1,62 +1,161 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-export function useNearBottomAutoscroll({ followKey, streaming = false, threshold = 40, enabled = true, }) {
+export function useNearBottomAutoscroll({ followKey, streaming = false, threshold = 4, enabled = true, }) {
     const scrollRef = useRef(null);
     const isNearBottomRef = useRef(true);
+    const followGenerationRef = useRef(0);
+    const lastScrollTopRef = useRef(0);
+    const lastTouchYRef = useRef(null);
     const [showScrollToBottom, setShowScrollToBottom] = useState(false);
-    const updateNearBottom = useCallback(() => {
+    const isAtBottom = useCallback((el) => el.scrollHeight - el.scrollTop - el.clientHeight <= threshold, [threshold]);
+    const setFollowingBottom = useCallback((following, forceGeneration = false, el) => {
+        if (forceGeneration || isNearBottomRef.current !== following) {
+            followGenerationRef.current += 1;
+        }
+        isNearBottomRef.current = following;
+        const canScroll = !el || el.scrollHeight > el.clientHeight + threshold;
+        setShowScrollToBottom(!following && canScroll);
+    }, [threshold]);
+    const detachFromBottom = useCallback(() => {
+        setFollowingBottom(false, true, scrollRef.current ?? undefined);
+    }, [setFollowingBottom]);
+    const updateBottomState = useCallback(() => {
         const el = scrollRef.current;
         if (!el)
             return;
-        const nearBottom = el.scrollHeight - el.scrollTop - el.clientHeight < threshold;
-        isNearBottomRef.current = nearBottom;
-        setShowScrollToBottom(!nearBottom);
-    }, [threshold]);
+        if (isAtBottom(el))
+            setFollowingBottom(true, false, el);
+        else if (!isNearBottomRef.current) {
+            setShowScrollToBottom(el.scrollHeight > el.clientHeight + threshold);
+        }
+    }, [isAtBottom, setFollowingBottom, threshold]);
+    const scrollToBottomIfFollowing = useCallback((generation) => {
+        if (followGenerationRef.current !== generation ||
+            !isNearBottomRef.current) {
+            return;
+        }
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        el.scrollTop = Math.max(0, el.scrollHeight - el.clientHeight);
+        lastScrollTopRef.current = el.scrollTop;
+        setFollowingBottom(true, false, el);
+    }, [setFollowingBottom]);
     const scrollToBottom = useCallback(() => {
         const el = scrollRef.current;
         if (!el)
             return;
-        el.scrollTop = el.scrollHeight;
-        isNearBottomRef.current = true;
-        setShowScrollToBottom(false);
-    }, []);
+        setFollowingBottom(true, true, el);
+        el.scrollTop = Math.max(0, el.scrollHeight - el.clientHeight);
+        lastScrollTopRef.current = el.scrollTop;
+    }, [setFollowingBottom]);
     useEffect(() => {
         const el = scrollRef.current;
         if (!el || !enabled)
             return;
-        const onScroll = () => updateNearBottom();
+        lastScrollTopRef.current = el.scrollTop;
+        const onWheel = (event) => {
+            if (event.deltaY < 0)
+                detachFromBottom();
+        };
+        const onTouchStart = (event) => {
+            lastTouchYRef.current = event.touches[0]?.clientY ?? null;
+        };
+        const onTouchMove = (event) => {
+            const nextTouchY = event.touches[0]?.clientY;
+            if (nextTouchY == null)
+                return;
+            const lastTouchY = lastTouchYRef.current;
+            if (lastTouchY != null && nextTouchY > lastTouchY) {
+                detachFromBottom();
+            }
+            lastTouchYRef.current = nextTouchY;
+        };
+        const onTouchEnd = () => {
+            lastTouchYRef.current = null;
+        };
+        const onScroll = () => {
+            const previousScrollTop = lastScrollTopRef.current;
+            const nextScrollTop = el.scrollTop;
+            lastScrollTopRef.current = nextScrollTop;
+            if (nextScrollTop < previousScrollTop) {
+                detachFromBottom();
+                return;
+            }
+            updateBottomState();
+        };
+        const onKeyDown = (event) => {
+            if (event.key === "ArrowUp" ||
+                event.key === "PageUp" ||
+                event.key === "Home" ||
+                (event.key === " " && event.shiftKey)) {
+                detachFromBottom();
+            }
+        };
+        el.addEventListener("wheel", onWheel, { passive: true });
+        el.addEventListener("touchstart", onTouchStart, { passive: true });
+        el.addEventListener("touchmove", onTouchMove, { passive: true });
+        el.addEventListener("touchend", onTouchEnd, { passive: true });
+        el.addEventListener("touchcancel", onTouchEnd, { passive: true });
         el.addEventListener("scroll", onScroll, { passive: true });
-        updateNearBottom();
+        el.addEventListener("keydown", onKeyDown);
+        updateBottomState();
         // Re-check near-bottom whenever the scroll container's content grows
         // (e.g. new messages appended, images loaded, tool-call details expanded).
         // Without this the "near bottom" flag can get stuck as `false` even though
         // the user never scrolled away — the container just grew taller.
-        const ro = new ResizeObserver(() => {
-            if (isNearBottomRef.current)
-                scrollToBottom();
-            else
-                updateNearBottom();
-        });
-        ro.observe(el);
-        // Also watch direct children so inline content changes are caught.
-        for (const child of Array.from(el.children))
-            ro.observe(child);
+        let ro = null;
+        let mo = null;
+        if (typeof ResizeObserver !== "undefined") {
+            const observeResizeTargets = () => {
+                ro?.disconnect();
+                ro = new ResizeObserver(() => {
+                    if (isNearBottomRef.current) {
+                        scrollToBottomIfFollowing(followGenerationRef.current);
+                    }
+                    else {
+                        updateBottomState();
+                    }
+                });
+                ro.observe(el);
+                // Also watch direct children so inline content changes are caught.
+                for (const child of Array.from(el.children))
+                    ro.observe(child);
+            };
+            observeResizeTargets();
+            if (typeof MutationObserver !== "undefined") {
+                mo = new MutationObserver(() => {
+                    observeResizeTargets();
+                    if (isNearBottomRef.current) {
+                        scrollToBottomIfFollowing(followGenerationRef.current);
+                    }
+                });
+                mo.observe(el, { childList: true });
+            }
+        }
         return () => {
+            el.removeEventListener("wheel", onWheel);
+            el.removeEventListener("touchstart", onTouchStart);
+            el.removeEventListener("touchmove", onTouchMove);
+            el.removeEventListener("touchend", onTouchEnd);
+            el.removeEventListener("touchcancel", onTouchEnd);
             el.removeEventListener("scroll", onScroll);
-            ro.disconnect();
+            el.removeEventListener("keydown", onKeyDown);
+            ro?.disconnect();
+            mo?.disconnect();
         };
-    }, [enabled, updateNearBottom, scrollToBottom]);
+    }, [detachFromBottom, enabled, scrollToBottomIfFollowing, updateBottomState]);
     const scrollToBottomAfterPaint = useCallback(() => {
-        scrollToBottom();
+        const generation = followGenerationRef.current;
+        scrollToBottomIfFollowing(generation);
         requestAnimationFrame(() => {
-            scrollToBottom();
-            requestAnimationFrame(scrollToBottom);
+            scrollToBottomIfFollowing(generation);
+            requestAnimationFrame(() => scrollToBottomIfFollowing(generation));
         });
-        window.setTimeout(scrollToBottom, 80);
-    }, [scrollToBottom]);
+        window.setTimeout(() => scrollToBottomIfFollowing(generation), 80);
+    }, [scrollToBottomIfFollowing]);
     const markNearBottom = useCallback(() => {
-        isNearBottomRef.current = true;
-        setShowScrollToBottom(false);
-    }, []);
+        setFollowingBottom(true, true, scrollRef.current ?? undefined);
+    }, [setFollowingBottom]);
     useEffect(() => {
         if (!enabled || !isNearBottomRef.current)
             return;
@@ -66,11 +165,10 @@ export function useNearBottomAutoscroll({ followKey, streaming = false, threshol
         if (!enabled || !streaming)
             return;
         const id = window.setInterval(() => {
-            if (isNearBottomRef.current)
-                scrollToBottom();
+            scrollToBottomIfFollowing(followGenerationRef.current);
         }, 100);
         return () => window.clearInterval(id);
-    }, [enabled, scrollToBottom, streaming]);
+    }, [enabled, scrollToBottomIfFollowing, streaming]);
     return {
         scrollRef,
         isNearBottomRef,

package/dist/client/conversation/use-near-bottom-autoscroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-near-bottom-autoscroll.js","sourceRoot":"","sources":["../../../src/client/conversation/use-near-bottom-autoscroll.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface UseNearBottomAutoscrollOptions {\n  followKey: unknown;\n  streaming?: boolean;\n  threshold?: number;\n  enabled?: boolean;\n}\n\nexport function useNearBottomAutoscroll<TElement extends HTMLElement>({\n  followKey,\n  streaming = false,\n  threshold = 40,\n  enabled = true,\n}: UseNearBottomAutoscrollOptions) {\n  const scrollRef = useRef<TElement | null>(null);\n  const isNearBottomRef = useRef(true);\n  const [showScrollToBottom, setShowScrollToBottom] = useState(false);\n\n  const updateNearBottom = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const nearBottom =\n      el.scrollHeight - el.scrollTop - el.clientHeight < threshold;\n    isNearBottomRef.current = nearBottom;\n    setShowScrollToBottom(!nearBottom);\n  }, [threshold]);\n\n  const scrollToBottom = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    el.scrollTop = el.scrollHeight;\n    isNearBottomRef.current = true;\n    setShowScrollToBottom(false);\n  }, []);\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el || !enabled) return;\n    const onScroll = () => updateNearBottom();\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\n    updateNearBottom();\n\n    // Re-check near-bottom whenever the scroll container's content grows\n    // (e.g. new messages appended, images loaded, tool-call details expanded).\n    // Without this the \"near bottom\" flag can get stuck as `false` even though\n    // the user never scrolled away — the container just grew taller.\n    const ro = new ResizeObserver(() => {\n      if (isNearBottomRef.current) scrollToBottom();\n      else updateNearBottom();\n    });\n    ro.observe(el);\n    // Also watch direct children so inline content changes are caught.\n    for (const child of Array.from(el.children)) ro.observe(child);\n\n    return () => {\n      el.removeEventListener(\"scroll\", onScroll);\n      ro.disconnect();\n    };\n  }, [enabled, updateNearBottom, scrollToBottom]);\n\n  const scrollToBottomAfterPaint = useCallback(() => {\n    scrollToBottom();\n    requestAnimationFrame(() => {\n      scrollToBottom();\n      requestAnimationFrame(scrollToBottom);\n    });\n    window.setTimeout(scrollToBottom, 80);\n  }, [scrollToBottom]);\n\n  const markNearBottom = useCallback(() => {\n    isNearBottomRef.current = true;\n    setShowScrollToBottom(false);\n  }, []);\n\n  useEffect(() => {\n    if (!enabled || !isNearBottomRef.current) return;\n    scrollToBottomAfterPaint();\n  }, [enabled, followKey, scrollToBottomAfterPaint]);\n\n  useEffect(() => {\n    if (!enabled || !streaming) return;\n    const id = window.setInterval(() => {\n      if (isNearBottomRef.current) scrollToBottom();\n    }, 100);\n    return () => window.clearInterval(id);\n  }, [enabled, scrollToBottom, streaming]);\n\n  return {\n    scrollRef,\n    isNearBottomRef,\n    showScrollToBottom,\n    markNearBottom,\n    scrollToBottom,\n    scrollToBottomAfterPaint,\n  };\n}\n"]}
+{"version":3,"file":"use-near-bottom-autoscroll.js","sourceRoot":"","sources":["../../../src/client/conversation/use-near-bottom-autoscroll.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface UseNearBottomAutoscrollOptions {\n  followKey: unknown;\n  streaming?: boolean;\n  threshold?: number;\n  enabled?: boolean;\n}\n\nexport function useNearBottomAutoscroll<TElement extends HTMLElement>({\n  followKey,\n  streaming = false,\n  threshold = 4,\n  enabled = true,\n}: UseNearBottomAutoscrollOptions) {\n  const scrollRef = useRef<TElement | null>(null);\n  const isNearBottomRef = useRef(true);\n  const followGenerationRef = useRef(0);\n  const lastScrollTopRef = useRef(0);\n  const lastTouchYRef = useRef<number | null>(null);\n  const [showScrollToBottom, setShowScrollToBottom] = useState(false);\n\n  const isAtBottom = useCallback(\n    (el: HTMLElement) =>\n      el.scrollHeight - el.scrollTop - el.clientHeight <= threshold,\n    [threshold],\n  );\n\n  const setFollowingBottom = useCallback(\n    (following: boolean, forceGeneration = false, el?: HTMLElement) => {\n      if (forceGeneration || isNearBottomRef.current !== following) {\n        followGenerationRef.current += 1;\n      }\n      isNearBottomRef.current = following;\n      const canScroll = !el || el.scrollHeight > el.clientHeight + threshold;\n      setShowScrollToBottom(!following && canScroll);\n    },\n    [threshold],\n  );\n\n  const detachFromBottom = useCallback(() => {\n    setFollowingBottom(false, true, scrollRef.current ?? undefined);\n  }, [setFollowingBottom]);\n\n  const updateBottomState = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    if (isAtBottom(el)) setFollowingBottom(true, false, el);\n    else if (!isNearBottomRef.current) {\n      setShowScrollToBottom(el.scrollHeight > el.clientHeight + threshold);\n    }\n  }, [isAtBottom, setFollowingBottom, threshold]);\n\n  const scrollToBottomIfFollowing = useCallback(\n    (generation: number) => {\n      if (\n        followGenerationRef.current !== generation ||\n        !isNearBottomRef.current\n      ) {\n        return;\n      }\n      const el = scrollRef.current;\n      if (!el) return;\n      el.scrollTop = Math.max(0, el.scrollHeight - el.clientHeight);\n      lastScrollTopRef.current = el.scrollTop;\n      setFollowingBottom(true, false, el);\n    },\n    [setFollowingBottom],\n  );\n\n  const scrollToBottom = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    setFollowingBottom(true, true, el);\n    el.scrollTop = Math.max(0, el.scrollHeight - el.clientHeight);\n    lastScrollTopRef.current = el.scrollTop;\n  }, [setFollowingBottom]);\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el || !enabled) return;\n    lastScrollTopRef.current = el.scrollTop;\n\n    const onWheel = (event: WheelEvent) => {\n      if (event.deltaY < 0) detachFromBottom();\n    };\n\n    const onTouchStart = (event: TouchEvent) => {\n      lastTouchYRef.current = event.touches[0]?.clientY ?? null;\n    };\n\n    const onTouchMove = (event: TouchEvent) => {\n      const nextTouchY = event.touches[0]?.clientY;\n      if (nextTouchY == null) return;\n      const lastTouchY = lastTouchYRef.current;\n      if (lastTouchY != null && nextTouchY > lastTouchY) {\n        detachFromBottom();\n      }\n      lastTouchYRef.current = nextTouchY;\n    };\n\n    const onTouchEnd = () => {\n      lastTouchYRef.current = null;\n    };\n\n    const onScroll = () => {\n      const previousScrollTop = lastScrollTopRef.current;\n      const nextScrollTop = el.scrollTop;\n      lastScrollTopRef.current = nextScrollTop;\n      if (nextScrollTop < previousScrollTop) {\n        detachFromBottom();\n        return;\n      }\n      updateBottomState();\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === \"ArrowUp\" ||\n        event.key === \"PageUp\" ||\n        event.key === \"Home\" ||\n        (event.key === \" \" && event.shiftKey)\n      ) {\n        detachFromBottom();\n      }\n    };\n    el.addEventListener(\"wheel\", onWheel, { passive: true });\n    el.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n    el.addEventListener(\"touchmove\", onTouchMove, { passive: true });\n    el.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n    el.addEventListener(\"touchcancel\", onTouchEnd, { passive: true });\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\n    el.addEventListener(\"keydown\", onKeyDown);\n    updateBottomState();\n\n    // Re-check near-bottom whenever the scroll container's content grows\n    // (e.g. new messages appended, images loaded, tool-call details expanded).\n    // Without this the \"near bottom\" flag can get stuck as `false` even though\n    // the user never scrolled away — the container just grew taller.\n    let ro: ResizeObserver | null = null;\n    let mo: MutationObserver | null = null;\n    if (typeof ResizeObserver !== \"undefined\") {\n      const observeResizeTargets = () => {\n        ro?.disconnect();\n        ro = new ResizeObserver(() => {\n          if (isNearBottomRef.current) {\n            scrollToBottomIfFollowing(followGenerationRef.current);\n          } else {\n            updateBottomState();\n          }\n        });\n        ro.observe(el);\n        // Also watch direct children so inline content changes are caught.\n        for (const child of Array.from(el.children)) ro.observe(child);\n      };\n      observeResizeTargets();\n      if (typeof MutationObserver !== \"undefined\") {\n        mo = new MutationObserver(() => {\n          observeResizeTargets();\n          if (isNearBottomRef.current) {\n            scrollToBottomIfFollowing(followGenerationRef.current);\n          }\n        });\n        mo.observe(el, { childList: true });\n      }\n    }\n\n    return () => {\n      el.removeEventListener(\"wheel\", onWheel);\n      el.removeEventListener(\"touchstart\", onTouchStart);\n      el.removeEventListener(\"touchmove\", onTouchMove);\n      el.removeEventListener(\"touchend\", onTouchEnd);\n      el.removeEventListener(\"touchcancel\", onTouchEnd);\n      el.removeEventListener(\"scroll\", onScroll);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      ro?.disconnect();\n      mo?.disconnect();\n    };\n  }, [detachFromBottom, enabled, scrollToBottomIfFollowing, updateBottomState]);\n\n  const scrollToBottomAfterPaint = useCallback(() => {\n    const generation = followGenerationRef.current;\n    scrollToBottomIfFollowing(generation);\n    requestAnimationFrame(() => {\n      scrollToBottomIfFollowing(generation);\n      requestAnimationFrame(() => scrollToBottomIfFollowing(generation));\n    });\n    window.setTimeout(() => scrollToBottomIfFollowing(generation), 80);\n  }, [scrollToBottomIfFollowing]);\n\n  const markNearBottom = useCallback(() => {\n    setFollowingBottom(true, true, scrollRef.current ?? undefined);\n  }, [setFollowingBottom]);\n\n  useEffect(() => {\n    if (!enabled || !isNearBottomRef.current) return;\n    scrollToBottomAfterPaint();\n  }, [enabled, followKey, scrollToBottomAfterPaint]);\n\n  useEffect(() => {\n    if (!enabled || !streaming) return;\n    const id = window.setInterval(() => {\n      scrollToBottomIfFollowing(followGenerationRef.current);\n    }, 100);\n    return () => window.clearInterval(id);\n  }, [enabled, scrollToBottomIfFollowing, streaming]);\n\n  return {\n    scrollRef,\n    isNearBottomRef,\n    showScrollToBottom,\n    markNearBottom,\n    scrollToBottom,\n    scrollToBottomAfterPaint,\n  };\n}\n"]}