@apteva/apteva-kit 0.1.87 → 0.1.88

package/dist/index.mjs

@@ -761,6 +761,10 @@ var WIDGET_DEFINITIONS = {
   chart: {
     schema: "chartType: line|bar|pie, data: {labels, datasets}",
     example: '@ui:chart[{"chartType": "bar", "data": {"labels": ["A"], "datasets": [{"label": "X", "data": [10]}]}}]'
+  },
+  flow: {
+    schema: "title?, steps: [{id, label, description?, status?: pending|active|completed|error|skipped}], direction?: vertical|horizontal, compact? - Show task/process flow. Omit status for proposal view.",
+    example: '@ui:flow[{"title": "Plan", "steps": [{"id": "1", "label": "Step 1", "description": "Details"}, {"id": "2", "label": "Step 2"}]}]'
   }
 };
 var ALL_WIDGET_TYPES = Object.keys(WIDGET_DEFINITIONS);
@@ -1222,40 +1226,144 @@ function Image({ widget }) {
   ] });
 }
 
-// src/components/Widgets/WidgetRenderer.tsx
+// src/components/Widgets/widget-library/Flow.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function StepIcon({ status, isLast }) {
+  if (status === "completed") {
+    return /* @__PURE__ */ jsx8("div", { className: "w-6 h-6 rounded-full bg-emerald-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx8("svg", { className: "w-3.5 h-3.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) }) });
+  }
+  if (status === "active") {
+    return /* @__PURE__ */ jsx8("div", { className: "w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center flex-shrink-0 animate-pulse", children: /* @__PURE__ */ jsx8("div", { className: "w-2 h-2 rounded-full bg-white" }) });
+  }
+  if (status === "error") {
+    return /* @__PURE__ */ jsx8("div", { className: "w-6 h-6 rounded-full bg-red-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx8("svg", { className: "w-3.5 h-3.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) }) });
+  }
+  if (status === "skipped") {
+    return /* @__PURE__ */ jsx8("div", { className: "w-6 h-6 rounded-full bg-neutral-300 dark:bg-neutral-600 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx8("svg", { className: "w-3.5 h-3.5 text-neutral-500 dark:text-neutral-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M20 12H4" }) }) });
+  }
+  return /* @__PURE__ */ jsx8("div", { className: "w-6 h-6 rounded-full border-2 border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 flex-shrink-0" });
+}
+function VerticalFlow({ steps, compact }) {
+  return /* @__PURE__ */ jsx8("div", { className: "relative", children: steps.map((step, index) => {
+    const isLast = index === steps.length - 1;
+    const isCompleted = step.status === "completed";
+    const isActive = step.status === "active";
+    const isSkipped = step.status === "skipped";
+    return /* @__PURE__ */ jsxs6("div", { className: "relative flex gap-3", children: [
+      !isLast && /* @__PURE__ */ jsx8(
+        "div",
+        {
+          className: `absolute left-[11px] top-6 w-0.5 ${compact ? "h-6" : "h-8"} ${isCompleted ? "bg-emerald-500" : "bg-neutral-200 dark:bg-neutral-700"}`
+        }
+      ),
+      /* @__PURE__ */ jsx8(StepIcon, { status: step.status, isLast }),
+      /* @__PURE__ */ jsxs6("div", { className: `${compact ? "pb-4" : "pb-6"} ${isLast ? "pb-0" : ""}`, children: [
+        /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: `font-medium text-sm ${isSkipped ? "text-neutral-400 dark:text-neutral-500 line-through" : isActive ? "text-blue-600 dark:text-blue-400" : "text-neutral-900 dark:text-neutral-100"}`,
+            children: step.label
+          }
+        ),
+        step.description && /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: `text-xs mt-0.5 ${isSkipped ? "text-neutral-300 dark:text-neutral-600" : "text-neutral-500 dark:text-neutral-400"}`,
+            children: step.description
+          }
+        )
+      ] })
+    ] }, step.id);
+  }) });
+}
+function HorizontalFlow({ steps, compact }) {
+  return /* @__PURE__ */ jsx8("div", { className: "flex items-start gap-2 overflow-x-auto pb-2", children: steps.map((step, index) => {
+    const isLast = index === steps.length - 1;
+    const isCompleted = step.status === "completed";
+    const isActive = step.status === "active";
+    const isSkipped = step.status === "skipped";
+    return /* @__PURE__ */ jsxs6("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center text-center min-w-[80px] max-w-[120px]", children: [
+        /* @__PURE__ */ jsx8(StepIcon, { status: step.status, isLast }),
+        /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: `font-medium text-xs mt-2 ${isSkipped ? "text-neutral-400 dark:text-neutral-500 line-through" : isActive ? "text-blue-600 dark:text-blue-400" : "text-neutral-900 dark:text-neutral-100"}`,
+            children: step.label
+          }
+        ),
+        step.description && !compact && /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: `text-[10px] mt-0.5 ${isSkipped ? "text-neutral-300 dark:text-neutral-600" : "text-neutral-500 dark:text-neutral-400"}`,
+            children: step.description
+          }
+        )
+      ] }),
+      !isLast && /* @__PURE__ */ jsxs6("div", { className: "flex items-center px-1", children: [
+        /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: `w-8 h-0.5 ${isCompleted ? "bg-emerald-500" : "bg-neutral-200 dark:bg-neutral-700"}`
+          }
+        ),
+        /* @__PURE__ */ jsx8(
+          "svg",
+          {
+            className: `w-2 h-2 -ml-0.5 ${isCompleted ? "text-emerald-500" : "text-neutral-300 dark:text-neutral-600"}`,
+            fill: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ jsx8("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" })
+          }
+        )
+      ] })
+    ] }, step.id);
+  }) });
+}
+function Flow({ widget }) {
+  const { title, steps, direction = "vertical", compact } = widget.props;
+  return /* @__PURE__ */ jsxs6("div", { className: "border border-neutral-200 dark:border-neutral-700 rounded-xl bg-white dark:bg-neutral-900 overflow-hidden", children: [
+    title && /* @__PURE__ */ jsx8("div", { className: "px-4 py-3 border-b border-neutral-200 dark:border-neutral-700", children: /* @__PURE__ */ jsx8("h3", { className: "font-semibold text-sm text-neutral-900 dark:text-neutral-100", children: title }) }),
+    /* @__PURE__ */ jsx8("div", { className: `p-4 ${direction === "horizontal" ? "overflow-x-auto" : ""}`, children: direction === "horizontal" ? /* @__PURE__ */ jsx8(HorizontalFlow, { steps, compact }) : /* @__PURE__ */ jsx8(VerticalFlow, { steps, compact }) })
+  ] });
+}
+
+// src/components/Widgets/WidgetRenderer.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function WidgetRenderer({ widget, onAction }) {
   const renderWidget = () => {
     switch (widget.type) {
       case "card":
-        return /* @__PURE__ */ jsx8(Card, { widget, onAction });
+        return /* @__PURE__ */ jsx9(Card, { widget, onAction });
       case "list":
-        return /* @__PURE__ */ jsx8(List, { widget, onAction });
+        return /* @__PURE__ */ jsx9(List, { widget, onAction });
       case "button":
-        return /* @__PURE__ */ jsx8(Button, { widget, onAction });
+        return /* @__PURE__ */ jsx9(Button, { widget, onAction });
       case "button_group":
-        return /* @__PURE__ */ jsx8(ButtonGroup, { widget, onAction });
+        return /* @__PURE__ */ jsx9(ButtonGroup, { widget, onAction });
       case "table":
-        return /* @__PURE__ */ jsx8(Table, { widget, onAction });
+        return /* @__PURE__ */ jsx9(Table, { widget, onAction });
       case "form":
-        return /* @__PURE__ */ jsx8(Form, { widget, onAction });
+        return /* @__PURE__ */ jsx9(Form, { widget, onAction });
       case "image":
-        return /* @__PURE__ */ jsx8(Image, { widget });
+        return /* @__PURE__ */ jsx9(Image, { widget });
+      case "flow":
+        return /* @__PURE__ */ jsx9(Flow, { widget });
       default:
-        return /* @__PURE__ */ jsxs6("div", { className: "p-4 border border-yellow-300 bg-yellow-50 rounded-lg", children: [
-          /* @__PURE__ */ jsxs6("p", { className: "text-sm text-yellow-800", children: [
+        return /* @__PURE__ */ jsxs7("div", { className: "p-4 border border-yellow-300 bg-yellow-50 rounded-lg", children: [
+          /* @__PURE__ */ jsxs7("p", { className: "text-sm text-yellow-800", children: [
             "Unknown widget type: ",
             widget.type
           ] }),
-          /* @__PURE__ */ jsx8("pre", { className: "text-xs mt-2 overflow-auto", children: JSON.stringify(widget, null, 2) })
+          /* @__PURE__ */ jsx9("pre", { className: "text-xs mt-2 overflow-auto", children: JSON.stringify(widget, null, 2) })
         ] });
     }
   };
-  return /* @__PURE__ */ jsx8("div", { className: "apteva-widget", children: renderWidget() });
+  return /* @__PURE__ */ jsx9("div", { className: "apteva-widget", children: renderWidget() });
 }
 
 // src/components/Widgets/Widgets.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Widgets({
   widgets,
   onAction,
@@ -1280,85 +1388,85 @@ function Widgets({
     normal: "gap-4",
     loose: "gap-6"
   };
-  return /* @__PURE__ */ jsx9("div", { className: cn(layoutClasses[layout], spacingClasses[spacing], className), children: widgets.map((widget) => /* @__PURE__ */ jsx9(WidgetRenderer, { widget, onAction }, widget.id)) });
+  return /* @__PURE__ */ jsx10("div", { className: cn(layoutClasses[layout], spacingClasses[spacing], className), children: widgets.map((widget) => /* @__PURE__ */ jsx10(WidgetRenderer, { widget, onAction }, widget.id)) });
 }
 
 // src/components/Widgets/WidgetSkeleton.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function WidgetSkeleton({ type, className }) {
   switch (type) {
     case "card":
-      return /* @__PURE__ */ jsx10("div", { className: cn("apteva-widget-skeleton animate-pulse rounded-lg border border-neutral-200 dark:border-neutral-800 overflow-hidden", className), children: /* @__PURE__ */ jsxs7("div", { className: "p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx10("div", { className: "h-4 bg-neutral-200 dark:bg-neutral-700 rounded w-3/4" }),
-        /* @__PURE__ */ jsx10("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-full" }),
-        /* @__PURE__ */ jsx10("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-5/6" })
+      return /* @__PURE__ */ jsx11("div", { className: cn("apteva-widget-skeleton animate-pulse rounded-lg border border-neutral-200 dark:border-neutral-800 overflow-hidden", className), children: /* @__PURE__ */ jsxs8("div", { className: "p-4 space-y-3", children: [
+        /* @__PURE__ */ jsx11("div", { className: "h-4 bg-neutral-200 dark:bg-neutral-700 rounded w-3/4" }),
+        /* @__PURE__ */ jsx11("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-full" }),
+        /* @__PURE__ */ jsx11("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-5/6" })
       ] }) });
     case "list":
-      return /* @__PURE__ */ jsx10("div", { className: cn("apteva-widget-skeleton animate-pulse space-y-2", className), children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 p-3 rounded-lg border border-neutral-200 dark:border-neutral-800", children: [
-        /* @__PURE__ */ jsx10("div", { className: "w-10 h-10 bg-neutral-200 dark:bg-neutral-700 rounded-full flex-shrink-0" }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsx10("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-1/2" }),
-          /* @__PURE__ */ jsx10("div", { className: "h-2 bg-neutral-200 dark:bg-neutral-700 rounded w-3/4" })
+      return /* @__PURE__ */ jsx11("div", { className: cn("apteva-widget-skeleton animate-pulse space-y-2", className), children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3 p-3 rounded-lg border border-neutral-200 dark:border-neutral-800", children: [
+        /* @__PURE__ */ jsx11("div", { className: "w-10 h-10 bg-neutral-200 dark:bg-neutral-700 rounded-full flex-shrink-0" }),
+        /* @__PURE__ */ jsxs8("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx11("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-1/2" }),
+          /* @__PURE__ */ jsx11("div", { className: "h-2 bg-neutral-200 dark:bg-neutral-700 rounded w-3/4" })
         ] })
       ] }, i)) });
     case "button_group":
-      return /* @__PURE__ */ jsxs7("div", { className: cn("apteva-widget-skeleton animate-pulse flex gap-2", className), children: [
-        /* @__PURE__ */ jsx10("div", { className: "h-9 bg-neutral-200 dark:bg-neutral-700 rounded-lg w-20" }),
-        /* @__PURE__ */ jsx10("div", { className: "h-9 bg-neutral-200 dark:bg-neutral-700 rounded-lg w-20" }),
-        /* @__PURE__ */ jsx10("div", { className: "h-9 bg-neutral-200 dark:bg-neutral-700 rounded-lg w-20" })
+      return /* @__PURE__ */ jsxs8("div", { className: cn("apteva-widget-skeleton animate-pulse flex gap-2", className), children: [
+        /* @__PURE__ */ jsx11("div", { className: "h-9 bg-neutral-200 dark:bg-neutral-700 rounded-lg w-20" }),
+        /* @__PURE__ */ jsx11("div", { className: "h-9 bg-neutral-200 dark:bg-neutral-700 rounded-lg w-20" }),
+        /* @__PURE__ */ jsx11("div", { className: "h-9 bg-neutral-200 dark:bg-neutral-700 rounded-lg w-20" })
       ] });
     case "form":
-      return /* @__PURE__ */ jsxs7("div", { className: cn("apteva-widget-skeleton animate-pulse rounded-lg border border-neutral-200 dark:border-neutral-800 p-4 space-y-4", className), children: [
-        /* @__PURE__ */ jsx10("div", { className: "h-4 bg-neutral-200 dark:bg-neutral-700 rounded w-1/3" }),
-        /* @__PURE__ */ jsxs7("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx10("div", { className: "h-10 bg-neutral-200 dark:bg-neutral-700 rounded" }),
-          /* @__PURE__ */ jsx10("div", { className: "h-10 bg-neutral-200 dark:bg-neutral-700 rounded" })
+      return /* @__PURE__ */ jsxs8("div", { className: cn("apteva-widget-skeleton animate-pulse rounded-lg border border-neutral-200 dark:border-neutral-800 p-4 space-y-4", className), children: [
+        /* @__PURE__ */ jsx11("div", { className: "h-4 bg-neutral-200 dark:bg-neutral-700 rounded w-1/3" }),
+        /* @__PURE__ */ jsxs8("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx11("div", { className: "h-10 bg-neutral-200 dark:bg-neutral-700 rounded" }),
+          /* @__PURE__ */ jsx11("div", { className: "h-10 bg-neutral-200 dark:bg-neutral-700 rounded" })
         ] }),
-        /* @__PURE__ */ jsx10("div", { className: "h-9 bg-neutral-200 dark:bg-neutral-700 rounded w-24" })
+        /* @__PURE__ */ jsx11("div", { className: "h-9 bg-neutral-200 dark:bg-neutral-700 rounded w-24" })
       ] });
     case "chart":
-      return /* @__PURE__ */ jsxs7("div", { className: cn("apteva-widget-skeleton animate-pulse rounded-lg border border-neutral-200 dark:border-neutral-800 p-4", className), children: [
-        /* @__PURE__ */ jsx10("div", { className: "h-4 bg-neutral-200 dark:bg-neutral-700 rounded w-1/4 mb-4" }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-end gap-2 h-32", children: [
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 bg-neutral-200 dark:bg-neutral-700 rounded-t h-1/2" }),
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 bg-neutral-200 dark:bg-neutral-700 rounded-t h-3/4" }),
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 bg-neutral-200 dark:bg-neutral-700 rounded-t h-1/3" }),
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 bg-neutral-200 dark:bg-neutral-700 rounded-t h-full" }),
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 bg-neutral-200 dark:bg-neutral-700 rounded-t h-2/3" })
+      return /* @__PURE__ */ jsxs8("div", { className: cn("apteva-widget-skeleton animate-pulse rounded-lg border border-neutral-200 dark:border-neutral-800 p-4", className), children: [
+        /* @__PURE__ */ jsx11("div", { className: "h-4 bg-neutral-200 dark:bg-neutral-700 rounded w-1/4 mb-4" }),
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-end gap-2 h-32", children: [
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 bg-neutral-200 dark:bg-neutral-700 rounded-t h-1/2" }),
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 bg-neutral-200 dark:bg-neutral-700 rounded-t h-3/4" }),
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 bg-neutral-200 dark:bg-neutral-700 rounded-t h-1/3" }),
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 bg-neutral-200 dark:bg-neutral-700 rounded-t h-full" }),
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 bg-neutral-200 dark:bg-neutral-700 rounded-t h-2/3" })
         ] })
       ] });
     case "image":
-      return /* @__PURE__ */ jsx10("div", { className: cn("apteva-widget-skeleton animate-pulse", className), children: /* @__PURE__ */ jsx10("div", { className: "aspect-video bg-neutral-200 dark:bg-neutral-700 rounded-lg" }) });
+      return /* @__PURE__ */ jsx11("div", { className: cn("apteva-widget-skeleton animate-pulse", className), children: /* @__PURE__ */ jsx11("div", { className: "aspect-video bg-neutral-200 dark:bg-neutral-700 rounded-lg" }) });
     case "gallery":
-      return /* @__PURE__ */ jsx10("div", { className: cn("apteva-widget-skeleton animate-pulse grid grid-cols-3 gap-2", className), children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx10("div", { className: "aspect-square bg-neutral-200 dark:bg-neutral-700 rounded-lg" }, i)) });
+      return /* @__PURE__ */ jsx11("div", { className: cn("apteva-widget-skeleton animate-pulse grid grid-cols-3 gap-2", className), children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx11("div", { className: "aspect-square bg-neutral-200 dark:bg-neutral-700 rounded-lg" }, i)) });
     case "map":
-      return /* @__PURE__ */ jsx10("div", { className: cn("apteva-widget-skeleton animate-pulse", className), children: /* @__PURE__ */ jsx10("div", { className: "h-48 bg-neutral-200 dark:bg-neutral-700 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxs7("svg", { className: "w-8 h-8 text-neutral-400 dark:text-neutral-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: [
-        /* @__PURE__ */ jsx10("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
-        /* @__PURE__ */ jsx10("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
+      return /* @__PURE__ */ jsx11("div", { className: cn("apteva-widget-skeleton animate-pulse", className), children: /* @__PURE__ */ jsx11("div", { className: "h-48 bg-neutral-200 dark:bg-neutral-700 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxs8("svg", { className: "w-8 h-8 text-neutral-400 dark:text-neutral-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: [
+        /* @__PURE__ */ jsx11("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
+        /* @__PURE__ */ jsx11("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
       ] }) }) });
     case "table":
-      return /* @__PURE__ */ jsxs7("div", { className: cn("apteva-widget-skeleton animate-pulse rounded-lg border border-neutral-200 dark:border-neutral-800 overflow-hidden", className), children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex bg-neutral-100 dark:bg-neutral-800 border-b border-neutral-200 dark:border-neutral-700", children: [
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx10("div", { className: "h-3 bg-neutral-300 dark:bg-neutral-600 rounded w-16" }) }),
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx10("div", { className: "h-3 bg-neutral-300 dark:bg-neutral-600 rounded w-20" }) }),
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx10("div", { className: "h-3 bg-neutral-300 dark:bg-neutral-600 rounded w-14" }) })
+      return /* @__PURE__ */ jsxs8("div", { className: cn("apteva-widget-skeleton animate-pulse rounded-lg border border-neutral-200 dark:border-neutral-800 overflow-hidden", className), children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex bg-neutral-100 dark:bg-neutral-800 border-b border-neutral-200 dark:border-neutral-700", children: [
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx11("div", { className: "h-3 bg-neutral-300 dark:bg-neutral-600 rounded w-16" }) }),
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx11("div", { className: "h-3 bg-neutral-300 dark:bg-neutral-600 rounded w-20" }) }),
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx11("div", { className: "h-3 bg-neutral-300 dark:bg-neutral-600 rounded w-14" }) })
         ] }),
-        [1, 2, 3].map((i) => /* @__PURE__ */ jsxs7("div", { className: "flex border-b border-neutral-200 dark:border-neutral-800 last:border-b-0", children: [
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx10("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-24" }) }),
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx10("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-16" }) }),
-          /* @__PURE__ */ jsx10("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx10("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-20" }) })
+        [1, 2, 3].map((i) => /* @__PURE__ */ jsxs8("div", { className: "flex border-b border-neutral-200 dark:border-neutral-800 last:border-b-0", children: [
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx11("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-24" }) }),
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx11("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-16" }) }),
+          /* @__PURE__ */ jsx11("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx11("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-20" }) })
         ] }, i))
       ] });
     default:
