@open-mercato/ai-assistant 0.4.2-canary-c02407ff85

package/dist/frontend/components/CommandPalette/CommandPaletteProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/CommandPaletteProvider.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { createContext, useContext, useState, useEffect } from 'react'\nimport type { PageContext, SelectedEntity } from '../../types'\nimport { usePageContext } from '../../hooks/usePageContext'\nimport { useCommandPalette } from '../../hooks/useCommandPalette'\n\ninterface CommandPaletteProviderProps {\n  children: React.ReactNode\n  tenantId: string\n  organizationId: string | null\n  disableKeyboardShortcut?: boolean\n}\n\ntype CommandPaletteContextValue = ReturnType<typeof useCommandPalette>\n\nconst CommandPaletteContext = createContext<CommandPaletteContextValue | null>(null)\n\nexport function CommandPaletteProvider({\n  children,\n  tenantId,\n  organizationId,\n  disableKeyboardShortcut = true,\n}: CommandPaletteProviderProps) {\n  const pageContext = usePageContext({ tenantId, organizationId })\n  const [selectedEntities, setSelectedEntities] = useState<SelectedEntity[]>([])\n\n  // Listen for DataTable selection events\n  useEffect(() => {\n    const handleSelectionChange = (event: CustomEvent<SelectedEntity[]>) => {\n      setSelectedEntities(event.detail || [])\n    }\n\n    window.addEventListener('om:selection-change', handleSelectionChange as EventListener)\n    return () => {\n      window.removeEventListener('om:selection-change', handleSelectionChange as EventListener)\n    }\n  }, [])\n\n  const commandPalette = useCommandPalette({\n    pageContext,\n    selectedEntities,\n    disableKeyboardShortcut,\n  })\n\n  return (\n    <CommandPaletteContext.Provider value={commandPalette}>\n      {children}\n    </CommandPaletteContext.Provider>\n  )\n}\n\nexport function useCommandPaletteContext(): CommandPaletteContextValue {\n  const context = useContext(CommandPaletteContext)\n  if (!context) {\n    throw new Error('useCommandPaletteContext must be used within CommandPaletteProvider')\n  }\n  return context\n}\n"],
+  "mappings": ";AA+CI;AA5CJ,SAAS,eAAe,YAAY,UAAU,iBAAiB;AAE/D,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAWlC,MAAM,wBAAwB,cAAiD,IAAI;AAE5E,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,0BAA0B;AAC5B,GAAgC;AAC9B,QAAM,cAAc,eAAe,EAAE,UAAU,eAAe,CAAC;AAC/D,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA2B,CAAC,CAAC;AAG7E,YAAU,MAAM;AACd,UAAM,wBAAwB,CAAC,UAAyC;AACtE,0BAAoB,MAAM,UAAU,CAAC,CAAC;AAAA,IACxC;AAEA,WAAO,iBAAiB,uBAAuB,qBAAsC;AACrF,WAAO,MAAM;AACX,aAAO,oBAAoB,uBAAuB,qBAAsC;AAAA,IAC1F;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,kBAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,gBACpC,UACH;AAEJ;AAEO,SAAS,2BAAuD;AACrE,QAAM,UAAU,WAAW,qBAAqB;AAChD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qEAAqE;AAAA,EACvF;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/frontend/components/CommandPalette/CommandPaletteWrapper.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { CommandPaletteProvider } from "./CommandPaletteProvider.js";
+import { CommandPalette } from "./CommandPalette.js";
+function CommandPaletteWrapper({ tenantId, organizationId }) {
+  return /* @__PURE__ */ jsx(
+    CommandPaletteProvider,
+    {
+      tenantId: tenantId ?? "",
+      organizationId,
+      children: /* @__PURE__ */ jsx(CommandPalette, {})
+    }
+  );
+}
+export {
+  CommandPaletteWrapper
+};
+//# sourceMappingURL=CommandPaletteWrapper.js.map

package/dist/frontend/components/CommandPalette/CommandPaletteWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/CommandPaletteWrapper.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { CommandPaletteProvider } from './CommandPaletteProvider'\nimport { CommandPalette } from './CommandPalette'\n\ninterface CommandPaletteWrapperProps {\n  tenantId: string | null\n  organizationId: string | null\n}\n\nexport function CommandPaletteWrapper({ tenantId, organizationId }: CommandPaletteWrapperProps) {\n  return (\n    <CommandPaletteProvider\n      tenantId={tenantId ?? ''}\n      organizationId={organizationId}\n    >\n      <CommandPalette />\n    </CommandPaletteProvider>\n  )\n}\n"],
+  "mappings": ";AAiBM;AAdN,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAOxB,SAAS,sBAAsB,EAAE,UAAU,eAAe,GAA+B;AAC9F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,YAAY;AAAA,MACtB;AAAA,MAEA,8BAAC,kBAAe;AAAA;AAAA,EAClB;AAEJ;",
+  "names": []
+}

package/dist/frontend/components/CommandPalette/DebugPanel.js

