@contractspec/module.ai-chat 4.3.17 → 4.3.18

package/dist/node/presentation/index.js

@@ -1,3060 +1,90 @@
-import { createRequire } from "node:module";
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/presentation/components/ChainOfThought.tsx
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "@contractspec/lib.ui-kit-web/ui/collapsible";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { ChevronDown, Dot } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-"use client";
-function ChainOfThought({
-  children,
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  className
-}) {
-  return /* @__PURE__ */ jsx(Collapsible, {
-    open,
-    defaultOpen,
-    onOpenChange,
-    className: cn("group/cot mt-2", className),
-    children
-  });
-}
-function ChainOfThoughtHeader({
-  children = "Chain of Thought",
-  className
-}) {
-  return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
-    className: cn("flex w-full cursor-pointer items-center gap-2 rounded-md px-3 py-2 font-medium text-sm transition-colors hover:bg-muted", className),
-    children: [
-      /* @__PURE__ */ jsx(ChevronDown, {
-        className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]/cot:rotate-180"
-      }),
-      children
-    ]
-  });
-}
-function ChainOfThoughtStep({
-  label,
-  description,
-  status = "complete",
-  icon: Icon = Dot,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsxs("div", {
-    className: cn("flex gap-3 border-border border-b py-2 last:border-b-0", className),
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: cn("mt-1.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full", status === "complete" && "bg-green-500/20 text-green-700 dark:text-green-400", status === "active" && "bg-blue-500/20 text-blue-700 dark:text-blue-400", status === "pending" && "bg-muted text-muted-foreground"),
-        children: /* @__PURE__ */ jsx(Icon, {
-          className: "h-3 w-3"
-        })
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "min-w-0 flex-1",
-        children: [
-          /* @__PURE__ */ jsx("p", {
-            className: "font-medium",
-            children: label
-          }),
-          description && /* @__PURE__ */ jsx("p", {
-            className: "mt-0.5 text-muted-foreground text-xs",
-            children: description
-          }),
-          children && /* @__PURE__ */ jsx("div", {
-            className: "mt-2",
-            children
-          })
-        ]
-      })
-    ]
-  });
-}
-function ChainOfThoughtContent({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx(CollapsibleContent, {
-    children: /* @__PURE__ */ jsx("div", {
-      className: cn("mt-1 rounded-md border border-border bg-muted px-3 py-2", className),
-      children
-    })
-  });
-}
-// src/presentation/components/ChatContainer.tsx
-import { ScrollArea } from "@contractspec/lib.ui-kit-web/ui/scroll-area";
-import { cn as cn2 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import * as React from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-"use client";
-function ChatContainer({
-  children,
-  className,
-  showScrollButton = true,
-  headerContent
-}) {
-  const scrollRef = React.useRef(null);
-  const [showScrollDown, setShowScrollDown] = React.useState(false);
-  React.useEffect(() => {
-    const container = scrollRef.current;
-    if (!container)
-      return;
-    const isAtBottom = container.scrollHeight - container.scrollTop <= container.clientHeight + 100;
-    if (isAtBottom) {
-      container.scrollTop = container.scrollHeight;
-    }
-  }, [children]);
-  const handleScroll = React.useCallback((event) => {
-    const container = event.currentTarget;
-    const isAtBottom = container.scrollHeight - container.scrollTop <= container.clientHeight + 100;
-    setShowScrollDown(!isAtBottom);
-  }, []);
-  const scrollToBottom = React.useCallback(() => {
-    const container = scrollRef.current;
-    if (container) {
-      container.scrollTo({
-        top: container.scrollHeight,
-        behavior: "smooth"
-      });
-    }
-  }, []);
-  return /* @__PURE__ */ jsxs2("div", {
-    className: cn2("relative flex flex-1 flex-col", className),
-    children: [
-      headerContent && /* @__PURE__ */ jsx2("div", {
-        className: "flex shrink-0 items-center justify-end gap-2 border-border border-b px-4 py-2",
-        children: headerContent
-      }),
-      /* @__PURE__ */ jsx2(ScrollArea, {
-        ref: scrollRef,
-        className: "flex-1",
-        onScroll: handleScroll,
-        children: /* @__PURE__ */ jsx2("div", {
-          className: "flex flex-col gap-4 p-4",
-          children
-        })
-      }),
-      showScrollButton && showScrollDown && /* @__PURE__ */ jsxs2("button", {
-        onClick: scrollToBottom,
-        className: cn2("absolute bottom-4 left-1/2 -translate-x-1/2", "bg-primary text-primary-foreground", "rounded-full px-3 py-1.5 font-medium text-sm shadow-lg", "transition-colors hover:bg-primary/90", "flex items-center gap-1.5"),
-        "aria-label": "Scroll to bottom",
-        children: [
-          /* @__PURE__ */ jsx2("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx2("path", {
-              d: "m6 9 6 6 6-6"
-            })
-          }),
-          "New messages"
-        ]
-      })
-    ]
-  });
-}
-// src/presentation/components/ChatExportToolbar.tsx
-import { Button } from "@contractspec/lib.design-system";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "@contractspec/lib.ui-kit-web/ui/dropdown-menu";
-import { Check, Copy, Download, FileText, GitFork, Plus } from "lucide-react";
-import * as React2 from "react";
-
-// src/core/export-formatters.ts
-function formatTimestamp(date) {
-  return date.toLocaleTimeString([], {
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-}
-function toIsoString(date) {
-  return date.toISOString();
-}
-function messageToJsonSerializable(msg) {
-  return {
-    id: msg.id,
-    conversationId: msg.conversationId,
-    role: msg.role,
-    content: msg.content,
-    status: msg.status,
-    createdAt: toIsoString(msg.createdAt),
-    updatedAt: toIsoString(msg.updatedAt),
-    ...msg.attachments && { attachments: msg.attachments },
-    ...msg.codeBlocks && { codeBlocks: msg.codeBlocks },
-    ...msg.toolCalls && { toolCalls: msg.toolCalls },
-    ...msg.sources && { sources: msg.sources },
-    ...msg.reasoning && { reasoning: msg.reasoning },
-    ...msg.usage && { usage: msg.usage },
-    ...msg.error && { error: msg.error },
-    ...msg.metadata && { metadata: msg.metadata }
-  };
-}
-function formatSourcesMarkdown(sources) {
-  if (sources.length === 0)
-    return "";
-  return `
+import{createRequire as x2}from"node:module";var v2=x2(import.meta.url);import{Collapsible as u2,CollapsibleContent as p2,CollapsibleTrigger as g2}from"@contractspec/lib.ui-kit-web/ui/collapsible";import{cn as b0}from"@contractspec/lib.ui-kit-web/ui/utils";import{ChevronDown as m2,Dot as d2}from"lucide-react";import{jsx as W0,jsxs as a0}from"react/jsx-runtime";function l2({children:$,open:Z,defaultOpen:Y=!1,onOpenChange:J,className:Q}){return W0(u2,{open:Z,defaultOpen:Y,onOpenChange:J,className:b0("group/cot mt-2",Q),children:$})}function c2({children:$="Chain of Thought",className:Z}){return a0(g2,{className:b0("flex w-full cursor-pointer items-center gap-2 rounded-md px-3 py-2 font-medium text-sm transition-colors hover:bg-muted",Z),children:[W0(m2,{className:"h-4 w-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]/cot:rotate-180"}),$]})}function i2({label:$,description:Z,status:Y="complete",icon:J=d2,children:Q,className:X}){return a0("div",{className:b0("flex gap-3 border-border border-b py-2 last:border-b-0",X),children:[W0("div",{className:b0("mt-1.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full",Y==="complete"&&"bg-green-500/20 text-green-700 dark:text-green-400",Y==="active"&&"bg-blue-500/20 text-blue-700 dark:text-blue-400",Y==="pending"&&"bg-muted text-muted-foreground"),children:W0(J,{className:"h-3 w-3"})}),a0("div",{className:"min-w-0 flex-1",children:[W0("p",{className:"font-medium",children:$}),Z&&W0("p",{className:"mt-0.5 text-muted-foreground text-xs",children:Z}),Q&&W0("div",{className:"mt-2",children:Q})]})]})}function r2({children:$,className:Z}){return W0(p2,{children:W0("div",{className:b0("mt-1 rounded-md border border-border bg-muted px-3 py-2",Z),children:$})})}import{ScrollArea as a2}from"@contractspec/lib.ui-kit-web/ui/scroll-area";import{cn as C1}from"@contractspec/lib.ui-kit-web/ui/utils";import*as K0 from"react";import{jsx as k0,jsxs as h1}from"react/jsx-runtime";function n0({children:$,className:Z,showScrollButton:Y=!0,headerContent:J}){let Q=K0.useRef(null),[X,q]=K0.useState(!1);K0.useEffect(()=>{let W=Q.current;if(!W)return;if(W.scrollHeight-W.scrollTop<=W.clientHeight+100)W.scrollTop=W.scrollHeight},[$]);let H=K0.useCallback((W)=>{let G=W.currentTarget,V=G.scrollHeight-G.scrollTop<=G.clientHeight+100;q(!V)},[]),K=K0.useCallback(()=>{let W=Q.current;if(W)W.scrollTo({top:W.scrollHeight,behavior:"smooth"})},[]);return h1("div",{className:C1("relative flex flex-1 flex-col",Z),children:[J&&k0("div",{className:"flex shrink-0 items-center justify-end gap-2 border-border border-b px-4 py-2",children:J}),k0(a2,{ref:Q,className:"flex-1",onScroll:H,children:k0("div",{className:"flex flex-col gap-4 p-4",children:$})}),Y&&X&&h1("button",{onClick:K,className:C1("absolute bottom-4 left-1/2 -translate-x-1/2","bg-primary text-primary-foreground","rounded-full px-3 py-1.5 font-medium text-sm shadow-lg","transition-colors hover:bg-primary/90","flex items-center gap-1.5"),"aria-label":"Scroll to bottom",children:[k0("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:k0("path",{d:"m6 9 6 6 6-6"})}),"New messages"]})]})}import{Button as M0}from"@contractspec/lib.design-system";import{DropdownMenu as X4,DropdownMenuContent as q4,DropdownMenuItem as h0,DropdownMenuSeparator as H4,DropdownMenuTrigger as G4}from"@contractspec/lib.ui-kit-web/ui/dropdown-menu";import{Check as W4,Copy as K4,Download as _4,FileText as t0,GitFork as V4,Plus as U4}from"lucide-react";import*as _0 from"react";function j1($){return $.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}function C0($){return $.toISOString()}function n2($){return{id:$.id,conversationId:$.conversationId,role:$.role,content:$.content,status:$.status,createdAt:C0($.createdAt),updatedAt:C0($.updatedAt),...$.attachments&&{attachments:$.attachments},...$.codeBlocks&&{codeBlocks:$.codeBlocks},...$.toolCalls&&{toolCalls:$.toolCalls},...$.sources&&{sources:$.sources},...$.reasoning&&{reasoning:$.reasoning},...$.usage&&{usage:$.usage},...$.error&&{error:$.error},...$.metadata&&{metadata:$.metadata}}}function o2($){if($.length===0)return"";return`
 
 **Sources:**
-` + sources.map((s) => `- [${s.title}](${s.url ?? "#"})`).join(`
-`);
-}
-function formatSourcesTxt(sources) {
-  if (sources.length === 0)
-    return "";
-  return `
+`+$.map((Z)=>`- [${Z.title}](${Z.url??"#"})`).join(`
+`)}function t2($){if($.length===0)return"";return`
 
 Sources:
-` + sources.map((s) => `- ${s.title}${s.url ? ` - ${s.url}` : ""}`).join(`
-`);
-}
-function formatToolCallsMarkdown(toolCalls) {
-  if (toolCalls.length === 0)
-    return "";
-  return `
+`+$.map((Z)=>`- ${Z.title}${Z.url?` - ${Z.url}`:""}`).join(`
+`)}function s2($){if($.length===0)return"";return`
 
 **Tool calls:**
-` + toolCalls.map((tc) => `**${tc.name}** (${tc.status})
+`+$.map((Z)=>`**${Z.name}** (${Z.status})
 \`\`\`json
-${JSON.stringify(tc.args, null, 2)}
-\`\`\`` + (tc.result !== undefined ? `
+${JSON.stringify(Z.args,null,2)}
+\`\`\``+(Z.result!==void 0?`
 Output:
 \`\`\`json
-${typeof tc.result === "object" ? JSON.stringify(tc.result, null, 2) : String(tc.result)}
-\`\`\`` : "") + (tc.error ? `
-Error: ${tc.error}` : "")).join(`
+${typeof Z.result==="object"?JSON.stringify(Z.result,null,2):String(Z.result)}
+\`\`\``:"")+(Z.error?`
+Error: ${Z.error}`:"")).join(`
 
-`);
-}
-function formatToolCallsTxt(toolCalls) {
-  if (toolCalls.length === 0)
-    return "";
-  return `
+`)}function e2($){if($.length===0)return"";return`
 
 Tool calls:
-` + toolCalls.map((tc) => `- ${tc.name} (${tc.status}): ${JSON.stringify(tc.args)}` + (tc.result !== undefined ? ` -> ${typeof tc.result === "object" ? JSON.stringify(tc.result) : String(tc.result)}` : "") + (tc.error ? ` [Error: ${tc.error}]` : "")).join(`
-`);
-}
-function formatUsage(usage) {
-  const total = usage.inputTokens + usage.outputTokens;
-  return ` (${total} tokens)`;
-}
-function formatMessagesAsMarkdown(messages) {
-  const parts = [];
-  for (const msg of messages) {
-    const roleLabel = msg.role === "user" ? "User" : msg.role === "assistant" ? "Assistant" : "System";
-    const header = `## ${roleLabel}`;
-    const timestamp = `*${formatTimestamp(msg.createdAt)}*`;
-    const usageSuffix = msg.usage ? formatUsage(msg.usage) : "";
-    const meta = `${timestamp}${usageSuffix}
+`+$.map((Z)=>`- ${Z.name} (${Z.status}): ${JSON.stringify(Z.args)}`+(Z.result!==void 0?` -> ${typeof Z.result==="object"?JSON.stringify(Z.result):String(Z.result)}`:"")+(Z.error?` [Error: ${Z.error}]`:"")).join(`
+`)}function x1($){return` (${$.inputTokens+$.outputTokens} tokens)`}function o0($){let Z=[];for(let Y of $){let Q=`## ${Y.role==="user"?"User":Y.role==="assistant"?"Assistant":"System"}`,X=`*${j1(Y.createdAt)}*`,q=Y.usage?x1(Y.usage):"",H=`${X}${q}
 
-`;
-    let body = msg.content;
-    if (msg.error) {
-      body += `
+`,K=Y.content;if(Y.error)K+=`
 
-**Error:** ${msg.error.code} - ${msg.error.message}`;
-    }
-    if (msg.reasoning) {
-      body += `
+**Error:** ${Y.error.code} - ${Y.error.message}`;if(Y.reasoning)K+=`
 
 > **Reasoning:**
-> ${msg.reasoning.replace(/\n/g, `
-> `)}`;
-    }
-    body += formatSourcesMarkdown(msg.sources ?? []);
-    body += formatToolCallsMarkdown(msg.toolCalls ?? []);
-    parts.push(`${header}
+> ${Y.reasoning.replace(/\n/g,`
+> `)}`;K+=o2(Y.sources??[]),K+=s2(Y.toolCalls??[]),Z.push(`${Q}
 
-${meta}${body}`);
-  }
-  return parts.join(`
+${H}${K}`)}return Z.join(`
 
 ---
 
-`);
-}
-function formatMessagesAsTxt(messages) {
-  const parts = [];
-  for (const msg of messages) {
-    const roleLabel = msg.role === "user" ? "User" : msg.role === "assistant" ? "Assistant" : "System";
-    const timestamp = `(${formatTimestamp(msg.createdAt)})`;
-    const usageSuffix = msg.usage ? formatUsage(msg.usage) : "";
-    const header = `[${roleLabel}] ${timestamp}${usageSuffix}
+`)}function $4($){let Z=[];for(let Y of $){let J=Y.role==="user"?"User":Y.role==="assistant"?"Assistant":"System",Q=`(${j1(Y.createdAt)})`,X=Y.usage?x1(Y.usage):"",q=`[${J}] ${Q}${X}
 
-`;
-    let body = msg.content;
-    if (msg.error) {
-      body += `
+`,H=Y.content;if(Y.error)H+=`
 
-Error: ${msg.error.code} - ${msg.error.message}`;
-    }
-    if (msg.reasoning) {
-      body += `
+Error: ${Y.error.code} - ${Y.error.message}`;if(Y.reasoning)H+=`
 
-Reasoning: ${msg.reasoning}`;
-    }
-    body += formatSourcesTxt(msg.sources ?? []);
-    body += formatToolCallsTxt(msg.toolCalls ?? []);
-    parts.push(`${header}${body}`);
-  }
-  return parts.join(`
+Reasoning: ${Y.reasoning}`;H+=t2(Y.sources??[]),H+=e2(Y.toolCalls??[]),Z.push(`${q}${H}`)}return Z.join(`
 
 ---
 
-`);
-}
-function formatMessagesAsJson(messages, conversation) {
-  const payload = {
-    messages: messages.map(messageToJsonSerializable)
-  };
-  if (conversation) {
-    payload.conversation = {
-      id: conversation.id,
-      title: conversation.title,
-      status: conversation.status,
-      createdAt: toIsoString(conversation.createdAt),
-      updatedAt: toIsoString(conversation.updatedAt),
-      provider: conversation.provider,
-      model: conversation.model,
-      workspacePath: conversation.workspacePath,
-      contextFiles: conversation.contextFiles,
-      summary: conversation.summary,
-      metadata: conversation.metadata
-    };
-  }
-  return JSON.stringify(payload, null, 2);
-}
-function getExportFilename(format, conversation) {
-  const timestamp = new Date().toISOString().replace(/[:.]/g, "-").slice(0, 19);
-  const base = conversation?.title ? conversation.title.replace(/[^a-zA-Z0-9-_]/g, "_").slice(0, 40) : "chat-export";
-  const ext = format === "markdown" ? "md" : format === "txt" ? "txt" : "json";
-  return `${base}-${timestamp}.${ext}`;
-}
-var MIME_TYPES = {
-  markdown: "text/markdown",
-  txt: "text/plain",
-  json: "application/json"
-};
-function downloadAsFile(content, filename, mimeType) {
-  const blob = new Blob([content], { type: mimeType });
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = filename;
-  document.body.appendChild(a);
-  a.click();
-  document.body.removeChild(a);
-  URL.revokeObjectURL(url);
-}
-function exportToFile(messages, format, conversation) {
-  let content;
-  if (format === "markdown") {
-    content = formatMessagesAsMarkdown(messages);
-  } else if (format === "txt") {
-    content = formatMessagesAsTxt(messages);
-  } else {
-    content = formatMessagesAsJson(messages, conversation);
-  }
-  const filename = getExportFilename(format, conversation);
-  const mimeType = MIME_TYPES[format];
-  downloadAsFile(content, filename, mimeType);
-}
-
-// src/presentation/components/ChatExportToolbar.tsx
-import { jsx as jsx3, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
-"use client";
-function ChatExportToolbar({
-  messages,
-  conversation,
-  selectedIds,
-  onExported,
-  showSelectionSummary = true,
-  onSelectAll,
-  onClearSelection,
-  selectedCount = selectedIds.size,
-  totalCount = messages.length,
-  onCreateNew,
-  onFork
-}) {
-  const [copied, setCopied] = React2.useState(false);
-  const toExport = React2.useMemo(() => {
-    if (selectedIds.size > 0) {
-      const idSet = selectedIds;
-      return messages.filter((m) => idSet.has(m.id));
-    }
-    return messages;
-  }, [messages, selectedIds]);
-  const handleExport = React2.useCallback((format) => {
-    exportToFile(toExport, format, conversation);
-    onExported?.(format, toExport.length);
-  }, [toExport, conversation, onExported]);
-  const handleCopy = React2.useCallback(async () => {
-    const content = formatMessagesAsMarkdown(toExport);
-    await navigator.clipboard.writeText(content);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2000);
-    onExported?.("markdown", toExport.length);
-  }, [toExport, onExported]);
-  const disabled = messages.length === 0;
-  const [forking, setForking] = React2.useState(false);
-  const handleFork = React2.useCallback(async (upToMessageId) => {
-    if (!onFork)
-      return;
-    setForking(true);
-    try {
-      await onFork(upToMessageId);
-    } finally {
-      setForking(false);
-    }
-  }, [onFork]);
-  return /* @__PURE__ */ jsxs3("div", {
-    className: "flex items-center gap-2",
-    children: [
-      onCreateNew && /* @__PURE__ */ jsxs3(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: onCreateNew,
-        "aria-label": "New conversation",
-        children: [
-          /* @__PURE__ */ jsx3(Plus, {
-            className: "h-4 w-4"
-          }),
-          "New"
-        ]
-      }),
-      onFork && messages.length > 0 && /* @__PURE__ */ jsxs3(Button, {
-        variant: "outline",
-        size: "sm",
-        disabled: forking,
-        onPress: () => handleFork(),
-        "aria-label": "Fork conversation",
-        children: [
-          /* @__PURE__ */ jsx3(GitFork, {
-            className: "h-4 w-4"
-          }),
-          "Fork"
-        ]
-      }),
-      showSelectionSummary && selectedCount > 0 && /* @__PURE__ */ jsxs3("span", {
-        className: "text-muted-foreground text-sm",
-        children: [
-          selectedCount,
-          " message",
-          selectedCount !== 1 ? "s" : "",
-          " selected"
-        ]
-      }),
-      onSelectAll && onClearSelection && totalCount > 0 && /* @__PURE__ */ jsxs3(Fragment, {
-        children: [
-          /* @__PURE__ */ jsx3(Button, {
-            variant: "ghost",
-            size: "sm",
-            onPress: onSelectAll,
-            className: "text-xs",
-            children: "Select all"
-          }),
-          selectedCount > 0 && /* @__PURE__ */ jsx3(Button, {
-            variant: "ghost",
-            size: "sm",
-            onPress: onClearSelection,
-            className: "text-xs",
-            children: "Clear"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs3(DropdownMenu, {
-        children: [
-          /* @__PURE__ */ jsx3(DropdownMenuTrigger, {
-            asChild: true,
-            children: /* @__PURE__ */ jsxs3(Button, {
-              variant: "outline",
-              size: "sm",
-              disabled,
-              "aria-label": selectedCount > 0 ? "Export selected messages" : "Export conversation",
-              children: [
-                /* @__PURE__ */ jsx3(Download, {
-                  className: "h-4 w-4"
-                }),
-                "Export"
-              ]
-            })
-          }),
-          /* @__PURE__ */ jsxs3(DropdownMenuContent, {
-            align: "end",
-            children: [
-              /* @__PURE__ */ jsxs3(DropdownMenuItem, {
-                onSelect: () => handleExport("markdown"),
-                disabled,
-                children: [
-                  /* @__PURE__ */ jsx3(FileText, {
-                    className: "h-4 w-4"
-                  }),
-                  "Export as Markdown (.md)"
-                ]
-              }),
-              /* @__PURE__ */ jsxs3(DropdownMenuItem, {
-                onSelect: () => handleExport("txt"),
-                disabled,
-                children: [
-                  /* @__PURE__ */ jsx3(FileText, {
-                    className: "h-4 w-4"
-                  }),
-                  "Export as Plain Text (.txt)"
-                ]
-              }),
-              /* @__PURE__ */ jsxs3(DropdownMenuItem, {
-                onSelect: () => handleExport("json"),
-                disabled,
-                children: [
-                  /* @__PURE__ */ jsx3(FileText, {
-                    className: "h-4 w-4"
-                  }),
-                  "Export as JSON (.json)"
-                ]
-              }),
-              /* @__PURE__ */ jsx3(DropdownMenuSeparator, {}),
-              /* @__PURE__ */ jsxs3(DropdownMenuItem, {
-                onSelect: () => handleCopy(),
-                disabled,
-                children: [
-                  copied ? /* @__PURE__ */ jsx3(Check, {
-                    className: "h-4 w-4 text-green-500"
-                  }) : /* @__PURE__ */ jsx3(Copy, {
-                    className: "h-4 w-4"
-                  }),
-                  copied ? "Copied to clipboard" : "Copy to clipboard"
-                ]
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-// src/presentation/components/ChatInput.tsx
-import { Button as Button2, Textarea } from "@contractspec/lib.design-system";
-import { cn as cn3 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import {
-  Code,
-  FileText as FileText2,
-  ImageIcon,
-  Loader2,
-  Paperclip,
-  Send,
-  X
-} from "lucide-react";
-import * as React3 from "react";
-import { jsx as jsx4, jsxs as jsxs4, Fragment as Fragment2 } from "react/jsx-runtime";
-"use client";
-var DEFAULT_MAX_FILE_SIZE_BYTES = 5 * 1024 * 1024;
-var CODE_EXTENSIONS = [
-  "ts",
-  "tsx",
-  "js",
-  "jsx",
-  "py",
-  "go",
-  "rs",
-  "java",
-  "json",
-  "md",
-  "txt",
-  "yaml",
-  "yml"
-];
-function readFileAsContent(file) {
-  const extension = file.name.split(".").pop()?.toLowerCase() ?? "";
-  const isCode = CODE_EXTENSIONS.includes(extension);
-  const isImage = file.type.startsWith("image/");
-  if (isImage) {
-    return new Promise((resolve, reject) => {
-      const reader = new FileReader;
-      reader.onload = () => {
-        const result = reader.result;
-        resolve({
-          content: typeof result === "string" ? result : new TextDecoder().decode(result ?? new ArrayBuffer(0)),
-          type: "image"
-        });
-      };
-      reader.onerror = () => reject(new Error("Could not read file"));
-      reader.readAsDataURL(file);
-    });
-  }
-  return file.text().then((content) => ({
-    content,
-    type: isCode ? "code" : "file"
-  })).catch(() => {
-    throw new Error("Could not read file");
-  });
-}
-function ChatInput({
-  onSend,
-  disabled = false,
-  isLoading = false,
-  placeholder = "Type a message...",
-  className,
-  showAttachments = true,
-  maxAttachments = 5,
-  maxFileSizeBytes = DEFAULT_MAX_FILE_SIZE_BYTES
-}) {
-  const [content, setContent] = React3.useState("");
-  const [attachments, setAttachments] = React3.useState([]);
-  const [fileError, setFileError] = React3.useState(null);
-  const textareaRef = React3.useRef(null);
-  const fileInputRef = React3.useRef(null);
-  const canSend = content.trim().length > 0 || attachments.length > 0;
-  const handleSubmit = React3.useCallback((e) => {
-    e?.preventDefault();
-    if (!canSend || disabled || isLoading)
-      return;
-    onSend(content.trim(), attachments.length > 0 ? attachments : undefined);
-    setContent("");
-    setAttachments([]);
-    setFileError(null);
-    textareaRef.current?.focus();
-  }, [canSend, content, attachments, disabled, isLoading, onSend]);
-  const handleKeyDown = React3.useCallback((e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      handleSubmit();
-    }
-  }, [handleSubmit]);
-  const handleFileSelect = React3.useCallback(async (e) => {
-    const files = e.target.files;
-    if (!files)
-      return;
-    setFileError(null);
-    const newAttachments = [];
-    const errors = [];
-    for (const file of Array.from(files)) {
-      if (attachments.length + newAttachments.length >= maxAttachments) {
-        errors.push(`Maximum ${maxAttachments} attachments allowed`);
-        break;
-      }
-      if (file.size > maxFileSizeBytes) {
-        errors.push(`${file.name} exceeds ${Math.round(maxFileSizeBytes / 1024 / 1024)}MB limit`);
-        continue;
-      }
-      try {
-        const { content: fileContent, type } = await readFileAsContent(file);
-        newAttachments.push({
-          id: `att_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`,
-          type,
-          name: file.name,
-          content: fileContent,
-          mimeType: file.type,
-          size: file.size
-        });
-      } catch {
-        errors.push(`Could not read ${file.name}`);
-      }
-    }
-    if (errors.length > 0) {
-      setFileError(errors[0] ?? "Could not add file");
-    }
-    if (newAttachments.length > 0) {
-      setAttachments((prev) => [...prev, ...newAttachments]);
-    }
-    e.target.value = "";
-  }, [attachments.length, maxAttachments, maxFileSizeBytes]);
-  const removeAttachment = React3.useCallback((id) => {
-    setAttachments((prev) => prev.filter((a) => a.id !== id));
-  }, []);
-  return /* @__PURE__ */ jsxs4("div", {
-    className: cn3("flex flex-col gap-2", className),
-    children: [
-      attachments.length > 0 && /* @__PURE__ */ jsx4("div", {
-        className: "flex flex-wrap gap-2",
-        children: attachments.map((attachment) => /* @__PURE__ */ jsxs4("div", {
-          className: cn3("flex items-center gap-1.5 rounded-md px-2 py-1", "bg-muted text-muted-foreground text-sm"),
-          children: [
-            attachment.type === "code" ? /* @__PURE__ */ jsx4(Code, {
-              className: "h-3.5 w-3.5"
-            }) : attachment.type === "image" ? /* @__PURE__ */ jsx4(ImageIcon, {
-              className: "h-3.5 w-3.5"
-            }) : /* @__PURE__ */ jsx4(FileText2, {
-              className: "h-3.5 w-3.5"
-            }),
-            /* @__PURE__ */ jsx4("span", {
-              className: "max-w-[150px] truncate",
-              children: attachment.name
-            }),
-            /* @__PURE__ */ jsx4("button", {
-              type: "button",
-              onClick: () => removeAttachment(attachment.id),
-              className: "hover:text-foreground",
-              "aria-label": `Remove ${attachment.name}`,
-              children: /* @__PURE__ */ jsx4(X, {
-                className: "h-3.5 w-3.5"
-              })
-            })
-          ]
-        }, attachment.id))
-      }),
-      fileError && /* @__PURE__ */ jsx4("p", {
-        className: "text-destructive text-xs",
-        role: "alert",
-        children: fileError
-      }),
-      /* @__PURE__ */ jsxs4("form", {
-        onSubmit: handleSubmit,
-        className: "flex items-end gap-2",
-        children: [
-          showAttachments && /* @__PURE__ */ jsxs4(Fragment2, {
-            children: [
-              /* @__PURE__ */ jsx4("input", {
-                ref: fileInputRef,
-                type: "file",
-                multiple: true,
-                accept: ".ts,.tsx,.js,.jsx,.json,.md,.txt,.py,.go,.rs,.java,.yaml,.yml,image/*",
-                onChange: handleFileSelect,
-                className: "hidden",
-                "aria-label": "Attach files"
-              }),
-              /* @__PURE__ */ jsx4(Button2, {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                onPress: () => fileInputRef.current?.click(),
-                disabled: disabled || attachments.length >= maxAttachments,
-                "aria-label": "Attach files",
-                children: /* @__PURE__ */ jsx4(Paperclip, {
-                  className: "h-4 w-4"
-                })
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx4("div", {
-            className: "relative flex-1",
-            children: /* @__PURE__ */ jsx4(Textarea, {
-              value: content,
-              onChange: (e) => setContent(e.target.value),
-              onKeyDown: handleKeyDown,
-              placeholder,
-              disabled,
-              className: cn3("max-h-[200px] min-h-[44px] resize-none pr-12", "focus-visible:ring-1"),
-              rows: 1,
-              "aria-label": "Chat message"
-            })
-          }),
-          /* @__PURE__ */ jsx4(Button2, {
-            type: "submit",
-            disabled: !canSend || disabled || isLoading,
-            size: "sm",
-            "aria-label": isLoading ? "Sending..." : "Send message",
-            children: isLoading ? /* @__PURE__ */ jsx4(Loader2, {
-              className: "h-4 w-4 animate-spin"
-            }) : /* @__PURE__ */ jsx4(Send, {
-              className: "h-4 w-4"
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx4("p", {
-        className: "text-muted-foreground text-xs",
-        children: "Press Enter to send, Shift+Enter for new line"
-      })
-    ]
-  });
-}
-// src/presentation/components/ChatMessage.tsx
-import { Button as Button4 } from "@contractspec/lib.design-system";
-import { Avatar, AvatarFallback } from "@contractspec/lib.ui-kit-web/ui/avatar";
-import { Checkbox } from "@contractspec/lib.ui-kit-web/ui/checkbox";
-import { Skeleton } from "@contractspec/lib.ui-kit-web/ui/skeleton";
-import { cn as cn7 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import {
-  AlertCircle,
-  Bot,
-  Check as Check3,
-  Copy as Copy3,
-  Pencil,
-  User,
-  Wrench,
-  X as X2
-} from "lucide-react";
-import * as React6 from "react";
-
-// src/presentation/components/CodePreview.tsx
-import { Button as Button3 } from "@contractspec/lib.design-system";
-import { cn as cn4 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { Check as Check2, Copy as Copy2, Download as Download2, Play } from "lucide-react";
-import * as React4 from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-"use client";
-var LANGUAGE_NAMES = {
-  ts: "TypeScript",
-  tsx: "TypeScript (React)",
-  typescript: "TypeScript",
-  js: "JavaScript",
-  jsx: "JavaScript (React)",
-  javascript: "JavaScript",
-  json: "JSON",
-  md: "Markdown",
-  yaml: "YAML",
-  yml: "YAML",
-  bash: "Bash",
-  sh: "Shell",
-  sql: "SQL",
-  py: "Python",
-  python: "Python",
-  go: "Go",
-  rust: "Rust",
-  rs: "Rust"
-};
-function CodePreview({
-  code,
-  language = "text",
-  filename,
-  className,
-  showCopy = true,
-  showExecute = false,
-  onExecute,
-  showDownload = false,
-  maxHeight = 400
-}) {
-  const [copied, setCopied] = React4.useState(false);
-  const displayLanguage = LANGUAGE_NAMES[language.toLowerCase()] ?? language;
-  const lines = code.split(`
-`);
-  const handleCopy = React4.useCallback(async () => {
-    await navigator.clipboard.writeText(code);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2000);
-  }, [code]);
-  const handleDownload = React4.useCallback(() => {
-    const blob = new Blob([code], { type: "text/plain" });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = filename ?? `code.${language}`;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-  }, [code, filename, language]);
-  return /* @__PURE__ */ jsxs5("div", {
-    className: cn4("overflow-hidden rounded-lg border", "bg-muted/50", className),
-    children: [
-      /* @__PURE__ */ jsxs5("div", {
-        className: cn4("flex items-center justify-between px-3 py-1.5", "border-b bg-muted/80"),
-        children: [
-          /* @__PURE__ */ jsxs5("div", {
-            className: "flex items-center gap-2 text-sm",
-            children: [
-              filename && /* @__PURE__ */ jsx5("span", {
-                className: "font-mono text-foreground",
-                children: filename
-              }),
-              /* @__PURE__ */ jsx5("span", {
-                className: "text-muted-foreground",
-                children: displayLanguage
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs5("div", {
-            className: "flex items-center gap-1",
-            children: [
-              showExecute && onExecute && /* @__PURE__ */ jsx5(Button3, {
-                variant: "ghost",
-                size: "sm",
-                onPress: () => onExecute(code),
-                className: "h-7 w-7 p-0",
-                "aria-label": "Execute code",
-                children: /* @__PURE__ */ jsx5(Play, {
-                  className: "h-3.5 w-3.5"
-                })
-              }),
-              showDownload && /* @__PURE__ */ jsx5(Button3, {
-                variant: "ghost",
-                size: "sm",
-                onPress: handleDownload,
-                className: "h-7 w-7 p-0",
-                "aria-label": "Download code",
-                children: /* @__PURE__ */ jsx5(Download2, {
-                  className: "h-3.5 w-3.5"
-                })
-              }),
-              showCopy && /* @__PURE__ */ jsx5(Button3, {
-                variant: "ghost",
-                size: "sm",
-                onPress: handleCopy,
-                className: "h-7 w-7 p-0",
-                "aria-label": copied ? "Copied" : "Copy code",
-                children: copied ? /* @__PURE__ */ jsx5(Check2, {
-                  className: "h-3.5 w-3.5 text-green-500"
-                }) : /* @__PURE__ */ jsx5(Copy2, {
-                  className: "h-3.5 w-3.5"
-                })
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx5("div", {
-        className: "overflow-auto",
-        style: { maxHeight },
-        children: /* @__PURE__ */ jsx5("pre", {
-          className: "p-3",
-          children: /* @__PURE__ */ jsx5("code", {
-            className: "text-sm",
-            children: lines.map((line, i) => /* @__PURE__ */ jsxs5("div", {
-              className: "flex",
-              children: [
-                /* @__PURE__ */ jsx5("span", {
-                  className: "mr-4 w-8 select-none text-right text-muted-foreground",
-                  children: i + 1
-                }),
-                /* @__PURE__ */ jsx5("span", {
-                  className: "flex-1",
-                  children: line || " "
-                })
-              ]
-            }, i))
-          })
-        })
-      })
-    ]
-  });
-}
-
-// src/presentation/components/Reasoning.tsx
-import {
-  Collapsible as Collapsible2,
-  CollapsibleContent as CollapsibleContent2,
-  CollapsibleTrigger as CollapsibleTrigger2
-} from "@contractspec/lib.ui-kit-web/ui/collapsible";
-import { cn as cn5 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import * as React5 from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-"use client";
-function Reasoning({
-  isStreaming = false,
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  children,
-  className
-}) {
-  const [internalOpen, setInternalOpen] = React5.useState(defaultOpen);
-  const prevStreamingRef = React5.useRef(isStreaming);
-  const isControlled = open !== undefined;
-  React5.useEffect(() => {
-    if (isStreaming) {
-      if (isControlled) {
-        onOpenChange?.(true);
-      } else {
-        setInternalOpen(true);
-      }
-    } else if (prevStreamingRef.current) {
-      if (isControlled) {
-        onOpenChange?.(false);
-      } else {
-        setInternalOpen(false);
-      }
-    }
-    prevStreamingRef.current = isStreaming;
-  }, [isStreaming, isControlled, onOpenChange]);
-  const handleOpenChange = React5.useCallback((next) => {
-    if (isControlled) {
-      onOpenChange?.(next);
-    } else {
-      setInternalOpen(next);
-    }
-  }, [isControlled, onOpenChange]);
-  return /* @__PURE__ */ jsx6(Collapsible2, {
-    open: isControlled ? open : internalOpen,
-    onOpenChange: handleOpenChange,
-    className: cn5("w-full", className),
-    children
-  });
-}
-function ReasoningTrigger({
-  children,
-  isStreaming = false,
-  className
-}) {
-  return /* @__PURE__ */ jsxs6(CollapsibleTrigger2, {
-    className: cn5("flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground", className),
-    children: [
-      isStreaming && /* @__PURE__ */ jsx6("span", {
-        className: "h-1.5 w-1.5 animate-pulse rounded-full bg-primary",
-        "aria-hidden": true
-      }),
-      children ?? (isStreaming ? "Thinking..." : "View reasoning")
-    ]
-  });
-}
-function ReasoningContent({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx6(CollapsibleContent2, {
-    children: /* @__PURE__ */ jsx6("div", {
-      className: cn5("mt-1 rounded-md bg-muted p-2 text-muted-foreground text-sm", className),
-      children: /* @__PURE__ */ jsx6("p", {
-        className: "whitespace-pre-wrap",
-        children
-      })
-    })
-  });
-}
-
-// src/presentation/components/Sources.tsx
-import {
-  Collapsible as Collapsible3,
-  CollapsibleContent as CollapsibleContent3,
-  CollapsibleTrigger as CollapsibleTrigger3
-} from "@contractspec/lib.ui-kit-web/ui/collapsible";
-import { cn as cn6 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { ExternalLink } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs7, Fragment as Fragment3 } from "react/jsx-runtime";
-"use client";
-function Sources({ children, className }) {
-  return /* @__PURE__ */ jsx7(Collapsible3, {
-    className: cn6("mt-2", className),
-    defaultOpen: false,
-    children
-  });
-}
-function SourcesTrigger({
-  count,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx7(CollapsibleTrigger3, {
-    className: cn6("inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground", className),
-    children: children ?? /* @__PURE__ */ jsxs7(Fragment3, {
-      children: [
-        /* @__PURE__ */ jsx7(ExternalLink, {
-          className: "h-3 w-3"
-        }),
-        count,
-        " source",
-        count !== 1 ? "s" : ""
-      ]
-    })
-  });
-}
-function SourcesContent({ children, className }) {
-  return /* @__PURE__ */ jsx7(CollapsibleContent3, {
-    children: /* @__PURE__ */ jsx7("div", {
-      className: cn6("mt-2 flex flex-wrap gap-2", className),
-      children
-    })
-  });
-}
-function Source({
-  href,
-  title,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7("a", {
-    href,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: cn6("inline-flex items-center gap-1 rounded-md bg-muted px-2 py-1 text-muted-foreground text-xs transition-colors hover:text-foreground", className),
-    ...props,
-    children: children ?? /* @__PURE__ */ jsxs7(Fragment3, {
-      children: [
-        /* @__PURE__ */ jsx7(ExternalLink, {
-          className: "h-3 w-3"
-        }),
-        title ?? href
-      ]
-    })
-  });
-}
-
-// src/presentation/components/ToolResultRenderer.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-"use client";
-function isUIMessageLike(result) {
-  return typeof result === "object" && result !== null && "parts" in result && Array.isArray(result.parts);
-}
-function isPresentationToolResult(result) {
-  return typeof result === "object" && result !== null && "presentationKey" in result && typeof result.presentationKey === "string";
-}
-function isFormToolResult(result) {
-  return typeof result === "object" && result !== null && "formKey" in result && typeof result.formKey === "string";
-}
-function isDataViewToolResult(result) {
-  return typeof result === "object" && result !== null && "dataViewKey" in result && typeof result.dataViewKey === "string";
-}
-function UIMessagePartRenderer({
-  part,
-  presentationRenderer,
-  formRenderer,
-  dataViewRenderer,
-  depth = 0
-}) {
-  if (part === null || part === undefined)
-    return null;
-  const p = part;
-  if (p.type === "text" && typeof p.text === "string") {
-    return /* @__PURE__ */ jsx8("p", {
-      className: "whitespace-pre-wrap text-sm",
-      children: p.text
-    }, depth);
-  }
-  if (p.type && String(p.type).startsWith("tool-") && p.output) {
-    const output = p.output;
-    if (isUIMessageLike(output)) {
-      return /* @__PURE__ */ jsx8("div", {
-        className: "ml-2 border-border border-l-2 pl-2",
-        children: /* @__PURE__ */ jsx8(UIMessagePartsRenderer, {
-          parts: output.parts ?? [],
-          presentationRenderer,
-          formRenderer,
-          dataViewRenderer,
-          depth: depth + 1
-        })
-      }, depth);
-    }
-    return /* @__PURE__ */ jsx8("pre", {
-      className: "overflow-x-auto rounded bg-background p-2 text-xs",
-      children: typeof output === "object" ? JSON.stringify(output, null, 2) : String(output)
-    }, depth);
-  }
-  return null;
-}
-function UIMessagePartsRenderer({
-  parts,
-  presentationRenderer,
-  formRenderer,
-  dataViewRenderer,
-  depth = 0
-}) {
-  if (parts.length === 0)
-    return null;
-  return /* @__PURE__ */ jsx8("div", {
-    className: "space-y-2",
-    children: parts.map((part, i) => /* @__PURE__ */ jsx8(UIMessagePartRenderer, {
-      part,
-      presentationRenderer,
-      formRenderer,
-      dataViewRenderer,
-      depth
-    }, `${depth}-${i}`))
-  });
-}
-function ToolResultRenderer({
-  toolName: _toolName,
-  result,
-  presentationRenderer,
-  formRenderer,
-  dataViewRenderer,
-  showRawFallback = true,
-  renderNestedUIMessage = true
-}) {
-  if (result === undefined || result === null) {
-    return null;
-  }
-  if (renderNestedUIMessage && isUIMessageLike(result) && (result.parts?.length ?? 0) > 0) {
-    return /* @__PURE__ */ jsx8("div", {
-      className: "mt-2 rounded-md border border-border bg-background/50 p-3",
-      children: /* @__PURE__ */ jsx8(UIMessagePartsRenderer, {
-        parts: result.parts ?? [],
-        presentationRenderer,
-        formRenderer,
-        dataViewRenderer
-      })
-    });
-  }
-  if (isPresentationToolResult(result) && presentationRenderer) {
-    const rendered = presentationRenderer(result.presentationKey, result.data);
-    if (rendered != null) {
-      return /* @__PURE__ */ jsx8("div", {
-        className: "mt-2 rounded-md border border-border bg-background/50 p-3",
-        children: rendered
-      });
-    }
-  }
-  if (isFormToolResult(result) && formRenderer) {
-    const rendered = formRenderer(result.formKey, result.defaultValues);
-    if (rendered != null) {
-      return /* @__PURE__ */ jsx8("div", {
-        className: "mt-2 rounded-md border border-border bg-background/50 p-3",
-        children: rendered
-      });
-    }
-  }
-  if (isDataViewToolResult(result) && dataViewRenderer) {
-    const rendered = dataViewRenderer(result.dataViewKey, result.items);
-    if (rendered != null) {
-      return /* @__PURE__ */ jsx8("div", {
-        className: "mt-2 rounded-md border border-border bg-background/50 p-3",
-        children: rendered
-      });
-    }
-  }
-  if (!showRawFallback) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs8("div", {
-    children: [
-      /* @__PURE__ */ jsx8("span", {
-        className: "font-medium text-muted-foreground",
-        children: "Output:"
-      }),
-      /* @__PURE__ */ jsx8("pre", {
-        className: "mt-1 overflow-x-auto rounded bg-background p-2 text-xs",
-        children: typeof result === "object" ? JSON.stringify(result, null, 2) : String(result)
-      })
-    ]
-  });
-}
-
-// src/presentation/components/ChatMessage.tsx
-import { jsx as jsx9, jsxs as jsxs9, Fragment as Fragment4 } from "react/jsx-runtime";
-"use client";
-function extractCodeBlocks(content) {
-  const codeBlockRegex = /```(\w+)?\n([\s\S]*?)```/g;
-  const blocks = [];
-  let match;
-  while ((match = codeBlockRegex.exec(content)) !== null) {
-    blocks.push({
-      language: match[1] ?? "text",
-      code: match[2] ?? "",
-      raw: match[0]
-    });
-  }
-  return blocks;
-}
-function renderInlineMarkdown(text) {
-  const linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
-  const parts = [];
-  let lastIndex = 0;
-  let match;
-  let key = 0;
-  while ((match = linkRegex.exec(text)) !== null) {
-    if (match.index > lastIndex) {
-      parts.push(/* @__PURE__ */ jsx9("span", {
-        children: text.slice(lastIndex, match.index)
-      }, key++));
-    }
-    parts.push(/* @__PURE__ */ jsx9("a", {
-      href: match[2],
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "text-primary underline hover:no-underline",
-      children: match[1]
-    }, key++));
-    lastIndex = match.index + match[0].length;
-  }
-  if (lastIndex < text.length) {
-    parts.push(/* @__PURE__ */ jsx9("span", {
-      children: text.slice(lastIndex)
-    }, key++));
-  }
-  return parts.length > 0 ? parts : [text];
-}
-function MessageContent({ content }) {
-  const codeBlocks = extractCodeBlocks(content);
-  if (codeBlocks.length === 0) {
-    return /* @__PURE__ */ jsx9("p", {
-      className: "whitespace-pre-wrap",
-      children: renderInlineMarkdown(content)
-    });
-  }
-  let remaining = content;
-  const parts = [];
-  let key = 0;
-  for (const block of codeBlocks) {
-    const [before, after] = remaining.split(block.raw);
-    if (before) {
-      parts.push(/* @__PURE__ */ jsx9("p", {
-        className: "whitespace-pre-wrap",
-        children: renderInlineMarkdown(before.trim())
-      }, key++));
-    }
-    parts.push(/* @__PURE__ */ jsx9(CodePreview, {
-      code: block.code,
-      language: block.language,
-      className: "my-2"
-    }, key++));
-    remaining = after ?? "";
-  }
-  if (remaining.trim()) {
-    parts.push(/* @__PURE__ */ jsx9("p", {
-      className: "whitespace-pre-wrap",
-      children: renderInlineMarkdown(remaining.trim())
-    }, key++));
-  }
-  return /* @__PURE__ */ jsx9(Fragment4, {
-    children: parts
-  });
-}
-function toolStatusToCotStatus(status) {
-  if (status === "completed")
-    return "complete";
-  if (status === "running")
-    return "active";
-  return "pending";
-}
-function ChatMessage({
-  message,
-  className,
-  showCopy = true,
-  showAvatar = true,
-  selectable = false,
-  selected = false,
-  onSelect,
-  editable = false,
-  onEdit,
-  presentationRenderer,
-  formRenderer,
-  dataViewRenderer,
-  components: comps
-}) {
-  const [copied, setCopied] = React6.useState(false);
-  const isUser = message.role === "user";
-  const isError = message.status === "error";
-  const isStreaming = message.status === "streaming";
-  const handleCopy = React6.useCallback(async () => {
-    await navigator.clipboard.writeText(message.content);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2000);
-  }, [message.content]);
-  const handleSelectChange = React6.useCallback((checked) => {
-    if (checked !== "indeterminate")
-      onSelect?.(message.id);
-  }, [message.id, onSelect]);
-  const [isEditing, setIsEditing] = React6.useState(false);
-  const [editContent, setEditContent] = React6.useState(message.content);
-  const editTextareaRef = React6.useRef(null);
-  React6.useEffect(() => {
-    setEditContent(message.content);
-  }, [message.content]);
-  React6.useEffect(() => {
-    if (isEditing) {
-      editTextareaRef.current?.focus();
-    }
-  }, [isEditing]);
-  const handleStartEdit = React6.useCallback(() => {
-    setEditContent(message.content);
-    setIsEditing(true);
-  }, [message.content]);
-  const handleSaveEdit = React6.useCallback(async () => {
-    const trimmed = editContent.trim();
-    if (trimmed !== message.content) {
-      await onEdit?.(message.id, trimmed);
-    }
-    setIsEditing(false);
-  }, [editContent, message.id, message.content, onEdit]);
-  const handleCancelEdit = React6.useCallback(() => {
-    setEditContent(message.content);
-    setIsEditing(false);
-  }, [message.content]);
-  return /* @__PURE__ */ jsxs9("div", {
-    className: cn7("group flex gap-3", isUser && "flex-row-reverse", className),
-    children: [
-      selectable && /* @__PURE__ */ jsx9("div", {
-        className: cn7("flex shrink-0 items-start pt-1", "opacity-0 transition-opacity group-hover:opacity-100"),
-        children: /* @__PURE__ */ jsx9(Checkbox, {
-          checked: selected,
-          onCheckedChange: handleSelectChange,
-          "aria-label": selected ? "Deselect message" : "Select message"
-        })
-      }),
-      showAvatar && /* @__PURE__ */ jsx9(Avatar, {
-        className: "h-8 w-8 shrink-0",
-        children: /* @__PURE__ */ jsx9(AvatarFallback, {
-          className: cn7(isUser ? "bg-primary text-primary-foreground" : "bg-muted"),
-          children: isUser ? /* @__PURE__ */ jsx9(User, {
-            className: "h-4 w-4"
-          }) : /* @__PURE__ */ jsx9(Bot, {
-            className: "h-4 w-4"
-          })
-        })
-      }),
-      /* @__PURE__ */ jsxs9("div", {
-        className: cn7("flex max-w-[80%] flex-col gap-1", isUser && "items-end"),
-        children: [
-          /* @__PURE__ */ jsx9("div", {
-            className: cn7("rounded-2xl px-4 py-2", isUser ? "bg-primary text-primary-foreground" : "bg-muted text-foreground", isError && "border border-destructive bg-destructive/10"),
-            children: isError && message.error ? /* @__PURE__ */ jsxs9("div", {
-              className: "flex items-start gap-2",
-              children: [
-                /* @__PURE__ */ jsx9(AlertCircle, {
-                  className: "mt-0.5 h-4 w-4 shrink-0 text-destructive"
-                }),
-                /* @__PURE__ */ jsxs9("div", {
-                  children: [
-                    /* @__PURE__ */ jsx9("p", {
-                      className: "font-medium text-destructive",
-                      children: message.error.code
-                    }),
-                    /* @__PURE__ */ jsx9("p", {
-                      className: "text-muted-foreground text-sm",
-                      children: message.error.message
-                    })
-                  ]
-                })
-              ]
-            }) : isEditing ? /* @__PURE__ */ jsxs9("div", {
-              className: "flex flex-col gap-2",
-              children: [
-                /* @__PURE__ */ jsx9("textarea", {
-                  ref: editTextareaRef,
-                  value: editContent,
-                  onChange: (e) => setEditContent(e.target.value),
-                  className: "min-h-[80px] w-full resize-y rounded-md border bg-background/50 px-3 py-2 text-sm",
-                  rows: 4,
-                  "aria-label": "Edit message"
-                }),
-                /* @__PURE__ */ jsxs9("div", {
-                  className: "flex gap-2",
-                  children: [
-                    /* @__PURE__ */ jsxs9(Button4, {
-                      variant: "default",
-                      size: "sm",
-                      onPress: handleSaveEdit,
-                      "aria-label": "Save edit",
-                      children: [
-                        /* @__PURE__ */ jsx9(Check3, {
-                          className: "h-3 w-3"
-                        }),
-                        "Save"
-                      ]
-                    }),
-                    /* @__PURE__ */ jsxs9(Button4, {
-                      variant: "ghost",
-                      size: "sm",
-                      onPress: handleCancelEdit,
-                      "aria-label": "Cancel edit",
-                      children: [
-                        /* @__PURE__ */ jsx9(X2, {
-                          className: "h-3 w-3"
-                        }),
-                        "Cancel"
-                      ]
-                    })
-                  ]
-                })
-              ]
-            }) : isStreaming && !message.content ? /* @__PURE__ */ jsxs9("div", {
-              className: "flex flex-col gap-2",
-              children: [
-                /* @__PURE__ */ jsx9(Skeleton, {
-                  className: "h-4 w-48"
-                }),
-                /* @__PURE__ */ jsx9(Skeleton, {
-                  className: "h-4 w-32"
-                })
-              ]
-            }) : /* @__PURE__ */ jsx9(MessageContent, {
-              content: message.content
-            })
-          }),
-          /* @__PURE__ */ jsxs9("div", {
-            className: cn7("flex items-center gap-2 text-xs", "text-muted-foreground opacity-0 transition-opacity", "group-hover:opacity-100"),
-            children: [
-              /* @__PURE__ */ jsx9("span", {
-                children: new Date(message.createdAt).toLocaleTimeString([], {
-                  hour: "2-digit",
-                  minute: "2-digit"
-                })
-              }),
-              message.usage && /* @__PURE__ */ jsxs9("span", {
-                children: [
-                  message.usage.inputTokens + message.usage.outputTokens,
-                  " tokens"
-                ]
-              }),
-              showCopy && !isUser && message.content && /* @__PURE__ */ jsx9(Button4, {
-                variant: "ghost",
-                size: "sm",
-                className: "h-6 w-6 p-0",
-                onPress: handleCopy,
-                "aria-label": copied ? "Copied" : "Copy message",
-                children: copied ? /* @__PURE__ */ jsx9(Check3, {
-                  className: "h-3 w-3"
-                }) : /* @__PURE__ */ jsx9(Copy3, {
-                  className: "h-3 w-3"
-                })
-              }),
-              editable && isUser && !isEditing && /* @__PURE__ */ jsx9(Button4, {
-                variant: "ghost",
-                size: "sm",
-                className: "h-6 w-6 p-0",
-                onPress: handleStartEdit,
-                "aria-label": "Edit message",
-                children: /* @__PURE__ */ jsx9(Pencil, {
-                  className: "h-3 w-3"
-                })
-              })
-            ]
-          }),
-          message.reasoning && (comps?.Reasoning ? /* @__PURE__ */ jsx9(comps.Reasoning, {
-            isStreaming: isStreaming && !!message.reasoning,
-            children: message.reasoning
-          }) : /* @__PURE__ */ jsxs9(Reasoning, {
-            isStreaming: isStreaming && !!message.reasoning,
-            className: "mt-2",
-            children: [
-              /* @__PURE__ */ jsx9(ReasoningTrigger, {
-                isStreaming
-              }),
-              /* @__PURE__ */ jsx9(ReasoningContent, {
-                children: message.reasoning
-              })
-            ]
-          })),
-          message.sources && message.sources.length > 0 && (() => {
-            const SourcesComp = comps?.Sources;
-            const SourcesTriggerComp = comps?.SourcesTrigger;
-            const SourceComp = comps?.Source;
-            if (SourcesComp && SourcesTriggerComp && SourceComp) {
-              return /* @__PURE__ */ jsxs9(SourcesComp, {
-                children: [
-                  /* @__PURE__ */ jsx9(SourcesTriggerComp, {
-                    count: message.sources.length
-                  }),
-                  message.sources.map((source) => /* @__PURE__ */ jsx9(SourceComp, {
-                    href: source.url ?? "#",
-                    title: source.title || source.url || source.id
-                  }, source.id))
-                ]
-              });
-            }
-            return /* @__PURE__ */ jsxs9(Sources, {
-              className: "mt-2",
-              children: [
-                /* @__PURE__ */ jsx9(SourcesTrigger, {
-                  count: message.sources.length
-                }),
-                /* @__PURE__ */ jsx9(SourcesContent, {
-                  children: message.sources.map((source) => /* @__PURE__ */ jsx9(Source, {
-                    href: source.url ?? "#",
-                    title: source.title || source.url || source.id
-                  }, source.id))
-                })
-              ]
-            });
-          })(),
-          message.toolCalls && message.toolCalls.length > 0 && (() => {
-            const CotComp = comps?.ChainOfThought;
-            const CotStepComp = comps?.ChainOfThoughtStep;
-            if (CotComp && CotStepComp) {
-              return /* @__PURE__ */ jsx9(CotComp, {
-                defaultOpen: false,
-                className: "mt-2",
-                children: message.toolCalls.map((tc) => /* @__PURE__ */ jsxs9(CotStepComp, {
-                  label: tc.name,
-                  description: Object.keys(tc.args).length > 0 ? `Input: ${JSON.stringify(tc.args)}` : undefined,
-                  status: toolStatusToCotStatus(tc.status),
-                  children: [
-                    tc.preliminary && tc.status === "running" && /* @__PURE__ */ jsx9("p", {
-                      className: "mt-1 text-muted-foreground text-xs",
-                      children: "Running…"
-                    }),
-                    (tc.result !== undefined || tc.nestedParts?.length) && /* @__PURE__ */ jsx9(ToolResultRenderer, {
-                      toolName: tc.name,
-                      result: tc.nestedParts?.length ? { parts: tc.nestedParts } : tc.result,
-                      presentationRenderer,
-                      formRenderer,
-                      dataViewRenderer,
-                      showRawFallback: true
-                    }),
-                    tc.error && /* @__PURE__ */ jsx9("p", {
-                      className: "mt-1 text-destructive text-xs",
-                      children: tc.error
-                    })
-                  ]
-                }, tc.id))
-              });
-            }
-            return /* @__PURE__ */ jsx9("div", {
-              className: "mt-2 space-y-2",
-              children: message.toolCalls.map((tc) => /* @__PURE__ */ jsxs9("details", {
-                className: "rounded-md border border-border bg-muted",
-                children: [
-                  /* @__PURE__ */ jsxs9("summary", {
-                    className: "flex cursor-pointer items-center gap-2 px-3 py-2 font-medium text-sm",
-                    children: [
-                      /* @__PURE__ */ jsx9(Wrench, {
-                        className: "h-4 w-4 text-muted-foreground"
-                      }),
-                      tc.name,
-                      /* @__PURE__ */ jsx9("span", {
-                        className: cn7("ml-auto rounded px-1.5 py-0.5 text-xs", tc.status === "completed" && "bg-green-500/20 text-green-700 dark:text-green-400", tc.status === "error" && "bg-destructive/20 text-destructive", tc.status === "running" && "bg-blue-500/20 text-blue-700 dark:text-blue-400"),
-                        children: tc.status
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs9("div", {
-                    className: "border-border border-t px-3 py-2 text-xs",
-                    children: [
-                      Object.keys(tc.args).length > 0 && /* @__PURE__ */ jsxs9("div", {
-                        className: "mb-2",
-                        children: [
-                          /* @__PURE__ */ jsx9("span", {
-                            className: "font-medium text-muted-foreground",
-                            children: "Input:"
-                          }),
-                          /* @__PURE__ */ jsx9("pre", {
-                            className: "mt-1 overflow-x-auto rounded bg-background p-2",
-                            children: JSON.stringify(tc.args, null, 2)
-                          })
-                        ]
-                      }),
-                      tc.preliminary && tc.status === "running" && /* @__PURE__ */ jsx9("p", {
-                        className: "mt-1 text-muted-foreground text-xs",
-                        children: "Running…"
-                      }),
-                      (tc.result !== undefined || tc.nestedParts?.length) && /* @__PURE__ */ jsx9(ToolResultRenderer, {
-                        toolName: tc.name,
-                        result: tc.nestedParts?.length ? { parts: tc.nestedParts } : tc.result,
-                        presentationRenderer,
-                        formRenderer,
-                        dataViewRenderer,
-                        showRawFallback: true
-                      }),
-                      tc.error && /* @__PURE__ */ jsx9("p", {
-                        className: "mt-1 text-destructive",
-                        children: tc.error
-                      })
-                    ]
-                  })
-                ]
-              }, tc.id))
-            });
-          })()
-        ]
-      })
-    ]
-  });
-}
-// src/presentation/components/ChatSidebar.tsx
-import { Button as Button5 } from "@contractspec/lib.design-system";
-import { cn as cn8 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { MessageSquare, Plus as Plus2, Trash2 } from "lucide-react";
-import * as React8 from "react";
-
-// src/presentation/hooks/useConversations.ts
-import * as React7 from "react";
-"use client";
-function useConversations(options) {
-  const { store, projectId, tags, limit = 50 } = options;
-  const [conversations, setConversations] = React7.useState([]);
-  const [isLoading, setIsLoading] = React7.useState(true);
-  const refresh = React7.useCallback(async () => {
-    setIsLoading(true);
-    try {
-      const list = await store.list({
-        status: "active",
-        projectId,
-        tags,
-        limit
-      });
-      setConversations(list);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [store, projectId, tags, limit]);
-  React7.useEffect(() => {
-    refresh();
-  }, [refresh]);
-  const deleteConversation = React7.useCallback(async (id) => {
-    const ok = await store.delete(id);
-    if (ok) {
-      setConversations((prev) => prev.filter((c) => c.id !== id));
-    }
-    return ok;
-  }, [store]);
-  return {
-    conversations,
-    isLoading,
-    refresh,
-    deleteConversation
-  };
-}
-
-// src/presentation/components/ChatSidebar.tsx
-import { jsx as jsx10, jsxs as jsxs10, Fragment as Fragment5 } from "react/jsx-runtime";
-"use client";
-function formatDate(date) {
-  const d = new Date(date);
-  const now = new Date;
-  const diff = now.getTime() - d.getTime();
-  if (diff < 86400000) {
-    return d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
-  }
-  if (diff < 604800000) {
-    return d.toLocaleDateString([], { weekday: "short" });
-  }
-  return d.toLocaleDateString([], { month: "short", day: "numeric" });
-}
-function ConversationItem({
-  conversation,
-  selected,
-  onSelect,
-  onDelete
-}) {
-  const title = conversation.title ?? conversation.messages[0]?.content?.slice(0, 50) ?? "New chat";
-  const displayTitle = title.length > 40 ? `${title.slice(0, 40)}…` : title;
-  return /* @__PURE__ */ jsxs10("div", {
-    role: "button",
-    tabIndex: 0,
-    onClick: onSelect,
-    onKeyDown: (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        onSelect();
-      }
-    },
-    className: cn8("group flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors", selected ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"),
-    children: [
-      /* @__PURE__ */ jsx10(MessageSquare, {
-        className: "h-4 w-4 shrink-0 text-muted-foreground"
-      }),
-      /* @__PURE__ */ jsxs10("div", {
-        className: "min-w-0 flex-1",
-        children: [
-          /* @__PURE__ */ jsx10("p", {
-            className: "truncate",
-            children: displayTitle
-          }),
-          /* @__PURE__ */ jsxs10("p", {
-            className: "text-muted-foreground text-xs",
-            children: [
-              formatDate(conversation.updatedAt),
-              conversation.projectName && ` · ${conversation.projectName}`,
-              conversation.tags && conversation.tags.length > 0 && /* @__PURE__ */ jsxs10(Fragment5, {
-                children: [
-                  " · ",
-                  conversation.tags.slice(0, 2).join(", ")
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx10("span", {
-        role: "group",
-        onClick: (e) => e.stopPropagation(),
-        onKeyDown: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ jsx10(Button5, {
-          variant: "ghost",
-          size: "sm",
-          className: "h-6 w-6 shrink-0 p-0 opacity-0 group-hover:opacity-100",
-          onPress: onDelete,
-          "aria-label": "Delete conversation",
-          children: /* @__PURE__ */ jsx10(Trash2, {
-            className: "h-3 w-3"
-          })
-        })
-      })
-    ]
-  });
-}
-function ChatSidebar({
-  store,
-  selectedConversationId,
-  onSelectConversation,
-  onCreateNew,
-  projectId,
-  tags,
-  limit = 50,
-  className,
-  collapsed = false,
-  onUpdateConversation,
-  selectedConversation
-}) {
-  const { conversations, isLoading, deleteConversation } = useConversations({
-    store,
-    projectId,
-    tags,
-    limit
-  });
-  const handleDelete = React8.useCallback(async (id) => {
-    const ok = await deleteConversation(id);
-    if (ok && selectedConversationId === id) {
-      onSelectConversation(null);
-    }
-  }, [deleteConversation, selectedConversationId, onSelectConversation]);
-  if (collapsed)
-    return null;
-  return /* @__PURE__ */ jsxs10("div", {
-    className: cn8("flex w-64 shrink-0 flex-col border-border border-r", className),
-    children: [
-      /* @__PURE__ */ jsxs10("div", {
-        className: "flex shrink-0 items-center justify-between border-border border-b p-2",
-        children: [
-          /* @__PURE__ */ jsx10("span", {
-            className: "font-medium text-muted-foreground text-sm",
-            children: "Conversations"
-          }),
-          /* @__PURE__ */ jsx10(Button5, {
-            variant: "ghost",
-            size: "sm",
-            className: "h-8 w-8 p-0",
-            onPress: onCreateNew,
-            "aria-label": "New conversation",
-            children: /* @__PURE__ */ jsx10(Plus2, {
-              className: "h-4 w-4"
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx10("div", {
-        className: "flex-1 overflow-y-auto p-2",
-        children: isLoading ? /* @__PURE__ */ jsx10("div", {
-          className: "py-4 text-center text-muted-foreground text-sm",
-          children: "Loading…"
-        }) : conversations.length === 0 ? /* @__PURE__ */ jsx10("div", {
-          className: "py-4 text-center text-muted-foreground text-sm",
-          children: "No conversations yet"
-        }) : /* @__PURE__ */ jsx10("div", {
-          className: "flex flex-col gap-1",
-          children: conversations.map((conv) => /* @__PURE__ */ jsx10(ConversationItem, {
-            conversation: conv,
-            selected: conv.id === selectedConversationId,
-            onSelect: () => onSelectConversation(conv.id),
-            onDelete: () => handleDelete(conv.id)
-          }, conv.id))
-        })
-      }),
-      selectedConversation && onUpdateConversation && /* @__PURE__ */ jsx10(ConversationMeta, {
-        conversation: selectedConversation,
-        onUpdate: onUpdateConversation
-      })
-    ]
-  });
-}
-function ConversationMeta({
-  conversation,
-  onUpdate
-}) {
-  const [projectName, setProjectName] = React8.useState(conversation.projectName ?? "");
-  const [tagsStr, setTagsStr] = React8.useState(conversation.tags?.join(", ") ?? "");
-  React8.useEffect(() => {
-    setProjectName(conversation.projectName ?? "");
-    setTagsStr(conversation.tags?.join(", ") ?? "");
-  }, [conversation.id, conversation.projectName, conversation.tags]);
-  const handleBlur = React8.useCallback(() => {
-    const tags = tagsStr.split(",").map((t) => t.trim()).filter(Boolean);
-    if (projectName !== (conversation.projectName ?? "") || JSON.stringify(tags) !== JSON.stringify(conversation.tags ?? [])) {
-      onUpdate(conversation.id, {
-        projectName: projectName || undefined,
-        projectId: projectName ? projectName.replace(/\s+/g, "-") : undefined,
-        tags: tags.length > 0 ? tags : undefined
-      });
-    }
-  }, [
-    conversation.id,
-    conversation.projectName,
-    conversation.tags,
-    projectName,
-    tagsStr,
-    onUpdate
-  ]);
-  return /* @__PURE__ */ jsxs10("div", {
-    className: "shrink-0 border-border border-t p-2",
-    children: [
-      /* @__PURE__ */ jsx10("p", {
-        className: "mb-1 font-medium text-muted-foreground text-xs",
-        children: "Project"
-      }),
-      /* @__PURE__ */ jsx10("input", {
-        type: "text",
-        value: projectName,
-        onChange: (e) => setProjectName(e.target.value),
-        onBlur: handleBlur,
-        placeholder: "Project name",
-        className: "mb-2 w-full rounded border-input bg-background px-2 py-1 text-xs"
-      }),
-      /* @__PURE__ */ jsx10("p", {
-        className: "mb-1 font-medium text-muted-foreground text-xs",
-        children: "Tags"
-      }),
-      /* @__PURE__ */ jsx10("input", {
-        type: "text",
-        value: tagsStr,
-        onChange: (e) => setTagsStr(e.target.value),
-        onBlur: handleBlur,
-        placeholder: "tag1, tag2",
-        className: "w-full rounded border-input bg-background px-2 py-1 text-xs"
-      })
-    ]
-  });
-}
-// src/presentation/components/ChatWithExport.tsx
-import * as React12 from "react";
-
-// src/presentation/hooks/useMessageSelection.ts
-import * as React9 from "react";
-"use client";
-function useMessageSelection(messageIds) {
-  const [selectedIds, setSelectedIds] = React9.useState(() => new Set);
-  const idSet = React9.useMemo(() => new Set(messageIds), [messageIds.join(",")]);
-  React9.useEffect(() => {
-    setSelectedIds((prev) => {
-      const next = new Set;
-      for (const id of prev) {
-        if (idSet.has(id))
-          next.add(id);
-      }
-      return next.size === prev.size ? prev : next;
-    });
-  }, [idSet]);
-  const toggle = React9.useCallback((id) => {
-    setSelectedIds((prev) => {
-      const next = new Set(prev);
-      if (next.has(id))
-        next.delete(id);
-      else
-        next.add(id);
-      return next;
-    });
-  }, []);
-  const selectAll = React9.useCallback(() => {
-    setSelectedIds(new Set(messageIds));
-  }, [messageIds.join(",")]);
-  const clearSelection = React9.useCallback(() => {
-    setSelectedIds(new Set);
-  }, []);
-  const isSelected = React9.useCallback((id) => selectedIds.has(id), [selectedIds]);
-  const selectedCount = selectedIds.size;
-  return {
-    selectedIds,
-    toggle,
-    selectAll,
-    clearSelection,
-    isSelected,
-    selectedCount
-  };
-}
-
-// src/presentation/components/Suggestion.tsx
-import { Button as Button6 } from "@contractspec/lib.design-system";
-import { cn as cn9 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import * as React10 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-"use client";
-function Suggestions({ children, className }) {
-  return /* @__PURE__ */ jsx11("div", {
-    className: cn9("flex flex-wrap gap-2", className),
-    children
-  });
-}
-function Suggestion({
-  suggestion,
-  onClick,
-  className
-}) {
-  const handleClick = React10.useCallback(() => {
-    onClick?.(suggestion);
-  }, [suggestion, onClick]);
-  return /* @__PURE__ */ jsx11(Button6, {
-    type: "button",
-    variant: "outline",
-    size: "sm",
-    onPress: handleClick,
-    className: cn9("text-muted-foreground hover:text-foreground", className),
-    children: suggestion
-  });
-}
-
-// src/presentation/components/ThinkingLevelPicker.tsx
-import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "@contractspec/lib.ui-kit-web/ui/select";
-import { cn as cn10 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import * as React11 from "react";
-
-// src/core/thinking-levels.ts
-var THINKING_LEVEL_LABELS = {
-  instant: "Instant",
-  thinking: "Thinking",
-  extra_thinking: "Extra Thinking",
-  max: "Max"
-};
-var THINKING_LEVEL_DESCRIPTIONS = {
-  instant: "Fast responses, minimal reasoning",
-  thinking: "Standard reasoning depth",
-  extra_thinking: "More thorough reasoning",
-  max: "Maximum reasoning depth"
-};
-function getProviderOptions(level, providerName) {
-  if (!level || level === "instant") {
-    return {};
-  }
-  switch (providerName) {
-    case "anthropic": {
-      const budgetMap = {
-        thinking: 8000,
-        extra_thinking: 16000,
-        max: 32000
-      };
-      return {
-        anthropic: {
-          thinking: { type: "enabled", budgetTokens: budgetMap[level] }
-        }
-      };
-    }
-    case "openai": {
-      const effortMap = {
-        thinking: "low",
-        extra_thinking: "medium",
-        max: "high"
-      };
-      return {
-        openai: {
-          reasoningEffort: effortMap[level]
-        }
-      };
-    }
-    case "ollama":
-    case "mistral":
-    case "gemini":
-      return {};
-    default:
-      return {};
-  }
-}
-
-// src/presentation/components/ThinkingLevelPicker.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-"use client";
-var THINKING_LEVELS = [
-  "instant",
-  "thinking",
-  "extra_thinking",
-  "max"
-];
-function ThinkingLevelPicker({
-  value,
-  onChange,
-  className,
-  compact = false
-}) {
-  const handleChange = React11.useCallback((v) => {
-    onChange(v);
-  }, [onChange]);
-  if (compact) {
-    return /* @__PURE__ */ jsxs11(Select, {
-      value,
-      onValueChange: handleChange,
-      children: [
-        /* @__PURE__ */ jsx12(SelectTrigger, {
-          className: cn10("w-[140px]", className),
-          children: /* @__PURE__ */ jsx12(SelectValue, {})
-        }),
-        /* @__PURE__ */ jsx12(SelectContent, {
-          children: THINKING_LEVELS.map((level) => /* @__PURE__ */ jsx12(SelectItem, {
-            value: level,
-            children: THINKING_LEVEL_LABELS[level]
-          }, level))
-        })
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxs11("div", {
-    className: cn10("flex flex-col gap-1.5", className),
-    children: [
-      /* @__PURE__ */ jsx12(Label, {
-        htmlFor: "thinking-level-picker",
-        className: "font-medium text-sm",
-        children: "Thinking Level"
-      }),
-      /* @__PURE__ */ jsxs11(Select, {
-        name: "thinking-level-picker",
-        value,
-        onValueChange: handleChange,
-        children: [
-          /* @__PURE__ */ jsx12(SelectTrigger, {
-            children: /* @__PURE__ */ jsx12(SelectValue, {
-              placeholder: "Select thinking level"
-            })
-          }),
-          /* @__PURE__ */ jsx12(SelectContent, {
-            children: THINKING_LEVELS.map((level) => /* @__PURE__ */ jsx12(SelectItem, {
-              value: level,
-              title: THINKING_LEVEL_DESCRIPTIONS[level],
-              children: THINKING_LEVEL_LABELS[level]
-            }, level))
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/presentation/components/ChatWithExport.tsx
-import { jsx as jsx13, jsxs as jsxs12, Fragment as Fragment6 } from "react/jsx-runtime";
-"use client";
-function ChatWithExport({
-  messages,
-  conversation,
-  children,
-  className,
-  showExport = true,
-  showMessageSelection = true,
-  showScrollButton = true,
-  onCreateNew,
-  onFork,
-  onEditMessage,
-  thinkingLevel = "thinking",
-  onThinkingLevelChange,
-  presentationRenderer,
-  formRenderer,
-  dataViewRenderer,
-  components,
-  suggestions,
-  onSuggestionClick,
-  suggestionComponents: suggestionComps,
-  showSuggestionsWhenEmpty = true
-}) {
-  const messageIds = React12.useMemo(() => messages.map((m) => m.id), [messages]);
-  const selection = useMessageSelection(messageIds);
-  const showSuggestions = suggestions && suggestions.length > 0 && (messages.length === 0 || showSuggestionsWhenEmpty);
-  const hasToolbar = showExport || showMessageSelection;
-  const hasPicker = Boolean(onThinkingLevelChange);
-  const headerContent = hasPicker || hasToolbar ? /* @__PURE__ */ jsxs12(Fragment6, {
-    children: [
-      hasPicker && onThinkingLevelChange && /* @__PURE__ */ jsx13(ThinkingLevelPicker, {
-        value: thinkingLevel,
-        onChange: onThinkingLevelChange,
-        compact: true
-      }),
-      hasToolbar && /* @__PURE__ */ jsx13(ChatExportToolbar, {
-        messages,
-        conversation,
-        selectedIds: selection.selectedIds,
-        showSelectionSummary: showMessageSelection,
-        onSelectAll: showMessageSelection ? selection.selectAll : undefined,
-        onClearSelection: showMessageSelection ? selection.clearSelection : undefined,
-        selectedCount: selection.selectedCount,
-        totalCount: messages.length,
-        onCreateNew,
-        onFork
-      })
-    ]
-  }) : null;
-  return /* @__PURE__ */ jsxs12(ChatContainer, {
-    className,
-    headerContent,
-    showScrollButton,
-    children: [
-      messages.map((msg) => /* @__PURE__ */ jsx13(ChatMessage, {
-        message: msg,
-        selectable: showMessageSelection,
-        selected: selection.isSelected(msg.id),
-        onSelect: showMessageSelection ? selection.toggle : undefined,
-        editable: msg.role === "user" && !!onEditMessage,
-        onEdit: onEditMessage,
-        presentationRenderer,
-        formRenderer,
-        dataViewRenderer,
-        components
-      }, msg.id)),
-      showSuggestions && (() => {
-        const SuggestionsComp = suggestionComps?.Suggestions;
-        const SuggestionComp = suggestionComps?.Suggestion;
-        if (SuggestionsComp && SuggestionComp) {
-          return /* @__PURE__ */ jsx13(SuggestionsComp, {
-            children: suggestions.map((s) => /* @__PURE__ */ jsx13(SuggestionComp, {
-              suggestion: s,
-              onClick: onSuggestionClick
-            }, s))
-          });
-        }
-        return /* @__PURE__ */ jsx13(Suggestions, {
-          className: "mb-4",
-          children: suggestions.map((s) => /* @__PURE__ */ jsx13(Suggestion, {
-            suggestion: s,
-            onClick: onSuggestionClick
-          }, s))
-        });
-      })(),
-      children
-    ]
-  });
-}
-// src/presentation/components/ChatWithSidebar.tsx
-import * as React14 from "react";
-
-// src/core/local-storage-conversation-store.ts
-var DEFAULT_KEY = "contractspec:ai-chat:conversations";
-function generateId(prefix) {
-  return `${prefix}_${Date.now()}_${Math.random().toString(36).slice(2, 11)}`;
-}
-function toSerializable(conv) {
-  return {
-    ...conv,
-    createdAt: conv.createdAt.toISOString(),
-    updatedAt: conv.updatedAt.toISOString(),
-    messages: conv.messages.map((m) => ({
-      ...m,
-      createdAt: m.createdAt.toISOString(),
-      updatedAt: m.updatedAt.toISOString()
-    }))
-  };
-}
-function fromSerializable(raw) {
-  const messages = raw.messages?.map((m) => ({
-    ...m,
-    createdAt: new Date(m.createdAt),
-    updatedAt: new Date(m.updatedAt)
-  })) ?? [];
-  return {
-    ...raw,
-    createdAt: new Date(raw.createdAt),
-    updatedAt: new Date(raw.updatedAt),
-    messages
-  };
-}
-function loadAll(key) {
-  if (typeof window === "undefined")
-    return new Map;
-  try {
-    const raw = window.localStorage.getItem(key);
-    if (!raw)
-      return new Map;
-    const arr = JSON.parse(raw);
-    const map = new Map;
-    for (const item of arr) {
-      const conv = fromSerializable(item);
-      map.set(conv.id, conv);
-    }
-    return map;
-  } catch {
-    return new Map;
-  }
-}
-function saveAll(key, map) {
-  if (typeof window === "undefined")
-    return;
-  try {
-    const arr = Array.from(map.values()).map(toSerializable);
-    window.localStorage.setItem(key, JSON.stringify(arr));
-  } catch {}
-}
-
-class LocalStorageConversationStore {
-  key;
-  cache = null;
-  constructor(storageKey = DEFAULT_KEY) {
-    this.key = storageKey;
-  }
-  getMap() {
-    if (!this.cache) {
-      this.cache = loadAll(this.key);
-    }
-    return this.cache;
-  }
-  persist() {
-    saveAll(this.key, this.getMap());
-  }
-  async get(conversationId) {
-    return this.getMap().get(conversationId) ?? null;
-  }
-  async create(conversation) {
-    const now = new Date;
-    const full = {
-      ...conversation,
-      id: generateId("conv"),
-      createdAt: now,
-      updatedAt: now
-    };
-    this.getMap().set(full.id, full);
-    this.persist();
-    return full;
-  }
-  async update(conversationId, updates) {
-    const conv = this.getMap().get(conversationId);
-    if (!conv)
-      return null;
-    const updated = {
-      ...conv,
-      ...updates,
-      updatedAt: new Date
-    };
-    this.getMap().set(conversationId, updated);
-    this.persist();
-    return updated;
-  }
-  async appendMessage(conversationId, message) {
-    const conv = this.getMap().get(conversationId);
-    if (!conv)
-      throw new Error(`Conversation ${conversationId} not found`);
-    const now = new Date;
-    const fullMessage = {
-      ...message,
-      id: generateId("msg"),
-      conversationId,
-      createdAt: now,
-      updatedAt: now
-    };
-    conv.messages.push(fullMessage);
-    conv.updatedAt = now;
-    this.persist();
-    return fullMessage;
-  }
-  async updateMessage(conversationId, messageId, updates) {
-    const conv = this.getMap().get(conversationId);
-    if (!conv)
-      return null;
-    const idx = conv.messages.findIndex((m) => m.id === messageId);
-    if (idx === -1)
-      return null;
-    const msg = conv.messages[idx];
-    if (!msg)
-      return null;
-    const updated = {
-      ...msg,
-      ...updates,
-      updatedAt: new Date
-    };
-    conv.messages[idx] = updated;
-    conv.updatedAt = new Date;
-    this.persist();
-    return updated;
-  }
-  async delete(conversationId) {
-    const deleted = this.getMap().delete(conversationId);
-    if (deleted)
-      this.persist();
-    return deleted;
-  }
-  async list(options) {
-    let results = Array.from(this.getMap().values());
-    if (options?.status) {
-      results = results.filter((c) => c.status === options.status);
-    }
-    if (options?.projectId) {
-      results = results.filter((c) => c.projectId === options.projectId);
-    }
-    if (options?.tags && options.tags.length > 0) {
-      const tagSet = new Set(options.tags);
-      results = results.filter((c) => c.tags && c.tags.some((t) => tagSet.has(t)));
-    }
-    results.sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime());
-    const offset = options?.offset ?? 0;
-    const limit = options?.limit ?? 100;
-    return results.slice(offset, offset + limit);
-  }
-  async fork(conversationId, upToMessageId) {
-    const source = this.getMap().get(conversationId);
-    if (!source)
-      throw new Error(`Conversation ${conversationId} not found`);
-    let messagesToCopy = source.messages;
-    if (upToMessageId) {
-      const idx = source.messages.findIndex((m) => m.id === upToMessageId);
-      if (idx === -1)
-        throw new Error(`Message ${upToMessageId} not found`);
-      messagesToCopy = source.messages.slice(0, idx + 1);
-    }
-    const now = new Date;
-    const forkedMessages = messagesToCopy.map((m) => ({
-      ...m,
-      id: generateId("msg"),
-      conversationId: "",
-      createdAt: new Date(m.createdAt),
-      updatedAt: new Date(m.updatedAt)
-    }));
-    const forked = {
-      ...source,
-      id: generateId("conv"),
-      title: source.title ? `${source.title} (fork)` : undefined,
-      forkedFromId: source.id,
-      createdAt: now,
-      updatedAt: now,
-      messages: forkedMessages
-    };
-    for (const m of forked.messages) {
-      m.conversationId = forked.id;
-    }
-    this.getMap().set(forked.id, forked);
-    this.persist();
-    return forked;
-  }
-  async truncateAfter(conversationId, messageId) {
-    const conv = this.getMap().get(conversationId);
-    if (!conv)
-      return null;
-    const idx = conv.messages.findIndex((m) => m.id === messageId);
-    if (idx === -1)
-      return null;
-    conv.messages = conv.messages.slice(0, idx + 1);
-    conv.updatedAt = new Date;
-    this.persist();
-    return conv;
-  }
-  async search(query, limit = 20) {
-    const lowerQuery = query.toLowerCase();
-    const results = [];
-    for (const conv of this.getMap().values()) {
-      if (conv.title?.toLowerCase().includes(lowerQuery)) {
-        results.push(conv);
-        continue;
-      }
-      if (conv.messages.some((m) => m.content.toLowerCase().includes(lowerQuery))) {
-        results.push(conv);
-      }
-      if (results.length >= limit)
-        break;
-    }
-    return results;
-  }
-}
-function createLocalStorageConversationStore(storageKey) {
-  return new LocalStorageConversationStore(storageKey);
-}
-
-// src/presentation/hooks/useChat.tsx
-import {
-  createProvider
-} from "@contractspec/lib.ai-providers";
-import { tool as tool4 } from "ai";
-import * as React13 from "react";
-import { z as z4 } from "zod";
-
-// src/core/chat-service.ts
-import { generateText, streamText } from "ai";
-import { compilePlannerPrompt } from "@contractspec/lib.surface-runtime/runtime/planner-prompt";
-
-// src/core/agent-tools-adapter.ts
-import { tool } from "ai";
-import { z } from "zod";
-function getInputSchema(_schema) {
-  return z.object({}).passthrough();
-}
-function agentToolConfigsToToolSet(configs, handlers) {
-  const result = {};
-  for (const config of configs) {
-    const handler = handlers?.[config.name];
-    const inputSchema = getInputSchema(config.schema);
-    result[config.name] = tool({
-      description: config.description ?? config.name,
-      inputSchema,
-      execute: async (input) => {
-        if (!handler) {
-          return {
-            status: "unimplemented",
-            message: "Wire handler in host",
-            toolName: config.name
-          };
-        }
-        try {
-          const output = await Promise.resolve(handler(input));
-          return typeof output === "string" ? output : output;
-        } catch (err) {
-          return {
-            status: "error",
-            error: err instanceof Error ? err.message : String(err),
-            toolName: config.name
-          };
-        }
-      }
-    });
-  }
-  return result;
-}
-
-// src/core/contracts-context.ts
-function buildContractsContextPrompt(config) {
-  const parts = [];
-  if (!config.agentSpecs?.length && !config.dataViewSpecs?.length && !config.formSpecs?.length && !config.presentationSpecs?.length && !config.operationRefs?.length) {
-    return "";
-  }
-  parts.push(`
-
-## Available resources`);
-  if (config.agentSpecs?.length) {
-    parts.push(`
-### Agent tools`);
-    for (const agent of config.agentSpecs) {
-      const toolNames = agent.tools?.map((t) => t.name).join(", ") ?? "none";
-      parts.push(`- **${agent.key}**: tools: ${toolNames}`);
-    }
-  }
-  if (config.dataViewSpecs?.length) {
-    parts.push(`
-### Data views`);
-    for (const dv of config.dataViewSpecs) {
-      parts.push(`- **${dv.key}**: ${dv.meta.title ?? dv.key}`);
-    }
-  }
-  if (config.formSpecs?.length) {
-    parts.push(`
-### Forms`);
-    for (const form of config.formSpecs) {
-      parts.push(`- **${form.key}**: ${form.meta.title ?? form.key}`);
-    }
-  }
-  if (config.presentationSpecs?.length) {
-    parts.push(`
-### Presentations`);
-    for (const pres of config.presentationSpecs) {
-      parts.push(`- **${pres.key}**: ${pres.meta.title ?? pres.key} (targets: ${pres.targets?.join(", ") ?? "react"})`);
-    }
-  }
-  if (config.operationRefs?.length) {
-    parts.push(`
-### Operations`);
-    for (const op of config.operationRefs) {
-      parts.push(`- **${op.key}@${op.version}**`);
-    }
-  }
-  parts.push(`
-Use the available tools to invoke operations, query data views, or propose surface changes when appropriate.`);
-  return parts.join(`
-`);
-}
-
-// src/core/conversation-store.ts
-function generateId2(prefix) {
-  return `${prefix}_${Date.now()}_${Math.random().toString(36).slice(2, 11)}`;
-}
-
-class InMemoryConversationStore {
-  conversations = new Map;
-  async get(conversationId) {
-    return this.conversations.get(conversationId) ?? null;
-  }
-  async create(conversation) {
-    const now = new Date;
-    const fullConversation = {
-      ...conversation,
-      id: generateId2("conv"),
-      createdAt: now,
-      updatedAt: now
-    };
-    this.conversations.set(fullConversation.id, fullConversation);
-    return fullConversation;
-  }
-  async update(conversationId, updates) {
-    const conversation = this.conversations.get(conversationId);
-    if (!conversation)
-      return null;
-    const updated = {
-      ...conversation,
-      ...updates,
-      updatedAt: new Date
-    };
-    this.conversations.set(conversationId, updated);
-    return updated;
-  }
-  async appendMessage(conversationId, message) {
-    const conversation = this.conversations.get(conversationId);
-    if (!conversation) {
-      throw new Error(`Conversation ${conversationId} not found`);
-    }
-    const now = new Date;
-    const fullMessage = {
-      ...message,
-      id: generateId2("msg"),
-      conversationId,
-      createdAt: now,
-      updatedAt: now
-    };
-    conversation.messages.push(fullMessage);
-    conversation.updatedAt = now;
-    return fullMessage;
-  }
-  async updateMessage(conversationId, messageId, updates) {
-    const conversation = this.conversations.get(conversationId);
-    if (!conversation)
-      return null;
-    const messageIndex = conversation.messages.findIndex((m) => m.id === messageId);
-    if (messageIndex === -1)
-      return null;
-    const message = conversation.messages[messageIndex];
-    if (!message)
-      return null;
-    const updated = {
-      ...message,
-      ...updates,
-      updatedAt: new Date
-    };
-    conversation.messages[messageIndex] = updated;
-    conversation.updatedAt = new Date;
-    return updated;
-  }
-  async delete(conversationId) {
-    return this.conversations.delete(conversationId);
-  }
-  async list(options) {
-    let results = Array.from(this.conversations.values());
-    if (options?.status) {
-      results = results.filter((c) => c.status === options.status);
-    }
-    if (options?.projectId) {
-      results = results.filter((c) => c.projectId === options.projectId);
-    }
-    if (options?.tags && options.tags.length > 0) {
-      const tagSet = new Set(options.tags);
-      results = results.filter((c) => c.tags && c.tags.some((t) => tagSet.has(t)));
-    }
-    results.sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime());
-    const offset = options?.offset ?? 0;
-    const limit = options?.limit ?? 100;
-    return results.slice(offset, offset + limit);
-  }
-  async fork(conversationId, upToMessageId) {
-    const source = this.conversations.get(conversationId);
-    if (!source) {
-      throw new Error(`Conversation ${conversationId} not found`);
-    }
-    let messagesToCopy = source.messages;
-    if (upToMessageId) {
-      const idx = source.messages.findIndex((m) => m.id === upToMessageId);
-      if (idx === -1) {
-        throw new Error(`Message ${upToMessageId} not found`);
-      }
-      messagesToCopy = source.messages.slice(0, idx + 1);
-    }
-    const now = new Date;
-    const forkedMessages = messagesToCopy.map((m) => ({
-      ...m,
-      id: generateId2("msg"),
-      conversationId: "",
-      createdAt: new Date(m.createdAt),
-      updatedAt: new Date(m.updatedAt)
-    }));
-    const forked = {
-      ...source,
-      id: generateId2("conv"),
-      title: source.title ? `${source.title} (fork)` : undefined,
-      forkedFromId: source.id,
-      createdAt: now,
-      updatedAt: now,
-      messages: forkedMessages
-    };
-    for (const m of forked.messages) {
-      m.conversationId = forked.id;
-    }
-    this.conversations.set(forked.id, forked);
-    return forked;
-  }
-  async truncateAfter(conversationId, messageId) {
-    const conv = this.conversations.get(conversationId);
-    if (!conv)
-      return null;
-    const idx = conv.messages.findIndex((m) => m.id === messageId);
-    if (idx === -1)
-      return null;
-    conv.messages = conv.messages.slice(0, idx + 1);
-    conv.updatedAt = new Date;
-    return conv;
-  }
-  async search(query, limit = 20) {
-    const lowerQuery = query.toLowerCase();
-    const results = [];
-    for (const conversation of this.conversations.values()) {
-      if (conversation.title?.toLowerCase().includes(lowerQuery)) {
-        results.push(conversation);
-        continue;
-      }
-      const hasMatch = conversation.messages.some((m) => m.content.toLowerCase().includes(lowerQuery));
-      if (hasMatch) {
-        results.push(conversation);
-      }
-      if (results.length >= limit)
-        break;
-    }
-    return results;
-  }
-  clear() {
-    this.conversations.clear();
-  }
-}
-function createInMemoryConversationStore() {
-  return new InMemoryConversationStore;
-}
-
-// src/core/surface-planner-tools.ts
-import { buildSurfacePatchProposal } from "@contractspec/lib.surface-runtime/runtime/planner-tools";
-import {
-  validatePatchProposal
-} from "@contractspec/lib.surface-runtime/spec/validate-surface-patch";
-import { tool as tool2 } from "ai";
-import { z as z2 } from "zod";
-var VALID_OPS = [
-  "insert-node",
-  "replace-node",
-  "remove-node",
-  "move-node",
-  "resize-panel",
-  "set-layout",
-  "reveal-field",
-  "hide-field",
-  "promote-action",
-  "set-focus"
-];
-var DEFAULT_NODE_KINDS = [
-  "entity-section",
-  "entity-card",
-  "data-view",
-  "assistant-panel",
-  "chat-thread",
-  "action-bar",
-  "timeline",
-  "table",
-  "rich-doc",
-  "form",
-  "chart",
-  "custom-widget"
-];
-function collectSlotIdsFromRegion(node) {
-  const ids = [];
-  if (node.type === "slot") {
-    ids.push(node.slotId);
-  }
-  if (node.type === "panel-group" || node.type === "stack") {
-    for (const child of node.children) {
-      ids.push(...collectSlotIdsFromRegion(child));
-    }
-  }
-  if (node.type === "tabs") {
-    for (const tab of node.tabs) {
-      ids.push(...collectSlotIdsFromRegion(tab.child));
-    }
-  }
-  if (node.type === "floating") {
-    ids.push(node.anchorSlotId);
-    ids.push(...collectSlotIdsFromRegion(node.child));
-  }
-  return ids;
-}
-function deriveConstraints(plan) {
-  const slotIds = collectSlotIdsFromRegion(plan.layoutRoot);
-  const uniqueSlots = [...new Set(slotIds)];
-  return {
-    allowedOps: VALID_OPS,
-    allowedSlots: uniqueSlots.length > 0 ? uniqueSlots : ["assistant", "primary"],
-    allowedNodeKinds: DEFAULT_NODE_KINDS
-  };
-}
-var ProposePatchInputSchema = z2.object({
-  proposalId: z2.string().describe("Unique proposal identifier"),
-  ops: z2.array(z2.object({
-    op: z2.enum([
-      "insert-node",
-      "replace-node",
-      "remove-node",
-      "move-node",
-      "resize-panel",
-      "set-layout",
-      "reveal-field",
-      "hide-field",
-      "promote-action",
-      "set-focus"
-    ]),
-    slotId: z2.string().optional(),
-    nodeId: z2.string().optional(),
-    toSlotId: z2.string().optional(),
-    index: z2.number().optional(),
-    node: z2.object({
-      nodeId: z2.string(),
-      kind: z2.string(),
-      title: z2.string().optional(),
-      props: z2.record(z2.string(), z2.unknown()).optional(),
-      children: z2.array(z2.unknown()).optional()
-    }).optional(),
-    persistKey: z2.string().optional(),
-    sizes: z2.array(z2.number()).optional(),
-    layoutId: z2.string().optional(),
-    fieldId: z2.string().optional(),
-    actionId: z2.string().optional(),
-    placement: z2.enum(["header", "inline", "context", "assistant"]).optional(),
-    targetId: z2.string().optional()
-  }))
-});
-function createSurfacePlannerTools(config) {
-  const { plan, constraints, onPatchProposal } = config;
-  const resolvedConstraints = constraints ?? deriveConstraints(plan);
-  const proposePatchTool = tool2({
-    description: "Propose surface patches (layout changes, node insertions, etc.) for user approval. " + "Only use allowed ops, slots, and node kinds from the planner context.",
-    inputSchema: ProposePatchInputSchema,
-    execute: async (input) => {
-      const ops = input.ops;
-      try {
-        validatePatchProposal(ops, resolvedConstraints);
-        const proposal = buildSurfacePatchProposal(input.proposalId, ops);
-        onPatchProposal?.(proposal);
-        return {
-          success: true,
-          proposalId: proposal.proposalId,
-          opsCount: proposal.ops.length,
-          message: "Patch proposal validated; awaiting user approval"
-        };
-      } catch (err) {
-        return {
-          success: false,
-          error: err instanceof Error ? err.message : String(err),
-          proposalId: input.proposalId
-        };
-      }
-    }
-  });
-  return {
-    "propose-patch": proposePatchTool
-  };
-}
-function buildPlannerPromptInput(plan) {
-  const constraints = deriveConstraints(plan);
-  return {
-    bundleMeta: {
-      key: plan.bundleKey,
-      version: "0.0.0",
-      title: plan.bundleKey
-    },
-    surfaceId: plan.surfaceId,
-    allowedPatchOps: constraints.allowedOps,
-    allowedSlots: [...constraints.allowedSlots],
-    allowedNodeKinds: [...constraints.allowedNodeKinds],
-    actions: plan.actions.map((a) => ({
-      actionId: a.actionId,
-      title: a.title
-    })),
-    preferences: {
-      guidance: "hints",
-      density: "standard",
-      dataDepth: "detailed",
-      control: "standard",
-      media: "text",
-      pace: "balanced",
-      narrative: "top-down"
-    }
-  };
-}
-
-// src/core/workflow-tools.ts
-import {
-  validateExtension,
-  WorkflowComposer
-} from "@contractspec/lib.workflow-composer";
-import { tool as tool3 } from "ai";
-import { z as z3 } from "zod";
-var StepTypeSchema = z3.enum(["human", "automation", "decision"]);
-var StepActionSchema = z3.object({
-  operation: z3.object({
-    name: z3.string(),
-    version: z3.number()
-  }).optional(),
-  form: z3.object({
-    key: z3.string(),
-    version: z3.number()
-  }).optional()
-}).optional();
-var StepSchema = z3.object({
-  id: z3.string(),
-  type: StepTypeSchema,
-  label: z3.string(),
-  description: z3.string().optional(),
-  action: StepActionSchema
-});
-var StepInjectionSchema = z3.object({
-  after: z3.string().optional(),
-  before: z3.string().optional(),
-  inject: StepSchema,
-  transitionTo: z3.string().optional(),
-  transitionFrom: z3.string().optional(),
-  when: z3.string().optional()
-});
-var WorkflowExtensionInputSchema = z3.object({
-  workflow: z3.string(),
-  tenantId: z3.string().optional(),
-  role: z3.string().optional(),
-  priority: z3.number().optional(),
-  customSteps: z3.array(StepInjectionSchema).optional(),
-  hiddenSteps: z3.array(z3.string()).optional()
-});
-function createWorkflowTools(config) {
-  const { baseWorkflows, composer } = config;
-  const baseByKey = new Map(baseWorkflows.map((b) => [b.meta.key, b]));
-  const createWorkflowExtensionTool = tool3({
-    description: "Create or validate a workflow extension. Use when the user asks to add steps, modify a workflow, or create a tenant-specific extension. The extension targets an existing base workflow.",
-    inputSchema: WorkflowExtensionInputSchema,
-    execute: async (input) => {
-      const extension = {
-        workflow: input.workflow,
-        tenantId: input.tenantId,
-        role: input.role,
-        priority: input.priority,
-        customSteps: input.customSteps,
-        hiddenSteps: input.hiddenSteps
-      };
-      const base = baseByKey.get(input.workflow);
-      if (!base) {
-        return {
-          success: false,
-          error: `Base workflow "${input.workflow}" not found. Available: ${Array.from(baseByKey.keys()).join(", ")}`,
-          extension
-        };
-      }
-      try {
-        validateExtension(extension, base);
-        return {
-          success: true,
-          message: "Extension validated successfully",
-          extension
-        };
-      } catch (err) {
-        return {
-          success: false,
-          error: err instanceof Error ? err.message : String(err),
-          extension
-        };
-      }
-    }
-  });
-  const composeWorkflowInputSchema = z3.object({
-    workflowKey: z3.string().describe("Base workflow meta.key"),
-    tenantId: z3.string().optional(),
-    role: z3.string().optional(),
-    extensions: z3.array(WorkflowExtensionInputSchema).optional().describe("Extensions to register before composing")
-  });
-  const composeWorkflowTool = tool3({
-    description: "Compose a workflow by applying registered extensions to a base workflow. Returns the composed WorkflowSpec.",
-    inputSchema: composeWorkflowInputSchema,
-    execute: async (input) => {
-      const base = baseByKey.get(input.workflowKey);
-      if (!base) {
-        return {
-          success: false,
-          error: `Base workflow "${input.workflowKey}" not found. Available: ${Array.from(baseByKey.keys()).join(", ")}`
-        };
-      }
-      const comp = composer ?? new WorkflowComposer;
-      if (input.extensions?.length) {
-        for (const ext of input.extensions) {
-          comp.register({
-            workflow: ext.workflow,
-            tenantId: ext.tenantId,
-            role: ext.role,
-            priority: ext.priority,
-            customSteps: ext.customSteps,
-            hiddenSteps: ext.hiddenSteps
-          });
-        }
-      }
-      try {
-        const composed = comp.compose({
-          base,
-          tenantId: input.tenantId,
-          role: input.role
-        });
-        return {
-          success: true,
-          workflow: composed,
-          meta: composed.meta,
-          stepIds: composed.definition.steps.map((s) => s.id)
-        };
-      } catch (err) {
-        return {
-          success: false,
-          error: err instanceof Error ? err.message : String(err)
-        };
-      }
-    }
-  });
-  const generateWorkflowSpecCodeInputSchema = z3.object({
-    workflowKey: z3.string().describe("Workflow meta.key"),
-    composedSteps: z3.array(z3.object({
-      id: z3.string(),
-      type: z3.enum(["human", "automation", "decision"]),
-      label: z3.string(),
-      description: z3.string().optional()
-    })).optional().describe("Steps to include; if omitted, uses the base workflow")
-  });
-  const generateWorkflowSpecCodeTool = tool3({
-    description: "Generate TypeScript code for a workflow spec. Use after composing a workflow to output the spec as code the user can save.",
-    inputSchema: generateWorkflowSpecCodeInputSchema,
-    execute: async (input) => {
-      const base = baseByKey.get(input.workflowKey);
-      if (!base) {
-        return {
-          success: false,
-          error: `Base workflow "${input.workflowKey}" not found. Available: ${Array.from(baseByKey.keys()).join(", ")}`,
-          code: null
-        };
-      }
-      const steps = input.composedSteps ?? base.definition.steps;
-      const specVarName = toPascalCase((base.meta.key.split(".").pop() ?? "Workflow") + "") + "Workflow";
-      const stepsCode = steps.map((s) => `    {
-      id: '${s.id}',
-      type: '${s.type}',
-      label: '${escapeString(s.label)}',${s.description ? `
-      description: '${escapeString(s.description)}',` : ""}
+`)}function Z4($,Z){let Y={messages:$.map(n2)};if(Z)Y.conversation={id:Z.id,title:Z.title,status:Z.status,createdAt:C0(Z.createdAt),updatedAt:C0(Z.updatedAt),provider:Z.provider,model:Z.model,workspacePath:Z.workspacePath,contextFiles:Z.contextFiles,summary:Z.summary,metadata:Z.metadata};return JSON.stringify(Y,null,2)}function Y4($,Z){let Y=new Date().toISOString().replace(/[:.]/g,"-").slice(0,19);return`${Z?.title?Z.title.replace(/[^a-zA-Z0-9-_]/g,"_").slice(0,40):"chat-export"}-${Y}.${$==="markdown"?"md":$==="txt"?"txt":"json"}`}var J4={markdown:"text/markdown",txt:"text/plain",json:"application/json"};function Q4($,Z,Y){let J=new Blob([$],{type:Y}),Q=URL.createObjectURL(J),X=document.createElement("a");X.href=Q,X.download=Z,document.body.appendChild(X),X.click(),document.body.removeChild(X),URL.revokeObjectURL(Q)}function v1($,Z,Y){let J;if(Z==="markdown")J=o0($);else if(Z==="txt")J=$4($);else J=Z4($,Y);let Q=Y4(Z,Y),X=J4[Z];Q4(J,Q,X)}import{jsx as Q0,jsxs as X0,Fragment as z4}from"react/jsx-runtime";function s0({messages:$,conversation:Z,selectedIds:Y,onExported:J,showSelectionSummary:Q=!0,onSelectAll:X,onClearSelection:q,selectedCount:H=Y.size,totalCount:K=$.length,onCreateNew:W,onFork:G}){let[V,_]=_0.useState(!1),F=_0.useMemo(()=>{if(Y.size>0){let k=Y;return $.filter((L)=>k.has(L.id))}return $},[$,Y]),y=_0.useCallback((k)=>{v1(F,k,Z),J?.(k,F.length)},[F,Z,J]),A=_0.useCallback(async()=>{let k=o0(F);await navigator.clipboard.writeText(k),_(!0),setTimeout(()=>_(!1),2000),J?.("markdown",F.length)},[F,J]),P=$.length===0,[U,B]=_0.useState(!1),x=_0.useCallback(async(k)=>{if(!G)return;B(!0);try{await G(k)}finally{B(!1)}},[G]);return X0("div",{className:"flex items-center gap-2",children:[W&&X0(M0,{variant:"outline",size:"sm",onPress:W,"aria-label":"New conversation",children:[Q0(U4,{className:"h-4 w-4"}),"New"]}),G&&$.length>0&&X0(M0,{variant:"outline",size:"sm",disabled:U,onPress:()=>x(),"aria-label":"Fork conversation",children:[Q0(V4,{className:"h-4 w-4"}),"Fork"]}),Q&&H>0&&X0("span",{className:"text-muted-foreground text-sm",children:[H," message",H!==1?"s":""," selected"]}),X&&q&&K>0&&X0(z4,{children:[Q0(M0,{variant:"ghost",size:"sm",onPress:X,className:"text-xs",children:"Select all"}),H>0&&Q0(M0,{variant:"ghost",size:"sm",onPress:q,className:"text-xs",children:"Clear"})]}),X0(X4,{children:[Q0(G4,{asChild:!0,children:X0(M0,{variant:"outline",size:"sm",disabled:P,"aria-label":H>0?"Export selected messages":"Export conversation",children:[Q0(_4,{className:"h-4 w-4"}),"Export"]})}),X0(q4,{align:"end",children:[X0(h0,{onSelect:()=>y("markdown"),disabled:P,children:[Q0(t0,{className:"h-4 w-4"}),"Export as Markdown (.md)"]}),X0(h0,{onSelect:()=>y("txt"),disabled:P,children:[Q0(t0,{className:"h-4 w-4"}),"Export as Plain Text (.txt)"]}),X0(h0,{onSelect:()=>y("json"),disabled:P,children:[Q0(t0,{className:"h-4 w-4"}),"Export as JSON (.json)"]}),Q0(H4,{}),X0(h0,{onSelect:()=>A(),disabled:P,children:[V?Q0(W4,{className:"h-4 w-4 text-green-500"}):Q0(K4,{className:"h-4 w-4"}),V?"Copied to clipboard":"Copy to clipboard"]})]})]})]})}import{Button as u1,Textarea as D4}from"@contractspec/lib.design-system";import{cn as e0}from"@contractspec/lib.ui-kit-web/ui/utils";import{Code as O4,FileText as B4,ImageIcon as A4,Loader2 as F4,Paperclip as P4,Send as L4,X as N4}from"lucide-react";import*as q0 from"react";import{jsx as c,jsxs as j0,Fragment as T4}from"react/jsx-runtime";var y4=5242880,E4=["ts","tsx","js","jsx","py","go","rs","java","json","md","txt","yaml","yml"];function R4($){let Z=$.name.split(".").pop()?.toLowerCase()??"",Y=E4.includes(Z);if($.type.startsWith("image/"))return new Promise((Q,X)=>{let q=new FileReader;q.onload=()=>{let H=q.result;Q({content:typeof H==="string"?H:new TextDecoder().decode(H??new ArrayBuffer(0)),type:"image"})},q.onerror=()=>X(Error("Could not read file")),q.readAsDataURL($)});return $.text().then((Q)=>({content:Q,type:Y?"code":"file"})).catch(()=>{throw Error("Could not read file")})}function $1({onSend:$,disabled:Z=!1,isLoading:Y=!1,placeholder:J="Type a message...",className:Q,showAttachments:X=!0,maxAttachments:q=5,maxFileSizeBytes:H=y4}){let[K,W]=q0.useState(""),[G,V]=q0.useState([]),[_,F]=q0.useState(null),y=q0.useRef(null),A=q0.useRef(null),P=K.trim().length>0||G.length>0,U=q0.useCallback((L)=>{if(L?.preventDefault(),!P||Z||Y)return;$(K.trim(),G.length>0?G:void 0),W(""),V([]),F(null),y.current?.focus()},[P,K,G,Z,Y,$]),B=q0.useCallback((L)=>{if(L.key==="Enter"&&!L.shiftKey)L.preventDefault(),U()},[U]),x=q0.useCallback(async(L)=>{let f=L.target.files;if(!f)return;F(null);let E=[],i=[];for(let v of Array.from(f)){if(G.length+E.length>=q){i.push(`Maximum ${q} attachments allowed`);break}if(v.size>H){i.push(`${v.name} exceeds ${Math.round(H/1024/1024)}MB limit`);continue}try{let{content:g,type:J0}=await R4(v);E.push({id:`att_${Date.now()}_${Math.random().toString(36).slice(2,9)}`,type:J0,name:v.name,content:g,mimeType:v.type,size:v.size})}catch{i.push(`Could not read ${v.name}`)}}if(i.length>0)F(i[0]??"Could not add file");if(E.length>0)V((v)=>[...v,...E]);L.target.value=""},[G.length,q,H]),k=q0.useCallback((L)=>{V((f)=>f.filter((E)=>E.id!==L))},[]);return j0("div",{className:e0("flex flex-col gap-2",Q),children:[G.length>0&&c("div",{className:"flex flex-wrap gap-2",children:G.map((L)=>j0("div",{className:e0("flex items-center gap-1.5 rounded-md px-2 py-1","bg-muted text-muted-foreground text-sm"),children:[L.type==="code"?c(O4,{className:"h-3.5 w-3.5"}):L.type==="image"?c(A4,{className:"h-3.5 w-3.5"}):c(B4,{className:"h-3.5 w-3.5"}),c("span",{className:"max-w-[150px] truncate",children:L.name}),c("button",{type:"button",onClick:()=>k(L.id),className:"hover:text-foreground","aria-label":`Remove ${L.name}`,children:c(N4,{className:"h-3.5 w-3.5"})})]},L.id))}),_&&c("p",{className:"text-destructive text-xs",role:"alert",children:_}),j0("form",{onSubmit:U,className:"flex items-end gap-2",children:[X&&j0(T4,{children:[c("input",{ref:A,type:"file",multiple:!0,accept:".ts,.tsx,.js,.jsx,.json,.md,.txt,.py,.go,.rs,.java,.yaml,.yml,image/*",onChange:x,className:"hidden","aria-label":"Attach files"}),c(u1,{type:"button",variant:"ghost",size:"sm",onPress:()=>A.current?.click(),disabled:Z||G.length>=q,"aria-label":"Attach files",children:c(P4,{className:"h-4 w-4"})})]}),c("div",{className:"relative flex-1",children:c(D4,{value:K,onChange:(L)=>W(L.target.value),onKeyDown:B,placeholder:J,disabled:Z,className:e0("max-h-[200px] min-h-[44px] resize-none pr-12","focus-visible:ring-1"),rows:1,"aria-label":"Chat message"})}),c(u1,{type:"submit",disabled:!P||Z||Y,size:"sm","aria-label":Y?"Sending...":"Send message",children:Y?c(F4,{className:"h-4 w-4 animate-spin"}):c(L4,{className:"h-4 w-4"})})]}),c("p",{className:"text-muted-foreground text-xs",children:"Press Enter to send, Shift+Enter for new line"})]})}import{Button as u0}from"@contractspec/lib.design-system";import{Avatar as g4,AvatarFallback as m4}from"@contractspec/lib.ui-kit-web/ui/avatar";import{Checkbox as d4}from"@contractspec/lib.ui-kit-web/ui/checkbox";import{Skeleton as n1}from"@contractspec/lib.ui-kit-web/ui/skeleton";import{cn as P0}from"@contractspec/lib.ui-kit-web/ui/utils";import{AlertCircle as l4,Bot as c4,Check as o1,Copy as i4,Pencil as r4,User as a4,Wrench as n4,X as o4}from"lucide-react";import*as n from"react";import{Button as Z1}from"@contractspec/lib.design-system";import{cn as p1}from"@contractspec/lib.ui-kit-web/ui/utils";import{Check as b4,Copy as k4,Download as M4,Play as w4}from"lucide-react";import*as S0 from"react";import{jsx as t,jsxs as w0}from"react/jsx-runtime";var S4={ts:"TypeScript",tsx:"TypeScript (React)",typescript:"TypeScript",js:"JavaScript",jsx:"JavaScript (React)",javascript:"JavaScript",json:"JSON",md:"Markdown",yaml:"YAML",yml:"YAML",bash:"Bash",sh:"Shell",sql:"SQL",py:"Python",python:"Python",go:"Go",rust:"Rust",rs:"Rust"};function Y1({code:$,language:Z="text",filename:Y,className:J,showCopy:Q=!0,showExecute:X=!1,onExecute:q,showDownload:H=!1,maxHeight:K=400}){let[W,G]=S0.useState(!1),V=S4[Z.toLowerCase()]??Z,_=$.split(`
+`),F=S0.useCallback(async()=>{await navigator.clipboard.writeText($),G(!0),setTimeout(()=>G(!1),2000)},[$]),y=S0.useCallback(()=>{let A=new Blob([$],{type:"text/plain"}),P=URL.createObjectURL(A),U=document.createElement("a");U.href=P,U.download=Y??`code.${Z}`,document.body.appendChild(U),U.click(),document.body.removeChild(U),URL.revokeObjectURL(P)},[$,Y,Z]);return w0("div",{className:p1("overflow-hidden rounded-lg border","bg-muted/50",J),children:[w0("div",{className:p1("flex items-center justify-between px-3 py-1.5","border-b bg-muted/80"),children:[w0("div",{className:"flex items-center gap-2 text-sm",children:[Y&&t("span",{className:"font-mono text-foreground",children:Y}),t("span",{className:"text-muted-foreground",children:V})]}),w0("div",{className:"flex items-center gap-1",children:[X&&q&&t(Z1,{variant:"ghost",size:"sm",onPress:()=>q($),className:"h-7 w-7 p-0","aria-label":"Execute code",children:t(w4,{className:"h-3.5 w-3.5"})}),H&&t(Z1,{variant:"ghost",size:"sm",onPress:y,className:"h-7 w-7 p-0","aria-label":"Download code",children:t(M4,{className:"h-3.5 w-3.5"})}),Q&&t(Z1,{variant:"ghost",size:"sm",onPress:F,className:"h-7 w-7 p-0","aria-label":W?"Copied":"Copy code",children:W?t(b4,{className:"h-3.5 w-3.5 text-green-500"}):t(k4,{className:"h-3.5 w-3.5"})})]})]}),t("div",{className:"overflow-auto",style:{maxHeight:K},children:t("pre",{className:"p-3",children:t("code",{className:"text-sm",children:_.map((A,P)=>w0("div",{className:"flex",children:[t("span",{className:"mr-4 w-8 select-none text-right text-muted-foreground",children:P+1}),t("span",{className:"flex-1",children:A||" "})]},P))})})})]})}import{Collapsible as I4,CollapsibleContent as f4,CollapsibleTrigger as C4}from"@contractspec/lib.ui-kit-web/ui/collapsible";import{cn as J1}from"@contractspec/lib.ui-kit-web/ui/utils";import*as z0 from"react";import{jsx as I0,jsxs as h4}from"react/jsx-runtime";function Q1({isStreaming:$=!1,open:Z,defaultOpen:Y=!1,onOpenChange:J,children:Q,className:X}){let[q,H]=z0.useState(Y),K=z0.useRef($),W=Z!==void 0;z0.useEffect(()=>{if($)if(W)J?.(!0);else H(!0);else if(K.current)if(W)J?.(!1);else H(!1);K.current=$},[$,W,J]);let G=z0.useCallback((V)=>{if(W)J?.(V);else H(V)},[W,J]);return I0(I4,{open:W?Z:q,onOpenChange:G,className:J1("w-full",X),children:Q})}function X1({children:$,isStreaming:Z=!1,className:Y}){return h4(C4,{className:J1("flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground",Y),children:[Z&&I0("span",{className:"h-1.5 w-1.5 animate-pulse rounded-full bg-primary","aria-hidden":!0}),$??(Z?"Thinking...":"View reasoning")]})}function q1({children:$,className:Z}){return I0(f4,{children:I0("div",{className:J1("mt-1 rounded-md bg-muted p-2 text-muted-foreground text-sm",Z),children:I0("p",{className:"whitespace-pre-wrap",children:$})})})}import{Collapsible as j4,CollapsibleContent as x4,CollapsibleTrigger as v4}from"@contractspec/lib.ui-kit-web/ui/collapsible";import{cn as x0}from"@contractspec/lib.ui-kit-web/ui/utils";import{ExternalLink as g1}from"lucide-react";import{jsx as F0,jsxs as d1,Fragment as m1}from"react/jsx-runtime";function H1({children:$,className:Z}){return F0(j4,{className:x0("mt-2",Z),defaultOpen:!1,children:$})}function G1({count:$,children:Z,className:Y}){return F0(v4,{className:x0("inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground",Y),children:Z??d1(m1,{children:[F0(g1,{className:"h-3 w-3"}),$," source",$!==1?"s":""]})})}function W1({children:$,className:Z}){return F0(x4,{children:F0("div",{className:x0("mt-2 flex flex-wrap gap-2",Z),children:$})})}function K1({href:$,title:Z,className:Y,children:J,...Q}){return F0("a",{href:$,target:"_blank",rel:"noopener noreferrer",className:x0("inline-flex items-center gap-1 rounded-md bg-muted px-2 py-1 text-muted-foreground text-xs transition-colors hover:text-foreground",Y),...Q,children:J??d1(m1,{children:[F0(g1,{className:"h-3 w-3"}),Z??$]})})}import{jsx as $0,jsxs as p4}from"react/jsx-runtime";function l1($){return typeof $==="object"&&$!==null&&"parts"in $&&Array.isArray($.parts)}function c1($){return typeof $==="object"&&$!==null&&"presentationKey"in $&&typeof $.presentationKey==="string"}function i1($){return typeof $==="object"&&$!==null&&"formKey"in $&&typeof $.formKey==="string"}function r1($){return typeof $==="object"&&$!==null&&"dataViewKey"in $&&typeof $.dataViewKey==="string"}function u4({part:$,presentationRenderer:Z,formRenderer:Y,dataViewRenderer:J,depth:Q=0}){if($===null||$===void 0)return null;let X=$;if(X.type==="text"&&typeof X.text==="string")return $0("p",{className:"whitespace-pre-wrap text-sm",children:X.text},Q);if(X.type&&String(X.type).startsWith("tool-")&&X.output){let q=X.output;if(l1(q))return $0("div",{className:"ml-2 border-border border-l-2 pl-2",children:$0(a1,{parts:q.parts??[],presentationRenderer:Z,formRenderer:Y,dataViewRenderer:J,depth:Q+1})},Q);return $0("pre",{className:"overflow-x-auto rounded bg-background p-2 text-xs",children:typeof q==="object"?JSON.stringify(q,null,2):String(q)},Q)}return null}function a1({parts:$,presentationRenderer:Z,formRenderer:Y,dataViewRenderer:J,depth:Q=0}){if($.length===0)return null;return $0("div",{className:"space-y-2",children:$.map((X,q)=>$0(u4,{part:X,presentationRenderer:Z,formRenderer:Y,dataViewRenderer:J,depth:Q},`${Q}-${q}`))})}function v0({toolName:$,result:Z,presentationRenderer:Y,formRenderer:J,dataViewRenderer:Q,showRawFallback:X=!0,renderNestedUIMessage:q=!0}){if(Z===void 0||Z===null)return null;if(q&&l1(Z)&&(Z.parts?.length??0)>0)return $0("div",{className:"mt-2 rounded-md border border-border bg-background/50 p-3",children:$0(a1,{parts:Z.parts??[],presentationRenderer:Y,formRenderer:J,dataViewRenderer:Q})});if(c1(Z)&&Y){let H=Y(Z.presentationKey,Z.data);if(H!=null)return $0("div",{className:"mt-2 rounded-md border border-border bg-background/50 p-3",children:H})}if(i1(Z)&&J){let H=J(Z.formKey,Z.defaultValues);if(H!=null)return $0("div",{className:"mt-2 rounded-md border border-border bg-background/50 p-3",children:H})}if(r1(Z)&&Q){let H=Q(Z.dataViewKey,Z.items);if(H!=null)return $0("div",{className:"mt-2 rounded-md border border-border bg-background/50 p-3",children:H})}if(!X)return null;return p4("div",{children:[$0("span",{className:"font-medium text-muted-foreground",children:"Output:"}),$0("pre",{className:"mt-1 overflow-x-auto rounded bg-background p-2 text-xs",children:typeof Z==="object"?JSON.stringify(Z,null,2):String(Z)})]})}import{jsx as z,jsxs as d,Fragment as $5}from"react/jsx-runtime";function t4($){let Z=/```(\w+)?\n([\s\S]*?)```/g,Y=[],J;while((J=Z.exec($))!==null)Y.push({language:J[1]??"text",code:J[2]??"",raw:J[0]});return Y}function _1($){let Z=/\[([^\]]+)\]\(([^)]+)\)/g,Y=[],J=0,Q,X=0;while((Q=Z.exec($))!==null){if(Q.index>J)Y.push(z("span",{children:$.slice(J,Q.index)},X++));Y.push(z("a",{href:Q[2],target:"_blank",rel:"noopener noreferrer",className:"text-primary underline hover:no-underline",children:Q[1]},X++)),J=Q.index+Q[0].length}if(J<$.length)Y.push(z("span",{children:$.slice(J)},X++));return Y.length>0?Y:[$]}function s4({content:$}){let Z=t4($);if(Z.length===0)return z("p",{className:"whitespace-pre-wrap",children:_1($)});let Y=$,J=[],Q=0;for(let X of Z){let[q,H]=Y.split(X.raw);if(q)J.push(z("p",{className:"whitespace-pre-wrap",children:_1(q.trim())},Q++));J.push(z(Y1,{code:X.code,language:X.language,className:"my-2"},Q++)),Y=H??""}if(Y.trim())J.push(z("p",{className:"whitespace-pre-wrap",children:_1(Y.trim())},Q++));return z($5,{children:J})}function e4($){if($==="completed")return"complete";if($==="running")return"active";return"pending"}function V1({message:$,className:Z,showCopy:Y=!0,showAvatar:J=!0,selectable:Q=!1,selected:X=!1,onSelect:q,editable:H=!1,onEdit:K,presentationRenderer:W,formRenderer:G,dataViewRenderer:V,components:_}){let[F,y]=n.useState(!1),A=$.role==="user",P=$.status==="error",U=$.status==="streaming",B=n.useCallback(async()=>{await navigator.clipboard.writeText($.content),y(!0),setTimeout(()=>y(!1),2000)},[$.content]),x=n.useCallback((M)=>{if(M!=="indeterminate")q?.($.id)},[$.id,q]),[k,L]=n.useState(!1),[f,E]=n.useState($.content),i=n.useRef(null);n.useEffect(()=>{E($.content)},[$.content]),n.useEffect(()=>{if(k)i.current?.focus()},[k]);let v=n.useCallback(()=>{E($.content),L(!0)},[$.content]),g=n.useCallback(async()=>{let M=f.trim();if(M!==$.content)await K?.($.id,M);L(!1)},[f,$.id,$.content,K]),J0=n.useCallback(()=>{E($.content),L(!1)},[$.content]);return d("div",{className:P0("group flex gap-3",A&&"flex-row-reverse",Z),children:[Q&&z("div",{className:P0("flex shrink-0 items-start pt-1","opacity-0 transition-opacity group-hover:opacity-100"),children:z(d4,{checked:X,onCheckedChange:x,"aria-label":X?"Deselect message":"Select message"})}),J&&z(g4,{className:"h-8 w-8 shrink-0",children:z(m4,{className:P0(A?"bg-primary text-primary-foreground":"bg-muted"),children:A?z(a4,{className:"h-4 w-4"}):z(c4,{className:"h-4 w-4"})})}),d("div",{className:P0("flex max-w-[80%] flex-col gap-1",A&&"items-end"),children:[z("div",{className:P0("rounded-2xl px-4 py-2",A?"bg-primary text-primary-foreground":"bg-muted text-foreground",P&&"border border-destructive bg-destructive/10"),children:P&&$.error?d("div",{className:"flex items-start gap-2",children:[z(l4,{className:"mt-0.5 h-4 w-4 shrink-0 text-destructive"}),d("div",{children:[z("p",{className:"font-medium text-destructive",children:$.error.code}),z("p",{className:"text-muted-foreground text-sm",children:$.error.message})]})]}):k?d("div",{className:"flex flex-col gap-2",children:[z("textarea",{ref:i,value:f,onChange:(M)=>E(M.target.value),className:"min-h-[80px] w-full resize-y rounded-md border bg-background/50 px-3 py-2 text-sm",rows:4,"aria-label":"Edit message"}),d("div",{className:"flex gap-2",children:[d(u0,{variant:"default",size:"sm",onPress:g,"aria-label":"Save edit",children:[z(o1,{className:"h-3 w-3"}),"Save"]}),d(u0,{variant:"ghost",size:"sm",onPress:J0,"aria-label":"Cancel edit",children:[z(o4,{className:"h-3 w-3"}),"Cancel"]})]})]}):U&&!$.content?d("div",{className:"flex flex-col gap-2",children:[z(n1,{className:"h-4 w-48"}),z(n1,{className:"h-4 w-32"})]}):z(s4,{content:$.content})}),d("div",{className:P0("flex items-center gap-2 text-xs","text-muted-foreground opacity-0 transition-opacity","group-hover:opacity-100"),children:[z("span",{children:new Date($.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}),$.usage&&d("span",{children:[$.usage.inputTokens+$.usage.outputTokens," tokens"]}),Y&&!A&&$.content&&z(u0,{variant:"ghost",size:"sm",className:"h-6 w-6 p-0",onPress:B,"aria-label":F?"Copied":"Copy message",children:F?z(o1,{className:"h-3 w-3"}):z(i4,{className:"h-3 w-3"})}),H&&A&&!k&&z(u0,{variant:"ghost",size:"sm",className:"h-6 w-6 p-0",onPress:v,"aria-label":"Edit message",children:z(r4,{className:"h-3 w-3"})})]}),$.reasoning&&(_?.Reasoning?z(_.Reasoning,{isStreaming:U&&!!$.reasoning,children:$.reasoning}):d(Q1,{isStreaming:U&&!!$.reasoning,className:"mt-2",children:[z(X1,{isStreaming:U}),z(q1,{children:$.reasoning})]})),$.sources&&$.sources.length>0&&(()=>{let M=_?.Sources,r=_?.SourcesTrigger,D=_?.Source;if(M&&r&&D)return d(M,{children:[z(r,{count:$.sources.length}),$.sources.map((s)=>z(D,{href:s.url??"#",title:s.title||s.url||s.id},s.id))]});return d(H1,{className:"mt-2",children:[z(G1,{count:$.sources.length}),z(W1,{children:$.sources.map((s)=>z(K1,{href:s.url??"#",title:s.title||s.url||s.id},s.id))})]})})(),$.toolCalls&&$.toolCalls.length>0&&(()=>{let M=_?.ChainOfThought,r=_?.ChainOfThoughtStep;if(M&&r)return z(M,{defaultOpen:!1,className:"mt-2",children:$.toolCalls.map((D)=>d(r,{label:D.name,description:Object.keys(D.args).length>0?`Input: ${JSON.stringify(D.args)}`:void 0,status:e4(D.status),children:[D.preliminary&&D.status==="running"&&z("p",{className:"mt-1 text-muted-foreground text-xs",children:"Running…"}),(D.result!==void 0||D.nestedParts?.length)&&z(v0,{toolName:D.name,result:D.nestedParts?.length?{parts:D.nestedParts}:D.result,presentationRenderer:W,formRenderer:G,dataViewRenderer:V,showRawFallback:!0}),D.error&&z("p",{className:"mt-1 text-destructive text-xs",children:D.error})]},D.id))});return z("div",{className:"mt-2 space-y-2",children:$.toolCalls.map((D)=>d("details",{className:"rounded-md border border-border bg-muted",children:[d("summary",{className:"flex cursor-pointer items-center gap-2 px-3 py-2 font-medium text-sm",children:[z(n4,{className:"h-4 w-4 text-muted-foreground"}),D.name,z("span",{className:P0("ml-auto rounded px-1.5 py-0.5 text-xs",D.status==="completed"&&"bg-green-500/20 text-green-700 dark:text-green-400",D.status==="error"&&"bg-destructive/20 text-destructive",D.status==="running"&&"bg-blue-500/20 text-blue-700 dark:text-blue-400"),children:D.status})]}),d("div",{className:"border-border border-t px-3 py-2 text-xs",children:[Object.keys(D.args).length>0&&d("div",{className:"mb-2",children:[z("span",{className:"font-medium text-muted-foreground",children:"Input:"}),z("pre",{className:"mt-1 overflow-x-auto rounded bg-background p-2",children:JSON.stringify(D.args,null,2)})]}),D.preliminary&&D.status==="running"&&z("p",{className:"mt-1 text-muted-foreground text-xs",children:"Running…"}),(D.result!==void 0||D.nestedParts?.length)&&z(v0,{toolName:D.name,result:D.nestedParts?.length?{parts:D.nestedParts}:D.result,presentationRenderer:W,formRenderer:G,dataViewRenderer:V,showRawFallback:!0}),D.error&&z("p",{className:"mt-1 text-destructive",children:D.error})]})]},D.id))})})()]})]})}import{Button as t1}from"@contractspec/lib.design-system";import{cn as s1}from"@contractspec/lib.ui-kit-web/ui/utils";import{MessageSquare as Z5,Plus as Y5,Trash2 as J5}from"lucide-react";import*as O0 from"react";import*as D0 from"react";function U1($){let{store:Z,projectId:Y,tags:J,limit:Q=50}=$,[X,q]=D0.useState([]),[H,K]=D0.useState(!0),W=D0.useCallback(async()=>{K(!0);try{let V=await Z.list({status:"active",projectId:Y,tags:J,limit:Q});q(V)}finally{K(!1)}},[Z,Y,J,Q]);D0.useEffect(()=>{W()},[W]);let G=D0.useCallback(async(V)=>{let _=await Z.delete(V);if(_)q((F)=>F.filter((y)=>y.id!==V));return _},[Z]);return{conversations:X,isLoading:H,refresh:W,deleteConversation:G}}import{jsx as l,jsxs as L0,Fragment as H5}from"react/jsx-runtime";function Q5($){let Z=new Date($),J=new Date().getTime()-Z.getTime();if(J<86400000)return Z.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});if(J<604800000)return Z.toLocaleDateString([],{weekday:"short"});return Z.toLocaleDateString([],{month:"short",day:"numeric"})}function X5({conversation:$,selected:Z,onSelect:Y,onDelete:J}){let Q=$.title??$.messages[0]?.content?.slice(0,50)??"New chat",X=Q.length>40?`${Q.slice(0,40)}…`:Q;return L0("div",{role:"button",tabIndex:0,onClick:Y,onKeyDown:(q)=>{if(q.key==="Enter"||q.key===" ")q.preventDefault(),Y()},className:s1("group flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm transition-colors",Z?"bg-accent text-accent-foreground":"hover:bg-accent/50"),children:[l(Z5,{className:"h-4 w-4 shrink-0 text-muted-foreground"}),L0("div",{className:"min-w-0 flex-1",children:[l("p",{className:"truncate",children:X}),L0("p",{className:"text-muted-foreground text-xs",children:[Q5($.updatedAt),$.projectName&&` · ${$.projectName}`,$.tags&&$.tags.length>0&&L0(H5,{children:[" · ",$.tags.slice(0,2).join(", ")]})]})]}),l("span",{role:"group",onClick:(q)=>q.stopPropagation(),onKeyDown:(q)=>q.stopPropagation(),children:l(t1,{variant:"ghost",size:"sm",className:"h-6 w-6 shrink-0 p-0 opacity-0 group-hover:opacity-100",onPress:J,"aria-label":"Delete conversation",children:l(J5,{className:"h-3 w-3"})})})]})}function z1({store:$,selectedConversationId:Z,onSelectConversation:Y,onCreateNew:J,projectId:Q,tags:X,limit:q=50,className:H,collapsed:K=!1,onUpdateConversation:W,selectedConversation:G}){let{conversations:V,isLoading:_,deleteConversation:F}=U1({store:$,projectId:Q,tags:X,limit:q}),y=O0.useCallback(async(A)=>{if(await F(A)&&Z===A)Y(null)},[F,Z,Y]);if(K)return null;return L0("div",{className:s1("flex w-64 shrink-0 flex-col border-border border-r",H),children:[L0("div",{className:"flex shrink-0 items-center justify-between border-border border-b p-2",children:[l("span",{className:"font-medium text-muted-foreground text-sm",children:"Conversations"}),l(t1,{variant:"ghost",size:"sm",className:"h-8 w-8 p-0",onPress:J,"aria-label":"New conversation",children:l(Y5,{className:"h-4 w-4"})})]}),l("div",{className:"flex-1 overflow-y-auto p-2",children:_?l("div",{className:"py-4 text-center text-muted-foreground text-sm",children:"Loading…"}):V.length===0?l("div",{className:"py-4 text-center text-muted-foreground text-sm",children:"No conversations yet"}):l("div",{className:"flex flex-col gap-1",children:V.map((A)=>l(X5,{conversation:A,selected:A.id===Z,onSelect:()=>Y(A.id),onDelete:()=>y(A.id)},A.id))})}),G&&W&&l(q5,{conversation:G,onUpdate:W})]})}function q5({conversation:$,onUpdate:Z}){let[Y,J]=O0.useState($.projectName??""),[Q,X]=O0.useState($.tags?.join(", ")??"");O0.useEffect(()=>{J($.projectName??""),X($.tags?.join(", ")??"")},[$.id,$.projectName,$.tags]);let q=O0.useCallback(()=>{let H=Q.split(",").map((K)=>K.trim()).filter(Boolean);if(Y!==($.projectName??"")||JSON.stringify(H)!==JSON.stringify($.tags??[]))Z($.id,{projectName:Y||void 0,projectId:Y?Y.replace(/\s+/g,"-"):void 0,tags:H.length>0?H:void 0})},[$.id,$.projectName,$.tags,Y,Q,Z]);return L0("div",{className:"shrink-0 border-border border-t p-2",children:[l("p",{className:"mb-1 font-medium text-muted-foreground text-xs",children:"Project"}),l("input",{type:"text",value:Y,onChange:(H)=>J(H.target.value),onBlur:q,placeholder:"Project name",className:"mb-2 w-full rounded border-input bg-background px-2 py-1 text-xs"}),l("p",{className:"mb-1 font-medium text-muted-foreground text-xs",children:"Tags"}),l("input",{type:"text",value:Q,onChange:(H)=>X(H.target.value),onBlur:q,placeholder:"tag1, tag2",className:"w-full rounded border-input bg-background px-2 py-1 text-xs"})]})}import*as V2 from"react";import*as H0 from"react";function D1($){let[Z,Y]=H0.useState(()=>new Set),J=H0.useMemo(()=>new Set($),[$.join(",")]);H0.useEffect(()=>{Y((W)=>{let G=new Set;for(let V of W)if(J.has(V))G.add(V);return G.size===W.size?W:G})},[J]);let Q=H0.useCallback((W)=>{Y((G)=>{let V=new Set(G);if(V.has(W))V.delete(W);else V.add(W);return V})},[]),X=H0.useCallback(()=>{Y(new Set($))},[$.join(",")]),q=H0.useCallback(()=>{Y(new Set)},[]),H=H0.useCallback((W)=>Z.has(W),[Z]),K=Z.size;return{selectedIds:Z,toggle:Q,selectAll:X,clearSelection:q,isSelected:H,selectedCount:K}}import{Button as G5}from"@contractspec/lib.design-system";import{cn as e1}from"@contractspec/lib.ui-kit-web/ui/utils";import*as $2 from"react";import{jsx as Z2}from"react/jsx-runtime";function O1({children:$,className:Z}){return Z2("div",{className:e1("flex flex-wrap gap-2",Z),children:$})}function B1({suggestion:$,onClick:Z,className:Y}){let J=$2.useCallback(()=>{Z?.($)},[$,Z]);return Z2(G5,{type:"button",variant:"outline",size:"sm",onPress:J,className:e1("text-muted-foreground hover:text-foreground",Y),children:$})}import{Label as W5}from"@contractspec/lib.ui-kit-web/ui/label";import{Select as J2,SelectContent as Q2,SelectItem as X2,SelectTrigger as q2,SelectValue as H2}from"@contractspec/lib.ui-kit-web/ui/select";import{cn as G2}from"@contractspec/lib.ui-kit-web/ui/utils";import*as K2 from"react";var A1={instant:"Instant",thinking:"Thinking",extra_thinking:"Extra Thinking",max:"Max"},Y2={instant:"Fast responses, minimal reasoning",thinking:"Standard reasoning depth",extra_thinking:"More thorough reasoning",max:"Maximum reasoning depth"};function F1($,Z){if(!$||$==="instant")return{};switch(Z){case"anthropic":return{anthropic:{thinking:{type:"enabled",budgetTokens:{thinking:8000,extra_thinking:16000,max:32000}[$]}}};case"openai":return{openai:{reasoningEffort:{thinking:"low",extra_thinking:"medium",max:"high"}[$]}};case"ollama":case"mistral":case"gemini":return{};default:return{}}}import{jsx as V0,jsxs as P1}from"react/jsx-runtime";var W2=["instant","thinking","extra_thinking","max"];function L1({value:$,onChange:Z,className:Y,compact:J=!1}){let Q=K2.useCallback((X)=>{Z(X)},[Z]);if(J)return P1(J2,{value:$,onValueChange:Q,children:[V0(q2,{className:G2("w-[140px]",Y),children:V0(H2,{})}),V0(Q2,{children:W2.map((X)=>V0(X2,{value:X,children:A1[X]},X))})]});return P1("div",{className:G2("flex flex-col gap-1.5",Y),children:[V0(W5,{htmlFor:"thinking-level-picker",className:"font-medium text-sm",children:"Thinking Level"}),P1(J2,{name:"thinking-level-picker",value:$,onValueChange:Q,children:[V0(q2,{children:V0(H2,{placeholder:"Select thinking level"})}),V0(Q2,{children:W2.map((X)=>V0(X2,{value:X,title:Y2[X],children:A1[X]},X))})]})]})}import{jsx as N0,jsxs as _2,Fragment as K5}from"react/jsx-runtime";function N1({messages:$,conversation:Z,children:Y,className:J,showExport:Q=!0,showMessageSelection:X=!0,showScrollButton:q=!0,onCreateNew:H,onFork:K,onEditMessage:W,thinkingLevel:G="thinking",onThinkingLevelChange:V,presentationRenderer:_,formRenderer:F,dataViewRenderer:y,components:A,suggestions:P,onSuggestionClick:U,suggestionComponents:B,showSuggestionsWhenEmpty:x=!0}){let k=V2.useMemo(()=>$.map((g)=>g.id),[$]),L=D1(k),f=P&&P.length>0&&($.length===0||x),E=Q||X,i=Boolean(V),v=i||E?_2(K5,{children:[i&&V&&N0(L1,{value:G,onChange:V,compact:!0}),E&&N0(s0,{messages:$,conversation:Z,selectedIds:L.selectedIds,showSelectionSummary:X,onSelectAll:X?L.selectAll:void 0,onClearSelection:X?L.clearSelection:void 0,selectedCount:L.selectedCount,totalCount:$.length,onCreateNew:H,onFork:K})]}):null;return _2(n0,{className:J,headerContent:v,showScrollButton:q,children:[$.map((g)=>N0(V1,{message:g,selectable:X,selected:L.isSelected(g.id),onSelect:X?L.toggle:void 0,editable:g.role==="user"&&!!W,onEdit:W,presentationRenderer:_,formRenderer:F,dataViewRenderer:y,components:A},g.id)),f&&(()=>{let g=B?.Suggestions,J0=B?.Suggestion;if(g&&J0)return N0(g,{children:P.map((M)=>N0(J0,{suggestion:M,onClick:U},M))});return N0(O1,{className:"mb-4",children:P.map((M)=>N0(B1,{suggestion:M,onClick:U},M))})})(),Y]})}import*as f0 from"react";function p0($){return`${$}_${Date.now()}_${Math.random().toString(36).slice(2,11)}`}function _5($){return{...$,createdAt:$.createdAt.toISOString(),updatedAt:$.updatedAt.toISOString(),messages:$.messages.map((Z)=>({...Z,createdAt:Z.createdAt.toISOString(),updatedAt:Z.updatedAt.toISOString()}))}}function V5($){let Z=$.messages?.map((Y)=>({...Y,createdAt:new Date(Y.createdAt),updatedAt:new Date(Y.updatedAt)}))??[];return{...$,createdAt:new Date($.createdAt),updatedAt:new Date($.updatedAt),messages:Z}}function U5($){if(typeof window>"u")return new Map;try{let Z=window.localStorage.getItem($);if(!Z)return new Map;let Y=JSON.parse(Z),J=new Map;for(let Q of Y){let X=V5(Q);J.set(X.id,X)}return J}catch{return new Map}}function z5($,Z){if(typeof window>"u")return;try{let Y=Array.from(Z.values()).map(_5);window.localStorage.setItem($,JSON.stringify(Y))}catch{}}class U2{key;cache=null;constructor($="contractspec:ai-chat:conversations"){this.key=$}getMap(){if(!this.cache)this.cache=U5(this.key);return this.cache}persist(){z5(this.key,this.getMap())}async get($){return this.getMap().get($)??null}async create($){let Z=new Date,Y={...$,id:p0("conv"),createdAt:Z,updatedAt:Z};return this.getMap().set(Y.id,Y),this.persist(),Y}async update($,Z){let Y=this.getMap().get($);if(!Y)return null;let J={...Y,...Z,updatedAt:new Date};return this.getMap().set($,J),this.persist(),J}async appendMessage($,Z){let Y=this.getMap().get($);if(!Y)throw Error(`Conversation ${$} not found`);let J=new Date,Q={...Z,id:p0("msg"),conversationId:$,createdAt:J,updatedAt:J};return Y.messages.push(Q),Y.updatedAt=J,this.persist(),Q}async updateMessage($,Z,Y){let J=this.getMap().get($);if(!J)return null;let Q=J.messages.findIndex((H)=>H.id===Z);if(Q===-1)return null;let X=J.messages[Q];if(!X)return null;let q={...X,...Y,updatedAt:new Date};return J.messages[Q]=q,J.updatedAt=new Date,this.persist(),q}async delete($){let Z=this.getMap().delete($);if(Z)this.persist();return Z}async list($){let Z=Array.from(this.getMap().values());if($?.status)Z=Z.filter((Q)=>Q.status===$.status);if($?.projectId)Z=Z.filter((Q)=>Q.projectId===$.projectId);if($?.tags&&$.tags.length>0){let Q=new Set($.tags);Z=Z.filter((X)=>X.tags&&X.tags.some((q)=>Q.has(q)))}Z.sort((Q,X)=>X.updatedAt.getTime()-Q.updatedAt.getTime());let Y=$?.offset??0,J=$?.limit??100;return Z.slice(Y,Y+J)}async fork($,Z){let Y=this.getMap().get($);if(!Y)throw Error(`Conversation ${$} not found`);let J=Y.messages;if(Z){let H=Y.messages.findIndex((K)=>K.id===Z);if(H===-1)throw Error(`Message ${Z} not found`);J=Y.messages.slice(0,H+1)}let Q=new Date,X=J.map((H)=>({...H,id:p0("msg"),conversationId:"",createdAt:new Date(H.createdAt),updatedAt:new Date(H.updatedAt)})),q={...Y,id:p0("conv"),title:Y.title?`${Y.title} (fork)`:void 0,forkedFromId:Y.id,createdAt:Q,updatedAt:Q,messages:X};for(let H of q.messages)H.conversationId=q.id;return this.getMap().set(q.id,q),this.persist(),q}async truncateAfter($,Z){let Y=this.getMap().get($);if(!Y)return null;let J=Y.messages.findIndex((Q)=>Q.id===Z);if(J===-1)return null;return Y.messages=Y.messages.slice(0,J+1),Y.updatedAt=new Date,this.persist(),Y}async search($,Z=20){let Y=$.toLowerCase(),J=[];for(let Q of this.getMap().values()){if(Q.title?.toLowerCase().includes(Y)){J.push(Q);continue}if(Q.messages.some((X)=>X.content.toLowerCase().includes(Y)))J.push(Q);if(J.length>=Z)break}return J}}function z2($){return new U2($)}import{createProvider as j5}from"@contractspec/lib.ai-providers";import{tool as x5}from"ai";import*as I from"react";import{z as v5}from"zod";import{generateText as S5,streamText as I5}from"ai";import{compilePlannerPrompt as f5}from"@contractspec/lib.surface-runtime/runtime/planner-prompt";import{tool as D5}from"ai";import{z as O5}from"zod";function B5($){return O5.object({}).passthrough()}function D2($,Z){let Y={};for(let J of $){let Q=Z?.[J.name],X=B5(J.schema);Y[J.name]=D5({description:J.description??J.name,inputSchema:X,execute:async(q)=>{if(!Q)return{status:"unimplemented",message:"Wire handler in host",toolName:J.name};try{let H=await Promise.resolve(Q(q));return typeof H==="string"?H:H}catch(H){return{status:"error",error:H instanceof Error?H.message:String(H),toolName:J.name}}}})}return Y}function O2($){let Z=[];if(!$.agentSpecs?.length&&!$.dataViewSpecs?.length&&!$.formSpecs?.length&&!$.presentationSpecs?.length&&!$.operationRefs?.length)return"";if(Z.push(`
+
+## Available resources`),$.agentSpecs?.length){Z.push(`
+### Agent tools`);for(let Y of $.agentSpecs){let J=Y.tools?.map((Q)=>Q.name).join(", ")??"none";Z.push(`- **${Y.key}**: tools: ${J}`)}}if($.dataViewSpecs?.length){Z.push(`
+### Data views`);for(let Y of $.dataViewSpecs)Z.push(`- **${Y.key}**: ${Y.meta.title??Y.key}`)}if($.formSpecs?.length){Z.push(`
+### Forms`);for(let Y of $.formSpecs)Z.push(`- **${Y.key}**: ${Y.meta.title??Y.key}`)}if($.presentationSpecs?.length){Z.push(`
+### Presentations`);for(let Y of $.presentationSpecs)Z.push(`- **${Y.key}**: ${Y.meta.title??Y.key} (targets: ${Y.targets?.join(", ")??"react"})`)}if($.operationRefs?.length){Z.push(`
+### Operations`);for(let Y of $.operationRefs)Z.push(`- **${Y.key}@${Y.version}**`)}return Z.push(`
+Use the available tools to invoke operations, query data views, or propose surface changes when appropriate.`),Z.join(`
+`)}function g0($){return`${$}_${Date.now()}_${Math.random().toString(36).slice(2,11)}`}class m0{conversations=new Map;async get($){return this.conversations.get($)??null}async create($){let Z=new Date,Y={...$,id:g0("conv"),createdAt:Z,updatedAt:Z};return this.conversations.set(Y.id,Y),Y}async update($,Z){let Y=this.conversations.get($);if(!Y)return null;let J={...Y,...Z,updatedAt:new Date};return this.conversations.set($,J),J}async appendMessage($,Z){let Y=this.conversations.get($);if(!Y)throw Error(`Conversation ${$} not found`);let J=new Date,Q={...Z,id:g0("msg"),conversationId:$,createdAt:J,updatedAt:J};return Y.messages.push(Q),Y.updatedAt=J,Q}async updateMessage($,Z,Y){let J=this.conversations.get($);if(!J)return null;let Q=J.messages.findIndex((H)=>H.id===Z);if(Q===-1)return null;let X=J.messages[Q];if(!X)return null;let q={...X,...Y,updatedAt:new Date};return J.messages[Q]=q,J.updatedAt=new Date,q}async delete($){return this.conversations.delete($)}async list($){let Z=Array.from(this.conversations.values());if($?.status)Z=Z.filter((Q)=>Q.status===$.status);if($?.projectId)Z=Z.filter((Q)=>Q.projectId===$.projectId);if($?.tags&&$.tags.length>0){let Q=new Set($.tags);Z=Z.filter((X)=>X.tags&&X.tags.some((q)=>Q.has(q)))}Z.sort((Q,X)=>X.updatedAt.getTime()-Q.updatedAt.getTime());let Y=$?.offset??0,J=$?.limit??100;return Z.slice(Y,Y+J)}async fork($,Z){let Y=this.conversations.get($);if(!Y)throw Error(`Conversation ${$} not found`);let J=Y.messages;if(Z){let H=Y.messages.findIndex((K)=>K.id===Z);if(H===-1)throw Error(`Message ${Z} not found`);J=Y.messages.slice(0,H+1)}let Q=new Date,X=J.map((H)=>({...H,id:g0("msg"),conversationId:"",createdAt:new Date(H.createdAt),updatedAt:new Date(H.updatedAt)})),q={...Y,id:g0("conv"),title:Y.title?`${Y.title} (fork)`:void 0,forkedFromId:Y.id,createdAt:Q,updatedAt:Q,messages:X};for(let H of q.messages)H.conversationId=q.id;return this.conversations.set(q.id,q),q}async truncateAfter($,Z){let Y=this.conversations.get($);if(!Y)return null;let J=Y.messages.findIndex((Q)=>Q.id===Z);if(J===-1)return null;return Y.messages=Y.messages.slice(0,J+1),Y.updatedAt=new Date,Y}async search($,Z=20){let Y=$.toLowerCase(),J=[];for(let Q of this.conversations.values()){if(Q.title?.toLowerCase().includes(Y)){J.push(Q);continue}if(Q.messages.some((q)=>q.content.toLowerCase().includes(Y)))J.push(Q);if(J.length>=Z)break}return J}clear(){this.conversations.clear()}}function x7(){return new m0}import{buildSurfacePatchProposal as A5}from"@contractspec/lib.surface-runtime/runtime/planner-tools";import{validatePatchProposal as F5}from"@contractspec/lib.surface-runtime/spec/validate-surface-patch";import{tool as P5}from"ai";import{z as w}from"zod";var L5=["insert-node","replace-node","remove-node","move-node","resize-panel","set-layout","reveal-field","hide-field","promote-action","set-focus"],N5=["entity-section","entity-card","data-view","assistant-panel","chat-thread","action-bar","timeline","table","rich-doc","form","chart","custom-widget"];function d0($){let Z=[];if($.type==="slot")Z.push($.slotId);if($.type==="panel-group"||$.type==="stack")for(let Y of $.children)Z.push(...d0(Y));if($.type==="tabs")for(let Y of $.tabs)Z.push(...d0(Y.child));if($.type==="floating")Z.push($.anchorSlotId),Z.push(...d0($.child));return Z}function B2($){let Z=d0($.layoutRoot),Y=[...new Set(Z)];return{allowedOps:L5,allowedSlots:Y.length>0?Y:["assistant","primary"],allowedNodeKinds:N5}}var y5=w.object({proposalId:w.string().describe("Unique proposal identifier"),ops:w.array(w.object({op:w.enum(["insert-node","replace-node","remove-node","move-node","resize-panel","set-layout","reveal-field","hide-field","promote-action","set-focus"]),slotId:w.string().optional(),nodeId:w.string().optional(),toSlotId:w.string().optional(),index:w.number().optional(),node:w.object({nodeId:w.string(),kind:w.string(),title:w.string().optional(),props:w.record(w.string(),w.unknown()).optional(),children:w.array(w.unknown()).optional()}).optional(),persistKey:w.string().optional(),sizes:w.array(w.number()).optional(),layoutId:w.string().optional(),fieldId:w.string().optional(),actionId:w.string().optional(),placement:w.enum(["header","inline","context","assistant"]).optional(),targetId:w.string().optional()}))});function A2($){let{plan:Z,constraints:Y,onPatchProposal:J}=$,Q=Y??B2(Z);return{"propose-patch":P5({description:"Propose surface patches (layout changes, node insertions, etc.) for user approval. Only use allowed ops, slots, and node kinds from the planner context.",inputSchema:y5,execute:async(q)=>{let H=q.ops;try{F5(H,Q);let K=A5(q.proposalId,H);return J?.(K),{success:!0,proposalId:K.proposalId,opsCount:K.ops.length,message:"Patch proposal validated; awaiting user approval"}}catch(K){return{success:!1,error:K instanceof Error?K.message:String(K),proposalId:q.proposalId}}}})}}function F2($){let Z=B2($);return{bundleMeta:{key:$.bundleKey,version:"0.0.0",title:$.bundleKey},surfaceId:$.surfaceId,allowedPatchOps:Z.allowedOps,allowedSlots:[...Z.allowedSlots],allowedNodeKinds:[...Z.allowedNodeKinds],actions:$.actions.map((Y)=>({actionId:Y.actionId,title:Y.title})),preferences:{guidance:"hints",density:"standard",dataDepth:"detailed",control:"standard",media:"text",pace:"balanced",narrative:"top-down"}}}import{validateExtension as E5,WorkflowComposer as R5}from"@contractspec/lib.workflow-composer";import{tool as y1}from"ai";import{z as N}from"zod";var T5=N.enum(["human","automation","decision"]),b5=N.object({operation:N.object({name:N.string(),version:N.number()}).optional(),form:N.object({key:N.string(),version:N.number()}).optional()}).optional(),k5=N.object({id:N.string(),type:T5,label:N.string(),description:N.string().optional(),action:b5}),M5=N.object({after:N.string().optional(),before:N.string().optional(),inject:k5,transitionTo:N.string().optional(),transitionFrom:N.string().optional(),when:N.string().optional()}),P2=N.object({workflow:N.string(),tenantId:N.string().optional(),role:N.string().optional(),priority:N.number().optional(),customSteps:N.array(M5).optional(),hiddenSteps:N.array(N.string()).optional()});function L2($){let{baseWorkflows:Z,composer:Y}=$,J=new Map(Z.map((W)=>[W.meta.key,W])),Q=y1({description:"Create or validate a workflow extension. Use when the user asks to add steps, modify a workflow, or create a tenant-specific extension. The extension targets an existing base workflow.",inputSchema:P2,execute:async(W)=>{let G={workflow:W.workflow,tenantId:W.tenantId,role:W.role,priority:W.priority,customSteps:W.customSteps,hiddenSteps:W.hiddenSteps},V=J.get(W.workflow);if(!V)return{success:!1,error:`Base workflow "${W.workflow}" not found. Available: ${Array.from(J.keys()).join(", ")}`,extension:G};try{return E5(G,V),{success:!0,message:"Extension validated successfully",extension:G}}catch(_){return{success:!1,error:_ instanceof Error?_.message:String(_),extension:G}}}}),X=N.object({workflowKey:N.string().describe("Base workflow meta.key"),tenantId:N.string().optional(),role:N.string().optional(),extensions:N.array(P2).optional().describe("Extensions to register before composing")}),q=y1({description:"Compose a workflow by applying registered extensions to a base workflow. Returns the composed WorkflowSpec.",inputSchema:X,execute:async(W)=>{let G=J.get(W.workflowKey);if(!G)return{success:!1,error:`Base workflow "${W.workflowKey}" not found. Available: ${Array.from(J.keys()).join(", ")}`};let V=Y??new R5;if(W.extensions?.length)for(let _ of W.extensions)V.register({workflow:_.workflow,tenantId:_.tenantId,role:_.role,priority:_.priority,customSteps:_.customSteps,hiddenSteps:_.hiddenSteps});try{let _=V.compose({base:G,tenantId:W.tenantId,role:W.role});return{success:!0,workflow:_,meta:_.meta,stepIds:_.definition.steps.map((F)=>F.id)}}catch(_){return{success:!1,error:_ instanceof Error?_.message:String(_)}}}}),H=N.object({workflowKey:N.string().describe("Workflow meta.key"),composedSteps:N.array(N.object({id:N.string(),type:N.enum(["human","automation","decision"]),label:N.string(),description:N.string().optional()})).optional().describe("Steps to include; if omitted, uses the base workflow")}),K=y1({description:"Generate TypeScript code for a workflow spec. Use after composing a workflow to output the spec as code the user can save.",inputSchema:H,execute:async(W)=>{let G=J.get(W.workflowKey);if(!G)return{success:!1,error:`Base workflow "${W.workflowKey}" not found. Available: ${Array.from(J.keys()).join(", ")}`,code:null};let V=W.composedSteps??G.definition.steps,_=w5((G.meta.key.split(".").pop()??"Workflow")+"")+"Workflow",F=V.map((U)=>`    {
+      id: '${U.id}',
+      type: '${U.type}',
+      label: '${l0(U.label)}',${U.description?`
+      description: '${l0(U.description)}',`:""}
     }`).join(`,
-`);
-      const meta = base.meta;
-      const transitionsJson = JSON.stringify(base.definition.transitions, null, 6);
-      const code = `import type { WorkflowSpec } from '@contractspec/lib.contracts-spec/workflow/spec';
+`),y=G.meta,A=JSON.stringify(G.definition.transitions,null,6);return{success:!0,code:`import type { WorkflowSpec } from '@contractspec/lib.contracts-spec/workflow/spec';
 
 /**
- * Workflow: ${base.meta.key}
+ * Workflow: ${G.meta.key}
  * Generated via AI chat workflow tools.
  */
-export const ${specVarName}: WorkflowSpec = {
+export const ${_}: WorkflowSpec = {
   meta: {
-    key: '${base.meta.key}',
-    version: '${String(base.meta.version)}',
-    title: '${escapeString(meta.title ?? base.meta.key)}',
-    description: '${escapeString(meta.description ?? "")}',
+    key: '${G.meta.key}',
+    version: '${String(G.meta.version)}',
+    title: '${l0(y.title??G.meta.key)}',
+    description: '${l0(y.description??"")}',
   },
   definition: {
-    entryStepId: '${base.definition.entryStepId ?? base.definition.steps[0]?.id ?? ""}',
+    entryStepId: '${G.definition.entryStepId??G.definition.steps[0]?.id??""}',
     steps: [
-${stepsCode}
+${F}
     ],
-    transitions: ${transitionsJson},
+    transitions: ${A},
   },
 };
-`;
-      return {
-        success: true,
-        code,
-        workflowKey: input.workflowKey
-      };
-    }
-  });
-  return {
-    create_workflow_extension: createWorkflowExtensionTool,
-    compose_workflow: composeWorkflowTool,
-    generate_workflow_spec_code: generateWorkflowSpecCodeTool
-  };
-}
-function toPascalCase(value) {
-  return value.split(/[-_.]/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
-}
-function escapeString(value) {
-  return value.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
-}
-
-// src/core/chat-service.ts
-var DEFAULT_SYSTEM_PROMPT = `You are ContractSpec AI, an expert coding assistant specialized in ContractSpec development.
+`,workflowKey:W.workflowKey}}});return{create_workflow_extension:Q,compose_workflow:q,generate_workflow_spec_code:K}}function w5($){return $.split(/[-_.]/).filter(Boolean).map((Z)=>Z.charAt(0).toUpperCase()+Z.slice(1)).join("")}function l0($){return $.replace(/\\/g,"\\\\").replace(/'/g,"\\'")}var C5=`You are ContractSpec AI, an expert coding assistant specialized in ContractSpec development.
 
 Your capabilities:
 - Help users create, modify, and understand ContractSpec specifications
@@ -3067,1414 +97,15 @@ Guidelines:
 - Provide code examples when helpful
 - Reference relevant ContractSpec concepts and patterns
 - Ask clarifying questions when the user's intent is unclear
-- When suggesting code changes, explain the rationale`;
-var WORKFLOW_TOOLS_PROMPT = `
-
-Workflow creation: You can create and modify workflows. Use create_workflow_extension when the user asks to add steps, change a workflow, or create a tenant-specific extension. Use compose_workflow to apply extensions to a base workflow. Use generate_workflow_spec_code to output TypeScript for the user to save.`;
+- When suggesting code changes, explain the rationale`,h5=`
 
-class ChatService {
-  provider;
-  context;
-  store;
-  systemPrompt;
-  maxHistoryMessages;
-  onUsage;
-  tools;
-  thinkingLevel;
-  sendReasoning;
-  sendSources;
-  modelSelector;
-  constructor(config) {
-    this.provider = config.provider;
-    this.context = config.context;
-    this.store = config.store ?? new InMemoryConversationStore;
-    this.systemPrompt = this.buildSystemPrompt(config);
-    this.maxHistoryMessages = config.maxHistoryMessages ?? 20;
-    this.onUsage = config.onUsage;
-    this.tools = this.mergeTools(config);
-    this.thinkingLevel = config.thinkingLevel;
-    this.modelSelector = config.modelSelector;
-    this.sendReasoning = config.sendReasoning ?? (config.thinkingLevel != null && config.thinkingLevel !== "instant");
-    this.sendSources = config.sendSources ?? false;
-  }
-  buildSystemPrompt(config) {
-    let base = config.systemPrompt ?? DEFAULT_SYSTEM_PROMPT;
-    if (config.workflowToolsConfig?.baseWorkflows?.length) {
-      base += WORKFLOW_TOOLS_PROMPT;
-    }
-    const contractsPrompt = buildContractsContextPrompt(config.contractsContext ?? {});
-    if (contractsPrompt) {
-      base += contractsPrompt;
-    }
-    if (config.surfacePlanConfig?.plan) {
-      const plannerInput = buildPlannerPromptInput(config.surfacePlanConfig.plan);
-      base += `
+Workflow creation: You can create and modify workflows. Use create_workflow_extension when the user asks to add steps, change a workflow, or create a tenant-specific extension. Use compose_workflow to apply extensions to a base workflow. Use generate_workflow_spec_code to output TypeScript for the user to save.`;class c0{provider;context;store;systemPrompt;maxHistoryMessages;onUsage;tools;thinkingLevel;sendReasoning;sendSources;modelSelector;constructor($){this.provider=$.provider,this.context=$.context,this.store=$.store??new m0,this.systemPrompt=this.buildSystemPrompt($),this.maxHistoryMessages=$.maxHistoryMessages??20,this.onUsage=$.onUsage,this.tools=this.mergeTools($),this.thinkingLevel=$.thinkingLevel,this.modelSelector=$.modelSelector,this.sendReasoning=$.sendReasoning??($.thinkingLevel!=null&&$.thinkingLevel!=="instant"),this.sendSources=$.sendSources??!1}buildSystemPrompt($){let Z=$.systemPrompt??C5;if($.workflowToolsConfig?.baseWorkflows?.length)Z+=h5;let Y=O2($.contractsContext??{});if(Y)Z+=Y;if($.surfacePlanConfig?.plan){let J=F2($.surfacePlanConfig.plan);Z+=`
 
-` + compilePlannerPrompt(plannerInput);
-    }
-    return base;
-  }
-  mergeTools(config) {
-    let merged = config.tools ?? {};
-    const wfConfig = config.workflowToolsConfig;
-    if (wfConfig?.baseWorkflows?.length) {
-      const workflowTools = createWorkflowTools({
-        baseWorkflows: wfConfig.baseWorkflows,
-        composer: wfConfig.composer
-      });
-      merged = { ...merged, ...workflowTools };
-    }
-    const contractsCtx = config.contractsContext;
-    if (contractsCtx?.agentSpecs?.length) {
-      const allTools = [];
-      for (const agent of contractsCtx.agentSpecs) {
-        if (agent.tools?.length)
-          allTools.push(...agent.tools);
-      }
-      if (allTools.length > 0) {
-        const agentTools = agentToolConfigsToToolSet(allTools);
-        merged = { ...merged, ...agentTools };
-      }
-    }
-    const surfaceConfig = config.surfacePlanConfig;
-    if (surfaceConfig?.plan) {
-      const plannerTools = createSurfacePlannerTools({
-        plan: surfaceConfig.plan,
-        onPatchProposal: surfaceConfig.onPatchProposal
-      });
-      merged = { ...merged, ...plannerTools };
-    }
-    if (config.mcpTools && Object.keys(config.mcpTools).length > 0) {
-      merged = { ...merged, ...config.mcpTools };
-    }
-    return Object.keys(merged).length > 0 ? merged : undefined;
-  }
-  async resolveModel() {
-    if (this.modelSelector) {
-      const dimension = this.thinkingLevelToDimension(this.thinkingLevel);
-      const { model, selection } = await this.modelSelector.selectAndCreate({
-        taskDimension: dimension
-      });
-      return { model, providerName: selection.providerKey };
-    }
-    return {
-      model: this.provider.getModel(),
-      providerName: this.provider.name
-    };
-  }
-  thinkingLevelToDimension(level) {
-    if (!level || level === "instant")
-      return "latency";
-    return "reasoning";
-  }
-  async send(options) {
-    let conversation;
-    if (options.conversationId) {
-      const existing = await this.store.get(options.conversationId);
-      if (!existing) {
-        throw new Error(`Conversation ${options.conversationId} not found`);
-      }
-      conversation = existing;
-    } else {
-      conversation = await this.store.create({
-        status: "active",
-        provider: this.provider.name,
-        model: this.provider.model,
-        messages: [],
-        workspacePath: this.context?.workspacePath
-      });
-    }
-    if (!options.skipUserAppend) {
-      await this.store.appendMessage(conversation.id, {
-        role: "user",
-        content: options.content,
-        status: "completed",
-        attachments: options.attachments
-      });
-    }
-    conversation = await this.store.get(conversation.id) ?? conversation;
-    const messages = this.buildMessages(conversation, options);
-    const { model, providerName } = await this.resolveModel();
-    const providerOptions = getProviderOptions(this.thinkingLevel, providerName);
-    try {
-      const result = await generateText({
-        model,
-        messages,
-        system: this.systemPrompt,
-        tools: this.tools,
-        providerOptions: Object.keys(providerOptions).length > 0 ? providerOptions : undefined
-      });
-      const assistantMessage = await this.store.appendMessage(conversation.id, {
-        role: "assistant",
-        content: result.text,
-        status: "completed"
-      });
-      const updatedConversation = await this.store.get(conversation.id);
-      if (!updatedConversation) {
-        throw new Error("Conversation lost after update");
-      }
-      return {
-        message: assistantMessage,
-        conversation: updatedConversation
-      };
-    } catch (error) {
-      await this.store.appendMessage(conversation.id, {
-        role: "assistant",
-        content: "",
-        status: "error",
-        error: {
-          code: "generation_failed",
-          message: error instanceof Error ? error.message : String(error)
-        }
-      });
-      throw error;
-    }
-  }
-  async stream(options) {
-    let conversation;
-    if (options.conversationId) {
-      const existing = await this.store.get(options.conversationId);
-      if (!existing) {
-        throw new Error(`Conversation ${options.conversationId} not found`);
-      }
-      conversation = existing;
-    } else {
-      conversation = await this.store.create({
-        status: "active",
-        provider: this.provider.name,
-        model: this.provider.model,
-        messages: [],
-        workspacePath: this.context?.workspacePath
-      });
-    }
-    if (!options.skipUserAppend) {
-      await this.store.appendMessage(conversation.id, {
-        role: "user",
-        content: options.content,
-        status: "completed",
-        attachments: options.attachments
-      });
-    }
-    conversation = await this.store.get(conversation.id) ?? conversation;
-    const assistantMessage = await this.store.appendMessage(conversation.id, {
-      role: "assistant",
-      content: "",
-      status: "streaming"
-    });
-    const messages = this.buildMessages(conversation, options);
-    const { model, providerName } = await this.resolveModel();
-    const systemPrompt = this.systemPrompt;
-    const tools = this.tools;
-    const store = this.store;
-    const onUsage = this.onUsage;
-    const streamProviderOptions = getProviderOptions(this.thinkingLevel, providerName);
-    async function* streamGenerator() {
-      let fullContent = "";
-      let fullReasoning = "";
-      const toolCallsMap = new Map;
-      const sources = [];
-      try {
-        const result = streamText({
-          model,
-          messages,
-          system: systemPrompt,
-          tools,
-          providerOptions: Object.keys(streamProviderOptions).length > 0 ? streamProviderOptions : undefined
-        });
-        for await (const part of result.fullStream) {
-          if (part.type === "text-delta") {
-            const text = part.text ?? "";
-            if (text) {
-              fullContent += text;
-              yield { type: "text", content: text };
-            }
-          } else if (part.type === "reasoning-delta") {
-            const text = part.text ?? "";
-            if (text) {
-              fullReasoning += text;
-              yield { type: "reasoning", content: text };
-            }
-          } else if (part.type === "source") {
-            const src = part;
-            const source = {
-              id: src.id,
-              title: src.title ?? "",
-              url: src.url,
-              type: "web"
-            };
-            sources.push(source);
-            yield { type: "source", source };
-          } else if (part.type === "tool-call") {
-            const toolCall = {
-              id: part.toolCallId,
-              name: part.toolName,
-              args: part.input ?? {},
-              status: "running"
-            };
-            toolCallsMap.set(part.toolCallId, toolCall);
-            yield { type: "tool_call", toolCall };
-          } else if (part.type === "tool-result") {
-            const tc = toolCallsMap.get(part.toolCallId);
-            if (tc) {
-              tc.result = part.output;
-              tc.status = "completed";
-            }
-            yield {
-              type: "tool_result",
-              toolResult: {
-                toolCallId: part.toolCallId,
-                toolName: part.toolName,
-                result: part.output
-              }
-            };
-          } else if (part.type === "tool-error") {
-            const tc = toolCallsMap.get(part.toolCallId);
-            if (tc) {
-              tc.status = "error";
-              tc.error = part.error ?? "Tool execution failed";
-            }
-          } else if (part.type === "finish") {
-            const usage = part.usage;
-            const inputTokens = usage?.inputTokens ?? 0;
-            const outputTokens = usage?.completionTokens ?? 0;
-            await store.updateMessage(conversation.id, assistantMessage.id, {
-              content: fullContent,
-              status: "completed",
-              reasoning: fullReasoning || undefined,
-              sources: sources.length > 0 ? sources : undefined,
-              toolCalls: toolCallsMap.size > 0 ? Array.from(toolCallsMap.values()) : undefined,
-              usage: usage ? { inputTokens, outputTokens } : undefined
-            });
-            onUsage?.({ inputTokens, outputTokens });
-            yield {
-              type: "done",
-              usage: usage ? { inputTokens, outputTokens } : undefined
-            };
-            return;
-          }
-        }
-        await store.updateMessage(conversation.id, assistantMessage.id, {
-          content: fullContent,
-          status: "completed",
-          reasoning: fullReasoning || undefined,
-          sources: sources.length > 0 ? sources : undefined,
-          toolCalls: toolCallsMap.size > 0 ? Array.from(toolCallsMap.values()) : undefined
-        });
-        yield { type: "done" };
-      } catch (error) {
-        await store.updateMessage(conversation.id, assistantMessage.id, {
-          content: fullContent,
-          status: "error",
-          error: {
-            code: "stream_failed",
-            message: error instanceof Error ? error.message : String(error)
-          }
-        });
-        yield {
-          type: "error",
-          error: {
-            code: "stream_failed",
-            message: error instanceof Error ? error.message : String(error)
-          }
-        };
-      }
-    }
-    return {
-      conversationId: conversation.id,
-      messageId: assistantMessage.id,
-      stream: streamGenerator()
-    };
-  }
-  async getConversation(conversationId) {
-    return this.store.get(conversationId);
-  }
-  async listConversations(options) {
-    return this.store.list({
-      status: "active",
-      ...options
-    });
-  }
-  async updateConversation(conversationId, updates) {
-    return this.store.update(conversationId, updates);
-  }
-  async forkConversation(conversationId, upToMessageId) {
-    return this.store.fork(conversationId, upToMessageId);
-  }
-  async updateMessage(conversationId, messageId, updates) {
-    return this.store.updateMessage(conversationId, messageId, updates);
-  }
-  async truncateAfter(conversationId, messageId) {
-    return this.store.truncateAfter(conversationId, messageId);
-  }
-  async deleteConversation(conversationId) {
-    return this.store.delete(conversationId);
-  }
-  buildMessages(conversation, _options) {
-    const historyStart = Math.max(0, conversation.messages.length - this.maxHistoryMessages);
-    const messages = [];
-    for (let i = historyStart;i < conversation.messages.length; i++) {
-      const msg = conversation.messages[i];
-      if (!msg)
-        continue;
-      if (msg.role === "user") {
-        let content = msg.content;
-        if (msg.attachments?.length) {
-          const attachmentInfo = msg.attachments.map((a) => {
-            if (a.type === "file" || a.type === "code") {
-              return `
+`+f5(J)}return Z}mergeTools($){let Z=$.tools??{},Y=$.workflowToolsConfig;if(Y?.baseWorkflows?.length){let X=L2({baseWorkflows:Y.baseWorkflows,composer:Y.composer});Z={...Z,...X}}let J=$.contractsContext;if(J?.agentSpecs?.length){let X=[];for(let q of J.agentSpecs)if(q.tools?.length)X.push(...q.tools);if(X.length>0){let q=D2(X);Z={...Z,...q}}}let Q=$.surfacePlanConfig;if(Q?.plan){let X=A2({plan:Q.plan,onPatchProposal:Q.onPatchProposal});Z={...Z,...X}}if($.mcpTools&&Object.keys($.mcpTools).length>0)Z={...Z,...$.mcpTools};return Object.keys(Z).length>0?Z:void 0}async resolveModel(){if(this.modelSelector){let $=this.thinkingLevelToDimension(this.thinkingLevel),{model:Z,selection:Y}=await this.modelSelector.selectAndCreate({taskDimension:$});return{model:Z,providerName:Y.providerKey}}return{model:this.provider.getModel(),providerName:this.provider.name}}thinkingLevelToDimension($){if(!$||$==="instant")return"latency";return"reasoning"}async send($){let Z;if($.conversationId){let q=await this.store.get($.conversationId);if(!q)throw Error(`Conversation ${$.conversationId} not found`);Z=q}else Z=await this.store.create({status:"active",provider:this.provider.name,model:this.provider.model,messages:[],workspacePath:this.context?.workspacePath});if(!$.skipUserAppend)await this.store.appendMessage(Z.id,{role:"user",content:$.content,status:"completed",attachments:$.attachments});Z=await this.store.get(Z.id)??Z;let Y=this.buildMessages(Z,$),{model:J,providerName:Q}=await this.resolveModel(),X=F1(this.thinkingLevel,Q);try{let q=await S5({model:J,messages:Y,system:this.systemPrompt,tools:this.tools,providerOptions:Object.keys(X).length>0?X:void 0}),H=await this.store.appendMessage(Z.id,{role:"assistant",content:q.text,status:"completed"}),K=await this.store.get(Z.id);if(!K)throw Error("Conversation lost after update");return{message:H,conversation:K}}catch(q){throw await this.store.appendMessage(Z.id,{role:"assistant",content:"",status:"error",error:{code:"generation_failed",message:q instanceof Error?q.message:String(q)}}),q}}async stream($){let Z;if($.conversationId){let _=await this.store.get($.conversationId);if(!_)throw Error(`Conversation ${$.conversationId} not found`);Z=_}else Z=await this.store.create({status:"active",provider:this.provider.name,model:this.provider.model,messages:[],workspacePath:this.context?.workspacePath});if(!$.skipUserAppend)await this.store.appendMessage(Z.id,{role:"user",content:$.content,status:"completed",attachments:$.attachments});Z=await this.store.get(Z.id)??Z;let Y=await this.store.appendMessage(Z.id,{role:"assistant",content:"",status:"streaming"}),J=this.buildMessages(Z,$),{model:Q,providerName:X}=await this.resolveModel(),q=this.systemPrompt,H=this.tools,K=this.store,W=this.onUsage,G=F1(this.thinkingLevel,X);async function*V(){let _="",F="",y=new Map,A=[];try{let P=I5({model:Q,messages:J,system:q,tools:H,providerOptions:Object.keys(G).length>0?G:void 0});for await(let U of P.fullStream)if(U.type==="text-delta"){let B=U.text??"";if(B)_+=B,yield{type:"text",content:B}}else if(U.type==="reasoning-delta"){let B=U.text??"";if(B)F+=B,yield{type:"reasoning",content:B}}else if(U.type==="source"){let B=U,x={id:B.id,title:B.title??"",url:B.url,type:"web"};A.push(x),yield{type:"source",source:x}}else if(U.type==="tool-call"){let B={id:U.toolCallId,name:U.toolName,args:U.input??{},status:"running"};y.set(U.toolCallId,B),yield{type:"tool_call",toolCall:B}}else if(U.type==="tool-result"){let B=y.get(U.toolCallId);if(B)B.result=U.output,B.status="completed";yield{type:"tool_result",toolResult:{toolCallId:U.toolCallId,toolName:U.toolName,result:U.output}}}else if(U.type==="tool-error"){let B=y.get(U.toolCallId);if(B)B.status="error",B.error=U.error??"Tool execution failed"}else if(U.type==="finish"){let B=U.usage,x=B?.inputTokens??0,k=B?.completionTokens??0;await K.updateMessage(Z.id,Y.id,{content:_,status:"completed",reasoning:F||void 0,sources:A.length>0?A:void 0,toolCalls:y.size>0?Array.from(y.values()):void 0,usage:B?{inputTokens:x,outputTokens:k}:void 0}),W?.({inputTokens:x,outputTokens:k}),yield{type:"done",usage:B?{inputTokens:x,outputTokens:k}:void 0};return}await K.updateMessage(Z.id,Y.id,{content:_,status:"completed",reasoning:F||void 0,sources:A.length>0?A:void 0,toolCalls:y.size>0?Array.from(y.values()):void 0}),yield{type:"done"}}catch(P){await K.updateMessage(Z.id,Y.id,{content:_,status:"error",error:{code:"stream_failed",message:P instanceof Error?P.message:String(P)}}),yield{type:"error",error:{code:"stream_failed",message:P instanceof Error?P.message:String(P)}}}}return{conversationId:Z.id,messageId:Y.id,stream:V()}}async getConversation($){return this.store.get($)}async listConversations($){return this.store.list({status:"active",...$})}async updateConversation($,Z){return this.store.update($,Z)}async forkConversation($,Z){return this.store.fork($,Z)}async updateMessage($,Z,Y){return this.store.updateMessage($,Z,Y)}async truncateAfter($,Z){return this.store.truncateAfter($,Z)}async deleteConversation($){return this.store.delete($)}buildMessages($,Z){let Y=Math.max(0,$.messages.length-this.maxHistoryMessages),J=[];for(let Q=Y;Q<$.messages.length;Q++){let X=$.messages[Q];if(!X)continue;if(X.role==="user"){let q=X.content;if(X.attachments?.length){let H=X.attachments.map((K)=>{if(K.type==="file"||K.type==="code")return`
 
-### ${a.name}
+### ${K.name}
 \`\`\`
-${a.content ?? ""}
-\`\`\``;
-            }
-            return `
-
-[Attachment: ${a.name}]`;
-          }).join("");
-          content += attachmentInfo;
-        }
-        messages.push({ role: "user", content });
-      } else if (msg.role === "assistant") {
-        if (msg.toolCalls?.length) {
-          messages.push({
-            role: "assistant",
-            content: msg.content || "",
-            toolCalls: msg.toolCalls.map((tc) => ({
-              type: "tool-call",
-              toolCallId: tc.id,
-              toolName: tc.name,
-              args: tc.args
-            }))
-          });
-          messages.push({
-            role: "tool",
-            content: msg.toolCalls.map((tc) => ({
-              type: "tool-result",
-              toolCallId: tc.id,
-              toolName: tc.name,
-              output: tc.result
-            }))
-          });
-        } else {
-          messages.push({ role: "assistant", content: msg.content });
-        }
-      }
-    }
-    return messages;
-  }
-}
-function createChatService(config) {
-  return new ChatService(config);
-}
-
-// src/presentation/hooks/useChat.tsx
-"use client";
-function toolsToToolSet(defs) {
-  const result = {};
-  for (const def of defs) {
-    result[def.name] = tool4({
-      description: def.description ?? def.name,
-      inputSchema: z4.object({}).passthrough(),
-      execute: async () => ({})
-    });
-  }
-  return result;
-}
-function useChat(options = {}) {
-  const {
-    provider = "openai",
-    mode = "byok",
-    model,
-    apiKey,
-    proxyUrl,
-    conversationId: initialConversationId,
-    store,
-    systemPrompt,
-    streaming = true,
-    onSend,
-    onResponse,
-    onError,
-    onUsage,
-    tools: toolsDefs,
-    thinkingLevel,
-    workflowToolsConfig,
-    modelSelector,
-    contractsContext,
-    surfacePlanConfig,
-    mcpServers,
-    agentMode
-  } = options;
-  const [messages, setMessages] = React13.useState([]);
-  const [mcpTools, setMcpTools] = React13.useState(null);
-  const mcpCleanupRef = React13.useRef(null);
-  const [conversation, setConversation] = React13.useState(null);
-  const [isLoading, setIsLoading] = React13.useState(false);
-  const [error, setError] = React13.useState(null);
-  const [conversationId, setConversationId] = React13.useState(initialConversationId ?? null);
-  const abortControllerRef = React13.useRef(null);
-  const chatServiceRef = React13.useRef(null);
-  React13.useEffect(() => {
-    if (!mcpServers?.length) {
-      setMcpTools(null);
-      return;
-    }
-    let cancelled = false;
-    import("@contractspec/lib.ai-agent/tools/mcp-client.browser").then(({ createMcpToolsets }) => {
-      createMcpToolsets(mcpServers).then(({ tools, cleanup }) => {
-        if (!cancelled) {
-          setMcpTools(tools);
-          mcpCleanupRef.current = cleanup;
-        } else {
-          cleanup().catch(() => {
-            return;
-          });
-        }
-      }).catch(() => {
-        if (!cancelled)
-          setMcpTools(null);
-      });
-    });
-    return () => {
-      cancelled = true;
-      const cleanup = mcpCleanupRef.current;
-      mcpCleanupRef.current = null;
-      if (cleanup)
-        cleanup().catch(() => {
-          return;
-        });
-      setMcpTools(null);
-    };
-  }, [mcpServers]);
-  React13.useEffect(() => {
-    const chatProvider = createProvider({
-      provider,
-      model,
-      apiKey,
-      proxyUrl
-    });
-    chatServiceRef.current = new ChatService({
-      provider: chatProvider,
-      store,
-      systemPrompt,
-      onUsage,
-      tools: toolsDefs?.length ? toolsToToolSet(toolsDefs) : undefined,
-      thinkingLevel,
-      workflowToolsConfig,
-      modelSelector,
-      contractsContext,
-      surfacePlanConfig,
-      mcpTools
-    });
-  }, [
-    provider,
-    mode,
-    model,
-    apiKey,
-    proxyUrl,
-    store,
-    systemPrompt,
-    onUsage,
-    toolsDefs,
-    thinkingLevel,
-    workflowToolsConfig,
-    modelSelector,
-    contractsContext,
-    surfacePlanConfig,
-    mcpTools
-  ]);
-  React13.useEffect(() => {
-    if (!conversationId || !chatServiceRef.current)
-      return;
-    const loadConversation = async () => {
-      if (!chatServiceRef.current)
-        return;
-      const conv = await chatServiceRef.current.getConversation(conversationId);
-      if (conv) {
-        setConversation(conv);
-        setMessages(conv.messages);
-      }
-    };
-    loadConversation().catch(console.error);
-  }, [conversationId]);
-  const sendMessage = React13.useCallback(async (content, attachments, opts) => {
-    if (agentMode?.agent) {
-      setIsLoading(true);
-      setError(null);
-      abortControllerRef.current = new AbortController;
-      try {
-        if (!opts?.skipUserAppend) {
-          const userMessage = {
-            id: `msg_${Date.now()}`,
-            conversationId: conversationId ?? "",
-            role: "user",
-            content,
-            status: "completed",
-            createdAt: new Date,
-            updatedAt: new Date,
-            attachments
-          };
-          setMessages((prev) => [...prev, userMessage]);
-          onSend?.(userMessage);
-        }
-        const result = await agentMode.agent.generate({
-          prompt: content,
-          signal: abortControllerRef.current.signal
-        });
-        const toolCallsMap = new Map;
-        for (const tc of result.toolCalls ?? []) {
-          const tr = result.toolResults?.find((r) => r.toolCallId === tc.toolCallId);
-          toolCallsMap.set(tc.toolCallId, {
-            id: tc.toolCallId,
-            name: tc.toolName,
-            args: tc.args ?? {},
-            result: tr?.output,
-            status: "completed"
-          });
-        }
-        const assistantMessage = {
-          id: `msg_${Date.now()}_a`,
-          conversationId: conversationId ?? "",
-          role: "assistant",
-          content: result.text,
-          status: "completed",
-          createdAt: new Date,
-          updatedAt: new Date,
-          toolCalls: toolCallsMap.size ? Array.from(toolCallsMap.values()) : undefined,
-          usage: result.usage
-        };
-        setMessages((prev) => [...prev, assistantMessage]);
-        onResponse?.(assistantMessage);
-        onUsage?.(result.usage ?? { inputTokens: 0, outputTokens: 0 });
-        if (store && !conversationId) {
-          const conv = await store.create({
-            status: "active",
-            provider: "agent",
-            model: "agent",
-            messages: []
-          });
-          if (!opts?.skipUserAppend) {
-            await store.appendMessage(conv.id, {
-              role: "user",
-              content,
-              status: "completed",
-              attachments
-            });
-          }
-          await store.appendMessage(conv.id, {
-            role: "assistant",
-            content: result.text,
-            status: "completed",
-            toolCalls: assistantMessage.toolCalls,
-            usage: result.usage
-          });
-          const updated = await store.get(conv.id);
-          if (updated)
-            setConversation(updated);
-          setConversationId(conv.id);
-        }
-      } catch (err) {
-        setError(err instanceof Error ? err : new Error(String(err)));
-        onError?.(err instanceof Error ? err : new Error(String(err)));
-      } finally {
-        setIsLoading(false);
-      }
-      return;
-    }
-    if (!chatServiceRef.current) {
-      throw new Error("Chat service not initialized");
-    }
-    setIsLoading(true);
-    setError(null);
-    abortControllerRef.current = new AbortController;
-    try {
-      if (!opts?.skipUserAppend) {
-        const userMessage = {
-          id: `msg_${Date.now()}`,
-          conversationId: conversationId ?? "",
-          role: "user",
-          content,
-          status: "completed",
-          createdAt: new Date,
-          updatedAt: new Date,
-          attachments
-        };
-        setMessages((prev) => [...prev, userMessage]);
-        onSend?.(userMessage);
-      }
-      if (streaming) {
-        const result = await chatServiceRef.current.stream({
-          conversationId: conversationId ?? undefined,
-          content,
-          attachments,
-          skipUserAppend: opts?.skipUserAppend
-        });
-        if (!conversationId && !opts?.skipUserAppend) {
-          setConversationId(result.conversationId);
-        }
-        const assistantMessage = {
-          id: result.messageId,
-          conversationId: result.conversationId,
-          role: "assistant",
-          content: "",
-          status: "streaming",
-          createdAt: new Date,
-          updatedAt: new Date
-        };
-        setMessages((prev) => [...prev, assistantMessage]);
-        let fullContent = "";
-        let fullReasoning = "";
-        const toolCallsMap = new Map;
-        const sources = [];
-        for await (const chunk of result.stream) {
-          if (chunk.type === "text" && chunk.content) {
-            fullContent += chunk.content;
-            setMessages((prev) => prev.map((m) => m.id === result.messageId ? {
-              ...m,
-              content: fullContent,
-              reasoning: fullReasoning || undefined,
-              sources: sources.length ? sources : undefined,
-              toolCalls: toolCallsMap.size ? Array.from(toolCallsMap.values()) : undefined
-            } : m));
-          } else if (chunk.type === "reasoning" && chunk.content) {
-            fullReasoning += chunk.content;
-            setMessages((prev) => prev.map((m) => m.id === result.messageId ? { ...m, reasoning: fullReasoning } : m));
-          } else if (chunk.type === "source" && chunk.source) {
-            sources.push(chunk.source);
-            setMessages((prev) => prev.map((m) => m.id === result.messageId ? { ...m, sources: [...sources] } : m));
-          } else if (chunk.type === "tool_call" && chunk.toolCall) {
-            const tc = chunk.toolCall;
-            const chatTc = {
-              id: tc.id,
-              name: tc.name,
-              args: tc.args,
-              status: "running"
-            };
-            toolCallsMap.set(tc.id, chatTc);
-            setMessages((prev) => prev.map((m) => m.id === result.messageId ? { ...m, toolCalls: Array.from(toolCallsMap.values()) } : m));
-          } else if (chunk.type === "tool_result" && chunk.toolResult) {
-            const tr = chunk.toolResult;
-            const tc = toolCallsMap.get(tr.toolCallId);
-            if (tc) {
-              tc.result = tr.result;
-              tc.status = "completed";
-            }
-            setMessages((prev) => prev.map((m) => m.id === result.messageId ? { ...m, toolCalls: Array.from(toolCallsMap.values()) } : m));
-          } else if (chunk.type === "done") {
-            setMessages((prev) => prev.map((m) => m.id === result.messageId ? {
-              ...m,
-              content: fullContent,
-              reasoning: fullReasoning || undefined,
-              sources: sources.length ? sources : undefined,
-              toolCalls: toolCallsMap.size ? Array.from(toolCallsMap.values()) : undefined,
-              status: "completed",
-              usage: chunk.usage,
-              updatedAt: new Date
-            } : m));
-            onResponse?.(messages.find((m) => m.id === result.messageId) ?? assistantMessage);
-          } else if (chunk.type === "error") {
-            setMessages((prev) => prev.map((m) => m.id === result.messageId ? {
-              ...m,
-              status: "error",
-              error: chunk.error,
-              updatedAt: new Date
-            } : m));
-            if (chunk.error) {
-              const err = new Error(chunk.error.message);
-              setError(err);
-              onError?.(err);
-            }
-          }
-        }
-      } else {
-        const result = await chatServiceRef.current.send({
-          conversationId: conversationId ?? undefined,
-          content,
-          attachments,
-          skipUserAppend: opts?.skipUserAppend
-        });
-        setConversation(result.conversation);
-        setMessages(result.conversation.messages);
-        if (!conversationId) {
-          setConversationId(result.conversation.id);
-        }
-        onResponse?.(result.message);
-      }
-    } catch (err) {
-      const error2 = err instanceof Error ? err : new Error(String(err));
-      setError(error2);
-      onError?.(error2);
-    } finally {
-      setIsLoading(false);
-      abortControllerRef.current = null;
-    }
-  }, [
-    conversationId,
-    streaming,
-    onSend,
-    onResponse,
-    onError,
-    onUsage,
-    messages,
-    agentMode,
-    store
-  ]);
-  const clearConversation = React13.useCallback(() => {
-    setMessages([]);
-    setConversation(null);
-    setConversationId(null);
-    setError(null);
-  }, []);
-  const regenerate = React13.useCallback(async () => {
-    let lastUserMessageIndex = -1;
-    for (let i = messages.length - 1;i >= 0; i--) {
-      const m = messages[i];
-      if (m?.role === "user") {
-        lastUserMessageIndex = i;
-        break;
-      }
-    }
-    if (lastUserMessageIndex === -1)
-      return;
-    const lastUserMessage = messages[lastUserMessageIndex];
-    if (!lastUserMessage)
-      return;
-    setMessages((prev) => prev.slice(0, lastUserMessageIndex + 1));
-    await sendMessage(lastUserMessage.content, lastUserMessage.attachments);
-  }, [messages, sendMessage]);
-  const stop = React13.useCallback(() => {
-    abortControllerRef.current?.abort();
-    setIsLoading(false);
-  }, []);
-  const createNewConversation = clearConversation;
-  const editMessage = React13.useCallback(async (messageId, newContent) => {
-    if (!chatServiceRef.current || !conversationId)
-      return;
-    const msg = messages.find((m) => m.id === messageId);
-    if (!msg || msg.role !== "user")
-      return;
-    await chatServiceRef.current.updateMessage(conversationId, messageId, {
-      content: newContent
-    });
-    const truncated = await chatServiceRef.current.truncateAfter(conversationId, messageId);
-    if (truncated) {
-      setMessages(truncated.messages);
-    }
-    await sendMessage(newContent, undefined, { skipUserAppend: true });
-  }, [conversationId, messages, sendMessage]);
-  const forkConversation = React13.useCallback(async (upToMessageId) => {
-    if (!chatServiceRef.current)
-      return null;
-    const idToFork = conversationId ?? conversation?.id;
-    if (!idToFork)
-      return null;
-    try {
-      const forked = await chatServiceRef.current.forkConversation(idToFork, upToMessageId);
-      setConversationId(forked.id);
-      setConversation(forked);
-      setMessages(forked.messages);
-      return forked.id;
-    } catch {
-      return null;
-    }
-  }, [conversationId, conversation]);
-  const updateConversationFn = React13.useCallback(async (updates) => {
-    if (!chatServiceRef.current || !conversationId)
-      return null;
-    const updated = await chatServiceRef.current.updateConversation(conversationId, updates);
-    if (updated)
-      setConversation(updated);
-    return updated;
-  }, [conversationId]);
-  const addToolApprovalResponse = React13.useCallback((_toolCallId, _result) => {
-    throw new Error(`addToolApprovalResponse: Tool approval requires server route with toUIMessageStreamResponse. ` + `Use createChatRoute and @ai-sdk/react useChat for tools with requireApproval.`);
-  }, []);
-  const hasApprovalTools = toolsDefs?.some((t) => t.requireApproval) ?? false;
-  return {
-    messages,
-    conversation,
-    isLoading,
-    error,
-    sendMessage,
-    clearConversation,
-    setConversationId,
-    regenerate,
-    stop,
-    createNewConversation,
-    editMessage,
-    forkConversation,
-    updateConversation: updateConversationFn,
-    ...hasApprovalTools && { addToolApprovalResponse }
-  };
-}
+${K.content??""}
+\`\`\``;return`
 
-// src/presentation/components/ChatWithSidebar.tsx
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-"use client";
-var defaultStore = createLocalStorageConversationStore();
-function ChatWithSidebar({
-  store = defaultStore,
-  projectId,
-  tags,
-  className,
-  thinkingLevel: initialThinkingLevel = "thinking",
-  presentationRenderer,
-  formRenderer,
-  dataViewRenderer,
-  components,
-  suggestions,
-  suggestionComponents,
-  showSuggestionsWhenEmpty = false,
-  ...useChatOptions
-}) {
-  const effectiveStore = store;
-  const [thinkingLevel, setThinkingLevel] = React14.useState(initialThinkingLevel);
-  const chat = useChat({
-    ...useChatOptions,
-    store: effectiveStore,
-    thinkingLevel
-  });
-  const {
-    messages,
-    conversation,
-    sendMessage,
-    isLoading,
-    setConversationId,
-    createNewConversation,
-    editMessage,
-    forkConversation,
-    updateConversation
-  } = chat;
-  const selectedConversationId = conversation?.id ?? null;
-  const handleSelectConversation = React14.useCallback((id) => {
-    setConversationId(id);
-  }, [setConversationId]);
-  const handleSuggestionClick = React14.useCallback((suggestion) => {
-    sendMessage(suggestion);
-  }, [sendMessage]);
-  return /* @__PURE__ */ jsxs13("div", {
-    className: className ?? "flex h-full w-full",
-    children: [
-      /* @__PURE__ */ jsx14(ChatSidebar, {
-        store: effectiveStore,
-        selectedConversationId,
-        onSelectConversation: handleSelectConversation,
-        onCreateNew: createNewConversation,
-        projectId,
-        tags,
-        selectedConversation: conversation,
-        onUpdateConversation: updateConversation ? async (id, updates) => {
-          if (id === selectedConversationId) {
-            await updateConversation(updates);
-          }
-        } : undefined
-      }),
-      /* @__PURE__ */ jsx14("div", {
-        className: "flex min-w-0 flex-1 flex-col",
-        children: /* @__PURE__ */ jsx14(ChatWithExport, {
-          messages,
-          conversation,
-          onCreateNew: createNewConversation,
-          onFork: forkConversation,
-          onEditMessage: editMessage,
-          thinkingLevel,
-          onThinkingLevelChange: setThinkingLevel,
-          presentationRenderer,
-          formRenderer,
-          dataViewRenderer,
-          components,
-          suggestions,
-          onSuggestionClick: handleSuggestionClick,
-          suggestionComponents,
-          showSuggestionsWhenEmpty,
-          children: /* @__PURE__ */ jsx14(ChatInput, {
-            onSend: (content, att) => sendMessage(content, att),
-            disabled: isLoading,
-            isLoading
-          })
-        })
-      })
-    ]
-  });
-}
-// src/presentation/components/ContextIndicator.tsx
-import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "@contractspec/lib.ui-kit-web/ui/tooltip";
-import { cn as cn11 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { FileCode, FolderOpen, Info, Zap } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs14, Fragment as Fragment7 } from "react/jsx-runtime";
-"use client";
-function ContextIndicator({
-  summary,
-  active = false,
-  className,
-  showDetails = true
-}) {
-  if (!summary && !active) {
-    return /* @__PURE__ */ jsxs14("div", {
-      className: cn11("flex items-center gap-1.5 text-sm", "text-muted-foreground", className),
-      children: [
-        /* @__PURE__ */ jsx15(Info, {
-          className: "h-4 w-4"
-        }),
-        /* @__PURE__ */ jsx15("span", {
-          children: "No workspace context"
-        })
-      ]
-    });
-  }
-  const content = /* @__PURE__ */ jsxs14("div", {
-    className: cn11("flex items-center gap-2", active ? "text-foreground" : "text-muted-foreground", className),
-    children: [
-      /* @__PURE__ */ jsxs14(Badge, {
-        variant: active ? "default" : "secondary",
-        className: "flex items-center gap-1",
-        children: [
-          /* @__PURE__ */ jsx15(Zap, {
-            className: "h-3 w-3"
-          }),
-          "Context"
-        ]
-      }),
-      summary && showDetails && /* @__PURE__ */ jsxs14(Fragment7, {
-        children: [
-          /* @__PURE__ */ jsxs14("div", {
-            className: "flex items-center gap-1 text-xs",
-            children: [
-              /* @__PURE__ */ jsx15(FolderOpen, {
-                className: "h-3.5 w-3.5"
-              }),
-              /* @__PURE__ */ jsx15("span", {
-                children: summary.name
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs14("div", {
-            className: "flex items-center gap-1 text-xs",
-            children: [
-              /* @__PURE__ */ jsx15(FileCode, {
-                className: "h-3.5 w-3.5"
-              }),
-              /* @__PURE__ */ jsxs14("span", {
-                children: [
-                  summary.specs.total,
-                  " specs"
-                ]
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-  if (!summary) {
-    return content;
-  }
-  return /* @__PURE__ */ jsx15(TooltipProvider, {
-    children: /* @__PURE__ */ jsxs14(Tooltip, {
-      children: [
-        /* @__PURE__ */ jsx15(TooltipTrigger, {
-          asChild: true,
-          children: content
-        }),
-        /* @__PURE__ */ jsx15(TooltipContent, {
-          side: "bottom",
-          className: "max-w-[300px]",
-          children: /* @__PURE__ */ jsxs14("div", {
-            className: "flex flex-col gap-2 text-sm",
-            children: [
-              /* @__PURE__ */ jsx15("div", {
-                className: "font-medium",
-                children: summary.name
-              }),
-              /* @__PURE__ */ jsx15("div", {
-                className: "text-muted-foreground text-xs",
-                children: summary.path
-              }),
-              /* @__PURE__ */ jsx15("div", {
-                className: "border-t pt-2",
-                children: /* @__PURE__ */ jsxs14("div", {
-                  className: "grid grid-cols-2 gap-1 text-xs",
-                  children: [
-                    /* @__PURE__ */ jsx15("span", {
-                      children: "Commands:"
-                    }),
-                    /* @__PURE__ */ jsx15("span", {
-                      className: "text-right",
-                      children: summary.specs.commands
-                    }),
-                    /* @__PURE__ */ jsx15("span", {
-                      children: "Queries:"
-                    }),
-                    /* @__PURE__ */ jsx15("span", {
-                      className: "text-right",
-                      children: summary.specs.queries
-                    }),
-                    /* @__PURE__ */ jsx15("span", {
-                      children: "Events:"
-                    }),
-                    /* @__PURE__ */ jsx15("span", {
-                      className: "text-right",
-                      children: summary.specs.events
-                    }),
-                    /* @__PURE__ */ jsx15("span", {
-                      children: "Presentations:"
-                    }),
-                    /* @__PURE__ */ jsx15("span", {
-                      className: "text-right",
-                      children: summary.specs.presentations
-                    })
-                  ]
-                })
-              }),
-              /* @__PURE__ */ jsxs14("div", {
-                className: "border-t pt-2 text-xs",
-                children: [
-                  /* @__PURE__ */ jsxs14("span", {
-                    children: [
-                      summary.files.total,
-                      " files"
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx15("span", {
-                    className: "mx-1",
-                    children: "•"
-                  }),
-                  /* @__PURE__ */ jsxs14("span", {
-                    children: [
-                      summary.files.specFiles,
-                      " spec files"
-                    ]
-                  })
-                ]
-              })
-            ]
-          })
-        })
-      ]
-    })
-  });
-}
-// src/presentation/components/ModelPicker.tsx
-import {
-  getModelsForProvider
-} from "@contractspec/lib.ai-providers";
-import { Button as Button7 } from "@contractspec/lib.design-system";
-import { Badge as Badge2 } from "@contractspec/lib.ui-kit-web/ui/badge";
-import { Label as Label2 } from "@contractspec/lib.ui-kit-web/ui/label";
-import {
-  Select as Select2,
-  SelectContent as SelectContent2,
-  SelectItem as SelectItem2,
-  SelectTrigger as SelectTrigger2,
-  SelectValue as SelectValue2
-} from "@contractspec/lib.ui-kit-web/ui/select";
-import { cn as cn12 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { Bot as Bot2, Cloud, Cpu, Sparkles } from "lucide-react";
-import * as React15 from "react";
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
-"use client";
-var PROVIDER_ICONS = {
-  ollama: /* @__PURE__ */ jsx16(Cpu, {
-    className: "h-4 w-4"
-  }),
-  openai: /* @__PURE__ */ jsx16(Bot2, {
-    className: "h-4 w-4"
-  }),
-  anthropic: /* @__PURE__ */ jsx16(Sparkles, {
-    className: "h-4 w-4"
-  }),
-  mistral: /* @__PURE__ */ jsx16(Cloud, {
-    className: "h-4 w-4"
-  }),
-  gemini: /* @__PURE__ */ jsx16(Sparkles, {
-    className: "h-4 w-4"
-  })
-};
-var PROVIDER_NAMES = {
-  ollama: "Ollama (Local)",
-  openai: "OpenAI",
-  anthropic: "Anthropic",
-  mistral: "Mistral",
-  gemini: "Google Gemini"
-};
-var MODE_BADGES = {
-  local: { label: "Local", variant: "secondary" },
-  byok: { label: "BYOK", variant: "outline" },
-  managed: { label: "Managed", variant: "default" }
-};
-function ModelPicker({
-  value,
-  onChange,
-  availableProviders,
-  className,
-  compact = false
-}) {
-  const providers = availableProviders ?? [
-    { provider: "ollama", available: true, mode: "local" },
-    { provider: "openai", available: true, mode: "byok" },
-    { provider: "anthropic", available: true, mode: "byok" },
-    { provider: "mistral", available: true, mode: "byok" },
-    { provider: "gemini", available: true, mode: "byok" }
-  ];
-  const models = getModelsForProvider(value.provider);
-  const selectedModel = models.find((m) => m.id === value.model);
-  const handleProviderChange = React15.useCallback((providerName) => {
-    const provider = providerName;
-    const providerInfo = providers.find((p) => p.provider === provider);
-    const providerModels = getModelsForProvider(provider);
-    const defaultModel = providerModels[0]?.id ?? "";
-    onChange({
-      provider,
-      model: defaultModel,
-      mode: providerInfo?.mode ?? "byok"
-    });
-  }, [onChange, providers]);
-  const handleModelChange = React15.useCallback((modelId) => {
-    onChange({
-      ...value,
-      model: modelId
-    });
-  }, [onChange, value]);
-  if (compact) {
-    return /* @__PURE__ */ jsxs15("div", {
-      className: cn12("flex items-center gap-2", className),
-      children: [
-        /* @__PURE__ */ jsxs15(Select2, {
-          value: value.provider,
-          onValueChange: handleProviderChange,
-          children: [
-            /* @__PURE__ */ jsx16(SelectTrigger2, {
-              className: "w-[140px]",
-              children: /* @__PURE__ */ jsx16(SelectValue2, {})
-            }),
-            /* @__PURE__ */ jsx16(SelectContent2, {
-              children: providers.map((p) => /* @__PURE__ */ jsx16(SelectItem2, {
-                value: p.provider,
-                disabled: !p.available,
-                children: /* @__PURE__ */ jsxs15("div", {
-                  className: "flex items-center gap-2",
-                  children: [
-                    PROVIDER_ICONS[p.provider],
-                    /* @__PURE__ */ jsx16("span", {
-                      children: PROVIDER_NAMES[p.provider]
-                    })
-                  ]
-                })
-              }, p.provider))
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxs15(Select2, {
-          value: value.model,
-          onValueChange: handleModelChange,
-          children: [
-            /* @__PURE__ */ jsx16(SelectTrigger2, {
-              className: "w-[160px]",
-              children: /* @__PURE__ */ jsx16(SelectValue2, {})
-            }),
-            /* @__PURE__ */ jsx16(SelectContent2, {
-              children: models.map((m) => /* @__PURE__ */ jsx16(SelectItem2, {
-                value: m.id,
-                children: m.name
-              }, m.id))
-            })
-          ]
-        })
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxs15("div", {
-    className: cn12("flex flex-col gap-3", className),
-    children: [
-      /* @__PURE__ */ jsxs15("div", {
-        className: "flex flex-col gap-1.5",
-        children: [
-          /* @__PURE__ */ jsx16(Label2, {
-            htmlFor: "provider-selection",
-            className: "font-medium text-sm",
-            children: "Provider"
-          }),
-          /* @__PURE__ */ jsx16("div", {
-            className: "flex flex-wrap gap-2",
-            id: "provider-selection",
-            children: providers.map((p) => /* @__PURE__ */ jsxs15(Button7, {
-              variant: value.provider === p.provider ? "default" : "outline",
-              size: "sm",
-              onPress: () => p.available && handleProviderChange(p.provider),
-              disabled: !p.available,
-              className: cn12(!p.available && "opacity-50"),
-              children: [
-                PROVIDER_ICONS[p.provider],
-                /* @__PURE__ */ jsx16("span", {
-                  children: PROVIDER_NAMES[p.provider]
-                }),
-                /* @__PURE__ */ jsx16(Badge2, {
-                  variant: MODE_BADGES[p.mode].variant,
-                  className: "ml-1",
-                  children: MODE_BADGES[p.mode].label
-                })
-              ]
-            }, p.provider))
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs15("div", {
-        className: "flex flex-col gap-1.5",
-        children: [
-          /* @__PURE__ */ jsx16(Label2, {
-            htmlFor: "model-picker",
-            className: "font-medium text-sm",
-            children: "Model"
-          }),
-          /* @__PURE__ */ jsxs15(Select2, {
-            name: "model-picker",
-            value: value.model,
-            onValueChange: handleModelChange,
-            children: [
-              /* @__PURE__ */ jsx16(SelectTrigger2, {
-                children: /* @__PURE__ */ jsx16(SelectValue2, {
-                  placeholder: "Select a model"
-                })
-              }),
-              /* @__PURE__ */ jsx16(SelectContent2, {
-                children: models.map((m) => /* @__PURE__ */ jsx16(SelectItem2, {
-                  value: m.id,
-                  children: /* @__PURE__ */ jsxs15("div", {
-                    className: "flex items-center gap-2",
-                    children: [
-                      /* @__PURE__ */ jsx16("span", {
-                        children: m.name
-                      }),
-                      /* @__PURE__ */ jsxs15("span", {
-                        className: "text-muted-foreground text-xs",
-                        children: [
-                          Math.round(m.contextWindow / 1000),
-                          "K"
-                        ]
-                      }),
-                      m.capabilities.vision && /* @__PURE__ */ jsx16(Badge2, {
-                        variant: "outline",
-                        className: "text-xs",
-                        children: "Vision"
-                      }),
-                      m.capabilities.reasoning && /* @__PURE__ */ jsx16(Badge2, {
-                        variant: "outline",
-                        className: "text-xs",
-                        children: "Reasoning"
-                      })
-                    ]
-                  })
-                }, m.id))
-              })
-            ]
-          })
-        ]
-      }),
-      selectedModel && /* @__PURE__ */ jsxs15("div", {
-        className: "flex flex-wrap gap-2 text-muted-foreground text-xs",
-        children: [
-          /* @__PURE__ */ jsxs15("span", {
-            children: [
-              "Context: ",
-              Math.round(selectedModel.contextWindow / 1000),
-              "K tokens"
-            ]
-          }),
-          selectedModel.capabilities.vision && /* @__PURE__ */ jsx16("span", {
-            children: "• Vision"
-          }),
-          selectedModel.capabilities.tools && /* @__PURE__ */ jsx16("span", {
-            children: "• Tools"
-          }),
-          selectedModel.capabilities.reasoning && /* @__PURE__ */ jsx16("span", {
-            children: "• Reasoning"
-          })
-        ]
-      })
-    ]
-  });
-}
-// src/presentation/hooks/index.ts
-import { useCompletion } from "@ai-sdk/react";
-
-// src/presentation/hooks/useProviders.tsx
-import {
-  getAvailableProviders,
-  getModelsForProvider as getModelsForProvider2
-} from "@contractspec/lib.ai-providers";
-import * as React16 from "react";
-"use client";
-function useProviders() {
-  const [providers, setProviders] = React16.useState([]);
-  const [isLoading, setIsLoading] = React16.useState(true);
-  const loadProviders = React16.useCallback(async () => {
-    setIsLoading(true);
-    try {
-      const available = getAvailableProviders();
-      const providersWithModels = available.map((p) => ({
-        ...p,
-        models: getModelsForProvider2(p.provider)
-      }));
-      setProviders(providersWithModels);
-    } catch (error) {
-      console.error("Failed to load providers:", error);
-    } finally {
-      setIsLoading(false);
-    }
-  }, []);
-  React16.useEffect(() => {
-    loadProviders();
-  }, [loadProviders]);
-  const availableProviders = React16.useMemo(() => providers.filter((p) => p.available), [providers]);
-  const isAvailable = React16.useCallback((provider) => providers.some((p) => p.provider === provider && p.available), [providers]);
-  const getModelsCallback = React16.useCallback((provider) => providers.find((p) => p.provider === provider)?.models ?? [], [providers]);
-  return {
-    providers,
-    availableProviders,
-    isAvailable,
-    getModels: getModelsCallback,
-    isLoading,
-    refresh: loadProviders
-  };
-}
-export {
-  useProviders,
-  useMessageSelection,
-  useConversations,
-  useCompletion,
-  useChat,
-  isPresentationToolResult,
-  isFormToolResult,
-  isDataViewToolResult,
-  ToolResultRenderer,
-  ThinkingLevelPicker,
-  Suggestions,
-  Suggestion,
-  SourcesTrigger,
-  SourcesContent,
-  Sources,
-  Source,
-  ReasoningTrigger,
-  ReasoningContent,
-  Reasoning,
-  ModelPicker,
-  ContextIndicator,
-  CodePreview,
-  ChatWithSidebar,
-  ChatWithExport,
-  ChatSidebar,
-  ChatMessage,
-  ChatInput,
-  ChatExportToolbar,
-  ChatContainer,
-  ChainOfThoughtStep,
-  ChainOfThoughtHeader,
-  ChainOfThoughtContent,
-  ChainOfThought
-};
+[Attachment: ${K.name}]`}).join("");q+=H}J.push({role:"user",content:q})}else if(X.role==="assistant")if(X.toolCalls?.length)J.push({role:"assistant",content:X.content||"",toolCalls:X.toolCalls.map((q)=>({type:"tool-call",toolCallId:q.id,toolName:q.name,args:q.args}))}),J.push({role:"tool",content:X.toolCalls.map((q)=>({type:"tool-result",toolCallId:q.id,toolName:q.name,output:q.result}))});else J.push({role:"assistant",content:X.content})}return J}}function Y8($){return new c0($)}function u5($){let Z={};for(let Y of $)Z[Y.name]=x5({description:Y.description??Y.name,inputSchema:v5.object({}).passthrough(),execute:async()=>({})});return Z}function E1($={}){let{provider:Z="openai",mode:Y="byok",model:J,apiKey:Q,proxyUrl:X,conversationId:q,store:H,systemPrompt:K,streaming:W=!0,onSend:G,onResponse:V,onError:_,onUsage:F,tools:y,thinkingLevel:A,workflowToolsConfig:P,modelSelector:U,contractsContext:B,surfacePlanConfig:x,mcpServers:k,agentMode:L}=$,[f,E]=I.useState([]),[i,v]=I.useState(null),g=I.useRef(null),[J0,M]=I.useState(null),[r,D]=I.useState(!1),[s,y0]=I.useState(null),[u,E0]=I.useState(q??null),R0=I.useRef(null),o=I.useRef(null);I.useEffect(()=>{if(!k?.length){v(null);return}let R=!1;return import("@contractspec/lib.ai-agent/tools/mcp-client.browser").then(({createMcpToolsets:T})=>{T(k).then(({tools:C,cleanup:O})=>{if(!R)v(C),g.current=O;else O().catch(()=>{return})}).catch(()=>{if(!R)v(null)})}),()=>{R=!0;let T=g.current;if(g.current=null,T)T().catch(()=>{return});v(null)}},[k]),I.useEffect(()=>{let R=j5({provider:Z,model:J,apiKey:Q,proxyUrl:X});o.current=new c0({provider:R,store:H,systemPrompt:K,onUsage:F,tools:y?.length?u5(y):void 0,thinkingLevel:A,workflowToolsConfig:P,modelSelector:U,contractsContext:B,surfacePlanConfig:x,mcpTools:i})},[Z,Y,J,Q,X,H,K,F,y,A,P,U,B,x,i]),I.useEffect(()=>{if(!u||!o.current)return;(async()=>{if(!o.current)return;let T=await o.current.getConversation(u);if(T)M(T),E(T.messages)})().catch(console.error)},[u]);let T0=I.useCallback(async(R,T,C)=>{if(L?.agent){D(!0),y0(null),R0.current=new AbortController;try{if(!C?.skipUserAppend){let m={id:`msg_${Date.now()}`,conversationId:u??"",role:"user",content:R,status:"completed",createdAt:new Date,updatedAt:new Date,attachments:T};E((a)=>[...a,m]),G?.(m)}let O=await L.agent.generate({prompt:R,signal:R0.current.signal}),e=new Map;for(let m of O.toolCalls??[]){let a=O.toolResults?.find((U0)=>U0.toolCallId===m.toolCallId);e.set(m.toolCallId,{id:m.toolCallId,name:m.toolName,args:m.args??{},result:a?.output,status:"completed"})}let B0={id:`msg_${Date.now()}_a`,conversationId:u??"",role:"assistant",content:O.text,status:"completed",createdAt:new Date,updatedAt:new Date,toolCalls:e.size?Array.from(e.values()):void 0,usage:O.usage};if(E((m)=>[...m,B0]),V?.(B0),F?.(O.usage??{inputTokens:0,outputTokens:0}),H&&!u){let m=await H.create({status:"active",provider:"agent",model:"agent",messages:[]});if(!C?.skipUserAppend)await H.appendMessage(m.id,{role:"user",content:R,status:"completed",attachments:T});await H.appendMessage(m.id,{role:"assistant",content:O.text,status:"completed",toolCalls:B0.toolCalls,usage:O.usage});let a=await H.get(m.id);if(a)M(a);E0(m.id)}}catch(O){y0(O instanceof Error?O:Error(String(O))),_?.(O instanceof Error?O:Error(String(O)))}finally{D(!1)}return}if(!o.current)throw Error("Chat service not initialized");D(!0),y0(null),R0.current=new AbortController;try{if(!C?.skipUserAppend){let O={id:`msg_${Date.now()}`,conversationId:u??"",role:"user",content:R,status:"completed",createdAt:new Date,updatedAt:new Date,attachments:T};E((e)=>[...e,O]),G?.(O)}if(W){let O=await o.current.stream({conversationId:u??void 0,content:R,attachments:T,skipUserAppend:C?.skipUserAppend});if(!u&&!C?.skipUserAppend)E0(O.conversationId);let e={id:O.messageId,conversationId:O.conversationId,role:"assistant",content:"",status:"streaming",createdAt:new Date,updatedAt:new Date};E((h)=>[...h,e]);let B0="",m="",a=new Map,U0=[];for await(let h of O.stream)if(h.type==="text"&&h.content)B0+=h.content,E((j)=>j.map((S)=>S.id===O.messageId?{...S,content:B0,reasoning:m||void 0,sources:U0.length?U0:void 0,toolCalls:a.size?Array.from(a.values()):void 0}:S));else if(h.type==="reasoning"&&h.content)m+=h.content,E((j)=>j.map((S)=>S.id===O.messageId?{...S,reasoning:m}:S));else if(h.type==="source"&&h.source)U0.push(h.source),E((j)=>j.map((S)=>S.id===O.messageId?{...S,sources:[...U0]}:S));else if(h.type==="tool_call"&&h.toolCall){let j=h.toolCall,S={id:j.id,name:j.name,args:j.args,status:"running"};a.set(j.id,S),E((r0)=>r0.map((A0)=>A0.id===O.messageId?{...A0,toolCalls:Array.from(a.values())}:A0))}else if(h.type==="tool_result"&&h.toolResult){let j=h.toolResult,S=a.get(j.toolCallId);if(S)S.result=j.result,S.status="completed";E((r0)=>r0.map((A0)=>A0.id===O.messageId?{...A0,toolCalls:Array.from(a.values())}:A0))}else if(h.type==="done")E((j)=>j.map((S)=>S.id===O.messageId?{...S,content:B0,reasoning:m||void 0,sources:U0.length?U0:void 0,toolCalls:a.size?Array.from(a.values()):void 0,status:"completed",usage:h.usage,updatedAt:new Date}:S)),V?.(f.find((j)=>j.id===O.messageId)??e);else if(h.type==="error"){if(E((j)=>j.map((S)=>S.id===O.messageId?{...S,status:"error",error:h.error,updatedAt:new Date}:S)),h.error){let j=Error(h.error.message);y0(j),_?.(j)}}}else{let O=await o.current.send({conversationId:u??void 0,content:R,attachments:T,skipUserAppend:C?.skipUserAppend});if(M(O.conversation),E(O.conversation.messages),!u)E0(O.conversation.id);V?.(O.message)}}catch(O){let e=O instanceof Error?O:Error(String(O));y0(e),_?.(e)}finally{D(!1),R0.current=null}},[u,W,G,V,_,F,f,L,H]),f1=I.useCallback(()=>{E([]),M(null),E0(null),y0(null)},[]),M2=I.useCallback(async()=>{let R=-1;for(let C=f.length-1;C>=0;C--)if(f[C]?.role==="user"){R=C;break}if(R===-1)return;let T=f[R];if(!T)return;E((C)=>C.slice(0,R+1)),await T0(T.content,T.attachments)},[f,T0]),w2=I.useCallback(()=>{R0.current?.abort(),D(!1)},[]),S2=f1,I2=I.useCallback(async(R,T)=>{if(!o.current||!u)return;let C=f.find((e)=>e.id===R);if(!C||C.role!=="user")return;await o.current.updateMessage(u,R,{content:T});let O=await o.current.truncateAfter(u,R);if(O)E(O.messages);await T0(T,void 0,{skipUserAppend:!0})},[u,f,T0]),f2=I.useCallback(async(R)=>{if(!o.current)return null;let T=u??J0?.id;if(!T)return null;try{let C=await o.current.forkConversation(T,R);return E0(C.id),M(C),E(C.messages),C.id}catch{return null}},[u,J0]),C2=I.useCallback(async(R)=>{if(!o.current||!u)return null;let T=await o.current.updateConversation(u,R);if(T)M(T);return T},[u]),h2=I.useCallback((R,T)=>{throw Error("addToolApprovalResponse: Tool approval requires server route with toUIMessageStreamResponse. Use createChatRoute and @ai-sdk/react useChat for tools with requireApproval.")},[]),j2=y?.some((R)=>R.requireApproval)??!1;return{messages:f,conversation:J0,isLoading:r,error:s,sendMessage:T0,clearConversation:f1,setConversationId:E0,regenerate:M2,stop:w2,createNewConversation:S2,editMessage:I2,forkConversation:f2,updateConversation:C2,...j2&&{addToolApprovalResponse:h2}}}import{jsx as i0,jsxs as m5}from"react/jsx-runtime";var p5=z2();function g5({store:$=p5,projectId:Z,tags:Y,className:J,thinkingLevel:Q="thinking",presentationRenderer:X,formRenderer:q,dataViewRenderer:H,components:K,suggestions:W,suggestionComponents:G,showSuggestionsWhenEmpty:V=!1,..._}){let F=$,[y,A]=f0.useState(Q),P=E1({..._,store:F,thinkingLevel:y}),{messages:U,conversation:B,sendMessage:x,isLoading:k,setConversationId:L,createNewConversation:f,editMessage:E,forkConversation:i,updateConversation:v}=P,g=B?.id??null,J0=f0.useCallback((r)=>{L(r)},[L]),M=f0.useCallback((r)=>{x(r)},[x]);return m5("div",{className:J??"flex h-full w-full",children:[i0(z1,{store:F,selectedConversationId:g,onSelectConversation:J0,onCreateNew:f,projectId:Z,tags:Y,selectedConversation:B,onUpdateConversation:v?async(r,D)=>{if(r===g)await v(D)}:void 0}),i0("div",{className:"flex min-w-0 flex-1 flex-col",children:i0(N1,{messages:U,conversation:B,onCreateNew:f,onFork:i,onEditMessage:E,thinkingLevel:y,onThinkingLevelChange:A,presentationRenderer:X,formRenderer:q,dataViewRenderer:H,components:K,suggestions:W,onSuggestionClick:M,suggestionComponents:G,showSuggestionsWhenEmpty:V,children:i0($1,{onSend:(r,D)=>x(r,D),disabled:k,isLoading:k})})})]})}import{Badge as d5}from"@contractspec/lib.ui-kit-web/ui/badge";import{Tooltip as l5,TooltipContent as c5,TooltipProvider as i5,TooltipTrigger as r5}from"@contractspec/lib.ui-kit-web/ui/tooltip";import{cn as N2}from"@contractspec/lib.ui-kit-web/ui/utils";import{FileCode as a5,FolderOpen as n5,Info as o5,Zap as t5}from"lucide-react";import{jsx as p,jsxs as Z0,Fragment as e5}from"react/jsx-runtime";function s5({summary:$,active:Z=!1,className:Y,showDetails:J=!0}){if(!$&&!Z)return Z0("div",{className:N2("flex items-center gap-1.5 text-sm","text-muted-foreground",Y),children:[p(o5,{className:"h-4 w-4"}),p("span",{children:"No workspace context"})]});let Q=Z0("div",{className:N2("flex items-center gap-2",Z?"text-foreground":"text-muted-foreground",Y),children:[Z0(d5,{variant:Z?"default":"secondary",className:"flex items-center gap-1",children:[p(t5,{className:"h-3 w-3"}),"Context"]}),$&&J&&Z0(e5,{children:[Z0("div",{className:"flex items-center gap-1 text-xs",children:[p(n5,{className:"h-3.5 w-3.5"}),p("span",{children:$.name})]}),Z0("div",{className:"flex items-center gap-1 text-xs",children:[p(a5,{className:"h-3.5 w-3.5"}),Z0("span",{children:[$.specs.total," specs"]})]})]})]});if(!$)return Q;return p(i5,{children:Z0(l5,{children:[p(r5,{asChild:!0,children:Q}),p(c5,{side:"bottom",className:"max-w-[300px]",children:Z0("div",{className:"flex flex-col gap-2 text-sm",children:[p("div",{className:"font-medium",children:$.name}),p("div",{className:"text-muted-foreground text-xs",children:$.path}),p("div",{className:"border-t pt-2",children:Z0("div",{className:"grid grid-cols-2 gap-1 text-xs",children:[p("span",{children:"Commands:"}),p("span",{className:"text-right",children:$.specs.commands}),p("span",{children:"Queries:"}),p("span",{className:"text-right",children:$.specs.queries}),p("span",{children:"Events:"}),p("span",{className:"text-right",children:$.specs.events}),p("span",{children:"Presentations:"}),p("span",{className:"text-right",children:$.specs.presentations})]})}),Z0("div",{className:"border-t pt-2 text-xs",children:[Z0("span",{children:[$.files.total," files"]}),p("span",{className:"mx-1",children:"•"}),Z0("span",{children:[$.files.specFiles," spec files"]})]})]})})]})})}import{getModelsForProvider as y2}from"@contractspec/lib.ai-providers";import{Button as $6}from"@contractspec/lib.design-system";import{Badge as R1}from"@contractspec/lib.ui-kit-web/ui/badge";import{Label as E2}from"@contractspec/lib.ui-kit-web/ui/label";import{Select as T1,SelectContent as b1,SelectItem as k1,SelectTrigger as M1,SelectValue as w1}from"@contractspec/lib.ui-kit-web/ui/select";import{cn as S1}from"@contractspec/lib.ui-kit-web/ui/utils";import{Bot as Z6,Cloud as Y6,Cpu as J6,Sparkles as R2}from"lucide-react";import*as I1 from"react";import{jsx as b,jsxs as Y0}from"react/jsx-runtime";var T2={ollama:b(J6,{className:"h-4 w-4"}),openai:b(Z6,{className:"h-4 w-4"}),anthropic:b(R2,{className:"h-4 w-4"}),mistral:b(Y6,{className:"h-4 w-4"}),gemini:b(R2,{className:"h-4 w-4"})},b2={ollama:"Ollama (Local)",openai:"OpenAI",anthropic:"Anthropic",mistral:"Mistral",gemini:"Google Gemini"},k2={local:{label:"Local",variant:"secondary"},byok:{label:"BYOK",variant:"outline"},managed:{label:"Managed",variant:"default"}};function Q6({value:$,onChange:Z,availableProviders:Y,className:J,compact:Q=!1}){let X=Y??[{provider:"ollama",available:!0,mode:"local"},{provider:"openai",available:!0,mode:"byok"},{provider:"anthropic",available:!0,mode:"byok"},{provider:"mistral",available:!0,mode:"byok"},{provider:"gemini",available:!0,mode:"byok"}],q=y2($.provider),H=q.find((G)=>G.id===$.model),K=I1.useCallback((G)=>{let V=G,_=X.find((A)=>A.provider===V),y=y2(V)[0]?.id??"";Z({provider:V,model:y,mode:_?.mode??"byok"})},[Z,X]),W=I1.useCallback((G)=>{Z({...$,model:G})},[Z,$]);if(Q)return Y0("div",{className:S1("flex items-center gap-2",J),children:[Y0(T1,{value:$.provider,onValueChange:K,children:[b(M1,{className:"w-[140px]",children:b(w1,{})}),b(b1,{children:X.map((G)=>b(k1,{value:G.provider,disabled:!G.available,children:Y0("div",{className:"flex items-center gap-2",children:[T2[G.provider],b("span",{children:b2[G.provider]})]})},G.provider))})]}),Y0(T1,{value:$.model,onValueChange:W,children:[b(M1,{className:"w-[160px]",children:b(w1,{})}),b(b1,{children:q.map((G)=>b(k1,{value:G.id,children:G.name},G.id))})]})]});return Y0("div",{className:S1("flex flex-col gap-3",J),children:[Y0("div",{className:"flex flex-col gap-1.5",children:[b(E2,{htmlFor:"provider-selection",className:"font-medium text-sm",children:"Provider"}),b("div",{className:"flex flex-wrap gap-2",id:"provider-selection",children:X.map((G)=>Y0($6,{variant:$.provider===G.provider?"default":"outline",size:"sm",onPress:()=>G.available&&K(G.provider),disabled:!G.available,className:S1(!G.available&&"opacity-50"),children:[T2[G.provider],b("span",{children:b2[G.provider]}),b(R1,{variant:k2[G.mode].variant,className:"ml-1",children:k2[G.mode].label})]},G.provider))})]}),Y0("div",{className:"flex flex-col gap-1.5",children:[b(E2,{htmlFor:"model-picker",className:"font-medium text-sm",children:"Model"}),Y0(T1,{name:"model-picker",value:$.model,onValueChange:W,children:[b(M1,{children:b(w1,{placeholder:"Select a model"})}),b(b1,{children:q.map((G)=>b(k1,{value:G.id,children:Y0("div",{className:"flex items-center gap-2",children:[b("span",{children:G.name}),Y0("span",{className:"text-muted-foreground text-xs",children:[Math.round(G.contextWindow/1000),"K"]}),G.capabilities.vision&&b(R1,{variant:"outline",className:"text-xs",children:"Vision"}),G.capabilities.reasoning&&b(R1,{variant:"outline",className:"text-xs",children:"Reasoning"})]})},G.id))})]})]}),H&&Y0("div",{className:"flex flex-wrap gap-2 text-muted-foreground text-xs",children:[Y0("span",{children:["Context: ",Math.round(H.contextWindow/1000),"K tokens"]}),H.capabilities.vision&&b("span",{children:"• Vision"}),H.capabilities.tools&&b("span",{children:"• Tools"}),H.capabilities.reasoning&&b("span",{children:"• Reasoning"})]})]})}import{useCompletion as s8}from"@ai-sdk/react";import{getAvailableProviders as X6,getModelsForProvider as q6}from"@contractspec/lib.ai-providers";import*as G0 from"react";function H6(){let[$,Z]=G0.useState([]),[Y,J]=G0.useState(!0),Q=G0.useCallback(async()=>{J(!0);try{let W=X6().map((G)=>({...G,models:q6(G.provider)}));Z(W)}catch(K){console.error("Failed to load providers:",K)}finally{J(!1)}},[]);G0.useEffect(()=>{Q()},[Q]);let X=G0.useMemo(()=>$.filter((K)=>K.available),[$]),q=G0.useCallback((K)=>$.some((W)=>W.provider===K&&W.available),[$]),H=G0.useCallback((K)=>$.find((W)=>W.provider===K)?.models??[],[$]);return{providers:$,availableProviders:X,isAvailable:q,getModels:H,isLoading:Y,refresh:Q}}export{H6 as useProviders,D1 as useMessageSelection,U1 as useConversations,s8 as useCompletion,E1 as useChat,c1 as isPresentationToolResult,i1 as isFormToolResult,r1 as isDataViewToolResult,v0 as ToolResultRenderer,L1 as ThinkingLevelPicker,O1 as Suggestions,B1 as Suggestion,G1 as SourcesTrigger,W1 as SourcesContent,H1 as Sources,K1 as Source,X1 as ReasoningTrigger,q1 as ReasoningContent,Q1 as Reasoning,Q6 as ModelPicker,s5 as ContextIndicator,Y1 as CodePreview,g5 as ChatWithSidebar,N1 as ChatWithExport,z1 as ChatSidebar,V1 as ChatMessage,$1 as ChatInput,s0 as ChatExportToolbar,n0 as ChatContainer,i2 as ChainOfThoughtStep,c2 as ChainOfThoughtHeader,r2 as ChainOfThoughtContent,l2 as ChainOfThought};