-      return /* @__PURE__ */ jsxs7("div", { className: cn("apteva-widget-skeleton animate-pulse rounded-lg border border-neutral-200 dark:border-neutral-800 p-4", className), children: [
-        /* @__PURE__ */ jsx10("div", { className: "h-4 bg-neutral-200 dark:bg-neutral-700 rounded w-1/2 mb-2" }),
-        /* @__PURE__ */ jsx10("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-full" })
+      return /* @__PURE__ */ jsxs8("div", { className: cn("apteva-widget-skeleton animate-pulse rounded-lg border border-neutral-200 dark:border-neutral-800 p-4", className), children: [
+        /* @__PURE__ */ jsx11("div", { className: "h-4 bg-neutral-200 dark:bg-neutral-700 rounded w-1/2 mb-2" }),
+        /* @__PURE__ */ jsx11("div", { className: "h-3 bg-neutral-200 dark:bg-neutral-700 rounded w-full" })
       ] });
   }
 }
 
 // src/components/Chat/MarkdownContent.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function isImageUrl(url) {
   const imageExtensions = /\.(jpg|jpeg|png|gif|webp|svg|bmp|ico)(\?.*)?$/i;
   return imageExtensions.test(url);
@@ -1377,7 +1485,7 @@ function parseInlineMarkdown(text, keyPrefix = "") {
       const alt = match[1] || "";
       const src = match[2];
       result.push(
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "img",
           {
             src,
@@ -1392,7 +1500,7 @@ function parseInlineMarkdown(text, keyPrefix = "") {
       const href = match[4];
       if (isImageUrl(href)) {
         result.push(
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "img",
             {
               src: href,
@@ -1404,7 +1512,7 @@ function parseInlineMarkdown(text, keyPrefix = "") {
         );
       } else {
         result.push(
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "a",
             {
               href,
@@ -1418,10 +1526,10 @@ function parseInlineMarkdown(text, keyPrefix = "") {
         );
       }
     } else if (match[5] !== void 0) {
-      result.push(/* @__PURE__ */ jsx11("strong", { children: match[6] }, `${keyPrefix}b${key++}`));
+      result.push(/* @__PURE__ */ jsx12("strong", { children: match[6] }, `${keyPrefix}b${key++}`));
     } else if (match[7] !== void 0) {
       result.push(
-        /* @__PURE__ */ jsx11("code", { className: "apteva-md-inline-code", children: match[7] }, `${keyPrefix}code${key++}`)
+        /* @__PURE__ */ jsx12("code", { className: "apteva-md-inline-code", children: match[7] }, `${keyPrefix}code${key++}`)
       );
     }
     lastIndex = match.index + match[0].length;
@@ -1441,7 +1549,7 @@ function parseMarkdown(content) {
     const h2Match = line.match(/^##\s+(.*)$/);
     if (h2Match) {
       result.push(
-        /* @__PURE__ */ jsx11("h2", { className: "apteva-md-h2", children: parseInlineMarkdown(h2Match[1], `${key}`) }, `h2${key++}`)
+        /* @__PURE__ */ jsx12("h2", { className: "apteva-md-h2", children: parseInlineMarkdown(h2Match[1], `${key}`) }, `h2${key++}`)
       );
       i++;
       continue;
@@ -1449,7 +1557,7 @@ function parseMarkdown(content) {
     const h3Match = line.match(/^###\s+(.*)$/);
     if (h3Match) {
       result.push(
-        /* @__PURE__ */ jsx11("h3", { className: "apteva-md-h3", children: parseInlineMarkdown(h3Match[1], `${key}`) }, `h3${key++}`)
+        /* @__PURE__ */ jsx12("h3", { className: "apteva-md-h3", children: parseInlineMarkdown(h3Match[1], `${key}`) }, `h3${key++}`)
       );
       i++;
       continue;
@@ -1462,7 +1570,7 @@ function parseMarkdown(content) {
         const itemMatch = lines[i].match(/^(\s*)([-*+])\s+(.*)$/);
         if (itemMatch && itemMatch[1].length === indent) {
           listItems.push(
-            /* @__PURE__ */ jsx11("li", { className: "apteva-md-li", children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
+            /* @__PURE__ */ jsx12("li", { className: "apteva-md-li", children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
           );
           i++;
         } else {
@@ -1470,7 +1578,7 @@ function parseMarkdown(content) {
         }
       }
       result.push(
-        /* @__PURE__ */ jsx11("ul", { className: "apteva-md-ul", children: listItems }, `ul${key++}`)
+        /* @__PURE__ */ jsx12("ul", { className: "apteva-md-ul", children: listItems }, `ul${key++}`)
       );
       continue;
     }
@@ -1482,7 +1590,7 @@ function parseMarkdown(content) {
         const itemMatch = lines[i].match(/^(\s*)(\d+)\.\s+(.*)$/);
         if (itemMatch && itemMatch[1].length === indent) {
           listItems.push(
-            /* @__PURE__ */ jsx11("li", { className: "apteva-md-li", children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
+            /* @__PURE__ */ jsx12("li", { className: "apteva-md-li", children: parseInlineMarkdown(itemMatch[3], `${key}`) }, `li${key++}`)
           );
           i++;
         } else {
@@ -1490,7 +1598,7 @@ function parseMarkdown(content) {
         }
       }
       result.push(
-        /* @__PURE__ */ jsx11("ol", { className: "apteva-md-ol", children: listItems }, `ol${key++}`)
+        /* @__PURE__ */ jsx12("ol", { className: "apteva-md-ol", children: listItems }, `ol${key++}`)
       );
       continue;
     }
@@ -1513,19 +1621,19 @@ function parseMarkdown(content) {
           }
         }
         result.push(
-          /* @__PURE__ */ jsx11("div", { className: "apteva-md-table-wrapper", children: /* @__PURE__ */ jsxs8("table", { className: "apteva-md-table", children: [
-            /* @__PURE__ */ jsx11("thead", { children: /* @__PURE__ */ jsx11("tr", { children: headerCells.map((cell, idx) => /* @__PURE__ */ jsx11("th", { className: "apteva-md-th", children: parseInlineMarkdown(cell, `th${key}${idx}`) }, `th${idx}`)) }) }),
-            /* @__PURE__ */ jsx11("tbody", { children: bodyRows.map((row, rowIdx) => /* @__PURE__ */ jsx11("tr", { children: row.map((cell, cellIdx) => /* @__PURE__ */ jsx11("td", { className: "apteva-md-td", children: parseInlineMarkdown(cell, `td${key}${rowIdx}${cellIdx}`) }, `td${cellIdx}`)) }, `tr${rowIdx}`)) })
+          /* @__PURE__ */ jsx12("div", { className: "apteva-md-table-wrapper", children: /* @__PURE__ */ jsxs9("table", { className: "apteva-md-table", children: [
+            /* @__PURE__ */ jsx12("thead", { children: /* @__PURE__ */ jsx12("tr", { children: headerCells.map((cell, idx) => /* @__PURE__ */ jsx12("th", { className: "apteva-md-th", children: parseInlineMarkdown(cell, `th${key}${idx}`) }, `th${idx}`)) }) }),
+            /* @__PURE__ */ jsx12("tbody", { children: bodyRows.map((row, rowIdx) => /* @__PURE__ */ jsx12("tr", { children: row.map((cell, cellIdx) => /* @__PURE__ */ jsx12("td", { className: "apteva-md-td", children: parseInlineMarkdown(cell, `td${key}${rowIdx}${cellIdx}`) }, `td${cellIdx}`)) }, `tr${rowIdx}`)) })
           ] }) }, `table-wrapper${key++}`)
         );
         continue;
       }
     }
     if (line === "") {
-      result.push(/* @__PURE__ */ jsx11("br", {}, `br${key++}`));
+      result.push(/* @__PURE__ */ jsx12("br", {}, `br${key++}`));
     } else {
       result.push(
-        /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsxs9("span", { children: [
           parseInlineMarkdown(line, `${key}`),
           i < lines.length - 1 ? "\n" : ""
         ] }, `p${key++}`)
@@ -1536,53 +1644,53 @@ function parseMarkdown(content) {
   return result;
 }
 function MarkdownContent({ content, className = "" }) {
-  return /* @__PURE__ */ jsx11("div", { className: `apteva-md ${className}`, children: parseMarkdown(content) });
+  return /* @__PURE__ */ jsx12("div", { className: `apteva-md ${className}`, children: parseMarkdown(content) });
 }
 
 // src/components/Chat/ToolCall.tsx
-import { Fragment, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function ToolCall({ name, status, isReceiving = false, inputLength = 0, streamOutput }) {
   if (status === "preparing") {
-    return /* @__PURE__ */ jsxs9("div", { className: "apteva-tool-card apteva-tool-card-preparing", children: [
-      /* @__PURE__ */ jsxs9("svg", { className: "apteva-tool-icon apteva-tool-icon-spin", fill: "none", viewBox: "0 0 24 24", children: [
-        /* @__PURE__ */ jsx12("circle", { className: "apteva-tool-spinner-track", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-        /* @__PURE__ */ jsx12("path", { className: "apteva-tool-spinner-fill", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+    return /* @__PURE__ */ jsxs10("div", { className: "apteva-tool-card apteva-tool-card-preparing", children: [
+      /* @__PURE__ */ jsxs10("svg", { className: "apteva-tool-icon apteva-tool-icon-spin", fill: "none", viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ jsx13("circle", { className: "apteva-tool-spinner-track", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+        /* @__PURE__ */ jsx13("path", { className: "apteva-tool-spinner-fill", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
       ] }),
-      /* @__PURE__ */ jsxs9("span", { className: "apteva-tool-label", children: [
-        /* @__PURE__ */ jsx12("strong", { children: name }),
-        /* @__PURE__ */ jsx12("span", { className: "apteva-tool-status-text", children: " preparing..." })
+      /* @__PURE__ */ jsxs10("span", { className: "apteva-tool-label", children: [
+        /* @__PURE__ */ jsx13("strong", { children: name }),
+        /* @__PURE__ */ jsx13("span", { className: "apteva-tool-status-text", children: " preparing..." })
       ] })
     ] });
   }
   if (status === "running") {
-    return /* @__PURE__ */ jsxs9("div", { className: "apteva-tool-card apteva-tool-card-running", children: [
-      /* @__PURE__ */ jsxs9("svg", { className: "apteva-tool-icon apteva-tool-icon-spin", fill: "none", viewBox: "0 0 24 24", children: [
-        /* @__PURE__ */ jsx12("circle", { className: "apteva-tool-spinner-track", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-        /* @__PURE__ */ jsx12("path", { className: "apteva-tool-spinner-fill", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+    return /* @__PURE__ */ jsxs10("div", { className: "apteva-tool-card apteva-tool-card-running", children: [
+      /* @__PURE__ */ jsxs10("svg", { className: "apteva-tool-icon apteva-tool-icon-spin", fill: "none", viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ jsx13("circle", { className: "apteva-tool-spinner-track", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+        /* @__PURE__ */ jsx13("path", { className: "apteva-tool-spinner-fill", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
       ] }),
-      /* @__PURE__ */ jsxs9("span", { className: "apteva-tool-label", children: [
-        /* @__PURE__ */ jsx12("strong", { children: name }),
-        streamOutput ? /* @__PURE__ */ jsx12("span", { className: "apteva-tool-stream-separator", children: " \xB7 " }) : null,
-        streamOutput ? /* @__PURE__ */ jsx12("span", { className: "apteva-tool-stream-output", children: streamOutput }) : /* @__PURE__ */ jsxs9(Fragment, { children: [
-          /* @__PURE__ */ jsx12("span", { className: "apteva-tool-status-text", children: " running" }),
-          /* @__PURE__ */ jsxs9("span", { className: "apteva-tool-dots", children: [
-            /* @__PURE__ */ jsx12("span", { children: "." }),
-            /* @__PURE__ */ jsx12("span", { children: "." }),
-            /* @__PURE__ */ jsx12("span", { children: "." })
+      /* @__PURE__ */ jsxs10("span", { className: "apteva-tool-label", children: [
+        /* @__PURE__ */ jsx13("strong", { children: name }),
+        streamOutput ? /* @__PURE__ */ jsx13("span", { className: "apteva-tool-stream-separator", children: " \xB7 " }) : null,
+        streamOutput ? /* @__PURE__ */ jsx13("span", { className: "apteva-tool-stream-output", children: streamOutput }) : /* @__PURE__ */ jsxs10(Fragment, { children: [
+          /* @__PURE__ */ jsx13("span", { className: "apteva-tool-status-text", children: " running" }),
+          /* @__PURE__ */ jsxs10("span", { className: "apteva-tool-dots", children: [
+            /* @__PURE__ */ jsx13("span", { children: "." }),
+            /* @__PURE__ */ jsx13("span", { children: "." }),
+            /* @__PURE__ */ jsx13("span", { children: "." })
           ] })
         ] })
       ] })
     ] });
   }
   if (status === "completed") {
-    return /* @__PURE__ */ jsxs9("div", { className: "apteva-tool-card apteva-tool-card-completed", children: [
-      /* @__PURE__ */ jsx12("svg", { className: "apteva-tool-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
-      /* @__PURE__ */ jsx12("span", { className: "apteva-tool-label", children: name })
+    return /* @__PURE__ */ jsxs10("div", { className: "apteva-tool-card apteva-tool-card-completed", children: [
+      /* @__PURE__ */ jsx13("svg", { className: "apteva-tool-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+      /* @__PURE__ */ jsx13("span", { className: "apteva-tool-label", children: name })
     ] });
   }
-  return /* @__PURE__ */ jsxs9("div", { className: "apteva-tool-card apteva-tool-card-error", children: [
-    /* @__PURE__ */ jsx12("svg", { className: "apteva-tool-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
-    /* @__PURE__ */ jsxs9("span", { className: "apteva-tool-label", children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "apteva-tool-card apteva-tool-card-error", children: [
+    /* @__PURE__ */ jsx13("svg", { className: "apteva-tool-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
+    /* @__PURE__ */ jsxs10("span", { className: "apteva-tool-label", children: [
       name,
       " failed"
     ] })
@@ -1590,7 +1698,7 @@ function ToolCall({ name, status, isReceiving = false, inputLength = 0, streamOu
 }
 
 // src/components/Chat/Message.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function Message({ message, onAction, enableWidgets, onWidgetRender }) {
   const isUser = message.role === "user";
   const contentSegments = message.metadata?.content_segments;
@@ -1626,14 +1734,14 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
   }, [parsedWidgets, onWidgetRender]);
   const renderTextContent = (text) => {
     if (!enableWidgets || isUser) {
-      return /* @__PURE__ */ jsx13(MarkdownContent, { content: text });
+      return /* @__PURE__ */ jsx14(MarkdownContent, { content: text });
     }
     const parsed = parseWidgetsFromText(text);
     const cleanedText = parsed.segments.filter((seg) => seg.type === "text" && seg.content).map((seg) => seg.content).join("");
     if (!cleanedText.trim()) {
       return null;
     }
-    return /* @__PURE__ */ jsx13(MarkdownContent, { content: cleanedText });
+    return /* @__PURE__ */ jsx14(MarkdownContent, { content: cleanedText });
   };
   const renderContentWithWidgets = () => {
     if (!enableWidgets || isUser || !message.content) {
@@ -1648,28 +1756,28 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
       } else if (segment.type === "widget" && segment.widget) {
         if (textBuffer.trim()) {
           elements.push(
-            /* @__PURE__ */ jsx13("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx13("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx13(MarkdownContent, { content: textBuffer }) }) }, `text-${index}`)
+            /* @__PURE__ */ jsx14("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx14("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx14(MarkdownContent, { content: textBuffer }) }) }, `text-${index}`)
           );
           textBuffer = "";
         }
         elements.push(
-          /* @__PURE__ */ jsx13("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx13(WidgetRenderer, { widget: segment.widget, onAction }) }, `widget-${index}`)
+          /* @__PURE__ */ jsx14("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx14(WidgetRenderer, { widget: segment.widget, onAction }) }, `widget-${index}`)
         );
       } else if (segment.type === "widget_pending" && segment.pendingType) {
         if (textBuffer.trim()) {
           elements.push(
-            /* @__PURE__ */ jsx13("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx13("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx13(MarkdownContent, { content: textBuffer }) }) }, `text-${index}`)
+            /* @__PURE__ */ jsx14("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx14("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx14(MarkdownContent, { content: textBuffer }) }) }, `text-${index}`)
           );
           textBuffer = "";
         }
         elements.push(
-          /* @__PURE__ */ jsx13("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx13(WidgetSkeleton, { type: segment.pendingType }) }, `pending-${index}`)
+          /* @__PURE__ */ jsx14("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx14(WidgetSkeleton, { type: segment.pendingType }) }, `pending-${index}`)
         );
       }
     });
     if (textBuffer.trim()) {
       elements.push(
-        /* @__PURE__ */ jsx13("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx13("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx13(MarkdownContent, { content: textBuffer }) }) }, "text-final")
+        /* @__PURE__ */ jsx14("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx14("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx14(MarkdownContent, { content: textBuffer }) }) }, "text-final")
       );
     }
     return elements.length > 0 ? elements : null;
@@ -1678,11 +1786,11 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
   const hasAttachments = attachments.length > 0;
   const renderAttachments = () => {
     if (!hasAttachments) return null;
-    return /* @__PURE__ */ jsx13("div", { className: "apteva-message-attachments flex flex-wrap gap-2 mb-2 justify-end", children: attachments.map((att, index) => {
+    return /* @__PURE__ */ jsx14("div", { className: "apteva-message-attachments flex flex-wrap gap-2 mb-2 justify-end", children: attachments.map((att, index) => {
       const isImage = att.type.startsWith("image/");
       const isPdf = att.type === "application/pdf";
       if (isImage && att.preview) {
-        return /* @__PURE__ */ jsx13("div", { className: "apteva-attachment-image relative rounded-lg overflow-hidden shadow-sm", children: /* @__PURE__ */ jsx13(
+        return /* @__PURE__ */ jsx14("div", { className: "apteva-attachment-image relative rounded-lg overflow-hidden shadow-sm", children: /* @__PURE__ */ jsx14(
           "img",
           {
             src: att.preview,
@@ -1691,15 +1799,15 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
           }
         ) }, index);
       }
-      return /* @__PURE__ */ jsxs10(
+      return /* @__PURE__ */ jsxs11(
         "div",
         {
           className: "apteva-attachment-doc flex items-center gap-3 px-4 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-xl shadow-sm",
           children: [
-            /* @__PURE__ */ jsx13("div", { className: "w-10 h-10 flex items-center justify-center bg-red-100 dark:bg-red-900/30 rounded-lg text-red-600 dark:text-red-400", children: isPdf ? /* @__PURE__ */ jsx13("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }) : /* @__PURE__ */ jsx13("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
-            /* @__PURE__ */ jsxs10("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx13("span", { className: "text-sm font-medium text-neutral-800 dark:text-neutral-200 truncate max-w-[180px]", children: att.name }),
-              /* @__PURE__ */ jsxs10("span", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: [
+            /* @__PURE__ */ jsx14("div", { className: "w-10 h-10 flex items-center justify-center bg-red-100 dark:bg-red-900/30 rounded-lg text-red-600 dark:text-red-400", children: isPdf ? /* @__PURE__ */ jsx14("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }) : /* @__PURE__ */ jsx14("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
+            /* @__PURE__ */ jsxs11("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium text-neutral-800 dark:text-neutral-200 truncate max-w-[180px]", children: att.name }),
+              /* @__PURE__ */ jsxs11("span", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: [
                 isPdf ? "PDF" : "Document",
                 " \xB7 ",
                 formatFileSize(att.size)
@@ -1713,13 +1821,13 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
   };
   const renderContent = () => {
     if (isUser) {
-      return /* @__PURE__ */ jsx13("div", { className: "apteva-message-text", children: message.content });
+      return /* @__PURE__ */ jsx14("div", { className: "apteva-message-text", children: message.content });
     }
     if (isStreaming && !hasContent) {
-      return /* @__PURE__ */ jsxs10("div", { className: "apteva-typing-indicator", children: [
-        /* @__PURE__ */ jsx13("span", {}),
-        /* @__PURE__ */ jsx13("span", {}),
-        /* @__PURE__ */ jsx13("span", {})
+      return /* @__PURE__ */ jsxs11("div", { className: "apteva-typing-indicator", children: [
+        /* @__PURE__ */ jsx14("span", {}),
+        /* @__PURE__ */ jsx14("span", {}),
+        /* @__PURE__ */ jsx14("span", {})
       ] });
     }
     if (contentSegments && contentSegments.length > 0) {
@@ -1729,7 +1837,7 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
   };
   const renderTextSegmentWithWidgets = (text, keyPrefix) => {
     if (!enableWidgets) {
-      return /* @__PURE__ */ jsx13("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx13("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx13(MarkdownContent, { content: text }) }) }, keyPrefix);
+      return /* @__PURE__ */ jsx14("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx14("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx14(MarkdownContent, { content: text }) }) }, keyPrefix);
     }
     const parsed = parseWidgetsFromText(text);
     const elements = [];
@@ -1740,28 +1848,28 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
       } else if (seg.type === "widget" && seg.widget) {
         if (textBuffer.trim()) {
           elements.push(
-            /* @__PURE__ */ jsx13("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx13("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx13(MarkdownContent, { content: textBuffer }) }) }, `${keyPrefix}-text-${idx}`)
+            /* @__PURE__ */ jsx14("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx14("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx14(MarkdownContent, { content: textBuffer }) }) }, `${keyPrefix}-text-${idx}`)
           );
           textBuffer = "";
         }
         elements.push(
-          /* @__PURE__ */ jsx13("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx13(WidgetRenderer, { widget: seg.widget, onAction }) }, `${keyPrefix}-widget-${idx}`)
+          /* @__PURE__ */ jsx14("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx14(WidgetRenderer, { widget: seg.widget, onAction }) }, `${keyPrefix}-widget-${idx}`)
         );
       } else if (seg.type === "widget_pending" && seg.pendingType) {
         if (textBuffer.trim()) {
           elements.push(
-            /* @__PURE__ */ jsx13("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx13("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx13(MarkdownContent, { content: textBuffer }) }) }, `${keyPrefix}-text-${idx}`)
+            /* @__PURE__ */ jsx14("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx14("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx14(MarkdownContent, { content: textBuffer }) }) }, `${keyPrefix}-text-${idx}`)
           );
           textBuffer = "";
         }
         elements.push(
-          /* @__PURE__ */ jsx13("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx13(WidgetSkeleton, { type: seg.pendingType }) }, `${keyPrefix}-pending-${idx}`)
+          /* @__PURE__ */ jsx14("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx14(WidgetSkeleton, { type: seg.pendingType }) }, `${keyPrefix}-pending-${idx}`)
         );
       }
     });
     if (textBuffer.trim()) {
       elements.push(
-        /* @__PURE__ */ jsx13("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx13("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx13(MarkdownContent, { content: textBuffer }) }) }, `${keyPrefix}-text-final`)
+        /* @__PURE__ */ jsx14("div", { className: "apteva-message-bubble apteva-message-assistant", children: /* @__PURE__ */ jsx14("div", { className: "apteva-message-content-assistant", children: /* @__PURE__ */ jsx14(MarkdownContent, { content: textBuffer }) }) }, `${keyPrefix}-text-final`)
       );
     }
     return elements;
@@ -1781,7 +1889,7 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
         }
       } else if (segment.type === "tool") {
         elements.push(
-          /* @__PURE__ */ jsx13("div", { className: "apteva-tool-call-standalone", children: /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14("div", { className: "apteva-tool-call-standalone", children: /* @__PURE__ */ jsx14(
             ToolCall,
             {
               name: segment.name,
@@ -1797,28 +1905,28 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
     return elements;
   };
   if (!isUser && (contentSegments && contentSegments.length > 0)) {
-    return /* @__PURE__ */ jsxs10("div", { className: "apteva-message-segmented", children: [
+    return /* @__PURE__ */ jsxs11("div", { className: "apteva-message-segmented", children: [
       renderSegmentedContent(),
-      message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx13("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx13(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
-      /* @__PURE__ */ jsx13("div", { className: "apteva-message-timestamp apteva-message-timestamp-assistant", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+      message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx14("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx14(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
+      /* @__PURE__ */ jsx14("div", { className: "apteva-message-timestamp apteva-message-timestamp-assistant", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
     ] });
   }
   const widgetContent = renderContentWithWidgets();
   if (!isUser && enableWidgets && widgetContent) {
-    return /* @__PURE__ */ jsxs10("div", { className: "apteva-message-segmented", children: [
+    return /* @__PURE__ */ jsxs11("div", { className: "apteva-message-segmented", children: [
       widgetContent,
-      message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx13("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx13(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
-      /* @__PURE__ */ jsx13("div", { className: "apteva-message-timestamp apteva-message-timestamp-assistant", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+      message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx14("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx14(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
+      /* @__PURE__ */ jsx14("div", { className: "apteva-message-timestamp apteva-message-timestamp-assistant", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
     ] });
   }
   if (isUser && hasAttachments) {
-    return /* @__PURE__ */ jsxs10("div", { className: "apteva-message-segmented apteva-message-user-with-attachments flex flex-col items-end", children: [
+    return /* @__PURE__ */ jsxs11("div", { className: "apteva-message-segmented apteva-message-user-with-attachments flex flex-col items-end", children: [
       renderAttachments(),
-      message.content && /* @__PURE__ */ jsx13("div", { className: "apteva-message-bubble apteva-message-user", children: /* @__PURE__ */ jsx13("div", { className: "apteva-message-content-user", children: /* @__PURE__ */ jsx13("div", { className: "apteva-message-text", children: message.content }) }) }),
-      /* @__PURE__ */ jsx13("div", { className: "apteva-message-timestamp apteva-message-timestamp-user", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+      message.content && /* @__PURE__ */ jsx14("div", { className: "apteva-message-bubble apteva-message-user", children: /* @__PURE__ */ jsx14("div", { className: "apteva-message-content-user", children: /* @__PURE__ */ jsx14("div", { className: "apteva-message-text", children: message.content }) }) }),
+      /* @__PURE__ */ jsx14("div", { className: "apteva-message-timestamp apteva-message-timestamp-user", suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -1826,17 +1934,17 @@ function Message({ message, onAction, enableWidgets, onWidgetRender }) {
         isUser ? "apteva-message-user" : "apteva-message-assistant"
       ),
       children: [
-        /* @__PURE__ */ jsx13("div", { className: isUser ? "apteva-message-content-user" : "apteva-message-content-assistant", children: renderContent() }),
-        message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx13("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx13(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
-        /* @__PURE__ */ jsx13("div", { className: cn("apteva-message-timestamp", isUser ? "apteva-message-timestamp-user" : "apteva-message-timestamp-assistant"), suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+        /* @__PURE__ */ jsx14("div", { className: isUser ? "apteva-message-content-user" : "apteva-message-content-assistant", children: renderContent() }),
+        message.widgets && message.widgets.length > 0 && /* @__PURE__ */ jsx14("div", { className: "apteva-widget-standalone", children: /* @__PURE__ */ jsx14(Widgets, { widgets: message.widgets, onAction, layout: "stack" }) }),
+        /* @__PURE__ */ jsx14("div", { className: cn("apteva-message-timestamp", isUser ? "apteva-message-timestamp-user" : "apteva-message-timestamp-assistant"), suppressHydrationWarning: true, children: message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
       ]
     }
   );
 }
 
 // src/components/Chat/WelcomeScreen.tsx
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-var DefaultIcon = () => /* @__PURE__ */ jsx14("svg", { className: "w-12 h-12 sm:w-16 sm:h-16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx14(
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+var DefaultIcon = () => /* @__PURE__ */ jsx15("svg", { className: "w-12 h-12 sm:w-16 sm:h-16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx15(
   "path",
   {
     strokeLinecap: "round",
@@ -1845,7 +1953,7 @@ var DefaultIcon = () => /* @__PURE__ */ jsx14("svg", { className: "w-12 h-12 sm:
     d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
   }
 ) });
-var ArrowIcon = () => /* @__PURE__ */ jsx14("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 7l5 5m0 0l-5 5m5-5H6" }) });
+var ArrowIcon = () => /* @__PURE__ */ jsx15("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx15("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 7l5 5m0 0l-5 5m5-5H6" }) });
 function WelcomeScreen({
   title,
   subtitle,
@@ -1860,18 +1968,18 @@ function WelcomeScreen({
   const hasPrompts = normalizedPrompts.length > 0;
   const hasHeader = title || subtitle || icon;
   if (!hasHeader && !hasPrompts) {
-    return /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center h-full !text-neutral-500 dark:!text-neutral-400", children: /* @__PURE__ */ jsxs11("div", { className: "text-center space-y-2", children: [
-      /* @__PURE__ */ jsx14("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx14(DefaultIcon, {}) }),
-      /* @__PURE__ */ jsx14("p", { className: "text-sm", children: "No messages yet. Start a conversation!" })
+    return /* @__PURE__ */ jsx15("div", { className: "flex items-center justify-center h-full !text-neutral-500 dark:!text-neutral-400", children: /* @__PURE__ */ jsxs12("div", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ jsx15("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx15(DefaultIcon, {}) }),
+      /* @__PURE__ */ jsx15("p", { className: "text-sm", children: "No messages yet. Start a conversation!" })
     ] }) });
   }
   if (variant === "minimal") {
-    return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col h-full px-4 py-4", children: [
-      hasHeader && /* @__PURE__ */ jsxs11("div", { className: "mb-4", children: [
-        title && /* @__PURE__ */ jsx14("h2", { className: "text-lg font-semibold !text-neutral-900 dark:!text-white", children: title }),
-        subtitle && /* @__PURE__ */ jsx14("p", { className: "text-sm !text-neutral-500 dark:!text-neutral-400 mt-1", children: subtitle })
+    return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col h-full px-4 py-4", children: [
+      hasHeader && /* @__PURE__ */ jsxs12("div", { className: "mb-4", children: [
+        title && /* @__PURE__ */ jsx15("h2", { className: "text-lg font-semibold !text-neutral-900 dark:!text-white", children: title }),
+        subtitle && /* @__PURE__ */ jsx15("p", { className: "text-sm !text-neutral-500 dark:!text-neutral-400 mt-1", children: subtitle })
       ] }),
-      hasPrompts && /* @__PURE__ */ jsx14("div", { className: "flex-1 space-y-2", children: normalizedPrompts.map((prompt, index) => /* @__PURE__ */ jsx14(
+      hasPrompts && /* @__PURE__ */ jsx15("div", { className: "flex-1 space-y-2", children: normalizedPrompts.map((prompt, index) => /* @__PURE__ */ jsx15(
         "button",
         {
           onClick: () => onPromptClick(prompt.text),
@@ -1884,11 +1992,11 @@ function WelcomeScreen({
             "transition-all duration-200",
             "group"
           ),
-          children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx14("div", { className: "flex-shrink-0 !text-neutral-400 dark:!text-neutral-500 group-hover:!text-blue-500 dark:group-hover:!text-blue-400 transition-colors", children: prompt.icon || /* @__PURE__ */ jsx14(ArrowIcon, {}) }),
-            /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium !text-neutral-900 dark:!text-white truncate", children: prompt.text }),
-              prompt.description && /* @__PURE__ */ jsx14("p", { className: "text-xs !text-neutral-500 dark:!text-neutral-400 mt-0.5 truncate", children: prompt.description })
+          children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx15("div", { className: "flex-shrink-0 !text-neutral-400 dark:!text-neutral-500 group-hover:!text-blue-500 dark:group-hover:!text-blue-400 transition-colors", children: prompt.icon || /* @__PURE__ */ jsx15(ArrowIcon, {}) }),
+            /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx15("p", { className: "text-sm font-medium !text-neutral-900 dark:!text-white truncate", children: prompt.text }),
+              prompt.description && /* @__PURE__ */ jsx15("p", { className: "text-xs !text-neutral-500 dark:!text-neutral-400 mt-0.5 truncate", children: prompt.description })
             ] })
           ] })
         },
@@ -1896,14 +2004,14 @@ function WelcomeScreen({
       )) })
     ] });
   }
-  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center justify-center h-full px-4 py-6 sm:py-8", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "text-center mb-6 sm:mb-8 max-w-md", children: [
-      /* @__PURE__ */ jsx14("div", { className: "mb-4 !text-neutral-400 dark:!text-neutral-500 flex justify-center", children: icon || /* @__PURE__ */ jsx14(DefaultIcon, {}) }),
-      title && /* @__PURE__ */ jsx14("h1", { className: "text-xl sm:text-2xl font-semibold !text-neutral-900 dark:!text-white mb-2", children: title }),
-      subtitle && /* @__PURE__ */ jsx14("p", { className: "text-sm sm:text-base !text-neutral-500 dark:!text-neutral-400", children: subtitle })
+  return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center justify-center h-full px-4 py-6 sm:py-8", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "text-center mb-6 sm:mb-8 max-w-md", children: [
+      /* @__PURE__ */ jsx15("div", { className: "mb-4 !text-neutral-400 dark:!text-neutral-500 flex justify-center", children: icon || /* @__PURE__ */ jsx15(DefaultIcon, {}) }),
+      title && /* @__PURE__ */ jsx15("h1", { className: "text-xl sm:text-2xl font-semibold !text-neutral-900 dark:!text-white mb-2", children: title }),
+      subtitle && /* @__PURE__ */ jsx15("p", { className: "text-sm sm:text-base !text-neutral-500 dark:!text-neutral-400", children: subtitle })
     ] }),
-    hasPrompts && /* @__PURE__ */ jsxs11("div", { className: "w-full max-w-2xl", children: [
-      /* @__PURE__ */ jsx14("div", { className: "sm:hidden space-y-2", children: normalizedPrompts.map((prompt, index) => /* @__PURE__ */ jsx14(
+    hasPrompts && /* @__PURE__ */ jsxs12("div", { className: "w-full max-w-2xl", children: [
+      /* @__PURE__ */ jsx15("div", { className: "sm:hidden space-y-2", children: normalizedPrompts.map((prompt, index) => /* @__PURE__ */ jsx15(
         "button",
         {
           onClick: () => onPromptClick(prompt.text),
@@ -1918,20 +2026,20 @@ function WelcomeScreen({
             "shadow-sm hover:shadow",
             "group"
           ),
-          children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx14("div", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-neutral-100 dark:bg-neutral-700 flex items-center justify-center !text-neutral-500 dark:!text-neutral-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-900/30 group-hover:!text-blue-600 dark:group-hover:!text-blue-400 transition-colors", children: prompt.icon || /* @__PURE__ */ jsx14(ArrowIcon, {}) }),
-            /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium !text-neutral-900 dark:!text-white", children: prompt.text }),
-              prompt.description && /* @__PURE__ */ jsx14("p", { className: "text-xs !text-neutral-500 dark:!text-neutral-400 mt-0.5 line-clamp-1", children: prompt.description })
+          children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx15("div", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-neutral-100 dark:bg-neutral-700 flex items-center justify-center !text-neutral-500 dark:!text-neutral-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-900/30 group-hover:!text-blue-600 dark:group-hover:!text-blue-400 transition-colors", children: prompt.icon || /* @__PURE__ */ jsx15(ArrowIcon, {}) }),
+            /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx15("p", { className: "text-sm font-medium !text-neutral-900 dark:!text-white", children: prompt.text }),
+              prompt.description && /* @__PURE__ */ jsx15("p", { className: "text-xs !text-neutral-500 dark:!text-neutral-400 mt-0.5 line-clamp-1", children: prompt.description })
             ] }),
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(
               "svg",
               {
                 className: "w-4 h-4 !text-neutral-400 group-hover:!text-blue-500 transition-colors flex-shrink-0",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx14(
+                children: /* @__PURE__ */ jsx15(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -1946,7 +2054,7 @@ function WelcomeScreen({
         },
         index
       )) }),
-      /* @__PURE__ */ jsx14("div", { className: "hidden sm:grid sm:grid-cols-2 gap-3", children: normalizedPrompts.map((prompt, index) => /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15("div", { className: "hidden sm:grid sm:grid-cols-2 gap-3", children: normalizedPrompts.map((prompt, index) => /* @__PURE__ */ jsx15(
         "button",
         {
           onClick: () => onPromptClick(prompt.text),
@@ -1961,11 +2069,11 @@ function WelcomeScreen({
             "transition-all duration-200",
             "group"
           ),
-          children: /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx14("div", { className: "flex-shrink-0 w-9 h-9 rounded-lg bg-neutral-100 dark:bg-neutral-700 flex items-center justify-center !text-neutral-500 dark:!text-neutral-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-900/30 group-hover:!text-blue-600 dark:group-hover:!text-blue-400 transition-colors", children: prompt.icon || /* @__PURE__ */ jsx14(ArrowIcon, {}) }),
-            /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium !text-neutral-900 dark:!text-white leading-snug", children: prompt.text }),
-              prompt.description && /* @__PURE__ */ jsx14("p", { className: "text-xs !text-neutral-500 dark:!text-neutral-400 mt-1 line-clamp-2", children: prompt.description })
+          children: /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx15("div", { className: "flex-shrink-0 w-9 h-9 rounded-lg bg-neutral-100 dark:bg-neutral-700 flex items-center justify-center !text-neutral-500 dark:!text-neutral-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-900/30 group-hover:!text-blue-600 dark:group-hover:!text-blue-400 transition-colors", children: prompt.icon || /* @__PURE__ */ jsx15(ArrowIcon, {}) }),
+            /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx15("p", { className: "text-sm font-medium !text-neutral-900 dark:!text-white leading-snug", children: prompt.text }),
+              prompt.description && /* @__PURE__ */ jsx15("p", { className: "text-xs !text-neutral-500 dark:!text-neutral-400 mt-1 line-clamp-2", children: prompt.description })
             ] })
           ] })
         },
@@ -1976,7 +2084,7 @@ function WelcomeScreen({
 }
 
 // src/components/Chat/MessageList.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function MessageList({
   messages,
   onAction,
@@ -2007,7 +2115,7 @@ function MessageList({
       }
     }
   }, [messages]);
-  return /* @__PURE__ */ jsx15("div", { ref: listRef, className: "apteva-message-list apteva-scrollbar-hidden", onScroll: handleScroll, children: messages.length === 0 ? /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16("div", { ref: listRef, className: "apteva-message-list apteva-scrollbar-hidden", onScroll: handleScroll, children: messages.length === 0 ? /* @__PURE__ */ jsx16(
     WelcomeScreen,
     {
       title: welcomeTitle,
@@ -2018,12 +2126,12 @@ function MessageList({
       onPromptClick: onPromptClick || (() => {
       })
     }
-  ) : messages.map((message) => /* @__PURE__ */ jsx15("div", { className: message.role === "user" ? "apteva-message-row-user" : "apteva-message-row-assistant", children: /* @__PURE__ */ jsx15(Message, { message, onAction, enableWidgets, onWidgetRender }) }, message.id)) });
+  ) : messages.map((message) => /* @__PURE__ */ jsx16("div", { className: message.role === "user" ? "apteva-message-row-user" : "apteva-message-row-assistant", children: /* @__PURE__ */ jsx16(Message, { message, onAction, enableWidgets, onWidgetRender }) }, message.id)) });
 }
 
 // src/components/Chat/Composer.tsx
 import { useState as useState4, useRef as useRef5 } from "react";
-import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function Composer({ onSendMessage, placeholder = "Type a message...", disabled = false, isLoading = false, onStop, onFileUpload, onSwitchMode }) {
   const [text, setText] = useState4("");
   const [showMenu, setShowMenu] = useState4(false);
@@ -2097,56 +2205,56 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
   };
   const getFileIcon = (mimeType) => {
     if (mimeType.startsWith("image/")) {
-      return /* @__PURE__ */ jsx16("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) });
+      return /* @__PURE__ */ jsx17("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) });
     }
     if (mimeType === "application/pdf") {
-      return /* @__PURE__ */ jsx16("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) });
+      return /* @__PURE__ */ jsx17("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) });
     }
-    return /* @__PURE__ */ jsx16("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) });
+    return /* @__PURE__ */ jsx17("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) });
   };
-  return /* @__PURE__ */ jsxs12("div", { className: "px-4 py-3 relative", children: [
-    fileError && /* @__PURE__ */ jsx16("div", { className: "absolute bottom-full left-4 right-4 mb-2 p-3 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-800 rounded-lg z-20", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 !text-red-700 dark:!text-red-300 text-sm", children: [
-      /* @__PURE__ */ jsx16("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-      /* @__PURE__ */ jsx16("span", { children: fileError })
+  return /* @__PURE__ */ jsxs13("div", { className: "px-4 py-3 relative", children: [
+    fileError && /* @__PURE__ */ jsx17("div", { className: "absolute bottom-full left-4 right-4 mb-2 p-3 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-800 rounded-lg z-20", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 !text-red-700 dark:!text-red-300 text-sm", children: [
+      /* @__PURE__ */ jsx17("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+      /* @__PURE__ */ jsx17("span", { children: fileError })
     ] }) }),
-    pendingFiles.length > 0 && /* @__PURE__ */ jsx16("div", { className: "mb-2 flex flex-wrap gap-2", children: pendingFiles.map((pf, index) => /* @__PURE__ */ jsxs12(
+    pendingFiles.length > 0 && /* @__PURE__ */ jsx17("div", { className: "mb-2 flex flex-wrap gap-2", children: pendingFiles.map((pf, index) => /* @__PURE__ */ jsxs13(
       "div",
       {
         className: "relative group flex items-center gap-2 px-3 py-2 bg-neutral-100 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-lg",
         children: [
-          pf.preview ? /* @__PURE__ */ jsx16("img", { src: pf.preview, alt: pf.file.name, className: "w-8 h-8 object-cover rounded" }) : /* @__PURE__ */ jsx16("div", { className: "w-8 h-8 flex items-center justify-center bg-neutral-200 dark:bg-neutral-700 rounded !text-neutral-500 dark:!text-neutral-400", children: getFileIcon(pf.file.type) }),
-          /* @__PURE__ */ jsxs12("div", { className: "flex flex-col min-w-0", children: [
-            /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium !text-neutral-700 dark:!text-neutral-300 truncate max-w-[120px]", children: pf.file.name }),
-            /* @__PURE__ */ jsx16("span", { className: "text-xs !text-neutral-500 dark:!text-neutral-400", children: formatFileSize(pf.file.size) })
+          pf.preview ? /* @__PURE__ */ jsx17("img", { src: pf.preview, alt: pf.file.name, className: "w-8 h-8 object-cover rounded" }) : /* @__PURE__ */ jsx17("div", { className: "w-8 h-8 flex items-center justify-center bg-neutral-200 dark:bg-neutral-700 rounded !text-neutral-500 dark:!text-neutral-400", children: getFileIcon(pf.file.type) }),
+          /* @__PURE__ */ jsxs13("div", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ jsx17("span", { className: "text-xs font-medium !text-neutral-700 dark:!text-neutral-300 truncate max-w-[120px]", children: pf.file.name }),
+            /* @__PURE__ */ jsx17("span", { className: "text-xs !text-neutral-500 dark:!text-neutral-400", children: formatFileSize(pf.file.size) })
           ] }),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17(
             "button",
             {
               onClick: () => removeFile(index),
               className: "absolute -top-1.5 -right-1.5 w-5 h-5 bg-neutral-500 hover:bg-red-500 text-white rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",
               title: "Remove file",
-              children: /* @__PURE__ */ jsx16("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+              children: /* @__PURE__ */ jsx17("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
             }
           )
         ]
       },
       index
     )) }),
-    /* @__PURE__ */ jsxs12("div", { className: "apteva-composer relative border-2 border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-900 transition-all duration-300 flex items-center px-3 py-2 gap-3", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "relative flex-shrink-0", children: [
-        /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsxs13("div", { className: "apteva-composer relative border-2 border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-900 transition-all duration-300 flex items-center px-3 py-2 gap-3", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "relative flex-shrink-0", children: [
+        /* @__PURE__ */ jsx17(
           "button",
           {
             ref: menuButtonRef,
             onClick: () => setShowMenu(!showMenu),
             className: "apteva-composer-menu-btn w-8 h-8 rounded-lg flex items-center justify-center transition-all !text-neutral-700 dark:!text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800",
             title: "More options",
-            children: /* @__PURE__ */ jsx16("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx16("path", { d: "M10 5v10M5 10h10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+            children: /* @__PURE__ */ jsx17("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx17("path", { d: "M10 5v10M5 10h10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
           }
         ),
-        showMenu && /* @__PURE__ */ jsxs12(Fragment2, { children: [
-          /* @__PURE__ */ jsx16("div", { className: "fixed inset-0 z-[9998]", onClick: () => setShowMenu(false) }),
-          /* @__PURE__ */ jsxs12(
+        showMenu && /* @__PURE__ */ jsxs13(Fragment2, { children: [
+          /* @__PURE__ */ jsx17("div", { className: "fixed inset-0 z-[9998]", onClick: () => setShowMenu(false) }),
+          /* @__PURE__ */ jsxs13(
             "div",
             {
               className: "apteva-composer-menu fixed bg-neutral-800 dark:bg-neutral-800 rounded-xl shadow-lg overflow-hidden z-[9999] min-w-[200px]",
@@ -2155,7 +2263,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
                 top: (menuButtonRef.current?.getBoundingClientRect().bottom ?? 0) + 8
               },
               children: [
-                /* @__PURE__ */ jsxs12(
+                /* @__PURE__ */ jsxs13(
                   "button",
                   {
                     onClick: () => {
@@ -2164,12 +2272,12 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
                     },
                     className: "w-full flex items-center gap-3 px-4 py-3 hover:bg-neutral-700 dark:hover:bg-neutral-700 transition-colors !text-white text-left",
                     children: [
-                      /* @__PURE__ */ jsx16("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx16("path", { d: "M10.5 3.5L5.5 8.5C4.67157 9.32843 4.67157 10.6716 5.5 11.5C6.32843 12.3284 7.67157 12.3284 8.5 11.5L14.5 5.5C15.8807 4.11929 15.8807 1.88071 14.5 0.5C13.1193 -0.880711 10.8807 -0.880711 9.5 0.5L3.5 6.5C1.56846 8.43154 1.56846 11.5685 3.5 13.5C5.43154 15.4315 8.56846 15.4315 10.5 13.5L15.5 8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(2, 3)" }) }),
-                      /* @__PURE__ */ jsx16("span", { className: "!text-sm font-medium", children: "Add photos & files" })
+                      /* @__PURE__ */ jsx17("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx17("path", { d: "M10.5 3.5L5.5 8.5C4.67157 9.32843 4.67157 10.6716 5.5 11.5C6.32843 12.3284 7.67157 12.3284 8.5 11.5L14.5 5.5C15.8807 4.11929 15.8807 1.88071 14.5 0.5C13.1193 -0.880711 10.8807 -0.880711 9.5 0.5L3.5 6.5C1.56846 8.43154 1.56846 11.5685 3.5 13.5C5.43154 15.4315 8.56846 15.4315 10.5 13.5L15.5 8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(2, 3)" }) }),
+                      /* @__PURE__ */ jsx17("span", { className: "!text-sm font-medium", children: "Add photos & files" })
                     ]
                   }
                 ),
-                onSwitchMode && /* @__PURE__ */ jsxs12(
+                onSwitchMode && /* @__PURE__ */ jsxs13(
                   "button",
                   {
                     onClick: () => {
@@ -2178,8 +2286,8 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
                     },
                     className: "w-full flex items-center gap-3 px-4 py-3 hover:bg-neutral-700 dark:hover:bg-neutral-700 transition-colors !text-white text-left border-t border-neutral-700 dark:border-neutral-700",
                     children: [
-                      /* @__PURE__ */ jsx16("svg", { className: "w-4.5 h-4.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }),
-                      /* @__PURE__ */ jsx16("span", { className: "!text-sm font-medium", children: "Switch to command mode" })
+                      /* @__PURE__ */ jsx17("svg", { className: "w-4.5 h-4.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }),
+                      /* @__PURE__ */ jsx17("span", { className: "!text-sm font-medium", children: "Switch to command mode" })
                     ]
                   }
                 )
@@ -2188,7 +2296,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         "textarea",
         {
           ref: textareaRef,
@@ -2201,26 +2309,26 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
           rows: 1
         }
       ),
-      isLoading && onStop ? /* @__PURE__ */ jsx16(
+      isLoading && onStop ? /* @__PURE__ */ jsx17(
         "button",
         {
           onClick: onStop,
           className: "apteva-composer-stop-btn !w-8 !h-8 !rounded-lg !flex !items-center !justify-center !font-bold !transition-all !flex-shrink-0 !border !border-red-400 dark:!border-red-500 !bg-red-50 dark:!bg-red-900/30 !text-red-600 dark:!text-red-400 hover:!bg-red-100 dark:hover:!bg-red-900/50",
           title: "Stop generation",
-          children: /* @__PURE__ */ jsx16("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx16("rect", { x: "2", y: "2", width: "10", height: "10", rx: "1", fill: "currentColor" }) })
+          children: /* @__PURE__ */ jsx17("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx17("rect", { x: "2", y: "2", width: "10", height: "10", rx: "1", fill: "currentColor" }) })
         }
-      ) : /* @__PURE__ */ jsx16(
+      ) : /* @__PURE__ */ jsx17(
         "button",
         {
           onClick: handleSend,
           disabled: !text.trim() && pendingFiles.length === 0 || disabled,
           className: "apteva-composer-send-btn w-8 h-8 rounded-lg flex items-center justify-center font-bold transition-all flex-shrink-0 border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 !text-neutral-700 dark:!text-neutral-300 hover:bg-neutral-50 dark:hover:bg-neutral-700 disabled:opacity-30 disabled:cursor-not-allowed !text-lg",
           title: "Send message",
-          children: /* @__PURE__ */ jsx16("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx16("path", { d: "M8 3L8 13M8 3L4 7M8 3L12 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+          children: /* @__PURE__ */ jsx17("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx17("path", { d: "M8 3L8 13M8 3L4 7M8 3L12 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       "input",
       {
         ref: fileInputRef,
@@ -2236,7 +2344,7 @@ function Composer({ onSendMessage, placeholder = "Type a message...", disabled =
 
 // src/components/Chat/CommandComposer.tsx
 import { useState as useState5, useRef as useRef6 } from "react";
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function CommandComposer({
   onExecute,
   state,
@@ -2326,12 +2434,12 @@ function CommandComposer({
   };
   const getFileIcon = (mimeType) => {
     if (mimeType.startsWith("image/")) {
-      return /* @__PURE__ */ jsx17("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) });
+      return /* @__PURE__ */ jsx18("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) });
     }
     if (mimeType === "application/pdf") {
-      return /* @__PURE__ */ jsx17("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) });
+      return /* @__PURE__ */ jsx18("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) });
     }
-    return /* @__PURE__ */ jsx17("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) });
+    return /* @__PURE__ */ jsx18("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) });
   };
   const getDisplayContent = () => {
     if (state === "loading") {
@@ -2356,12 +2464,12 @@ function CommandComposer({
   };
   const isShowingResult = state !== "idle";
   const { text: displayContent, isToolCall } = getDisplayContent();
-  return /* @__PURE__ */ jsxs13("div", { className: "w-full relative", children: [
-    fileError && /* @__PURE__ */ jsx17("div", { className: "absolute -top-12 left-0 right-0 mx-3 p-2 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-800 rounded-lg z-30", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 !text-red-700 dark:!text-red-300 text-xs", children: [
-      /* @__PURE__ */ jsx17("svg", { className: "w-3 h-3 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-      /* @__PURE__ */ jsx17("span", { children: fileError })
+  return /* @__PURE__ */ jsxs14("div", { className: "w-full relative", children: [
+    fileError && /* @__PURE__ */ jsx18("div", { className: "absolute -top-12 left-0 right-0 mx-3 p-2 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-800 rounded-lg z-30", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 !text-red-700 dark:!text-red-300 text-xs", children: [
+      /* @__PURE__ */ jsx18("svg", { className: "w-3 h-3 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+      /* @__PURE__ */ jsx18("span", { children: fileError })
     ] }) }),
-    /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsxs14(
       "div",
       {
         className: cn(
@@ -2373,21 +2481,21 @@ function CommandComposer({
           state === "error" && "border-red-400 dark:border-red-500"
         ),
         children: [
-          /* @__PURE__ */ jsxs13("div", { className: "w-8 h-8 flex items-center justify-center flex-shrink-0", children: [
-            state === "idle" && /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsxs14("div", { className: "w-8 h-8 flex items-center justify-center flex-shrink-0", children: [
+            state === "idle" && /* @__PURE__ */ jsxs14("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx18(
                 "button",
                 {
                   ref: menuButtonRef,
                   onClick: () => setShowMenu(!showMenu),
                   className: "apteva-composer-menu-btn w-8 h-8 rounded-lg flex items-center justify-center transition-all !text-neutral-500 dark:!text-neutral-400 hover:!text-neutral-700 dark:hover:!text-neutral-200 hover:bg-neutral-100 dark:hover:bg-neutral-800",
                   title: "More options",
-                  children: /* @__PURE__ */ jsx17("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx17("path", { d: "M10 5v10M5 10h10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                  children: /* @__PURE__ */ jsx18("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx18("path", { d: "M10 5v10M5 10h10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
                 }
               ),
-              showMenu && /* @__PURE__ */ jsxs13(Fragment3, { children: [
-                /* @__PURE__ */ jsx17("div", { className: "fixed inset-0 z-[9998]", onClick: () => setShowMenu(false) }),
-                /* @__PURE__ */ jsxs13(
+              showMenu && /* @__PURE__ */ jsxs14(Fragment3, { children: [
+                /* @__PURE__ */ jsx18("div", { className: "fixed inset-0 z-[9998]", onClick: () => setShowMenu(false) }),
+                /* @__PURE__ */ jsxs14(
                   "div",
                   {
                     className: "apteva-composer-menu fixed bg-neutral-800 dark:bg-neutral-800 rounded-xl shadow-lg overflow-hidden z-[9999] min-w-[200px]",
@@ -2396,7 +2504,7 @@ function CommandComposer({
                       top: (menuButtonRef.current?.getBoundingClientRect().bottom ?? 0) + 8
                     },
                     children: [
-                      /* @__PURE__ */ jsxs13(
+                      /* @__PURE__ */ jsxs14(
                         "button",
                         {
                           onClick: () => {
@@ -2405,12 +2513,12 @@ function CommandComposer({
                           },
                           className: "w-full flex items-center gap-3 px-4 py-3 hover:bg-neutral-700 dark:hover:bg-neutral-700 transition-colors !text-white text-left",
                           children: [
-                            /* @__PURE__ */ jsx17("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx17("path", { d: "M10.5 3.5L5.5 8.5C4.67157 9.32843 4.67157 10.6716 5.5 11.5C6.32843 12.3284 7.67157 12.3284 8.5 11.5L14.5 5.5C15.8807 4.11929 15.8807 1.88071 14.5 0.5C13.1193 -0.880711 10.8807 -0.880711 9.5 0.5L3.5 6.5C1.56846 8.43154 1.56846 11.5685 3.5 13.5C5.43154 15.4315 8.56846 15.4315 10.5 13.5L15.5 8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(2, 3)" }) }),
-                            /* @__PURE__ */ jsx17("span", { className: "!text-sm font-medium", children: "Add photos & files" })
+                            /* @__PURE__ */ jsx18("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx18("path", { d: "M10.5 3.5L5.5 8.5C4.67157 9.32843 4.67157 10.6716 5.5 11.5C6.32843 12.3284 7.67157 12.3284 8.5 11.5L14.5 5.5C15.8807 4.11929 15.8807 1.88071 14.5 0.5C13.1193 -0.880711 10.8807 -0.880711 9.5 0.5L3.5 6.5C1.56846 8.43154 1.56846 11.5685 3.5 13.5C5.43154 15.4315 8.56846 15.4315 10.5 13.5L15.5 8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(2, 3)" }) }),
+                            /* @__PURE__ */ jsx18("span", { className: "!text-sm font-medium", children: "Add photos & files" })
                           ]
                         }
                       ),
-                      onExpand && /* @__PURE__ */ jsxs13(
+                      onExpand && /* @__PURE__ */ jsxs14(
                         "button",
                         {
                           onClick: () => {
@@ -2419,8 +2527,8 @@ function CommandComposer({
                           },
                           className: "w-full flex items-center gap-3 px-4 py-3 hover:bg-neutral-700 dark:hover:bg-neutral-700 transition-colors !text-white text-left border-t border-neutral-700 dark:border-neutral-700",
                           children: [
-                            /* @__PURE__ */ jsx17("svg", { className: "w-4.5 h-4.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
-                            /* @__PURE__ */ jsx17("span", { className: "!text-sm font-medium", children: "Expand to chat" })
+                            /* @__PURE__ */ jsx18("svg", { className: "w-4.5 h-4.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
+                            /* @__PURE__ */ jsx18("span", { className: "!text-sm font-medium", children: "Expand to chat" })
                           ]
                         }
                       )
@@ -2429,30 +2537,30 @@ function CommandComposer({
                 )
               ] })
             ] }),
-            state === "loading" && !toolName && /* @__PURE__ */ jsx17("div", { className: "w-4 h-4 border-2 border-blue-200 border-t-blue-500 rounded-full animate-spin" }),
-            state === "loading" && toolName && /* @__PURE__ */ jsx17("div", { className: "w-2 h-2 rounded-full bg-blue-500 animate-pulse" })
+            state === "loading" && !toolName && /* @__PURE__ */ jsx18("div", { className: "w-4 h-4 border-2 border-blue-200 border-t-blue-500 rounded-full animate-spin" }),
+            state === "loading" && toolName && /* @__PURE__ */ jsx18("div", { className: "w-2 h-2 rounded-full bg-blue-500 animate-pulse" })
           ] }),
-          pendingFiles.length > 0 && state === "idle" && /* @__PURE__ */ jsx17("div", { className: "flex items-center gap-1 flex-shrink-0", children: pendingFiles.map((pf, index) => /* @__PURE__ */ jsxs13(
+          pendingFiles.length > 0 && state === "idle" && /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-1 flex-shrink-0", children: pendingFiles.map((pf, index) => /* @__PURE__ */ jsxs14(
             "div",
             {
               className: "relative group flex items-center justify-center w-6 h-6 bg-neutral-100 dark:bg-neutral-800 rounded overflow-hidden",
               title: pf.file.name,
               children: [
-                pf.preview ? /* @__PURE__ */ jsx17("img", { src: pf.preview, alt: pf.file.name, className: "w-6 h-6 object-cover" }) : /* @__PURE__ */ jsx17("span", { className: "text-xs !text-neutral-500 dark:!text-neutral-400", children: getFileIcon(pf.file.type) }),
-                /* @__PURE__ */ jsx17(
+                pf.preview ? /* @__PURE__ */ jsx18("img", { src: pf.preview, alt: pf.file.name, className: "w-6 h-6 object-cover" }) : /* @__PURE__ */ jsx18("span", { className: "text-xs !text-neutral-500 dark:!text-neutral-400", children: getFileIcon(pf.file.type) }),
+                /* @__PURE__ */ jsx18(
                   "button",
                   {
                     onClick: () => removeFile(index),
                     className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity",
                     title: "Remove",
-                    children: /* @__PURE__ */ jsx17("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                    children: /* @__PURE__ */ jsx18("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
                   }
                 )
               ]
             },
             index
           )) }),
-          state === "idle" ? /* @__PURE__ */ jsx17(
+          state === "idle" ? /* @__PURE__ */ jsx18(
             "textarea",
             {
               ref: inputRef,
@@ -2470,7 +2578,7 @@ function CommandComposer({
               ),
               style: { minHeight: "24px", maxHeight: "120px" }
             }
-          ) : /* @__PURE__ */ jsx17(
+          ) : /* @__PURE__ */ jsx18(
             "div",
             {
               className: cn(
@@ -2481,14 +2589,14 @@ function CommandComposer({
                 state === "error" && "!text-red-600 dark:!text-red-400",
                 state === "plan-pending" && "!text-amber-700 dark:!text-amber-300"
               ),
-              children: isToolCall ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
-                /* @__PURE__ */ jsx17("span", { className: "font-mono", children: displayContent }),
-                /* @__PURE__ */ jsx17("span", { className: "text-neutral-400 dark:text-neutral-500", children: "Running..." })
+              children: isToolCall ? /* @__PURE__ */ jsxs14(Fragment3, { children: [
+                /* @__PURE__ */ jsx18("span", { className: "font-mono", children: displayContent }),
+                /* @__PURE__ */ jsx18("span", { className: "text-neutral-400 dark:text-neutral-500", children: "Running..." })
               ] }) : displayContent
             }
           ),
-          /* @__PURE__ */ jsx17("div", { className: "w-8 h-8 flex items-center justify-center flex-shrink-0", children: state === "plan-pending" ? /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18("div", { className: "w-8 h-8 flex items-center justify-center flex-shrink-0", children: state === "plan-pending" ? /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx18(
               "button",
               {
                 onClick: onApprove,
@@ -2496,7 +2604,7 @@ function CommandComposer({
                 children: "Approve"
               }
             ),
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               "button",
               {
                 onClick: onReject,
@@ -2504,26 +2612,26 @@ function CommandComposer({
                 children: "Modify"
               }
             )
-          ] }) : /* @__PURE__ */ jsxs13(Fragment3, { children: [
-            state === "loading" && onStop && /* @__PURE__ */ jsx17(
+          ] }) : /* @__PURE__ */ jsxs14(Fragment3, { children: [
+            state === "loading" && onStop && /* @__PURE__ */ jsx18(
               "button",
               {
                 onClick: onStop,
                 className: "apteva-composer-stop-btn !w-8 !h-8 !rounded-lg !flex !items-center !justify-center !transition-all !border !border-red-400 dark:!border-red-500 !bg-red-50 dark:!bg-red-900/30 !text-red-600 dark:!text-red-400 hover:!bg-red-100 dark:hover:!bg-red-900/50",
                 title: "Stop generation",
-                children: /* @__PURE__ */ jsx17("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx17("rect", { x: "2", y: "2", width: "10", height: "10", rx: "1", fill: "currentColor" }) })
+                children: /* @__PURE__ */ jsx18("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx18("rect", { x: "2", y: "2", width: "10", height: "10", rx: "1", fill: "currentColor" }) })
               }
             ),
-            (state === "success" || state === "error") && /* @__PURE__ */ jsx17(
+            (state === "success" || state === "error") && /* @__PURE__ */ jsx18(
               "button",
               {
                 onClick: handleNewCommand,
                 className: "w-8 h-8 rounded-lg flex items-center justify-center !text-neutral-400 hover:!text-neutral-600 dark:hover:!text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors",
                 title: "New command",
-                children: /* @__PURE__ */ jsx17("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                children: /* @__PURE__ */ jsx18("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
               }
             ),
-            state === "idle" && /* @__PURE__ */ jsx17(
+            state === "idle" && /* @__PURE__ */ jsx18(
               "button",
               {
                 onClick: handleSubmit,
@@ -2535,14 +2643,14 @@ function CommandComposer({
                   input.trim() || pendingFiles.length > 0 ? "bg-neutral-900 dark:bg-white !text-white dark:!text-neutral-900 border-neutral-900 dark:border-white" : "bg-white dark:bg-neutral-800 !text-neutral-400"
                 ),
                 title: "Execute command",
-                children: /* @__PURE__ */ jsx17("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 12h14M12 5l7 7-7 7" }) })
+                children: /* @__PURE__ */ jsx18("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 12h14M12 5l7 7-7 7" }) })
               }
             )
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(
       "input",
       {
         ref: fileInputRef,
@@ -2742,7 +2850,7 @@ var AptevaClient = class {
 var aptevaClient = new AptevaClient();
 
 // src/components/Chat/Chat.tsx
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var Chat = forwardRef(function Chat2({
   agentId,
   threadId,
@@ -3346,16 +3454,16 @@ ${planToExecute}`;
     setCurrentRequestId(null);
   };
   const isCompact = commandVariant === "compact";
-  return /* @__PURE__ */ jsxs14("div", { className: cn("apteva-chat flex flex-col h-full", className), children: [
-    showHeader && mode === "chat" && /* @__PURE__ */ jsx18("div", { className: "apteva-chat-header px-4 py-3 flex items-center justify-between", children: /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx18("div", { className: "apteva-chat-title", children: headerTitle }),
-      /* @__PURE__ */ jsx18("div", { className: cn(
+  return /* @__PURE__ */ jsxs15("div", { className: cn("apteva-chat flex flex-col h-full", className), children: [
+    showHeader && mode === "chat" && /* @__PURE__ */ jsx19("div", { className: "apteva-chat-header px-4 py-3 flex items-center justify-between", children: /* @__PURE__ */ jsxs15("div", { children: [
+      /* @__PURE__ */ jsx19("div", { className: "apteva-chat-title", children: headerTitle }),
+      /* @__PURE__ */ jsx19("div", { className: cn(
         "apteva-chat-status",
         isLoading ? chatToolName ? "apteva-chat-status-tool" : "apteva-chat-status-thinking" : "apteva-chat-status-ready"
       ), children: isLoading ? chatToolName ? `Using ${chatToolName}...` : "Thinking..." : "Ready" })
     ] }) }),
-    mode === "chat" && /* @__PURE__ */ jsxs14(Fragment4, { children: [
-      /* @__PURE__ */ jsx18(
+    mode === "chat" && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+      /* @__PURE__ */ jsx19(
         MessageList,
         {
           messages,
@@ -3370,7 +3478,7 @@ ${planToExecute}`;
           onWidgetRender
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         Composer,
         {
           onSendMessage: handleSendMessage,
@@ -3383,7 +3491,7 @@ ${planToExecute}`;
         }
       )
     ] }),
-    mode === "command" && /* @__PURE__ */ jsx18("div", { className: "w-full", children: /* @__PURE__ */ jsx18(
+    mode === "command" && /* @__PURE__ */ jsx19("div", { className: "w-full", children: /* @__PURE__ */ jsx19(
       CommandComposer,
       {
         onExecute: (text, files) => {
@@ -3404,7 +3512,7 @@ ${planToExecute}`;
         placeholder: placeholder || "Enter your command..."
       }
     ) }),
-    /* @__PURE__ */ jsx18("style", { dangerouslySetInnerHTML: {
+    /* @__PURE__ */ jsx19("style", { dangerouslySetInnerHTML: {
       __html: `
           @keyframes pulse-border {
             0%, 100% { border-color: rgb(59, 130, 246); }
@@ -3423,11 +3531,11 @@ ${planToExecute}`;
 
 // src/components/Chat/CommandOutput.tsx
 import { useState as useState7 } from "react";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 
 // src/components/Command/Command.tsx
 import React, { useState as useState8, useEffect as useEffect7 } from "react";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function Command({
   agentId,
   command: initialCommand,
@@ -3877,7 +3985,7 @@ ${planToExecute}`;
     setUploadedFiles((prev) => prev.filter((_, i) => i !== index));
   };
   const isCompact = variant === "compact";
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: cn(
@@ -3892,9 +4000,9 @@ ${planToExecute}`;
       ),
       style: { minHeight: isCompact ? "auto" : "180px" },
       children: [
-        /* @__PURE__ */ jsxs16("div", { className: cn("flex-1 flex", isCompact ? "flex-row items-center p-3 gap-3" : "flex-col p-4"), children: [
-          state === "idle" && allowInput && !isCompact && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-            /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsxs17("div", { className: cn("flex-1 flex", isCompact ? "flex-row items-center p-3 gap-3" : "flex-col p-4"), children: [
+          state === "idle" && allowInput && !isCompact && /* @__PURE__ */ jsxs17(Fragment5, { children: [
+            /* @__PURE__ */ jsx21(
               "textarea",
               {
                 value: command,
@@ -3910,42 +4018,42 @@ ${planToExecute}`;
                 rows: 6
               }
             ),
-            uploadedFiles.length > 0 && /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap gap-2 mt-2", children: uploadedFiles.map((file, index) => /* @__PURE__ */ jsxs16("div", { className: "relative group", children: [
-              file.type === "image" ? /* @__PURE__ */ jsx20(
+            uploadedFiles.length > 0 && /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-2 mt-2", children: uploadedFiles.map((file, index) => /* @__PURE__ */ jsxs17("div", { className: "relative group", children: [
+              file.type === "image" ? /* @__PURE__ */ jsx21(
                 "img",
                 {
                   src: file.preview,
                   alt: file.name,
                   className: "w-20 h-20 object-cover rounded-lg border-2 border-neutral-300 dark:border-neutral-600"
                 }
-              ) : /* @__PURE__ */ jsxs16("div", { className: "w-20 h-20 flex flex-col items-center justify-center rounded-lg border-2 border-neutral-300 dark:border-neutral-600 bg-neutral-50 dark:bg-neutral-800", children: [
-                /* @__PURE__ */ jsx20("svg", { className: "w-8 h-8 text-neutral-500 dark:text-neutral-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx20("path", { fillRule: "evenodd", d: "M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z", clipRule: "evenodd" }) }),
-                /* @__PURE__ */ jsx20("span", { className: "text-[8px] text-neutral-500 dark:text-neutral-400 mt-1 px-1 truncate max-w-full", children: file.name.length > 12 ? file.name.slice(0, 12) + "..." : file.name })
+              ) : /* @__PURE__ */ jsxs17("div", { className: "w-20 h-20 flex flex-col items-center justify-center rounded-lg border-2 border-neutral-300 dark:border-neutral-600 bg-neutral-50 dark:bg-neutral-800", children: [
+                /* @__PURE__ */ jsx21("svg", { className: "w-8 h-8 text-neutral-500 dark:text-neutral-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx21("path", { fillRule: "evenodd", d: "M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z", clipRule: "evenodd" }) }),
+                /* @__PURE__ */ jsx21("span", { className: "text-[8px] text-neutral-500 dark:text-neutral-400 mt-1 px-1 truncate max-w-full", children: file.name.length > 12 ? file.name.slice(0, 12) + "..." : file.name })
               ] }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   onClick: () => removeFile(index),
                   className: "absolute -top-2 -right-2 w-6 h-6 bg-red-500 hover:bg-red-600 text-white rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",
                   title: `Remove ${file.type}`,
-                  children: /* @__PURE__ */ jsx20("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                  children: /* @__PURE__ */ jsx21("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
                 }
               )
             ] }, index)) })
           ] }),
-          state === "idle" && allowInput && isCompact && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-0.5 flex-shrink-0", children: [
-              enableFileUpload && /* @__PURE__ */ jsx20(
+          state === "idle" && allowInput && isCompact && /* @__PURE__ */ jsxs17(Fragment5, { children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-0.5 flex-shrink-0", children: [
+              enableFileUpload && /* @__PURE__ */ jsx21(
                 "button",
                 {
                   onClick: () => fileInputRef.current?.click(),
                   className: "w-8 h-8 rounded-lg flex items-center justify-center transition-all flex-shrink-0 !text-neutral-500 dark:!text-neutral-500 hover:bg-neutral-100 dark:hover:bg-neutral-800",
                   title: "Attach file",
-                  children: /* @__PURE__ */ jsx20("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("path", { d: "M8.4 2.8L4.4 6.8C3.736 7.464 3.736 8.536 4.4 9.2C5.064 9.864 6.136 9.864 6.8 9.2L11.6 4.4C12.704 3.296 12.704 1.504 11.6 0.4C10.496 -0.704 8.704 -0.704 7.6 0.4L2.8 5.2C1.256 6.744 1.256 9.256 2.8 10.8C4.344 12.344 6.856 12.344 8.4 10.8L12.4 6.8", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(1.6, 2.4)" }) })
+                  children: /* @__PURE__ */ jsx21("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx21("path", { d: "M8.4 2.8L4.4 6.8C3.736 7.464 3.736 8.536 4.4 9.2C5.064 9.864 6.136 9.864 6.8 9.2L11.6 4.4C12.704 3.296 12.704 1.504 11.6 0.4C10.496 -0.704 8.704 -0.704 7.6 0.4L2.8 5.2C1.256 6.744 1.256 9.256 2.8 10.8C4.344 12.344 6.856 12.344 8.4 10.8L12.4 6.8", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(1.6, 2.4)" }) })
                 }
               ),
-              planMode && /* @__PURE__ */ jsxs16("div", { className: "relative settings-menu-container", children: [
-                /* @__PURE__ */ jsx20(
+              planMode && /* @__PURE__ */ jsxs17("div", { className: "relative settings-menu-container", children: [
+                /* @__PURE__ */ jsx21(
                   "button",
                   {
                     onClick: () => setShowSettingsMenu(!showSettingsMenu),
@@ -3954,28 +4062,28 @@ ${planToExecute}`;
                       internalPlanMode ? "!text-blue-600 dark:!text-blue-400" : "!text-neutral-500 dark:!text-neutral-500"
                     ),
                     title: "Settings",
-                    children: /* @__PURE__ */ jsxs16("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                      /* @__PURE__ */ jsx20("line", { x1: "4", y1: "21", x2: "4", y2: "14" }),
-                      /* @__PURE__ */ jsx20("line", { x1: "4", y1: "10", x2: "4", y2: "3" }),
-                      /* @__PURE__ */ jsx20("line", { x1: "12", y1: "21", x2: "12", y2: "12" }),
-                      /* @__PURE__ */ jsx20("line", { x1: "12", y1: "8", x2: "12", y2: "3" }),
-                      /* @__PURE__ */ jsx20("line", { x1: "20", y1: "21", x2: "20", y2: "16" }),
-                      /* @__PURE__ */ jsx20("line", { x1: "20", y1: "12", x2: "20", y2: "3" }),
-                      /* @__PURE__ */ jsx20("line", { x1: "1", y1: "14", x2: "7", y2: "14" }),
-                      /* @__PURE__ */ jsx20("line", { x1: "9", y1: "8", x2: "15", y2: "8" }),
-                      /* @__PURE__ */ jsx20("line", { x1: "17", y1: "16", x2: "23", y2: "16" })
+                    children: /* @__PURE__ */ jsxs17("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      /* @__PURE__ */ jsx21("line", { x1: "4", y1: "21", x2: "4", y2: "14" }),
+                      /* @__PURE__ */ jsx21("line", { x1: "4", y1: "10", x2: "4", y2: "3" }),
+                      /* @__PURE__ */ jsx21("line", { x1: "12", y1: "21", x2: "12", y2: "12" }),
+                      /* @__PURE__ */ jsx21("line", { x1: "12", y1: "8", x2: "12", y2: "3" }),
+                      /* @__PURE__ */ jsx21("line", { x1: "20", y1: "21", x2: "20", y2: "16" }),
+                      /* @__PURE__ */ jsx21("line", { x1: "20", y1: "12", x2: "20", y2: "3" }),
+                      /* @__PURE__ */ jsx21("line", { x1: "1", y1: "14", x2: "7", y2: "14" }),
+                      /* @__PURE__ */ jsx21("line", { x1: "9", y1: "8", x2: "15", y2: "8" }),
+                      /* @__PURE__ */ jsx21("line", { x1: "17", y1: "16", x2: "23", y2: "16" })
                     ] })
                   }
                 ),
-                showSettingsMenu && /* @__PURE__ */ jsx20("div", { className: "absolute top-10 left-0 z-50 w-56 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-lg shadow-lg p-2.5 settings-menu-container", children: /* @__PURE__ */ jsxs16("label", { className: "flex items-center justify-between cursor-pointer group", children: [
-                  /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx20("svg", { className: "w-3.5 h-3.5 text-neutral-500 dark:text-neutral-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
-                    /* @__PURE__ */ jsxs16("div", { children: [
-                      /* @__PURE__ */ jsx20("div", { className: "text-xs font-medium text-neutral-700 dark:text-neutral-300", children: "Plan Mode" }),
-                      /* @__PURE__ */ jsx20("div", { className: "text-[10px] text-neutral-500 dark:text-neutral-400", children: "Review first" })
+                showSettingsMenu && /* @__PURE__ */ jsx21("div", { className: "absolute top-10 left-0 z-50 w-56 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-lg shadow-lg p-2.5 settings-menu-container", children: /* @__PURE__ */ jsxs17("label", { className: "flex items-center justify-between cursor-pointer group", children: [
+                  /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx21("svg", { className: "w-3.5 h-3.5 text-neutral-500 dark:text-neutral-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
+                    /* @__PURE__ */ jsxs17("div", { children: [
+                      /* @__PURE__ */ jsx21("div", { className: "text-xs font-medium text-neutral-700 dark:text-neutral-300", children: "Plan Mode" }),
+                      /* @__PURE__ */ jsx21("div", { className: "text-[10px] text-neutral-500 dark:text-neutral-400", children: "Review first" })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsx21(
                     "button",
                     {
                       onClick: (e) => {
@@ -3987,7 +4095,7 @@ ${planToExecute}`;
                         internalPlanMode ? "bg-blue-600" : "bg-neutral-300 dark:bg-neutral-600"
                       ),
                       type: "button",
-                      children: /* @__PURE__ */ jsx20(
+                      children: /* @__PURE__ */ jsx21(
                         "span",
                         {
                           className: cn(
@@ -4001,26 +4109,26 @@ ${planToExecute}`;
                 ] }) })
               ] })
             ] }),
-            uploadedFiles.length > 0 && /* @__PURE__ */ jsx20("div", { className: "flex gap-1 flex-shrink-0", children: uploadedFiles.map((file, index) => /* @__PURE__ */ jsxs16("div", { className: "relative group", children: [
-              file.type === "image" ? /* @__PURE__ */ jsx20(
+            uploadedFiles.length > 0 && /* @__PURE__ */ jsx21("div", { className: "flex gap-1 flex-shrink-0", children: uploadedFiles.map((file, index) => /* @__PURE__ */ jsxs17("div", { className: "relative group", children: [
+              file.type === "image" ? /* @__PURE__ */ jsx21(
                 "img",
                 {
                   src: file.preview,
                   alt: file.name,
                   className: "w-8 h-8 object-cover rounded border border-neutral-300 dark:border-neutral-600"
                 }
-              ) : /* @__PURE__ */ jsx20("div", { className: "w-8 h-8 flex items-center justify-center rounded border border-neutral-300 dark:border-neutral-600 bg-neutral-50 dark:bg-neutral-800", title: file.name, children: /* @__PURE__ */ jsx20("svg", { className: "w-4 h-4 text-neutral-500 dark:text-neutral-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx20("path", { fillRule: "evenodd", d: "M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z", clipRule: "evenodd" }) }) }),
-              /* @__PURE__ */ jsx20(
+              ) : /* @__PURE__ */ jsx21("div", { className: "w-8 h-8 flex items-center justify-center rounded border border-neutral-300 dark:border-neutral-600 bg-neutral-50 dark:bg-neutral-800", title: file.name, children: /* @__PURE__ */ jsx21("svg", { className: "w-4 h-4 text-neutral-500 dark:text-neutral-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx21("path", { fillRule: "evenodd", d: "M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z", clipRule: "evenodd" }) }) }),
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   onClick: () => removeFile(index),
                   className: "absolute -top-1 -right-1 w-4 h-4 bg-red-500 hover:bg-red-600 text-white rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",
                   title: "Remove",
-                  children: /* @__PURE__ */ jsx20("svg", { className: "w-2.5 h-2.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
+                  children: /* @__PURE__ */ jsx21("svg", { className: "w-2.5 h-2.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
                 }
               )
             ] }, index)) }),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "input",
               {
                 type: "text",
@@ -4036,7 +4144,7 @@ ${planToExecute}`;
                 className: "flex-1 bg-transparent border-none focus:outline-none !text-neutral-900 dark:!text-neutral-100 placeholder-neutral-400 dark:placeholder-neutral-500 py-1"
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "button",
               {
                 onClick: () => executeCommand(),
@@ -4052,33 +4160,33 @@ ${planToExecute}`;
                   !command.trim() && "border-neutral-200 dark:border-neutral-700 !text-neutral-400 dark:!text-neutral-600"
                 ),
                 title: "Execute",
-                children: /* @__PURE__ */ jsx20("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("path", { d: "M8 3L8 13M8 3L4 7M8 3L12 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                children: /* @__PURE__ */ jsx21("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx21("path", { d: "M8 3L8 13M8 3L4 7M8 3L12 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
               }
             )
           ] }),
-          state === "loading" && !isCompact && /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex flex-col items-center justify-center space-y-4 py-8", children: [
-            /* @__PURE__ */ jsx20("div", { className: "w-6 h-6 border-2 border-neutral-300 border-t-blue-500 rounded-full animate-spin" }),
-            /* @__PURE__ */ jsx20("div", { className: "text-neutral-600 dark:text-neutral-400 text-sm text-center max-w-md", children: enableStreaming && streamedContent ? streamedContent : loadingText }),
-            showProgress && /* @__PURE__ */ jsxs16("div", { className: "w-full max-w-sm", children: [
-              /* @__PURE__ */ jsx20("div", { className: "w-full bg-neutral-200 dark:bg-neutral-700 rounded-full h-1.5", children: /* @__PURE__ */ jsx20(
+          state === "loading" && !isCompact && /* @__PURE__ */ jsxs17("div", { className: "flex-1 flex flex-col items-center justify-center space-y-4 py-8", children: [
+            /* @__PURE__ */ jsx21("div", { className: "w-6 h-6 border-2 border-neutral-300 border-t-blue-500 rounded-full animate-spin" }),
+            /* @__PURE__ */ jsx21("div", { className: "text-neutral-600 dark:text-neutral-400 text-sm text-center max-w-md", children: enableStreaming && streamedContent ? streamedContent : loadingText }),
+            showProgress && /* @__PURE__ */ jsxs17("div", { className: "w-full max-w-sm", children: [
+              /* @__PURE__ */ jsx21("div", { className: "w-full bg-neutral-200 dark:bg-neutral-700 rounded-full h-1.5", children: /* @__PURE__ */ jsx21(
                 "div",
                 {
                   className: "bg-blue-500 h-1.5 rounded-full transition-all duration-300",
                   style: { width: `${progress}%` }
                 }
               ) }),
-              /* @__PURE__ */ jsxs16("p", { className: "text-xs text-neutral-500 mt-2 text-center", children: [
+              /* @__PURE__ */ jsxs17("p", { className: "text-xs text-neutral-500 mt-2 text-center", children: [
                 progress,
                 "%"
               ] })
             ] })
           ] }),
-          state === "loading" && isCompact && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex items-center gap-3 py-1", children: [
-              /* @__PURE__ */ jsx20("div", { className: "w-4 h-4 border-2 border-neutral-300 border-t-blue-500 rounded-full animate-spin" }),
-              /* @__PURE__ */ jsx20("div", { className: "text-neutral-600 dark:text-neutral-400 text-sm truncate", children: enableStreaming && streamedContent ? streamedContent : loadingText })
+          state === "loading" && isCompact && /* @__PURE__ */ jsxs17(Fragment5, { children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex-1 flex items-center gap-3 py-1", children: [
+              /* @__PURE__ */ jsx21("div", { className: "w-4 h-4 border-2 border-neutral-300 border-t-blue-500 rounded-full animate-spin" }),
+              /* @__PURE__ */ jsx21("div", { className: "text-neutral-600 dark:text-neutral-400 text-sm truncate", children: enableStreaming && streamedContent ? streamedContent : loadingText })
             ] }),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "button",
               {
                 disabled: true,
@@ -4090,20 +4198,20 @@ ${planToExecute}`;
                   "!text-lg",
                   "opacity-30 cursor-not-allowed"
                 ),
-                children: /* @__PURE__ */ jsx20("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("path", { d: "M8 3L8 13M8 3L4 7M8 3L12 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                children: /* @__PURE__ */ jsx21("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx21("path", { d: "M8 3L8 13M8 3L4 7M8 3L12 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
               }
             )
           ] }),
-          state === "plan-pending" && !isCompact && /* @__PURE__ */ jsx20("div", { className: "flex-1 flex flex-col", children: /* @__PURE__ */ jsxs16("div", { className: "mb-4 p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg", children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-2 mb-3", children: [
-              /* @__PURE__ */ jsx20("svg", { className: "w-5 h-5 text-blue-600 dark:text-blue-400 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
-              /* @__PURE__ */ jsxs16("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx20("h3", { className: "text-sm font-semibold text-blue-800 dark:text-blue-300 mb-1", children: "Proposed Plan" }),
-                /* @__PURE__ */ jsx20("div", { className: "text-blue-700 dark:text-blue-300 text-sm whitespace-pre-line leading-relaxed", children: plan })
+          state === "plan-pending" && !isCompact && /* @__PURE__ */ jsx21("div", { className: "flex-1 flex flex-col", children: /* @__PURE__ */ jsxs17("div", { className: "mb-4 p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-2 mb-3", children: [
+              /* @__PURE__ */ jsx21("svg", { className: "w-5 h-5 text-blue-600 dark:text-blue-400 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
+              /* @__PURE__ */ jsxs17("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx21("h3", { className: "text-sm font-semibold text-blue-800 dark:text-blue-300 mb-1", children: "Proposed Plan" }),
+                /* @__PURE__ */ jsx21("div", { className: "text-blue-700 dark:text-blue-300 text-sm whitespace-pre-line leading-relaxed", children: plan })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs16("div", { className: "flex gap-2 mt-4", children: [
-              /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsxs17("div", { className: "flex gap-2 mt-4", children: [
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   onClick: approvePlan,
@@ -4111,7 +4219,7 @@ ${planToExecute}`;
                   children: "Approve & Execute"
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   onClick: rejectPlan,
@@ -4121,20 +4229,20 @@ ${planToExecute}`;
               )
             ] })
           ] }) }),
-          state === "plan-pending" && isCompact && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-            /* @__PURE__ */ jsxs16(
+          state === "plan-pending" && isCompact && /* @__PURE__ */ jsxs17(Fragment5, { children: [
+            /* @__PURE__ */ jsxs17(
               "button",
               {
                 onClick: () => setShowPlanDetails(true),
                 className: "flex-1 flex items-center gap-2 px-3 py-2 bg-blue-50 dark:bg-blue-900/30 hover:bg-blue-100 dark:hover:bg-blue-900/40 border border-blue-200 dark:border-blue-800 rounded-lg transition-colors",
                 children: [
-                  /* @__PURE__ */ jsx20("svg", { className: "w-4 h-4 text-blue-600 dark:text-blue-400 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
-                  /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium text-blue-700 dark:text-blue-300 truncate flex-1", children: "View Execution Plan" })
+                  /* @__PURE__ */ jsx21("svg", { className: "w-4 h-4 text-blue-600 dark:text-blue-400 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
+                  /* @__PURE__ */ jsx21("span", { className: "text-sm font-medium text-blue-700 dark:text-blue-300 truncate flex-1", children: "View Execution Plan" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs16("div", { className: "flex gap-2 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsxs17("div", { className: "flex gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   onClick: approvePlan,
@@ -4142,7 +4250,7 @@ ${planToExecute}`;
                   children: "Approve"
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   onClick: rejectPlan,
@@ -4152,15 +4260,15 @@ ${planToExecute}`;
               )
             ] })
           ] }),
-          state === "error" && /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex flex-col", children: [
-            /* @__PURE__ */ jsx20("div", { className: "mb-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-2", children: [
-              /* @__PURE__ */ jsx20("svg", { className: "w-5 h-5 text-red-600 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-              /* @__PURE__ */ jsxs16("div", { children: [
-                /* @__PURE__ */ jsx20("h3", { className: "text-sm font-semibold text-red-800 dark:text-red-400", children: "Error" }),
-                /* @__PURE__ */ jsx20("p", { className: "text-red-700 dark:text-red-300 text-sm mt-1", children: error?.message })
+          state === "error" && /* @__PURE__ */ jsxs17("div", { className: "flex-1 flex flex-col", children: [
+            /* @__PURE__ */ jsx21("div", { className: "mb-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx21("svg", { className: "w-5 h-5 text-red-600 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+              /* @__PURE__ */ jsxs17("div", { children: [
+                /* @__PURE__ */ jsx21("h3", { className: "text-sm font-semibold text-red-800 dark:text-red-400", children: "Error" }),
+                /* @__PURE__ */ jsx21("p", { className: "text-red-700 dark:text-red-300 text-sm mt-1", children: error?.message })
               ] })
             ] }) }),
-            allowInput && /* @__PURE__ */ jsx20(
+            allowInput && /* @__PURE__ */ jsx21(
               "textarea",
               {
                 value: command,
@@ -4177,16 +4285,16 @@ ${planToExecute}`;
               }
             )
           ] }),
-          state === "success" && result && !isCompact && /* @__PURE__ */ jsx20("div", { className: "flex-1 overflow-auto", children: resultRenderer ? resultRenderer(result.data) : /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3 p-3 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg", children: [
-              /* @__PURE__ */ jsx20("svg", { className: "w-5 h-5 text-green-600 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-              /* @__PURE__ */ jsxs16("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx20("h3", { className: "text-sm font-semibold text-green-800 dark:text-green-400 mb-1", children: "Success" }),
-                /* @__PURE__ */ jsx20("p", { className: "text-green-700 dark:text-green-300 text-sm", children: "Command executed successfully" })
+          state === "success" && result && !isCompact && /* @__PURE__ */ jsx21("div", { className: "flex-1 overflow-auto", children: resultRenderer ? resultRenderer(result.data) : /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-3 p-3 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg", children: [
+              /* @__PURE__ */ jsx21("svg", { className: "w-5 h-5 text-green-600 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+              /* @__PURE__ */ jsxs17("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx21("h3", { className: "text-sm font-semibold text-green-800 dark:text-green-400 mb-1", children: "Success" }),
+                /* @__PURE__ */ jsx21("p", { className: "text-green-700 dark:text-green-300 text-sm", children: "Command executed successfully" })
               ] })
             ] }),
-            result.data?.summary && /* @__PURE__ */ jsx20("div", { className: "text-neutral-700 dark:text-neutral-300 text-sm leading-relaxed whitespace-pre-line", children: result.data.summary }),
-            result.widgets && result.widgets.length > 0 && /* @__PURE__ */ jsx20("div", { className: "space-y-3", children: result.widgets.map((widget) => /* @__PURE__ */ jsx20(
+            result.data?.summary && /* @__PURE__ */ jsx21("div", { className: "text-neutral-700 dark:text-neutral-300 text-sm leading-relaxed whitespace-pre-line", children: result.data.summary }),
+            result.widgets && result.widgets.length > 0 && /* @__PURE__ */ jsx21("div", { className: "space-y-3", children: result.widgets.map((widget) => /* @__PURE__ */ jsx21(
               WidgetRenderer,
               {
                 widget,
@@ -4195,8 +4303,8 @@ ${planToExecute}`;
               widget.id
             )) })
           ] }) }),
-          state === "success" && result && isCompact && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-            /* @__PURE__ */ jsxs16(
+          state === "success" && result && isCompact && /* @__PURE__ */ jsxs17(Fragment5, { children: [
+            /* @__PURE__ */ jsxs17(
               "div",
               {
                 className: "flex-1 flex items-center gap-2 py-1 cursor-text min-w-0",
@@ -4205,12 +4313,12 @@ ${planToExecute}`;
                   setResult(null);
                 },
                 children: [
-                  /* @__PURE__ */ jsx20("svg", { className: "w-4 h-4 text-green-600 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-                  /* @__PURE__ */ jsx20("div", { className: "text-green-700 dark:text-green-300 text-sm truncate flex-1 min-w-0", children: resultRenderer ? resultRenderer(result.data) : result.message || "Command executed successfully" })
+                  /* @__PURE__ */ jsx21("svg", { className: "w-4 h-4 text-green-600 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+                  /* @__PURE__ */ jsx21("div", { className: "text-green-700 dark:text-green-300 text-sm truncate flex-1 min-w-0", children: resultRenderer ? resultRenderer(result.data) : result.message || "Command executed successfully" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "button",
               {
                 onClick: () => {
@@ -4226,24 +4334,24 @@ ${planToExecute}`;
                   "!text-lg"
                 ),
                 title: "New command",
-                children: /* @__PURE__ */ jsx20("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("path", { d: "M8 3L8 13M8 3L4 7M8 3L12 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                children: /* @__PURE__ */ jsx21("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx21("path", { d: "M8 3L8 13M8 3L4 7M8 3L12 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
               }
             )
           ] })
         ] }),
-        !isCompact && /* @__PURE__ */ jsxs16("div", { className: "p-3 flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx20("div", { className: "flex items-center gap-1", children: state === "idle" && allowInput && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-            enableFileUpload && /* @__PURE__ */ jsx20(
+        !isCompact && /* @__PURE__ */ jsxs17("div", { className: "p-3 flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx21("div", { className: "flex items-center gap-1", children: state === "idle" && allowInput && /* @__PURE__ */ jsxs17(Fragment5, { children: [
+            enableFileUpload && /* @__PURE__ */ jsx21(
               "button",
               {
                 onClick: () => fileInputRef.current?.click(),
                 className: "w-8 h-8 rounded-lg flex items-center justify-center transition-all flex-shrink-0 !text-neutral-500 dark:!text-neutral-500 hover:bg-neutral-100 dark:hover:bg-neutral-800",
                 title: "Attach file",
-                children: /* @__PURE__ */ jsx20("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("path", { d: "M8.4 2.8L4.4 6.8C3.736 7.464 3.736 8.536 4.4 9.2C5.064 9.864 6.136 9.864 6.8 9.2L11.6 4.4C12.704 3.296 12.704 1.504 11.6 0.4C10.496 -0.704 8.704 -0.704 7.6 0.4L2.8 5.2C1.256 6.744 1.256 9.256 2.8 10.8C4.344 12.344 6.856 12.344 8.4 10.8L12.4 6.8", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(1.6, 2.4)" }) })
+                children: /* @__PURE__ */ jsx21("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx21("path", { d: "M8.4 2.8L4.4 6.8C3.736 7.464 3.736 8.536 4.4 9.2C5.064 9.864 6.136 9.864 6.8 9.2L11.6 4.4C12.704 3.296 12.704 1.504 11.6 0.4C10.496 -0.704 8.704 -0.704 7.6 0.4L2.8 5.2C1.256 6.744 1.256 9.256 2.8 10.8C4.344 12.344 6.856 12.344 8.4 10.8L12.4 6.8", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(1.6, 2.4)" }) })
               }
             ),
-            planMode && /* @__PURE__ */ jsxs16("div", { className: "relative settings-menu-container", children: [
-              /* @__PURE__ */ jsx20(
+            planMode && /* @__PURE__ */ jsxs17("div", { className: "relative settings-menu-container", children: [
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   onClick: () => setShowSettingsMenu(!showSettingsMenu),
@@ -4252,28 +4360,28 @@ ${planToExecute}`;
                     internalPlanMode ? "!text-blue-600 dark:!text-blue-400" : "!text-neutral-500 dark:!text-neutral-500"
                   ),
                   title: "Settings",
-                  children: /* @__PURE__ */ jsxs16("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                    /* @__PURE__ */ jsx20("line", { x1: "4", y1: "21", x2: "4", y2: "14" }),
-                    /* @__PURE__ */ jsx20("line", { x1: "4", y1: "10", x2: "4", y2: "3" }),
-                    /* @__PURE__ */ jsx20("line", { x1: "12", y1: "21", x2: "12", y2: "12" }),
-                    /* @__PURE__ */ jsx20("line", { x1: "12", y1: "8", x2: "12", y2: "3" }),
-                    /* @__PURE__ */ jsx20("line", { x1: "20", y1: "21", x2: "20", y2: "16" }),
-                    /* @__PURE__ */ jsx20("line", { x1: "20", y1: "12", x2: "20", y2: "3" }),
-                    /* @__PURE__ */ jsx20("line", { x1: "1", y1: "14", x2: "7", y2: "14" }),
-                    /* @__PURE__ */ jsx20("line", { x1: "9", y1: "8", x2: "15", y2: "8" }),
-                    /* @__PURE__ */ jsx20("line", { x1: "17", y1: "16", x2: "23", y2: "16" })
+                  children: /* @__PURE__ */ jsxs17("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                    /* @__PURE__ */ jsx21("line", { x1: "4", y1: "21", x2: "4", y2: "14" }),
+                    /* @__PURE__ */ jsx21("line", { x1: "4", y1: "10", x2: "4", y2: "3" }),
+                    /* @__PURE__ */ jsx21("line", { x1: "12", y1: "21", x2: "12", y2: "12" }),
+                    /* @__PURE__ */ jsx21("line", { x1: "12", y1: "8", x2: "12", y2: "3" }),
+                    /* @__PURE__ */ jsx21("line", { x1: "20", y1: "21", x2: "20", y2: "16" }),
+                    /* @__PURE__ */ jsx21("line", { x1: "20", y1: "12", x2: "20", y2: "3" }),
+                    /* @__PURE__ */ jsx21("line", { x1: "1", y1: "14", x2: "7", y2: "14" }),
+                    /* @__PURE__ */ jsx21("line", { x1: "9", y1: "8", x2: "15", y2: "8" }),
+                    /* @__PURE__ */ jsx21("line", { x1: "17", y1: "16", x2: "23", y2: "16" })
                   ] })
                 }
               ),
-              showSettingsMenu && /* @__PURE__ */ jsx20("div", { className: "absolute top-10 left-0 z-50 w-64 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-lg shadow-lg p-3 settings-menu-container", children: /* @__PURE__ */ jsxs16("label", { className: "flex items-center justify-between cursor-pointer group", children: [
-                /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx20("svg", { className: "w-4 h-4 text-neutral-500 dark:text-neutral-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
-                  /* @__PURE__ */ jsxs16("div", { children: [
-                    /* @__PURE__ */ jsx20("div", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300", children: "Plan Mode" }),
-                    /* @__PURE__ */ jsx20("div", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Review before executing" })
+              showSettingsMenu && /* @__PURE__ */ jsx21("div", { className: "absolute top-10 left-0 z-50 w-64 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-lg shadow-lg p-3 settings-menu-container", children: /* @__PURE__ */ jsxs17("label", { className: "flex items-center justify-between cursor-pointer group", children: [
+                /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx21("svg", { className: "w-4 h-4 text-neutral-500 dark:text-neutral-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
+                  /* @__PURE__ */ jsxs17("div", { children: [
+                    /* @__PURE__ */ jsx21("div", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300", children: "Plan Mode" }),
+                    /* @__PURE__ */ jsx21("div", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Review before executing" })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(
                   "button",
                   {
                     onClick: (e) => {
@@ -4285,7 +4393,7 @@ ${planToExecute}`;
                       internalPlanMode ? "bg-blue-600" : "bg-neutral-300 dark:bg-neutral-600"
                     ),
                     type: "button",
-                    children: /* @__PURE__ */ jsx20(
+                    children: /* @__PURE__ */ jsx21(
                       "span",
                       {
                         className: cn(
@@ -4299,9 +4407,9 @@ ${planToExecute}`;
               ] }) })
             ] })
           ] }) }),
-          !(state === "idle" && allowInput) && /* @__PURE__ */ jsx20("div", {}),
-          /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-            (state === "success" || state === "error") && allowInput && /* @__PURE__ */ jsx20(
+          !(state === "idle" && allowInput) && /* @__PURE__ */ jsx21("div", {}),
+          /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+            (state === "success" || state === "error") && allowInput && /* @__PURE__ */ jsx21(
               "button",
               {
                 onClick: resetCommand,
@@ -4309,7 +4417,7 @@ ${planToExecute}`;
                 children: "Reset"
               }
             ),
-            (state === "idle" || state === "error") && /* @__PURE__ */ jsx20(
+            (state === "idle" || state === "error") && /* @__PURE__ */ jsx21(
               "button",
               {
                 onClick: () => executeCommand(),
@@ -4325,29 +4433,29 @@ ${planToExecute}`;
                   !command.trim() && "border-neutral-200 dark:border-neutral-700 !text-neutral-400 dark:!text-neutral-600"
                 ),
                 title: state === "error" ? "Retry" : "Execute",
-                children: state === "error" ? /* @__PURE__ */ jsx20("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("path", { d: "M13 8C13 10.7614 10.7614 13 8 13C5.23858 13 3 10.7614 3 8C3 5.23858 5.23858 3 8 3C9.65685 3 11.1257 3.82818 12 5.09091M12 3V5.09091M12 5.09091H9.81818", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ jsx20("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("path", { d: "M8 3L8 13M8 3L4 7M8 3L12 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                children: state === "error" ? /* @__PURE__ */ jsx21("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx21("path", { d: "M13 8C13 10.7614 10.7614 13 8 13C5.23858 13 3 10.7614 3 8C3 5.23858 5.23858 3 8 3C9.65685 3 11.1257 3.82818 12 5.09091M12 3V5.09091M12 5.09091H9.81818", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ jsx21("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx21("path", { d: "M8 3L8 13M8 3L4 7M8 3L12 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
               }
             )
           ] })
         ] }),
-        showPlanDetails && isCompact && state === "plan-pending" && /* @__PURE__ */ jsx20("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4", onClick: () => setShowPlanDetails(false), children: /* @__PURE__ */ jsxs16("div", { className: "bg-white dark:bg-neutral-900 rounded-2xl shadow-2xl max-w-2xl w-full max-h-[80vh] overflow-hidden", onClick: (e) => e.stopPropagation(), children: [
-          /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between p-6 border-b border-neutral-200 dark:border-neutral-700", children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx20("svg", { className: "w-6 h-6 text-blue-600 dark:text-blue-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
-              /* @__PURE__ */ jsx20("h2", { className: "text-xl font-semibold text-neutral-900 dark:text-white", children: "Proposed Execution Plan" })
+        showPlanDetails && isCompact && state === "plan-pending" && /* @__PURE__ */ jsx21("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4", onClick: () => setShowPlanDetails(false), children: /* @__PURE__ */ jsxs17("div", { className: "bg-white dark:bg-neutral-900 rounded-2xl shadow-2xl max-w-2xl w-full max-h-[80vh] overflow-hidden", onClick: (e) => e.stopPropagation(), children: [
+          /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between p-6 border-b border-neutral-200 dark:border-neutral-700", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx21("svg", { className: "w-6 h-6 text-blue-600 dark:text-blue-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
+              /* @__PURE__ */ jsx21("h2", { className: "text-xl font-semibold text-neutral-900 dark:text-white", children: "Proposed Execution Plan" })
             ] }),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "button",
               {
                 onClick: () => setShowPlanDetails(false),
                 className: "text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300 transition-colors",
-                children: /* @__PURE__ */ jsx20("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                children: /* @__PURE__ */ jsx21("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx20("div", { className: "p-6 overflow-y-auto max-h-[calc(80vh-180px)]", children: /* @__PURE__ */ jsx20("div", { className: "prose prose-sm dark:prose-invert max-w-none", children: /* @__PURE__ */ jsx20("div", { className: "text-neutral-700 dark:text-neutral-300 whitespace-pre-line leading-relaxed", children: plan }) }) }),
-          /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-end gap-3 p-6 border-t border-neutral-200 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-800/50", children: [
-            /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21("div", { className: "p-6 overflow-y-auto max-h-[calc(80vh-180px)]", children: /* @__PURE__ */ jsx21("div", { className: "prose prose-sm dark:prose-invert max-w-none", children: /* @__PURE__ */ jsx21("div", { className: "text-neutral-700 dark:text-neutral-300 whitespace-pre-line leading-relaxed", children: plan }) }) }),
+          /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-end gap-3 p-6 border-t border-neutral-200 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-800/50", children: [
+            /* @__PURE__ */ jsx21(
               "button",
               {
                 onClick: rejectPlan,
@@ -4355,7 +4463,7 @@ ${planToExecute}`;
                 children: "Modify Command"
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "button",
               {
                 onClick: approvePlan,
@@ -4365,7 +4473,7 @@ ${planToExecute}`;
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           "input",
           {
             ref: fileInputRef,
@@ -4376,7 +4484,7 @@ ${planToExecute}`;
             accept: "image/*,application/pdf,.doc,.docx,.txt"
           }
         ),
-        /* @__PURE__ */ jsx20("style", { dangerouslySetInnerHTML: {
+        /* @__PURE__ */ jsx21("style", { dangerouslySetInnerHTML: {
           __html: `
           @keyframes pulse-border {
             0%, 100% {
@@ -4398,7 +4506,7 @@ ${planToExecute}`;
 
 // src/components/Prompt/Prompt.tsx
 import { useState as useState9 } from "react";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function Prompt({
   agentId,
   placeholder = "Enter your prompt...",
@@ -4460,9 +4568,9 @@ function Prompt({
       handleSubmit();
     }
   };
-  return /* @__PURE__ */ jsxs17("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsxs17("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs18("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx22(
         "input",
         {
           type: "text",
@@ -4475,7 +4583,7 @@ function Prompt({
           className: "flex-1 px-4 py-2 border border-neutral-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-apteva-500 dark:bg-neutral-800 dark:border-neutral-600 dark:text-white"
         }
       ),
-      submitOn === "button" && /* @__PURE__ */ jsx21(
+      submitOn === "button" && /* @__PURE__ */ jsx22(
         "button",
         {
           onClick: handleSubmit,
@@ -4485,13 +4593,13 @@ function Prompt({
         }
       )
     ] }),
-    maxLength && /* @__PURE__ */ jsxs17("p", { className: "text-xs text-neutral-500", children: [
+    maxLength && /* @__PURE__ */ jsxs18("p", { className: "text-xs text-neutral-500", children: [
       value.length,
       " / ",
       maxLength,
       " characters"
     ] }),
-    showSuggestions && !value && /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-2", children: suggestions.map((suggestion, idx) => /* @__PURE__ */ jsx21(
+    showSuggestions && !value && /* @__PURE__ */ jsx22("div", { className: "flex flex-wrap gap-2", children: suggestions.map((suggestion, idx) => /* @__PURE__ */ jsx22(
       "button",
       {
         onClick: () => setValue(suggestion),
@@ -4500,16 +4608,16 @@ function Prompt({
       },
       idx
     )) }),
-    isLoading && /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2 text-sm text-neutral-500", children: [
-      /* @__PURE__ */ jsx21("div", { className: "w-4 h-4 border-2 border-apteva-500 border-t-transparent rounded-full animate-spin" }),
-      /* @__PURE__ */ jsx21("span", { children: "AI is processing your request..." })
+    isLoading && /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 text-sm text-neutral-500", children: [
+      /* @__PURE__ */ jsx22("div", { className: "w-4 h-4 border-2 border-apteva-500 border-t-transparent rounded-full animate-spin" }),
+      /* @__PURE__ */ jsx22("span", { children: "AI is processing your request..." })
     ] })
   ] });
 }
 
 // src/components/Stream/Stream.tsx
 import { useState as useState10, useEffect as useEffect8 } from "react";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function Stream({
   agentId,
   prompt,
@@ -4589,7 +4697,7 @@ function Stream({
     plain: "text-neutral-900 dark:text-neutral-100"
   };
   if (!isStreaming && !isComplete) {
-    return /* @__PURE__ */ jsx22("div", { className: cn("p-4", className), children: /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23("div", { className: cn("p-4", className), children: /* @__PURE__ */ jsx23(
       "button",
       {
         onClick: startStreaming,
@@ -4598,9 +4706,9 @@ function Stream({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs18("div", { className: cn(variantClasses[variant], className), children: [
+  return /* @__PURE__ */ jsxs19("div", { className: cn(variantClasses[variant], className), children: [
     text,
-    isStreaming && showCursor && /* @__PURE__ */ jsx22("span", { className: "apteva-stream-cursor" })
+    isStreaming && showCursor && /* @__PURE__ */ jsx23("span", { className: "apteva-stream-cursor" })
   ] });
 }
 
@@ -4608,9 +4716,9 @@ function Stream({
 import { useState as useState11 } from "react";
 
 // src/components/Threads/ThreadItem.tsx
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function ThreadItem({ thread, isActive = false, onSelect, onDelete }) {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       className: cn("apteva-thread-item", {
@@ -4618,19 +4726,19 @@ function ThreadItem({ thread, isActive = false, onSelect, onDelete }) {
       }),
       onClick: onSelect,
       children: [
-        /* @__PURE__ */ jsxs19("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx23("h4", { className: "font-semibold text-neutral-900 dark:text-white truncate", children: thread.title }),
-          thread.preview && /* @__PURE__ */ jsx23("p", { className: "text-sm text-neutral-600 dark:text-neutral-400 truncate", children: thread.preview }),
-          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 mt-1 text-xs text-neutral-500", children: [
-            /* @__PURE__ */ jsxs19("span", { children: [
+        /* @__PURE__ */ jsxs20("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx24("h4", { className: "font-semibold text-neutral-900 dark:text-white truncate", children: thread.title }),
+          thread.preview && /* @__PURE__ */ jsx24("p", { className: "text-sm text-neutral-600 dark:text-neutral-400 truncate", children: thread.preview }),
+          /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 mt-1 text-xs text-neutral-500", children: [
+            /* @__PURE__ */ jsxs20("span", { children: [
               thread.messageCount,
               " messages"
             ] }),
-            /* @__PURE__ */ jsx23("span", { children: "\u2022" }),
-            /* @__PURE__ */ jsx23("span", { children: formatRelativeTime(thread.updatedAt) })
+            /* @__PURE__ */ jsx24("span", { children: "\u2022" }),
+            /* @__PURE__ */ jsx24("span", { children: formatRelativeTime(thread.updatedAt) })
           ] })
         ] }),
-        onDelete && /* @__PURE__ */ jsx23(
+        onDelete && /* @__PURE__ */ jsx24(
           "button",
           {
             onClick: (e) => {
@@ -4660,7 +4768,7 @@ function formatRelativeTime(date) {
 }
 
 // src/components/Threads/ThreadList.tsx
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function ThreadList({
   threads,
   currentThreadId,
@@ -4674,8 +4782,8 @@ function ThreadList({
     (thread) => thread.title.toLowerCase().includes(searchQuery.toLowerCase()) || thread.preview?.toLowerCase().includes(searchQuery.toLowerCase())
   );
   const groupedThreads = groupBy === "date" ? groupThreadsByDate(filteredThreads) : { All: filteredThreads };
-  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col h-full", children: [
-    showSearch && /* @__PURE__ */ jsx24("div", { className: "p-3 border-b border-neutral-200 dark:border-neutral-700", children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col h-full", children: [
+    showSearch && /* @__PURE__ */ jsx25("div", { className: "p-3 border-b border-neutral-200 dark:border-neutral-700", children: /* @__PURE__ */ jsx25(
       "input",
       {
         type: "text",
@@ -4685,10 +4793,10 @@ function ThreadList({
         className: "w-full px-3 py-2 text-sm border border-neutral-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-apteva-500 dark:bg-neutral-800 dark:border-neutral-600 dark:text-white"
       }
     ) }),
-    /* @__PURE__ */ jsxs20("div", { className: "flex-1 overflow-y-auto", children: [
-      Object.entries(groupedThreads).map(([group, groupThreads]) => /* @__PURE__ */ jsxs20("div", { children: [
-        groupBy !== "none" && /* @__PURE__ */ jsx24("div", { className: "px-3 py-2 text-xs font-semibold text-neutral-500 uppercase", children: group }),
-        groupThreads.map((thread) => /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsxs21("div", { className: "flex-1 overflow-y-auto", children: [
+      Object.entries(groupedThreads).map(([group, groupThreads]) => /* @__PURE__ */ jsxs21("div", { children: [
+        groupBy !== "none" && /* @__PURE__ */ jsx25("div", { className: "px-3 py-2 text-xs font-semibold text-neutral-500 uppercase", children: group }),
+        groupThreads.map((thread) => /* @__PURE__ */ jsx25(
           ThreadItem,
           {
             thread,
@@ -4699,9 +4807,9 @@ function ThreadList({
           thread.id
         ))
       ] }, group)),
-      filteredThreads.length === 0 && /* @__PURE__ */ jsxs20("div", { className: "p-8 text-center text-neutral-500", children: [
-        /* @__PURE__ */ jsx24("svg", { className: "w-10 h-10 mx-auto mb-2 opacity-50", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx24("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
-        /* @__PURE__ */ jsx24("p", { children: "No conversations found" })
+      filteredThreads.length === 0 && /* @__PURE__ */ jsxs21("div", { className: "p-8 text-center text-neutral-500", children: [
+        /* @__PURE__ */ jsx25("svg", { className: "w-10 h-10 mx-auto mb-2 opacity-50", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
+        /* @__PURE__ */ jsx25("p", { children: "No conversations found" })
       ] })
     ] })
   ] });
@@ -4733,7 +4841,7 @@ function groupThreadsByDate(threads) {
 }
 
 // src/components/Threads/Threads.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function Threads({
   threads,
   currentThreadId,
@@ -4752,8 +4860,8 @@ function Threads({
     tabs: "flex gap-2 border-b border-neutral-200 dark:border-neutral-700 overflow-x-auto"
   };
   if (variant === "tabs") {
-    return /* @__PURE__ */ jsxs21("div", { className: cn(variantClasses[variant], className), children: [
-      threads.slice(0, 5).map((thread) => /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsxs22("div", { className: cn(variantClasses[variant], className), children: [
+      threads.slice(0, 5).map((thread) => /* @__PURE__ */ jsx26(
         "button",
         {
           onClick: () => onThreadSelect?.(thread.id),
@@ -4765,7 +4873,7 @@ function Threads({
         },
         thread.id
       )),
-      showNewButton && onNewThread && /* @__PURE__ */ jsx25(
+      showNewButton && onNewThread && /* @__PURE__ */ jsx26(
         "button",
         {
           onClick: onNewThread,
@@ -4775,8 +4883,8 @@ function Threads({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs21("div", { className: cn(variantClasses[variant], "flex flex-col", className), children: [
-    showNewButton && onNewThread && /* @__PURE__ */ jsx25("div", { className: "p-3 border-b border-neutral-200 dark:border-neutral-700", children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs22("div", { className: cn(variantClasses[variant], "flex flex-col", className), children: [
+    showNewButton && onNewThread && /* @__PURE__ */ jsx26("div", { className: "p-3 border-b border-neutral-200 dark:border-neutral-700", children: /* @__PURE__ */ jsx26(
       "button",
       {
         onClick: onNewThread,
@@ -4784,7 +4892,7 @@ function Threads({
         children: "+ New Conversation"
       }
     ) }),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       ThreadList,
       {
         threads,