@@ -0,0 +1,215 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Code, X, Trash2 } from "lucide-react";
+import { JsonView } from "react-json-view-lite";
+import { cn } from "@open-mercato/shared/lib/utils";
+function DebugPanel({ events, onClear, isOpen, onToggle }) {
+  const scrollRef = React.useRef(null);
+  const filteredEvents = React.useMemo(
+    () => events.filter((e) => e.type !== "text"),
+    [events]
+  );
+  React.useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }
+  }, [filteredEvents]);
+  if (!isOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full min-h-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-shrink-0 flex items-center justify-between px-3 py-2 border-b border-gray-700", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-gray-300", children: [
+        "Debug Events (",
+        filteredEvents.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onClear,
+            className: "text-gray-400 hover:text-gray-200",
+            title: "Clear events",
+            children: /* @__PURE__ */ jsx(Trash2, { className: "w-3 h-3" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onToggle,
+            className: "text-gray-400 hover:text-gray-200",
+            title: "Close debug panel",
+            children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { ref: scrollRef, className: "flex-1 min-h-0 overflow-y-auto p-2 space-y-1", children: [
+      filteredEvents.map((event) => /* @__PURE__ */ jsx(DebugEventRow, { event }, event.id)),
+      filteredEvents.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 text-center py-4", children: "No events yet" })
+    ] })
+  ] });
+}
+function parseNestedJson(data) {
+  if (typeof data === "string") {
+    try {
+      const parsed = JSON.parse(data);
+      return parseNestedJson(parsed);
+    } catch {
+      return data;
+    }
+  }
+  if (Array.isArray(data)) {
+    return data.map(parseNestedJson);
+  }
+  if (data && typeof data === "object") {
+    const result = {};
+    for (const [key, value] of Object.entries(data)) {
+      result[key] = parseNestedJson(value);
+    }
+    return result;
+  }
+  return data;
+}
+const customDarkStyles = {
+  container: "bg-transparent text-[11px] leading-relaxed font-mono",
+  basicChildStyle: "pl-4 ml-0",
+  label: "text-purple-400 mr-1",
+  nullValue: "text-gray-500 italic",
+  undefinedValue: "text-gray-500 italic",
+  stringValue: "text-green-400",
+  booleanValue: "text-yellow-400",
+  numberValue: "text-blue-400",
+  otherValue: "text-gray-300",
+  punctuation: "text-gray-500",
+  collapseIcon: "text-gray-400 cursor-pointer select-none mr-1",
+  expandIcon: "text-gray-400 cursor-pointer select-none mr-1",
+  collapsedContent: "text-gray-500"
+};
+function DebugEventRow({ event }) {
+  const [expanded, setExpanded] = React.useState(false);
+  const typeColors = {
+    "thinking": "text-orange-400",
+    "tool-call": "text-blue-400",
+    "tool-result": "text-green-400",
+    "text": "text-gray-300",
+    "error": "text-red-400",
+    "done": "text-purple-400",
+    "message": "text-yellow-400",
+    "connection": "text-cyan-400",
+    "metadata": "text-teal-400",
+    "debug": "text-gray-500",
+    "question": "text-amber-400"
+  };
+  const formatTime = (date) => {
+    return date.toLocaleTimeString("en-US", {
+      hour12: false,
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }) + "." + String(date.getMilliseconds()).padStart(3, "0");
+  };
+  const parsedData = React.useMemo(() => parseNestedJson(event.data), [event.data]);
+  return /* @__PURE__ */ jsxs("div", { className: "text-xs font-mono", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setExpanded(!expanded),
+        className: "w-full text-left flex items-center gap-2 hover:bg-gray-800 rounded px-1 py-0.5",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-gray-500 flex-shrink-0", children: formatTime(event.timestamp) }),
+          /* @__PURE__ */ jsx("span", { className: cn("font-medium flex-shrink-0", typeColors[event.type] || "text-gray-400"), children: event.type }),
+          /* @__PURE__ */ jsx("span", { className: "text-gray-400 truncate flex-1", children: getEventPreview(event) }),
+          /* @__PURE__ */ jsx("span", { className: "text-gray-600 flex-shrink-0", children: expanded ? "\u25BC" : "\u25B6" })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsx("div", { className: "bg-gray-800 rounded p-2 mt-1 overflow-x-auto max-h-[300px] overflow-y-auto", children: /* @__PURE__ */ jsx(
+      JsonView,
+      {
+        data: parsedData,
+        style: customDarkStyles,
+        shouldExpandNode: (level) => level < 2
+      }
+    ) })
+  ] });
+}
+function getEventPreview(event) {
+  const data = event.data;
+  if (event.type === "thinking") {
+    return "Agent is processing...";
+  }
+  if (event.type === "tool-call") {
+    const toolName = data?.toolName || "unknown";
+    const args = data?.args;
+    const argsPreview = args ? JSON.stringify(args).substring(0, 40) : "";
+    return `${toolName}(${argsPreview}${argsPreview.length >= 40 ? "..." : ""})`;
+  }
+  if (event.type === "tool-result") {
+    const result = data?.result;
+    const resultPreview = typeof result === "string" ? result.substring(0, 50) : JSON.stringify(result)?.substring(0, 50);
+    return `\u2192 ${resultPreview}${resultPreview && resultPreview.length >= 50 ? "..." : ""}`;
+  }
+  if (event.type === "text") {
+    const content = data?.content || "";
+    return content.substring(0, 50) + (content.length > 50 ? "..." : "");
+  }
+  if (event.type === "error") {
+    return data?.error || "Unknown error";
+  }
+  if (event.type === "message") {
+    const role = data?.role || "";
+    const content = data?.content || "";
+    return `[${role}] ${content.substring(0, 40)}...`;
+  }
+  if (event.type === "connection") {
+    return data?.status || "";
+  }
+  if (event.type === "metadata") {
+    const model = data?.model || "";
+    const tokens = data?.tokens;
+    const durationMs = data?.durationMs;
+    const parts = [];
+    if (model) parts.push(model);
+    if (tokens) parts.push(`${tokens.input || 0}\u2192${tokens.output || 0} tokens`);
+    if (durationMs) parts.push(`${(durationMs / 1e3).toFixed(1)}s`);
+    return parts.join(" | ") || "No metadata";
+  }
+  if (event.type === "debug") {
+    const partType = data?.partType || "unknown";
+    return `Unknown part: ${partType}`;
+  }
+  if (event.type === "question") {
+    const questionText = data?.questionText || data?.question?.questions?.[0]?.question || data?.header || "Confirmation required";
+    return questionText.substring(0, 50) + (questionText.length > 50 ? "..." : "");
+  }
+  return "";
+}
+function DebugToggleButton({
+  isOpen,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onToggle,
+      className: cn(
+        "flex items-center gap-1 text-xs transition-colors",
+        isOpen ? "text-blue-500 hover:text-blue-400" : "text-muted-foreground hover:text-foreground"
+      ),
+      title: "Toggle debug panel",
+      children: [
+        /* @__PURE__ */ jsx(Code, { className: "w-3 h-3" }),
+        /* @__PURE__ */ jsx("span", { children: isOpen ? "Hide Debug" : "Debug" })
+      ]
+    }
+  );
+}
+export {
+  DebugPanel,
+  DebugToggleButton
+};
+//# sourceMappingURL=DebugPanel.js.map

