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

package/dist/di.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/di.ts"],
+  "sourcesContent": ["import type { AwilixContainer } from 'awilix'\n\n/**\n * Register AI Assistant module services in the DI container.\n *\n * This is called by the app bootstrap to register package-level services.\n */\nexport async function register(container: AwilixContainer): Promise<void> {\n  const { register: registerModule } = await import('./modules/ai_assistant/di')\n  registerModule(container)\n}\n"],
+  "mappings": "AAOA,eAAsB,SAAS,WAA2C;AACxE,QAAM,EAAE,UAAU,eAAe,IAAI,MAAM,OAAO,2BAA2B;AAC7E,iBAAe,SAAS;AAC1B;",
+  "names": []
+}

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

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Code, ShieldCheck } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+function ConnectionIndicator({ status }) {
+  const statusConfig = {
+    connected: { color: "bg-emerald-500", text: "Connected" },
+    connecting: { color: "bg-yellow-500 animate-pulse", text: "Connecting..." },
+    disconnected: { color: "bg-gray-400", text: "Disconnected" },
+    error: { color: "bg-red-500", text: "Error" }
+  };
+  const config = statusConfig[status];
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsx("div", { className: cn("h-1.5 w-1.5 rounded-full", config.color) }),
+    /* @__PURE__ */ jsx("span", { children: config.text })
+  ] });
+}
+function KeyboardShortcut({ keys }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", children: keys.map((key, i) => /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      className: cn(
+        "inline-flex h-5 min-w-[20px] items-center justify-center rounded",
+        "bg-muted px-1.5 text-[10px] font-medium text-muted-foreground"
+      ),
+      children: key
+    },
+    i
+  )) });
+}
+function CommandFooter({
+  phase,
+  connectionStatus,
+  isSessionAuthorized = false,
+  showDebug = false,
+  onToggleDebug
+}) {
+  const idleShortcuts = [
+    { label: "Submit", keys: ["\u21B5"] },
+    { label: "Close", keys: ["Esc"] }
+  ];
+  const chatShortcuts = [
+    { label: "Send", keys: ["\u21B5"] },
+    { label: "Back", keys: ["Esc"] }
+  ];
+  const shortcuts = phase === "idle" ? idleShortcuts : chatShortcuts;
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-between px-3 py-2 border-t bg-muted/20 text-xs", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(ConnectionIndicator, { status: connectionStatus }),
+      isSessionAuthorized && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-emerald-600 dark:text-emerald-400", children: [
+        /* @__PURE__ */ jsx(ShieldCheck, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx("span", { children: "Authorized" })
+      ] }),
+      onToggleDebug && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onToggleDebug,
+          className: cn(
+            "flex items-center gap-1 transition-colors",
+            showDebug ? "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: showDebug ? "Hide Debug" : "Debug" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: shortcuts.map((shortcut, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: shortcut.label }),
+      /* @__PURE__ */ jsx(KeyboardShortcut, { keys: shortcut.keys })
+    ] }, i)) })
+  ] });
+}
+export {
+  CommandFooter
+};
+//# sourceMappingURL=CommandFooter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/CommandFooter.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Code, ShieldCheck } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { PalettePhase, ConnectionStatus } from '../../types'\n\ninterface CommandFooterProps {\n  phase: PalettePhase\n  connectionStatus: ConnectionStatus\n  isSessionAuthorized?: boolean\n  showDebug?: boolean\n  onToggleDebug?: () => void\n}\n\nfunction ConnectionIndicator({ status }: { status: ConnectionStatus }) {\n  const statusConfig: Record<ConnectionStatus, { color: string; text: string }> = {\n    connected: { color: 'bg-emerald-500', text: 'Connected' },\n    connecting: { color: 'bg-yellow-500 animate-pulse', text: 'Connecting...' },\n    disconnected: { color: 'bg-gray-400', text: 'Disconnected' },\n    error: { color: 'bg-red-500', text: 'Error' },\n  }\n\n  const config = statusConfig[status]\n\n  return (\n    <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n      <div className={cn('h-1.5 w-1.5 rounded-full', config.color)} />\n      <span>{config.text}</span>\n    </div>\n  )\n}\n\nfunction KeyboardShortcut({ keys }: { keys: string[] }) {\n  return (\n    <div className=\"flex items-center gap-0.5\">\n      {keys.map((key, i) => (\n        <kbd\n          key={i}\n          className={cn(\n            'inline-flex h-5 min-w-[20px] items-center justify-center rounded',\n            'bg-muted px-1.5 text-[10px] font-medium text-muted-foreground'\n          )}\n        >\n          {key}\n        </kbd>\n      ))}\n    </div>\n  )\n}\n\nexport function CommandFooter({\n  phase,\n  connectionStatus,\n  isSessionAuthorized = false,\n  showDebug = false,\n  onToggleDebug,\n}: CommandFooterProps) {\n  const idleShortcuts = [\n    { label: 'Submit', keys: ['\\u21B5'] },\n    { label: 'Close', keys: ['Esc'] },\n  ]\n\n  const chatShortcuts = [\n    { label: 'Send', keys: ['\\u21B5'] },\n    { label: 'Back', keys: ['Esc'] },\n  ]\n\n  const shortcuts = phase === 'idle' ? idleShortcuts : chatShortcuts\n\n  return (\n    <div className=\"relative flex items-center justify-between px-3 py-2 border-t bg-muted/20 text-xs\">\n      <div className=\"flex items-center gap-3\">\n        <ConnectionIndicator status={connectionStatus} />\n\n        {/* Session authorization indicator */}\n        {isSessionAuthorized && (\n          <div className=\"flex items-center gap-1 text-xs text-emerald-600 dark:text-emerald-400\">\n            <ShieldCheck className=\"h-3 w-3\" />\n            <span>Authorized</span>\n          </div>\n        )}\n\n        {/* Debug toggle button */}\n        {onToggleDebug && (\n          <button\n            type=\"button\"\n            onClick={onToggleDebug}\n            className={cn(\n              'flex items-center gap-1 transition-colors',\n              showDebug\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>{showDebug ? 'Hide Debug' : 'Debug'}</span>\n          </button>\n        )}\n      </div>\n\n      <div className=\"flex items-center gap-3\">\n        {shortcuts.map((shortcut, i) => (\n          <div key={i} className=\"flex items-center gap-1.5 text-muted-foreground\">\n            <span>{shortcut.label}</span>\n            <KeyboardShortcut keys={shortcut.keys} />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA0BI,SACE,KADF;AAvBJ,SAAS,MAAM,mBAAmB;AAClC,SAAS,UAAU;AAWnB,SAAS,oBAAoB,EAAE,OAAO,GAAiC;AACrE,QAAM,eAA0E;AAAA,IAC9E,WAAW,EAAE,OAAO,kBAAkB,MAAM,YAAY;AAAA,IACxD,YAAY,EAAE,OAAO,+BAA+B,MAAM,gBAAgB;AAAA,IAC1E,cAAc,EAAE,OAAO,eAAe,MAAM,eAAe;AAAA,IAC3D,OAAO,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,EAC9C;AAEA,QAAM,SAAS,aAAa,MAAM;AAElC,SACE,qBAAC,SAAI,WAAU,2DACb;AAAA,wBAAC,SAAI,WAAW,GAAG,4BAA4B,OAAO,KAAK,GAAG;AAAA,IAC9D,oBAAC,UAAM,iBAAO,MAAK;AAAA,KACrB;AAEJ;AAEA,SAAS,iBAAiB,EAAE,KAAK,GAAuB;AACtD,SACE,oBAAC,SAAI,WAAU,6BACZ,eAAK,IAAI,CAAC,KAAK,MACd;AAAA,IAAC;AAAA;AAAA,MAEC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,IANI;AAAA,EAOP,CACD,GACH;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ;AACF,GAAuB;AACrB,QAAM,gBAAgB;AAAA,IACpB,EAAE,OAAO,UAAU,MAAM,CAAC,QAAQ,EAAE;AAAA,IACpC,EAAE,OAAO,SAAS,MAAM,CAAC,KAAK,EAAE;AAAA,EAClC;AAEA,QAAM,gBAAgB;AAAA,IACpB,EAAE,OAAO,QAAQ,MAAM,CAAC,QAAQ,EAAE;AAAA,IAClC,EAAE,OAAO,QAAQ,MAAM,CAAC,KAAK,EAAE;AAAA,EACjC;AAEA,QAAM,YAAY,UAAU,SAAS,gBAAgB;AAErD,SACE,qBAAC,SAAI,WAAU,qFACb;AAAA,yBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,uBAAoB,QAAQ,kBAAkB;AAAA,MAG9C,uBACC,qBAAC,SAAI,WAAU,0EACb;AAAA,4BAAC,eAAY,WAAU,WAAU;AAAA,QACjC,oBAAC,UAAK,wBAAU;AAAA,SAClB;AAAA,MAID,iBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA,YACI,sCACA;AAAA,UACN;AAAA,UACA,OAAM;AAAA,UAEN;AAAA,gCAAC,QAAK,WAAU,WAAU;AAAA,YAC1B,oBAAC,UAAM,sBAAY,eAAe,SAAQ;AAAA;AAAA;AAAA,MAC5C;AAAA,OAEJ;AAAA,IAEA,oBAAC,SAAI,WAAU,2BACZ,oBAAU,IAAI,CAAC,UAAU,MACxB,qBAAC,SAAY,WAAU,mDACrB;AAAA,0BAAC,UAAM,mBAAS,OAAM;AAAA,MACtB,oBAAC,oBAAiB,MAAM,SAAS,MAAM;AAAA,SAF/B,CAGV,CACD,GACH;AAAA,KACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,53 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft, Wrench, MessageSquare } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+function CommandHeader({ phase, selectedTool, onBack }) {
+  if (phase === "idle") {
+    return null;
+  }
+  if (phase === "routing") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b bg-muted/30", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onBack,
+          className: cn(
+            "flex items-center justify-center h-6 w-6 rounded-md",
+            "hover:bg-muted transition-colors",
+            "text-muted-foreground hover:text-foreground"
+          ),
+          children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Processing..." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b bg-muted/30", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBack,
+        className: cn(
+          "flex items-center justify-center h-6 w-6 rounded-md",
+          "hover:bg-muted transition-colors",
+          "text-muted-foreground hover:text-foreground"
+        ),
+        children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+      }
+    ),
+    selectedTool ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-6 w-6 rounded bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Wrench, { className: "h-3 w-3" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: selectedTool.name }) })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-6 w-6 rounded bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(MessageSquare, { className: "h-3 w-3" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: "Chat" }) })
+    ] })
+  ] });
+}
+export {
+  CommandHeader
+};
+//# sourceMappingURL=CommandHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/CommandHeader.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { ArrowLeft, Wrench, MessageSquare } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { PalettePhase, ToolInfo } from '../../types'\n\ninterface CommandHeaderProps {\n  phase: PalettePhase\n  selectedTool: ToolInfo | null\n  onBack: () => void\n}\n\nexport function CommandHeader({ phase, selectedTool, onBack }: CommandHeaderProps) {\n  // Only show header when not in idle phase\n  if (phase === 'idle') {\n    return null\n  }\n\n  // Show routing header\n  if (phase === 'routing') {\n    return (\n      <div className=\"flex items-center gap-2 px-3 py-2 border-b bg-muted/30\">\n        <button\n          type=\"button\"\n          onClick={onBack}\n          className={cn(\n            'flex items-center justify-center h-6 w-6 rounded-md',\n            'hover:bg-muted transition-colors',\n            'text-muted-foreground hover:text-foreground'\n          )}\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n        </button>\n        <span className=\"text-sm text-muted-foreground\">Processing...</span>\n      </div>\n    )\n  }\n\n  // Show chatting/confirming/executing header\n  return (\n    <div className=\"flex items-center gap-2 px-3 py-2 border-b bg-muted/30\">\n      <button\n        type=\"button\"\n        onClick={onBack}\n        className={cn(\n          'flex items-center justify-center h-6 w-6 rounded-md',\n          'hover:bg-muted transition-colors',\n          'text-muted-foreground hover:text-foreground'\n        )}\n      >\n        <ArrowLeft className=\"h-4 w-4\" />\n      </button>\n\n      {selectedTool ? (\n        <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n          <div className=\"flex items-center justify-center h-6 w-6 rounded bg-primary/10 text-primary\">\n            <Wrench className=\"h-3 w-3\" />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <p className=\"text-sm font-medium truncate\">{selectedTool.name}</p>\n          </div>\n        </div>\n      ) : (\n        <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n          <div className=\"flex items-center justify-center h-6 w-6 rounded bg-primary/10 text-primary\">\n            <MessageSquare className=\"h-3 w-3\" />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <p className=\"text-sm font-medium truncate\">Chat</p>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAsBM,SAUI,KAVJ;AAnBN,SAAS,WAAW,QAAQ,qBAAqB;AACjD,SAAS,UAAU;AASZ,SAAS,cAAc,EAAE,OAAO,cAAc,OAAO,GAAuB;AAEjF,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAGA,MAAI,UAAU,WAAW;AACvB,WACE,qBAAC,SAAI,WAAU,0DACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UAEA,8BAAC,aAAU,WAAU,WAAU;AAAA;AAAA,MACjC;AAAA,MACA,oBAAC,UAAK,WAAU,iCAAgC,2BAAa;AAAA,OAC/D;AAAA,EAEJ;AAGA,SACE,qBAAC,SAAI,WAAU,0DACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEA,8BAAC,aAAU,WAAU,WAAU;AAAA;AAAA,IACjC;AAAA,IAEC,eACC,qBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,SAAI,WAAU,+EACb,8BAAC,UAAO,WAAU,WAAU,GAC9B;AAAA,MACA,oBAAC,SAAI,WAAU,kBACb,8BAAC,OAAE,WAAU,gCAAgC,uBAAa,MAAK,GACjE;AAAA,OACF,IAEA,qBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,SAAI,WAAU,+EACb,8BAAC,iBAAc,WAAU,WAAU,GACrC;AAAA,MACA,oBAAC,SAAI,WAAU,kBACb,8BAAC,OAAE,WAAU,gCAA+B,kBAAI,GAClD;AAAA,OACF;AAAA,KAEJ;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Command } from "cmdk";
+import { Search, MessageSquare, Loader2 } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+function CommandInput({ value, onValueChange, mode, isLoading, placeholder }) {
+  const defaultPlaceholder = mode === "chat" ? "Ask AI..." : "Search commands or ask AI...";
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-4 py-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-5 h-5 text-muted-foreground", children: isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : mode === "chat" ? /* @__PURE__ */ jsx(MessageSquare, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Search, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ jsx(
+      Command.Input,
+      {
+        value,
+        onValueChange,
+        placeholder: placeholder || defaultPlaceholder,
+        className: cn(
+          "flex-1 bg-transparent text-sm outline-none",
+          "placeholder:text-muted-foreground"
+        ),
+        autoFocus: true
+      }
+    ),
+    mode === "chat" && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground bg-muted px-2 py-0.5 rounded", children: "AI" })
+  ] });
+}
+export {
+  CommandInput
+};
+//# sourceMappingURL=CommandInput.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/CommandInput.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Command } from 'cmdk'\nimport { Search, MessageSquare, Loader2 } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { CommandPaletteMode } from '../../types'\n\ninterface CommandInputProps {\n  value: string\n  onValueChange: (value: string) => void\n  mode: CommandPaletteMode\n  isLoading?: boolean\n  placeholder?: string\n}\n\nexport function CommandInput({ value, onValueChange, mode, isLoading, placeholder }: CommandInputProps) {\n  const defaultPlaceholder = mode === 'chat' ? 'Ask AI...' : 'Search commands or ask AI...'\n\n  return (\n    <div className=\"flex items-center gap-2 border-b px-4 py-3\">\n      <div className=\"flex items-center justify-center w-5 h-5 text-muted-foreground\">\n        {isLoading ? (\n          <Loader2 className=\"h-4 w-4 animate-spin\" />\n        ) : mode === 'chat' ? (\n          <MessageSquare className=\"h-4 w-4\" />\n        ) : (\n          <Search className=\"h-4 w-4\" />\n        )}\n      </div>\n\n      <Command.Input\n        value={value}\n        onValueChange={onValueChange}\n        placeholder={placeholder || defaultPlaceholder}\n        className={cn(\n          'flex-1 bg-transparent text-sm outline-none',\n          'placeholder:text-muted-foreground'\n        )}\n        autoFocus\n      />\n\n      {mode === 'chat' && (\n        <span className=\"text-xs text-muted-foreground bg-muted px-2 py-0.5 rounded\">\n          AI\n        </span>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAoBI,SAGM,KAHN;AAjBJ,SAAS,eAAe;AACxB,SAAS,QAAQ,eAAe,eAAe;AAC/C,SAAS,UAAU;AAWZ,SAAS,aAAa,EAAE,OAAO,eAAe,MAAM,WAAW,YAAY,GAAsB;AACtG,QAAM,qBAAqB,SAAS,SAAS,cAAc;AAE3D,SACE,qBAAC,SAAI,WAAU,8CACb;AAAA,wBAAC,SAAI,WAAU,kEACZ,sBACC,oBAAC,WAAQ,WAAU,wBAAuB,IACxC,SAAS,SACX,oBAAC,iBAAc,WAAU,WAAU,IAEnC,oBAAC,UAAO,WAAU,WAAU,GAEhC;AAAA,IAEA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC;AAAA,QACA;AAAA,QACA,aAAa,eAAe;AAAA,QAC5B,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,WAAS;AAAA;AAAA,IACX;AAAA,IAEC,SAAS,UACR,oBAAC,UAAK,WAAU,8DAA6D,gBAE7E;AAAA,KAEJ;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,92 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Command } from "cmdk";
+import {
+  Plus,
+  Edit,
+  Trash,
+  Search,
+  Eye,
+  List,
+  Package,
+  Users,
+  ShoppingCart,
+  Lock,
+  BookOpen,
+  Folder,
+  DollarSign,
+  ToggleLeft,
+  Zap
+} from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { humanizeToolName } from "../../utils/toolMatcher.js";
+const MODULE_ICONS = {
+  customers: Users,
+  catalog: Package,
+  sales: ShoppingCart,
+  search: Search,
+  auth: Lock,
+  dictionaries: BookOpen,
+  directory: Folder,
+  currencies: DollarSign,
+  feature_toggles: ToggleLeft
+};
+const ACTION_ICONS = {
+  create: Plus,
+  update: Edit,
+  delete: Trash,
+  search: Search,
+  query: Search,
+  get: Eye,
+  list: List
+};
+function getIcon(tool) {
+  const nameParts = tool.name.split(".");
+  const action = nameParts[nameParts.length - 1];
+  if (ACTION_ICONS[action]) {
+    return ACTION_ICONS[action];
+  }
+  const module = tool.module || nameParts[0];
+  if (MODULE_ICONS[module]) {
+    return MODULE_ICONS[module];
+  }
+  return Zap;
+}
+function CommandItem({ tool, isSelected, onSelect }) {
+  const Icon = getIcon(tool);
+  const displayName = humanizeToolName(tool.name);
+  const module = tool.module || tool.name.split(".")[0];
+  return /* @__PURE__ */ jsxs(
+    Command.Item,
+    {
+      value: tool.name,
+      onSelect,
+      className: cn(
+        "flex items-center gap-3 px-3 py-2 cursor-pointer rounded-md",
+        "text-sm text-foreground",
+        isSelected ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-center w-8 h-8 rounded-md",
+              "bg-muted text-muted-foreground"
+            ),
+            children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-medium truncate", children: displayName }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground truncate", children: tool.description })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground capitalize", children: module })
+      ]
+    }
+  );
+}
+export {
+  CommandItem
+};
+//# sourceMappingURL=CommandItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/CommandItem.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Command } from 'cmdk'\nimport {\n  Plus,\n  Edit,\n  Trash,\n  Search,\n  Eye,\n  List,\n  Package,\n  Users,\n  ShoppingCart,\n  Calendar,\n  Lock,\n  BookOpen,\n  Folder,\n  DollarSign,\n  ToggleLeft,\n  Zap,\n} from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { ToolInfo } from '../../types'\nimport { humanizeToolName } from '../../utils/toolMatcher'\n\ninterface CommandItemProps {\n  tool: ToolInfo\n  isSelected: boolean\n  onSelect: () => void\n}\n\nconst MODULE_ICONS: Record<string, LucideIcon> = {\n  customers: Users,\n  catalog: Package,\n  sales: ShoppingCart,\n  search: Search,\n  auth: Lock,\n  dictionaries: BookOpen,\n  directory: Folder,\n  currencies: DollarSign,\n  feature_toggles: ToggleLeft,\n}\n\nconst ACTION_ICONS: Record<string, LucideIcon> = {\n  create: Plus,\n  update: Edit,\n  delete: Trash,\n  search: Search,\n  query: Search,\n  get: Eye,\n  list: List,\n}\n\nfunction getIcon(tool: ToolInfo): LucideIcon {\n  // First try to match action\n  const nameParts = tool.name.split('.')\n  const action = nameParts[nameParts.length - 1]\n  if (ACTION_ICONS[action]) {\n    return ACTION_ICONS[action]\n  }\n\n  // Then try module\n  const module = tool.module || nameParts[0]\n  if (MODULE_ICONS[module]) {\n    return MODULE_ICONS[module]\n  }\n\n  return Zap\n}\n\nexport function CommandItem({ tool, isSelected, onSelect }: CommandItemProps) {\n  const Icon = getIcon(tool)\n  const displayName = humanizeToolName(tool.name)\n  const module = tool.module || tool.name.split('.')[0]\n\n  return (\n    <Command.Item\n      value={tool.name}\n      onSelect={onSelect}\n      className={cn(\n        'flex items-center gap-3 px-3 py-2 cursor-pointer rounded-md',\n        'text-sm text-foreground',\n        isSelected\n          ? 'bg-accent text-accent-foreground'\n          : 'hover:bg-accent/50'\n      )}\n    >\n      <div\n        className={cn(\n          'flex items-center justify-center w-8 h-8 rounded-md',\n          'bg-muted text-muted-foreground'\n        )}\n      >\n        <Icon className=\"h-4 w-4\" />\n      </div>\n\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"font-medium truncate\">{displayName}</div>\n        <div className=\"text-xs text-muted-foreground truncate\">\n          {tool.description}\n        </div>\n      </div>\n\n      <span className=\"text-xs text-muted-foreground capitalize\">\n        {module}\n      </span>\n    </Command.Item>\n  )\n}\n"],
+  "mappings": ";AA+FQ,cAGF,YAHE;AA5FR,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,UAAU;AAEnB,SAAS,wBAAwB;AAQjC,MAAM,eAA2C;AAAA,EAC/C,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB;AACnB;AAEA,MAAM,eAA2C;AAAA,EAC/C,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,MAAM;AACR;AAEA,SAAS,QAAQ,MAA4B;AAE3C,QAAM,YAAY,KAAK,KAAK,MAAM,GAAG;AACrC,QAAM,SAAS,UAAU,UAAU,SAAS,CAAC;AAC7C,MAAI,aAAa,MAAM,GAAG;AACxB,WAAO,aAAa,MAAM;AAAA,EAC5B;AAGA,QAAM,SAAS,KAAK,UAAU,UAAU,CAAC;AACzC,MAAI,aAAa,MAAM,GAAG;AACxB,WAAO,aAAa,MAAM;AAAA,EAC5B;AAEA,SAAO;AACT;AAEO,SAAS,YAAY,EAAE,MAAM,YAAY,SAAS,GAAqB;AAC5E,QAAM,OAAO,QAAQ,IAAI;AACzB,QAAM,cAAc,iBAAiB,KAAK,IAAI;AAC9C,QAAM,SAAS,KAAK,UAAU,KAAK,KAAK,MAAM,GAAG,EAAE,CAAC;AAEpD,SACE;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,OAAO,KAAK;AAAA,MACZ;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,aACI,qCACA;AAAA,MACN;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEA,8BAAC,QAAK,WAAU,WAAU;AAAA;AAAA,QAC5B;AAAA,QAEA,qBAAC,SAAI,WAAU,kBACb;AAAA,8BAAC,SAAI,WAAU,wBAAwB,uBAAY;AAAA,UACnD,oBAAC,SAAI,WAAU,0CACZ,eAAK,aACR;AAAA,WACF;AAAA,QAEA,oBAAC,UAAK,WAAU,4CACb,kBACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,244 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { Command } from "cmdk";
+import { Loader2, Send } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Dialog, DialogContent, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { useCommandPaletteContext } from "./CommandPaletteProvider.js";
+import { CommandInput } from "./CommandInput.js";
+import { CommandHeader } from "./CommandHeader.js";
+import { CommandFooter } from "./CommandFooter.js";
+import { ToolChatPage } from "./ToolChatPage.js";
+import { DebugPanel } from "./DebugPanel.js";
+function IdleState() {
+  return /* @__PURE__ */ jsxs("div", { className: "py-8 px-4 text-center text-muted-foreground", children: [
+    /* @__PURE__ */ jsx("p", { className: "mb-2", children: "Ask me anything or describe what you want to do." }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Examples:" }),
+    /* @__PURE__ */ jsxs("ul", { className: "text-sm mt-2 space-y-1", children: [
+      /* @__PURE__ */ jsx("li", { children: '"Search for customers in New York"' }),
+      /* @__PURE__ */ jsx("li", { children: '"Create a new product"' }),
+      /* @__PURE__ */ jsx("li", { children: '"Show me recent orders"' })
+    ] })
+  ] });
+}
+function RoutingIndicator() {
+  return /* @__PURE__ */ jsxs("div", { className: "py-8 flex items-center justify-center gap-2", children: [
+    /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+    /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Analyzing request..." })
+  ] });
+}
+function CommandPalette() {
+  const {
+    state,
+    isThinking,
+    isSessionAuthorized,
+    messages,
+    pendingToolCalls,
+    selectedTool,
+    close,
+    setInputValue,
+    handleSubmit,
+    reset,
+    sendAgenticMessage,
+    approveToolCall,
+    rejectToolCall,
+    debugEvents,
+    showDebug,
+    setShowDebug,
+    clearDebugEvents,
+    pendingQuestion,
+    answerQuestion
+  } = useCommandPaletteContext();
+  const {
+    isOpen,
+    phase,
+    inputValue,
+    isLoading,
+    isStreaming,
+    connectionStatus
+  } = state;
+  const [localInput, setLocalInput] = React.useState("");
+  const [chatInput, setChatInput] = React.useState("");
+  const chatInputRef = React.useRef(null);
+  React.useEffect(() => {
+    if (phase === "idle") {
+      setLocalInput("");
+      setChatInput("");
+    }
+  }, [phase]);
+  React.useEffect(() => {
+    if (phase === "chatting" || phase === "confirming" || phase === "executing") {
+      setTimeout(() => chatInputRef.current?.focus(), 50);
+    }
+  }, [phase]);
+  const handleOpenChange = (open) => {
+    if (!open) {
+      close();
+    }
+  };
+  const handleInputSubmit = async () => {
+    const query = localInput.trim();
+    if (!query) return;
+    setLocalInput("");
+    await handleSubmit(query);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && phase === "idle" && localInput.trim()) {
+      e.preventDefault();
+      handleInputSubmit();
+    }
+  };
+  const handleChatSubmit = async (e) => {
+    e.preventDefault();
+    if (!chatInput.trim() || isStreaming) return;
+    const content = chatInput;
+    setChatInput("");
+    await sendAgenticMessage(content);
+  };
+  const handleChatKeyDown = (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+    }
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      if (chatInput.trim() && !isStreaming) {
+        const content = chatInput;
+        setChatInput("");
+        sendAgenticMessage(content);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isOpen && showDebug && /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-40 bg-black/50 backdrop-blur-sm pointer-events-none" }),
+    /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleOpenChange, modal: !showDebug, children: /* @__PURE__ */ jsxs(
+      DialogContent,
+      {
+        className: cn(
+          "fixed left-1/2 top-[10vh] z-50 -translate-x-1/2",
+          "w-full max-w-2xl p-0",
+          "rounded-xl border bg-background shadow-2xl",
+          "flex flex-col"
+        ),
+        style: { maxHeight: 500, overflow: "hidden" },
+        onKeyDown: handleKeyDown,
+        onPointerDownOutside: (e) => {
+          if (showDebug) {
+            e.preventDefault();
+          }
+        },
+        onInteractOutside: (e) => {
+          if (showDebug) {
+            e.preventDefault();
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "AI Command Palette" }) }),
+          /* @__PURE__ */ jsxs(Command, { className: "flex flex-col flex-1 min-h-0", shouldFilter: false, children: [
+            /* @__PURE__ */ jsx(
+              CommandHeader,
+              {
+                phase,
+                selectedTool,
+                onBack: reset
+              }
+            ),
+            phase === "idle" && /* @__PURE__ */ jsx(
+              CommandInput,
+              {
+                value: localInput,
+                onValueChange: setLocalInput,
+                mode: "commands",
+                isLoading,
+                placeholder: "Ask me anything or describe what you want to do..."
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto", children: [
+              phase === "idle" && !localInput && /* @__PURE__ */ jsx(IdleState, {}),
+              phase === "routing" && /* @__PURE__ */ jsx(RoutingIndicator, {}),
+              (phase === "chatting" || phase === "confirming" || phase === "executing") && /* @__PURE__ */ jsx(
+                ToolChatPage,
+                {
+                  tool: selectedTool,
+                  messages,
+                  pendingToolCalls,
+                  isStreaming,
+                  isThinking,
+                  onApproveToolCall: approveToolCall,
+                  onRejectToolCall: rejectToolCall,
+                  pendingQuestion,
+                  onAnswerQuestion: answerQuestion
+                }
+              )
+            ] }),
+            (phase === "chatting" || phase === "confirming" || phase === "executing") && /* @__PURE__ */ jsx("form", { onSubmit: handleChatSubmit, className: "shrink-0 border-t p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: chatInputRef,
+                  type: "text",
+                  value: chatInput,
+                  onChange: (e) => setChatInput(e.target.value),
+                  onKeyDown: handleChatKeyDown,
+                  placeholder: "Describe what you want to do...",
+                  className: cn(
+                    "flex-1 bg-muted rounded-lg px-4 py-2 text-sm outline-none",
+                    "focus:ring-2 focus:ring-ring",
+                    "disabled:opacity-50"
+                  ),
+                  disabled: isStreaming
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  size: "icon",
+                  disabled: !chatInput.trim() || isStreaming,
+                  children: isStreaming ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" })
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx(
+              CommandFooter,
+              {
+                phase,
+                connectionStatus,
+                isSessionAuthorized,
+                showDebug,
+                onToggleDebug: () => setShowDebug(!showDebug)
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    isOpen && showDebug && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-debug-panel": true,
+          className: "fixed z-[9999] bg-gray-900 rounded-xl border border-gray-700 shadow-2xl flex flex-col overflow-hidden",
+          style: { top: "80px", right: "20px", width: "400px", minWidth: "400px", maxWidth: "400px", maxHeight: "calc(100vh - 100px)" },
+          children: /* @__PURE__ */ jsx(
+            DebugPanel,
+            {
+              events: debugEvents,
+              onClear: clearDebugEvents,
+              isOpen: true,
+              onToggle: () => setShowDebug(false)
+            }
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+export {
+  CommandPalette
+};
+//# sourceMappingURL=CommandPalette.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/frontend/components/CommandPalette/CommandPalette.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\nimport { Command } from 'cmdk'\nimport { Loader2, Send } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { useCommandPaletteContext } from './CommandPaletteProvider'\nimport { CommandInput } from './CommandInput'\nimport { CommandHeader } from './CommandHeader'\nimport { CommandFooter } from './CommandFooter'\nimport { ToolChatPage } from './ToolChatPage'\nimport { DebugPanel } from './DebugPanel'\n\n// Idle state - shown when palette is open but no query submitted\nfunction IdleState() {\n  return (\n    <div className=\"py-8 px-4 text-center text-muted-foreground\">\n      <p className=\"mb-2\">Ask me anything or describe what you want to do.</p>\n      <p className=\"text-sm\">Examples:</p>\n      <ul className=\"text-sm mt-2 space-y-1\">\n        <li>&quot;Search for customers in New York&quot;</li>\n        <li>&quot;Create a new product&quot;</li>\n        <li>&quot;Show me recent orders&quot;</li>\n      </ul>\n    </div>\n  )\n}\n\n// Routing indicator - shown while fast model analyzes intent\nfunction RoutingIndicator() {\n  return (\n    <div className=\"py-8 flex items-center justify-center gap-2\">\n      <Loader2 className=\"h-4 w-4 animate-spin\" />\n      <span className=\"text-sm text-muted-foreground\">Analyzing request...</span>\n    </div>\n  )\n}\n\nexport function CommandPalette() {\n  const {\n    state,\n    isThinking,\n    isSessionAuthorized,\n    messages,\n    pendingToolCalls,\n    selectedTool,\n    close,\n    setInputValue,\n    handleSubmit,\n    reset,\n    sendAgenticMessage,\n    approveToolCall,\n    rejectToolCall,\n    debugEvents,\n    showDebug,\n    setShowDebug,\n    clearDebugEvents,\n    pendingQuestion,\n    answerQuestion,\n  } = useCommandPaletteContext()\n\n  const {\n    isOpen,\n    phase,\n    inputValue,\n    isLoading,\n    isStreaming,\n    connectionStatus,\n  } = state\n\n  const [localInput, setLocalInput] = React.useState('')\n  const [chatInput, setChatInput] = React.useState('')\n  const chatInputRef = React.useRef<HTMLInputElement>(null)\n\n  // Reset local input when phase changes to idle\n  React.useEffect(() => {\n    if (phase === 'idle') {\n      setLocalInput('')\n      setChatInput('')\n    }\n  }, [phase])\n\n  // Focus chat input when entering chatting phase\n  React.useEffect(() => {\n    if (phase === 'chatting' || phase === 'confirming' || phase === 'executing') {\n      // Small delay to ensure DOM is ready\n      setTimeout(() => chatInputRef.current?.focus(), 50)\n    }\n  }, [phase])\n\n  const handleOpenChange = (open: boolean) => {\n    if (!open) {\n      close()\n    }\n  }\n\n  const handleInputSubmit = async () => {\n    const query = localInput.trim()\n    if (!query) return\n    setLocalInput('')\n    await handleSubmit(query)\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' && phase === 'idle' && localInput.trim()) {\n      e.preventDefault()\n      handleInputSubmit()\n    }\n  }\n\n  const handleChatSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n    if (!chatInput.trim() || isStreaming) return\n\n    const content = chatInput\n    setChatInput('')\n    await sendAgenticMessage(content)\n  }\n\n  const handleChatKeyDown = (e: React.KeyboardEvent) => {\n    // Prevent escape from bubbling to close the palette\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n    }\n    // Submit on Enter (not Shift+Enter for multiline)\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault()\n      if (chatInput.trim() && !isStreaming) {\n        const content = chatInput\n        setChatInput('')\n        sendAgenticMessage(content)\n      }\n    }\n  }\n\n  return (\n    <>\n      {/* Custom blur overlay when debug mode is on (since modal=false removes it) */}\n      {isOpen && showDebug && (\n        <div className=\"fixed inset-0 z-40 bg-black/50 backdrop-blur-sm pointer-events-none\" />\n      )}\n      <Dialog open={isOpen} onOpenChange={handleOpenChange} modal={!showDebug}>\n        <DialogContent\n          className={cn(\n            'fixed left-1/2 top-[10vh] z-50 -translate-x-1/2',\n            'w-full max-w-2xl p-0',\n            'rounded-xl border bg-background shadow-2xl',\n            'flex flex-col'\n          )}\n          style={{ maxHeight: 500, overflow: 'hidden' }}\n          onKeyDown={handleKeyDown}\n          onPointerDownOutside={(e) => {\n            // Prevent closing on outside click when debug mode is on\n            if (showDebug) {\n              e.preventDefault()\n            }\n          }}\n          onInteractOutside={(e) => {\n            // Prevent closing on outside interaction when debug mode is on\n            if (showDebug) {\n              e.preventDefault()\n            }\n          }}\n        >\n          {/* Visually hidden title for accessibility */}\n          <VisuallyHidden>\n            <DialogTitle>AI Command Palette</DialogTitle>\n          </VisuallyHidden>\n          <Command className=\"flex flex-col flex-1 min-h-0\" shouldFilter={false}>\n            {/* Header - shows phase/tool info */}\n            <CommandHeader\n              phase={phase}\n              selectedTool={selectedTool}\n              onBack={reset}\n            />\n\n            {/* Input - shown in idle phase */}\n            {phase === 'idle' && (\n              <CommandInput\n                value={localInput}\n                onValueChange={setLocalInput}\n                mode=\"commands\"\n                isLoading={isLoading}\n                placeholder=\"Ask me anything or describe what you want to do...\"\n              />\n            )}\n\n            {/* Content area */}\n            <div className=\"flex-1 min-h-0 overflow-y-auto\">\n              {phase === 'idle' && !localInput && <IdleState />}\n\n              {phase === 'routing' && <RoutingIndicator />}\n\n              {(phase === 'chatting' || phase === 'confirming' || phase === 'executing') && (\n                <ToolChatPage\n                  tool={selectedTool}\n                  messages={messages}\n                  pendingToolCalls={pendingToolCalls}\n                  isStreaming={isStreaming}\n                  isThinking={isThinking}\n                  onApproveToolCall={approveToolCall}\n                  onRejectToolCall={rejectToolCall}\n                  pendingQuestion={pendingQuestion}\n                  onAnswerQuestion={answerQuestion}\n                />\n              )}\n            </div>\n\n            {/* Chat input - shown in chatting phases */}\n            {(phase === 'chatting' || phase === 'confirming' || phase === 'executing') && (\n              <form onSubmit={handleChatSubmit} className=\"shrink-0 border-t p-3\">\n                <div className=\"flex items-center gap-2\">\n                  <input\n                    ref={chatInputRef}\n                    type=\"text\"\n                    value={chatInput}\n                    onChange={(e) => setChatInput(e.target.value)}\n                    onKeyDown={handleChatKeyDown}\n                    placeholder=\"Describe what you want to do...\"\n                    className={cn(\n                      'flex-1 bg-muted rounded-lg px-4 py-2 text-sm outline-none',\n                      'focus:ring-2 focus:ring-ring',\n                      'disabled:opacity-50'\n                    )}\n                    disabled={isStreaming}\n                  />\n                  <Button\n                    type=\"submit\"\n                    size=\"icon\"\n                    disabled={!chatInput.trim() || isStreaming}\n                  >\n                    {isStreaming ? (\n                      <Loader2 className=\"h-4 w-4 animate-spin\" />\n                    ) : (\n                      <Send className=\"h-4 w-4\" />\n                    )}\n                  </Button>\n                </div>\n              </form>\n            )}\n\n            {/* Footer with connection status and keyboard hints */}\n            <CommandFooter\n              phase={phase}\n              connectionStatus={connectionStatus}\n              isSessionAuthorized={isSessionAuthorized}\n              showDebug={showDebug}\n              onToggleDebug={() => setShowDebug(!showDebug)}\n            />\n          </Command>\n        </DialogContent>\n      </Dialog>\n\n      {/* Debug panel - rendered via portal outside the dialog DOM tree */}\n      {isOpen && showDebug && typeof document !== 'undefined' && createPortal(\n        <div\n          data-debug-panel\n          className=\"fixed z-[9999] bg-gray-900 rounded-xl border border-gray-700 shadow-2xl flex flex-col overflow-hidden\"\n          style={{ top: '80px', right: '20px', width: '400px', minWidth: '400px', maxWidth: '400px', maxHeight: 'calc(100vh - 100px)' }}\n        >\n          <DebugPanel\n            events={debugEvents}\n            onClear={clearDebugEvents}\n            isOpen={true}\n            onToggle={() => setShowDebug(false)}\n          />\n        </div>,\n        document.body\n      )}\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,42 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useEffect } from "react";
+import { usePageContext } from "../../hooks/usePageContext.js";
+import { useCommandPalette } from "../../hooks/useCommandPalette.js";
+const CommandPaletteContext = createContext(null);
+function CommandPaletteProvider({
+  children,
+  tenantId,
+  organizationId,
+  disableKeyboardShortcut = true
+}) {
+  const pageContext = usePageContext({ tenantId, organizationId });
+  const [selectedEntities, setSelectedEntities] = useState([]);
+  useEffect(() => {
+    const handleSelectionChange = (event) => {
+      setSelectedEntities(event.detail || []);
+    };
+    window.addEventListener("om:selection-change", handleSelectionChange);
+    return () => {
+      window.removeEventListener("om:selection-change", handleSelectionChange);
+    };
+  }, []);
+  const commandPalette = useCommandPalette({
+    pageContext,
+    selectedEntities,
+    disableKeyboardShortcut
+  });
+  return /* @__PURE__ */ jsx(CommandPaletteContext.Provider, { value: commandPalette, children });
+}
+function useCommandPaletteContext() {
+  const context = useContext(CommandPaletteContext);
+  if (!context) {
+    throw new Error("useCommandPaletteContext must be used within CommandPaletteProvider");
+  }
+  return context;
+}
+export {
+  CommandPaletteProvider,
+  useCommandPaletteContext
+};
+//# sourceMappingURL=CommandPaletteProvider.js.map