package/dist/frontend/components/CommandPalette/DebugPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/DebugPanel.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Code, X, Trash2 } from 'lucide-react'\nimport { JsonView } from 'react-json-view-lite'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport interface DebugEvent {\n  id: string\n  timestamp: Date\n  type: 'thinking' | 'tool-call' | 'tool-result' | 'text' | 'error' | 'done' | 'message' | 'connection' | 'metadata' | 'debug' | 'question' | 'session-authorized'\n  data: unknown\n}\n\ninterface DebugPanelProps {\n  events: DebugEvent[]\n  onClear: () => void\n  isOpen: boolean\n  onToggle: () => void\n}\n\nexport function DebugPanel({ events, onClear, isOpen, onToggle }: DebugPanelProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null)\n\n  // Filter out text events - only show tool calls, results, errors, etc.\n  const filteredEvents = React.useMemo(\n    () => events.filter((e) => e.type !== 'text'),\n    [events]\n  )\n\n  React.useEffect(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollTop = scrollRef.current.scrollHeight\n    }\n  }, [filteredEvents])\n\n  if (!isOpen) {\n    return null\n  }\n\n  return (\n    <div className=\"flex flex-col h-full min-h-0\">\n      <div className=\"flex-shrink-0 flex items-center justify-between px-3 py-2 border-b border-gray-700\">\n        <span className=\"text-xs font-medium text-gray-300\">Debug Events ({filteredEvents.length})</span>\n        <div className=\"flex gap-2\">\n          <button\n            onClick={onClear}\n            className=\"text-gray-400 hover:text-gray-200\"\n            title=\"Clear events\"\n          >\n            <Trash2 className=\"w-3 h-3\" />\n          </button>\n          <button\n            onClick={onToggle}\n            className=\"text-gray-400 hover:text-gray-200\"\n            title=\"Close debug panel\"\n          >\n            <X className=\"w-3 h-3\" />\n          </button>\n        </div>\n      </div>\n      <div ref={scrollRef} className=\"flex-1 min-h-0 overflow-y-auto p-2 space-y-1\">\n        {filteredEvents.map((event) => (\n          <DebugEventRow key={event.id} event={event} />\n        ))}\n        {filteredEvents.length === 0 && (\n          <p className=\"text-xs text-gray-500 text-center py-4\">No events yet</p>\n        )}\n      </div>\n    </div>\n  )\n}\n\n// Recursively parse stringified JSON fields\nfunction parseNestedJson(data: unknown): unknown {\n  if (typeof data === 'string') {\n    try {\n      const parsed = JSON.parse(data)\n      return parseNestedJson(parsed)\n    } catch {\n      return data\n    }\n  }\n  if (Array.isArray(data)) {\n    return data.map(parseNestedJson)\n  }\n  if (data && typeof data === 'object') {\n    const result: Record<string, unknown> = {}\n    for (const [key, value] of Object.entries(data)) {\n      result[key] = parseNestedJson(value)\n    }\n    return result\n  }\n  return data\n}\n\n// Custom dark styles for better readability (no external CSS needed)\nconst customDarkStyles: Record<string, string> = {\n  container: 'bg-transparent text-[11px] leading-relaxed font-mono',\n  basicChildStyle: 'pl-4 ml-0',\n  label: 'text-purple-400 mr-1',\n  nullValue: 'text-gray-500 italic',\n  undefinedValue: 'text-gray-500 italic',\n  stringValue: 'text-green-400',\n  booleanValue: 'text-yellow-400',\n  numberValue: 'text-blue-400',\n  otherValue: 'text-gray-300',\n  punctuation: 'text-gray-500',\n  collapseIcon: 'text-gray-400 cursor-pointer select-none mr-1',\n  expandIcon: 'text-gray-400 cursor-pointer select-none mr-1',\n  collapsedContent: 'text-gray-500',\n}\n\nfunction DebugEventRow({ event }: { event: DebugEvent }) {\n  const [expanded, setExpanded] = React.useState(false)\n  const typeColors: Record<string, string> = {\n    'thinking': 'text-orange-400',\n    'tool-call': 'text-blue-400',\n    'tool-result': 'text-green-400',\n    'text': 'text-gray-300',\n    'error': 'text-red-400',\n    'done': 'text-purple-400',\n    'message': 'text-yellow-400',\n    'connection': 'text-cyan-400',\n    'metadata': 'text-teal-400',\n    'debug': 'text-gray-500',\n    'question': 'text-amber-400',\n  }\n\n  const formatTime = (date: Date) => {\n    return date.toLocaleTimeString('en-US', {\n      hour12: false,\n      hour: '2-digit',\n      minute: '2-digit',\n      second: '2-digit',\n    }) + '.' + String(date.getMilliseconds()).padStart(3, '0')\n  }\n\n  // Parse nested JSON strings for better display\n  const parsedData = React.useMemo(() => parseNestedJson(event.data), [event.data])\n\n  return (\n    <div className=\"text-xs font-mono\">\n      <button\n        onClick={() => setExpanded(!expanded)}\n        className=\"w-full text-left flex items-center gap-2 hover:bg-gray-800 rounded px-1 py-0.5\"\n      >\n        <span className=\"text-gray-500 flex-shrink-0\">\n          {formatTime(event.timestamp)}\n        </span>\n        <span className={cn('font-medium flex-shrink-0', typeColors[event.type] || 'text-gray-400')}>\n          {event.type}\n        </span>\n        <span className=\"text-gray-400 truncate flex-1\">\n          {getEventPreview(event)}\n        </span>\n        <span className=\"text-gray-600 flex-shrink-0\">\n          {expanded ? '\u25BC' : '\u25B6'}\n        </span>\n      </button>\n      {expanded && (\n        <div className=\"bg-gray-800 rounded p-2 mt-1 overflow-x-auto max-h-[300px] overflow-y-auto\">\n          <JsonView\n            data={parsedData as object}\n            style={customDarkStyles}\n            shouldExpandNode={(level) => level < 2}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction getEventPreview(event: DebugEvent): string {\n  const data = event.data as Record<string, unknown>\n\n  if (event.type === 'thinking') {\n    return 'Agent is processing...'\n  }\n  if (event.type === 'tool-call') {\n    const toolName = data?.toolName as string || 'unknown'\n    const args = data?.args\n    const argsPreview = args ? JSON.stringify(args).substring(0, 40) : ''\n    return `${toolName}(${argsPreview}${argsPreview.length >= 40 ? '...' : ''})`\n  }\n  if (event.type === 'tool-result') {\n    const result = data?.result\n    const resultPreview = typeof result === 'string'\n      ? result.substring(0, 50)\n      : JSON.stringify(result)?.substring(0, 50)\n    return `\u2192 ${resultPreview}${resultPreview && resultPreview.length >= 50 ? '...' : ''}`\n  }\n  if (event.type === 'text') {\n    const content = data?.content as string || ''\n    return content.substring(0, 50) + (content.length > 50 ? '...' : '')\n  }\n  if (event.type === 'error') {\n    return data?.error as string || 'Unknown error'\n  }\n  if (event.type === 'message') {\n    const role = data?.role as string || ''\n    const content = data?.content as string || ''\n    return `[${role}] ${content.substring(0, 40)}...`\n  }\n  if (event.type === 'connection') {\n    return data?.status as string || ''\n  }\n  if (event.type === 'metadata') {\n    const model = data?.model as string || ''\n    const tokens = data?.tokens as { input?: number; output?: number } | undefined\n    const durationMs = data?.durationMs as number | undefined\n    const parts: string[] = []\n    if (model) parts.push(model)\n    if (tokens) parts.push(`${tokens.input || 0}\u2192${tokens.output || 0} tokens`)\n    if (durationMs) parts.push(`${(durationMs / 1000).toFixed(1)}s`)\n    return parts.join(' | ') || 'No metadata'\n  }\n  if (event.type === 'debug') {\n    const partType = data?.partType as string || 'unknown'\n    return `Unknown part: ${partType}`\n  }\n  if (event.type === 'question') {\n    // Use the enriched questionText field if available (added by frontend)\n    const questionText = (data?.questionText as string)\n      || (data?.question as { questions?: Array<{ question: string }> })?.questions?.[0]?.question\n      || (data?.header as string)\n      || 'Confirmation required'\n    return questionText.substring(0, 50) + (questionText.length > 50 ? '...' : '')\n  }\n  return ''\n}\n\n// Export a toggle button component for use in footer\nexport function DebugToggleButton({\n  isOpen,\n  onToggle\n}: {\n  isOpen: boolean\n  onToggle: () => void\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      className={cn(\n        'flex items-center gap-1 text-xs transition-colors',\n        isOpen\n          ? 'text-blue-500 hover:text-blue-400'\n          : 'text-muted-foreground hover:text-foreground'\n      )}\n      title=\"Toggle debug panel\"\n    >\n      <Code className=\"w-3 h-3\" />\n      <span>{isOpen ? 'Hide Debug' : 'Debug'}</span>\n    </button>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/frontend/components/CommandPalette/MessageBubble.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { User, Bot } from "lucide-react";
+import Markdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { cn } from "@open-mercato/shared/lib/utils";
+function MessageBubble({ message }) {
+  const isUser = message.role === "user";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex gap-3 py-3",
+        isUser ? "flex-row-reverse" : "flex-row"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-center w-8 h-8 rounded-full shrink-0",
+              isUser ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
+            ),
+            children: isUser ? /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Bot, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex-1 min-w-0 px-4 py-2 rounded-lg text-sm",
+              isUser ? "bg-primary text-primary-foreground ml-12" : "bg-muted text-foreground mr-12"
+            ),
+            children: isUser ? /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words", children: message.content }) : /* @__PURE__ */ jsx("div", { className: cn(
+              "prose prose-sm dark:prose-invert max-w-none break-words",
+              // Reset margins for first/last children
+              "[&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+              // Paragraph spacing - also handle plain text with whitespace-pre-line
+              "[&_p]:my-2 [&_p]:leading-relaxed [&_p]:whitespace-pre-line",
+              // List styling
+              "[&_ul]:my-2 [&_ul]:pl-4 [&_ol]:my-2 [&_ol]:pl-4",
+              "[&_li]:my-0.5 [&_li]:leading-relaxed",
+              // Headers
+              "[&_h1]:text-base [&_h1]:font-semibold [&_h1]:mt-3 [&_h1]:mb-2",
+              "[&_h2]:text-sm [&_h2]:font-semibold [&_h2]:mt-3 [&_h2]:mb-1",
+              "[&_h3]:text-sm [&_h3]:font-medium [&_h3]:mt-2 [&_h3]:mb-1",
+              // Code blocks
+              "[&_pre]:bg-background/50 [&_pre]:rounded [&_pre]:p-2 [&_pre]:my-2 [&_pre]:overflow-x-auto",
+              "[&_code]:bg-background/50 [&_code]:px-1 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-xs",
+              // Strong/emphasis
+              "[&_strong]:font-semibold [&_em]:italic",
+              // Blockquotes
+              "[&_blockquote]:border-l-2 [&_blockquote]:border-muted-foreground/30 [&_blockquote]:pl-3 [&_blockquote]:italic"
+            ), children: /* @__PURE__ */ jsx(Markdown, { remarkPlugins: [remarkGfm], children: message.content }) })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  MessageBubble
+};
+//# sourceMappingURL=MessageBubble.js.map

package/dist/frontend/components/CommandPalette/MessageBubble.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/MessageBubble.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { User, Bot } from 'lucide-react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { ChatMessage } from '../../types'\n\ninterface MessageBubbleProps {\n  message: ChatMessage\n}\n\nexport function MessageBubble({ message }: MessageBubbleProps) {\n  const isUser = message.role === 'user'\n\n  return (\n    <div\n      className={cn(\n        'flex gap-3 py-3',\n        isUser ? 'flex-row-reverse' : 'flex-row'\n      )}\n    >\n      <div\n        className={cn(\n          'flex items-center justify-center w-8 h-8 rounded-full shrink-0',\n          isUser ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'\n        )}\n      >\n        {isUser ? <User className=\"h-4 w-4\" /> : <Bot className=\"h-4 w-4\" />}\n      </div>\n\n      <div\n        className={cn(\n          'flex-1 min-w-0 px-4 py-2 rounded-lg text-sm',\n          isUser\n            ? 'bg-primary text-primary-foreground ml-12'\n            : 'bg-muted text-foreground mr-12'\n        )}\n      >\n        {isUser ? (\n          <div className=\"whitespace-pre-wrap break-words\">{message.content}</div>\n        ) : (\n          <div className={cn(\n            'prose prose-sm dark:prose-invert max-w-none break-words',\n            // Reset margins for first/last children\n            '[&>*:first-child]:mt-0 [&>*:last-child]:mb-0',\n            // Paragraph spacing - also handle plain text with whitespace-pre-line\n            '[&_p]:my-2 [&_p]:leading-relaxed [&_p]:whitespace-pre-line',\n            // List styling\n            '[&_ul]:my-2 [&_ul]:pl-4 [&_ol]:my-2 [&_ol]:pl-4',\n            '[&_li]:my-0.5 [&_li]:leading-relaxed',\n            // Headers\n            '[&_h1]:text-base [&_h1]:font-semibold [&_h1]:mt-3 [&_h1]:mb-2',\n            '[&_h2]:text-sm [&_h2]:font-semibold [&_h2]:mt-3 [&_h2]:mb-1',\n            '[&_h3]:text-sm [&_h3]:font-medium [&_h3]:mt-2 [&_h3]:mb-1',\n            // Code blocks\n            '[&_pre]:bg-background/50 [&_pre]:rounded [&_pre]:p-2 [&_pre]:my-2 [&_pre]:overflow-x-auto',\n            '[&_code]:bg-background/50 [&_code]:px-1 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-xs',\n            // Strong/emphasis\n            '[&_strong]:font-semibold [&_em]:italic',\n            // Blockquotes\n            '[&_blockquote]:border-l-2 [&_blockquote]:border-muted-foreground/30 [&_blockquote]:pl-3 [&_blockquote]:italic'\n          )}>\n            <Markdown remarkPlugins={[remarkGfm]}>\n              {message.content}\n            </Markdown>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiBI,SAYc,KAZd;AAdJ,SAAS,MAAM,WAAW;AAC1B,OAAO,cAAc;AACrB,OAAO,eAAe;AACtB,SAAS,UAAU;AAOZ,SAAS,cAAc,EAAE,QAAQ,GAAuB;AAC7D,QAAM,SAAS,QAAQ,SAAS;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,qBAAqB;AAAA,MAChC;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,SAAS,uCAAuC;AAAA,YAClD;AAAA,YAEC,mBAAS,oBAAC,QAAK,WAAU,WAAU,IAAK,oBAAC,OAAI,WAAU,WAAU;AAAA;AAAA,QACpE;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,SACI,6CACA;AAAA,YACN;AAAA,YAEC,mBACC,oBAAC,SAAI,WAAU,mCAAmC,kBAAQ,SAAQ,IAElE,oBAAC,SAAI,WAAW;AAAA,cACd;AAAA;AAAA,cAEA;AAAA;AAAA,cAEA;AAAA;AAAA,cAEA;AAAA,cACA;AAAA;AAAA,cAEA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,cAEA;AAAA,cACA;AAAA;AAAA,cAEA;AAAA;AAAA,cAEA;AAAA,YACF,GACE,8BAAC,YAAS,eAAe,CAAC,SAAS,GAChC,kBAAQ,SACX,GACF;AAAA;AAAA,QAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/frontend/components/CommandPalette/ToolCallConfirmation.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Wrench, AlertTriangle, Loader2, Check, X } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Button } from "@open-mercato/ui/primitives/button";
+const DESTRUCTIVE_PATTERNS = [/^delete/i, /^remove/i, /\.delete$/i, /\.remove$/i];
+function isDestructive(toolName) {
+  return DESTRUCTIVE_PATTERNS.some((p) => p.test(toolName));
+}
+function ToolCallConfirmation({
+  toolCall,
+  onApprove,
+  onReject
+}) {
+  const destructive = isDestructive(toolCall.toolName);
+  if (toolCall.status === "executing") {
+    return /* @__PURE__ */ jsx("div", { className: "bg-muted/50 rounded-lg p-3 border animate-pulse", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-primary" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
+        "Executing ",
+        toolCall.toolName,
+        "..."
+      ] })
+    ] }) });
+  }
+  if (toolCall.status === "completed") {
+    return /* @__PURE__ */ jsx("div", { className: "bg-emerald-50 dark:bg-emerald-900/20 rounded-lg p-3 border border-emerald-200 dark:border-emerald-800", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-emerald-600 dark:text-emerald-400" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-emerald-800 dark:text-emerald-200", children: [
+        toolCall.toolName,
+        " completed successfully"
+      ] })
+    ] }) });
+  }
+  if (toolCall.status === "error") {
+    return /* @__PURE__ */ jsx("div", { className: "bg-destructive/10 rounded-lg p-3 border border-destructive/20", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-destructive" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-destructive", children: [
+        toolCall.toolName,
+        " failed: ",
+        toolCall.error || "Unknown error"
+      ] })
+    ] }) });
+  }
+  if (toolCall.status === "rejected") {
+    return /* @__PURE__ */ jsx("div", { className: "bg-muted/30 rounded-lg p-3 border opacity-60", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground line-through", children: [
+        toolCall.toolName,
+        " cancelled"
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-lg p-3 border",
+        destructive ? "bg-destructive/5 border-destructive/20" : "bg-muted/50 border-border"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+          destructive ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" }) : /* @__PURE__ */ jsx(Wrench, { className: "h-4 w-4 text-primary" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: destructive ? "Destructive action requested" : "AI wants to execute:" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "font-mono text-xs bg-background rounded p-2 mb-3 overflow-auto max-h-32", children: [
+          /* @__PURE__ */ jsx("div", { className: cn("font-medium", destructive ? "text-destructive" : "text-primary"), children: toolCall.toolName }),
+          toolCall.args && Object.keys(toolCall.args).length > 0 && /* @__PURE__ */ jsx("pre", { className: "text-muted-foreground mt-1 whitespace-pre-wrap break-all", children: JSON.stringify(toolCall.args, null, 2) })
+        ] }),
+        destructive && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mb-3", children: "This action may not be reversible." }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: onReject, className: "flex-1", children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: destructive ? "destructive" : "default",
+              onClick: onApprove,
+              className: "flex-1",
+              children: destructive ? "Delete" : "Execute"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ToolCallConfirmation
+};
+//# sourceMappingURL=ToolCallConfirmation.js.map

package/dist/frontend/components/CommandPalette/ToolCallConfirmation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/ToolCallConfirmation.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Wrench, AlertTriangle, Loader2, Check, X } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport type { PendingToolCall } from '../../types'\n\ninterface ToolCallConfirmationProps {\n  toolCall: PendingToolCall\n  onApprove: () => void\n  onReject: () => void\n}\n\nconst DESTRUCTIVE_PATTERNS = [/^delete/i, /^remove/i, /\\.delete$/i, /\\.remove$/i]\n\nfunction isDestructive(toolName: string): boolean {\n  return DESTRUCTIVE_PATTERNS.some((p) => p.test(toolName))\n}\n\nexport function ToolCallConfirmation({\n  toolCall,\n  onApprove,\n  onReject,\n}: ToolCallConfirmationProps) {\n  const destructive = isDestructive(toolCall.toolName)\n\n  // Show different UI based on status\n  if (toolCall.status === 'executing') {\n    return (\n      <div className=\"bg-muted/50 rounded-lg p-3 border animate-pulse\">\n        <div className=\"flex items-center gap-2\">\n          <Loader2 className=\"h-4 w-4 animate-spin text-primary\" />\n          <span className=\"text-sm\">Executing {toolCall.toolName}...</span>\n        </div>\n      </div>\n    )\n  }\n\n  if (toolCall.status === 'completed') {\n    return (\n      <div className=\"bg-emerald-50 dark:bg-emerald-900/20 rounded-lg p-3 border border-emerald-200 dark:border-emerald-800\">\n        <div className=\"flex items-center gap-2\">\n          <Check className=\"h-4 w-4 text-emerald-600 dark:text-emerald-400\" />\n          <span className=\"text-sm text-emerald-800 dark:text-emerald-200\">\n            {toolCall.toolName} completed successfully\n          </span>\n        </div>\n      </div>\n    )\n  }\n\n  if (toolCall.status === 'error') {\n    return (\n      <div className=\"bg-destructive/10 rounded-lg p-3 border border-destructive/20\">\n        <div className=\"flex items-center gap-2\">\n          <X className=\"h-4 w-4 text-destructive\" />\n          <span className=\"text-sm text-destructive\">\n            {toolCall.toolName} failed: {toolCall.error || 'Unknown error'}\n          </span>\n        </div>\n      </div>\n    )\n  }\n\n  if (toolCall.status === 'rejected') {\n    return (\n      <div className=\"bg-muted/30 rounded-lg p-3 border opacity-60\">\n        <div className=\"flex items-center gap-2\">\n          <X className=\"h-4 w-4 text-muted-foreground\" />\n          <span className=\"text-sm text-muted-foreground line-through\">\n            {toolCall.toolName} cancelled\n          </span>\n        </div>\n      </div>\n    )\n  }\n\n  // Pending state - show confirmation UI\n  return (\n    <div\n      className={cn(\n        'rounded-lg p-3 border',\n        destructive\n          ? 'bg-destructive/5 border-destructive/20'\n          : 'bg-muted/50 border-border'\n      )}\n    >\n      <div className=\"flex items-center gap-2 mb-2\">\n        {destructive ? (\n          <AlertTriangle className=\"h-4 w-4 text-destructive\" />\n        ) : (\n          <Wrench className=\"h-4 w-4 text-primary\" />\n        )}\n        <span className=\"font-medium text-sm\">\n          {destructive ? 'Destructive action requested' : 'AI wants to execute:'}\n        </span>\n      </div>\n\n      <div className=\"font-mono text-xs bg-background rounded p-2 mb-3 overflow-auto max-h-32\">\n        <div className={cn('font-medium', destructive ? 'text-destructive' : 'text-primary')}>\n          {toolCall.toolName}\n        </div>\n        {toolCall.args && Object.keys(toolCall.args).length > 0 && (\n          <pre className=\"text-muted-foreground mt-1 whitespace-pre-wrap break-all\">\n            {JSON.stringify(toolCall.args, null, 2)}\n          </pre>\n        )}\n      </div>\n\n      {destructive && (\n        <p className=\"text-xs text-destructive mb-3\">This action may not be reversible.</p>\n      )}\n\n      <div className=\"flex gap-2\">\n        <Button size=\"sm\" variant=\"outline\" onClick={onReject} className=\"flex-1\">\n          Cancel\n        </Button>\n        <Button\n          size=\"sm\"\n          variant={destructive ? 'destructive' : 'default'}\n          onClick={onApprove}\n          className=\"flex-1\"\n        >\n          {destructive ? 'Delete' : 'Execute'}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAgCU,cACA,YADA;AA7BV,SAAS,QAAQ,eAAe,SAAS,OAAO,SAAS;AACzD,SAAS,UAAU;AACnB,SAAS,cAAc;AASvB,MAAM,uBAAuB,CAAC,YAAY,YAAY,cAAc,YAAY;AAEhF,SAAS,cAAc,UAA2B;AAChD,SAAO,qBAAqB,KAAK,CAAC,MAAM,EAAE,KAAK,QAAQ,CAAC;AAC1D;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,cAAc,cAAc,SAAS,QAAQ;AAGnD,MAAI,SAAS,WAAW,aAAa;AACnC,WACE,oBAAC,SAAI,WAAU,mDACb,+BAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,WAAQ,WAAU,qCAAoC;AAAA,MACvD,qBAAC,UAAK,WAAU,WAAU;AAAA;AAAA,QAAW,SAAS;AAAA,QAAS;AAAA,SAAG;AAAA,OAC5D,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,WAAW,aAAa;AACnC,WACE,oBAAC,SAAI,WAAU,yGACb,+BAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,SAAM,WAAU,kDAAiD;AAAA,MAClE,qBAAC,UAAK,WAAU,kDACb;AAAA,iBAAS;AAAA,QAAS;AAAA,SACrB;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,WAAW,SAAS;AAC/B,WACE,oBAAC,SAAI,WAAU,iEACb,+BAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,KAAE,WAAU,4BAA2B;AAAA,MACxC,qBAAC,UAAK,WAAU,4BACb;AAAA,iBAAS;AAAA,QAAS;AAAA,QAAU,SAAS,SAAS;AAAA,SACjD;AAAA,OACF,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,WAAW,YAAY;AAClC,WACE,oBAAC,SAAI,WAAU,gDACb,+BAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,KAAE,WAAU,iCAAgC;AAAA,MAC7C,qBAAC,UAAK,WAAU,8CACb;AAAA,iBAAS;AAAA,QAAS;AAAA,SACrB;AAAA,OACF,GACF;AAAA,EAEJ;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,cACI,2CACA;AAAA,MACN;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,gCACZ;AAAA,wBACC,oBAAC,iBAAc,WAAU,4BAA2B,IAEpD,oBAAC,UAAO,WAAU,wBAAuB;AAAA,UAE3C,oBAAC,UAAK,WAAU,uBACb,wBAAc,iCAAiC,wBAClD;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,2EACb;AAAA,8BAAC,SAAI,WAAW,GAAG,eAAe,cAAc,qBAAqB,cAAc,GAChF,mBAAS,UACZ;AAAA,UACC,SAAS,QAAQ,OAAO,KAAK,SAAS,IAAI,EAAE,SAAS,KACpD,oBAAC,SAAI,WAAU,4DACZ,eAAK,UAAU,SAAS,MAAM,MAAM,CAAC,GACxC;AAAA,WAEJ;AAAA,QAEC,eACC,oBAAC,OAAE,WAAU,iCAAgC,gDAAkC;AAAA,QAGjF,qBAAC,SAAI,WAAU,cACb;AAAA,8BAAC,UAAO,MAAK,MAAK,SAAQ,WAAU,SAAS,UAAU,WAAU,UAAS,oBAE1E;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,cAAc,gBAAgB;AAAA,cACvC,SAAS;AAAA,cACT,WAAU;AAAA,cAET,wBAAc,WAAW;AAAA;AAAA,UAC5B;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/frontend/components/CommandPalette/ToolCallDisplay.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Wrench, Check, X, Loader2 } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { humanizeToolName } from "../../utils/toolMatcher.js";
+function ToolCallDisplay({ toolCall }) {
+  const displayName = humanizeToolName(toolCall.toolName);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 py-2 px-3 bg-muted/50 rounded-lg my-2", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-center w-6 h-6 rounded shrink-0",
+          toolCall.status === "completed" && "bg-green-100 text-green-600",
+          toolCall.status === "error" && "bg-red-100 text-red-600",
+          toolCall.status === "running" && "bg-blue-100 text-blue-600",
+          toolCall.status === "pending" && "bg-gray-100 text-gray-600"
+        ),
+        children: [
+          toolCall.status === "running" && /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }),
+          toolCall.status === "completed" && /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
+          toolCall.status === "error" && /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }),
+          toolCall.status === "pending" && /* @__PURE__ */ jsx(Wrench, { className: "h-3 w-3" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 text-xs", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground", children: displayName }),
+      Object.keys(toolCall.args).length > 0 && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground mt-1", children: /* @__PURE__ */ jsxs("code", { className: "bg-muted px-1 rounded", children: [
+        JSON.stringify(toolCall.args, null, 0).slice(0, 100),
+        JSON.stringify(toolCall.args).length > 100 && "..."
+      ] }) }),
+      toolCall.status === "completed" && toolCall.result !== void 0 && /* @__PURE__ */ jsxs("div", { className: "text-green-600 mt-1", children: [
+        "Result: ",
+        typeof toolCall.result === "object" ? "Success" : String(toolCall.result)
+      ] }),
+      toolCall.status === "error" && toolCall.error && /* @__PURE__ */ jsxs("div", { className: "text-red-600 mt-1", children: [
+        "Error: ",
+        toolCall.error
+      ] })
+    ] })
+  ] });
+}
+export {
+  ToolCallDisplay
+};
+//# sourceMappingURL=ToolCallDisplay.js.map

package/dist/frontend/components/CommandPalette/ToolCallDisplay.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/ToolCallDisplay.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Wrench, Check, X, Loader2 } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { ToolCall } from '../../types'\nimport { humanizeToolName } from '../../utils/toolMatcher'\n\ninterface ToolCallDisplayProps {\n  toolCall: ToolCall\n}\n\nexport function ToolCallDisplay({ toolCall }: ToolCallDisplayProps) {\n  const displayName = humanizeToolName(toolCall.toolName)\n\n  return (\n    <div className=\"flex items-start gap-3 py-2 px-3 bg-muted/50 rounded-lg my-2\">\n      <div\n        className={cn(\n          'flex items-center justify-center w-6 h-6 rounded shrink-0',\n          toolCall.status === 'completed' && 'bg-green-100 text-green-600',\n          toolCall.status === 'error' && 'bg-red-100 text-red-600',\n          toolCall.status === 'running' && 'bg-blue-100 text-blue-600',\n          toolCall.status === 'pending' && 'bg-gray-100 text-gray-600'\n        )}\n      >\n        {toolCall.status === 'running' && <Loader2 className=\"h-3 w-3 animate-spin\" />}\n        {toolCall.status === 'completed' && <Check className=\"h-3 w-3\" />}\n        {toolCall.status === 'error' && <X className=\"h-3 w-3\" />}\n        {toolCall.status === 'pending' && <Wrench className=\"h-3 w-3\" />}\n      </div>\n\n      <div className=\"flex-1 min-w-0 text-xs\">\n        <div className=\"font-medium text-foreground\">{displayName}</div>\n\n        {Object.keys(toolCall.args).length > 0 && (\n          <div className=\"text-muted-foreground mt-1\">\n            <code className=\"bg-muted px-1 rounded\">\n              {JSON.stringify(toolCall.args, null, 0).slice(0, 100)}\n              {JSON.stringify(toolCall.args).length > 100 && '...'}\n            </code>\n          </div>\n        )}\n\n        {toolCall.status === 'completed' && toolCall.result !== undefined && (\n          <div className=\"text-green-600 mt-1\">\n            Result: {typeof toolCall.result === 'object' ? 'Success' : String(toolCall.result)}\n          </div>\n        )}\n\n        {toolCall.status === 'error' && toolCall.error && (\n          <div className=\"text-red-600 mt-1\">Error: {toolCall.error}</div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiBM,SASoC,KATpC;AAdN,SAAS,QAAQ,OAAO,GAAG,eAAe;AAC1C,SAAS,UAAU;AAEnB,SAAS,wBAAwB;AAM1B,SAAS,gBAAgB,EAAE,SAAS,GAAyB;AAClE,QAAM,cAAc,iBAAiB,SAAS,QAAQ;AAEtD,SACE,qBAAC,SAAI,WAAU,gEACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS,WAAW,eAAe;AAAA,UACnC,SAAS,WAAW,WAAW;AAAA,UAC/B,SAAS,WAAW,aAAa;AAAA,UACjC,SAAS,WAAW,aAAa;AAAA,QACnC;AAAA,QAEC;AAAA,mBAAS,WAAW,aAAa,oBAAC,WAAQ,WAAU,wBAAuB;AAAA,UAC3E,SAAS,WAAW,eAAe,oBAAC,SAAM,WAAU,WAAU;AAAA,UAC9D,SAAS,WAAW,WAAW,oBAAC,KAAE,WAAU,WAAU;AAAA,UACtD,SAAS,WAAW,aAAa,oBAAC,UAAO,WAAU,WAAU;AAAA;AAAA;AAAA,IAChE;AAAA,IAEA,qBAAC,SAAI,WAAU,0BACb;AAAA,0BAAC,SAAI,WAAU,+BAA+B,uBAAY;AAAA,MAEzD,OAAO,KAAK,SAAS,IAAI,EAAE,SAAS,KACnC,oBAAC,SAAI,WAAU,8BACb,+BAAC,UAAK,WAAU,yBACb;AAAA,aAAK,UAAU,SAAS,MAAM,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG;AAAA,QACnD,KAAK,UAAU,SAAS,IAAI,EAAE,SAAS,OAAO;AAAA,SACjD,GACF;AAAA,MAGD,SAAS,WAAW,eAAe,SAAS,WAAW,UACtD,qBAAC,SAAI,WAAU,uBAAsB;AAAA;AAAA,QAC1B,OAAO,SAAS,WAAW,WAAW,YAAY,OAAO,SAAS,MAAM;AAAA,SACnF;AAAA,MAGD,SAAS,WAAW,WAAW,SAAS,SACvC,qBAAC,SAAI,WAAU,qBAAoB;AAAA;AAAA,QAAQ,SAAS;AAAA,SAAM;AAAA,OAE9D;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/frontend/components/CommandPalette/ToolChatPage.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { Loader2 } from "lucide-react";
+import Markdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { MessageBubble } from "./MessageBubble.js";
+import { ToolCallConfirmation } from "./ToolCallConfirmation.js";
+function ToolChatPage({
+  tool,
+  messages,
+  pendingToolCalls,
+  isStreaming,
+  isThinking = false,
+  onApproveToolCall,
+  onRejectToolCall,
+  pendingQuestion,
+  onAnswerQuestion
+}) {
+  const bottomRef = useRef(null);
+  useEffect(() => {
+    const timeoutId = setTimeout(() => {
+      bottomRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
+    }, 100);
+    return () => clearTimeout(timeoutId);
+  }, [messages, pendingToolCalls, isStreaming, isThinking, pendingQuestion]);
+  return /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-3", children: [
+    tool && /* @__PURE__ */ jsx("div", { className: "-mx-3 -mt-3 mb-3 px-3 py-2 border-b bg-muted/20", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: tool.description }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      messages.map((message) => /* @__PURE__ */ jsx(MessageBubble, { message }, message.id)),
+      pendingToolCalls.filter((tc) => tc.status === "pending" || tc.status === "error").map((toolCall) => /* @__PURE__ */ jsx(
+        ToolCallConfirmation,
+        {
+          toolCall,
+          onApprove: () => onApproveToolCall(toolCall.id),
+          onReject: () => onRejectToolCall(toolCall.id)
+        },
+        toolCall.id
+      )),
+      pendingQuestion && pendingQuestion.questions[0] && /* @__PURE__ */ jsxs("div", { className: "p-4 bg-amber-500/10 border border-amber-500/30 rounded-lg space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-amber-600 dark:text-amber-400 text-sm font-medium", children: [
+          /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
+          /* @__PURE__ */ jsx("span", { children: pendingQuestion.questions[0].header || "Confirmation Required" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm prose prose-sm dark:prose-invert max-w-none [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_p]:my-1 [&_strong]:font-semibold", children: /* @__PURE__ */ jsx(Markdown, { remarkPlugins: [remarkGfm], children: pendingQuestion.questions[0].question }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-2 flex-wrap", children: pendingQuestion.questions[0].options.map((option, index) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: index === 0 ? "default" : "outline",
+            size: "sm",
+            onClick: () => onAnswerQuestion?.(index),
+            disabled: isStreaming,
+            children: option.label
+          },
+          index
+        )) })
+      ] }),
+      isThinking && !pendingQuestion && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-3 px-3 bg-muted/50 rounded-lg text-muted-foreground text-sm", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ jsx("span", { children: "Agent is working..." })
+      ] }),
+      isStreaming && !isThinking && !pendingQuestion && messages[messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-2 text-muted-foreground text-sm", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ jsx("span", { children: "AI is responding..." })
+      ] }),
+      /* @__PURE__ */ jsx("div", { ref: bottomRef })
+    ] })
+  ] });
+}
+export {
+  ToolChatPage
+};
+//# sourceMappingURL=ToolChatPage.js.map