@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/shell/AgentBuildSidebarExtras.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   TestTube2,
   MenuSquare,
@@ -6,13 +7,23 @@ import {
   History
 } from "lucide-react";
 function SoonBadge() {
-  return /* @__PURE__ */ React.createElement("span", { className: "ml-auto text-[10px] font-medium text-muted-foreground/50 bg-muted rounded px-1 py-0.5 leading-none" }, "Soon");
+  return /* @__PURE__ */ jsx("span", { className: "ml-auto text-[10px] font-medium text-muted-foreground/50 bg-muted rounded px-1 py-0.5 leading-none", children: "Soon" });
 }
 function BuildNavItem({ icon: Icon, label }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-2 py-1 text-xs text-muted-foreground cursor-not-allowed select-none rounded-md" }, /* @__PURE__ */ React.createElement(Icon, { className: "w-3.5 h-3.5 shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "flex-1 truncate" }, label), /* @__PURE__ */ React.createElement(SoonBadge, null));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2 py-1 text-xs text-muted-foreground cursor-not-allowed select-none rounded-md", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5 shrink-0" }),
+    /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: label }),
+    /* @__PURE__ */ jsx(SoonBadge, {})
+  ] });
 }
 function AgentBuildSidebarExtras() {
-  return /* @__PURE__ */ React.createElement("div", { className: "shrink-0 border-y border-border " }, /* @__PURE__ */ React.createElement(BuildNavItem, { icon: AppWindow, label: "Agent Apps" }), /* @__PURE__ */ React.createElement(BuildNavItem, { icon: MenuSquare, label: "Context Menu" }), /* @__PURE__ */ React.createElement(BuildNavItem, { icon: Keyboard, label: "Agent Shortcuts" }), /* @__PURE__ */ React.createElement(BuildNavItem, { icon: TestTube2, label: "Agent Tests" }), /* @__PURE__ */ React.createElement(BuildNavItem, { icon: History, label: "Agent History" }));
+  return /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-y border-border ", children: [
+    /* @__PURE__ */ jsx(BuildNavItem, { icon: AppWindow, label: "Agent Apps" }),
+    /* @__PURE__ */ jsx(BuildNavItem, { icon: MenuSquare, label: "Context Menu" }),
+    /* @__PURE__ */ jsx(BuildNavItem, { icon: Keyboard, label: "Agent Shortcuts" }),
+    /* @__PURE__ */ jsx(BuildNavItem, { icon: TestTube2, label: "Agent Tests" }),
+    /* @__PURE__ */ jsx(BuildNavItem, { icon: History, label: "Agent History" })
+  ] });
 }
 export {
   AgentBuildSidebarExtras

package/dist/agents/components/shell/AgentRunSidebarMenu.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ArchivedDisclosure } from "@ai-matrx/design-system";
 import { useEffect, useMemo, useState } from "react";
 import { useRouter, usePathname, useSearchParams } from "../../../host/navigation.js";
@@ -89,67 +90,81 @@ function AgentRunSidebarMenu({
   };
   if (!runRoute) return null;
   if (!expanded) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center gap-1 py-0.5" }, versionGroups.slice(0, 10).map(({ version, items }) => {
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-1 py-0.5", children: versionGroups.slice(0, 10).map(({ version, items }) => {
       const isActive = items.some(
         (c) => c.conversationId === conversationIdFromUrl
       );
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         "button",
         {
-          key: version,
           onClick: () => handleConversationSelect(items[0].conversationId),
           title: `Version ${version} \u2014 ${items.length} run${items.length === 1 ? "" : "s"}`,
           className: cn(
             "w-full flex items-center justify-center py-1.5",
             "shell-tactile-subtle rounded-sm transition-colors",
             isActive && "shell-active-pill"
+          ),
+          children: /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "font-black leading-none tabular-nums",
+                "text-[12px]",
+                isActive ? "text-[var(--shell-pill-text)]" : "text-muted-foreground"
+              ),
+              children: [
+                "V",
+                version
+              ]
+            }
           )
         },
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: cn(
-              "font-black leading-none tabular-nums",
-              "text-[12px]",
-              isActive ? "text-[var(--shell-pill-text)]" : "text-muted-foreground"
-            )
-          },
-          "V",
-          version
-        )
+        version
       );
-    }));
+    }) });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col flex-1 min-h-0" }, /* @__PURE__ */ React.createElement("div", { className: "px-2 py-1 shrink-0" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, "Test History")), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto min-h-0 scrollbar-thin-auto" }, convStatus === "loading" && /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center py-4" }, /* @__PURE__ */ React.createElement(Loader2, { className: "w-4 h-4 animate-spin text-muted-foreground" })), convStatus === "failed" && /* @__PURE__ */ React.createElement("p", { className: "px-2 py-2 text-[10px] text-destructive" }, convError ?? "Failed to load conversations", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: convError })), convStatus === "succeeded" && conversations.length === 0 && archived.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "px-2 py-3 text-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] text-muted-foreground" }, "No test runs yet")), versionGroups.map(({ version, items }) => /* @__PURE__ */ React.createElement(
-    VersionGroup,
-    {
-      key: version,
-      version,
-      items,
-      runRoute,
-      activeConversationId: conversationIdFromUrl,
-      onSelect: handleConversationSelect
-    }
-  )), /* @__PURE__ */ React.createElement(
-    ArchivedDisclosure,
-    {
-      count: archived.length,
-      open: showArchived,
-      onOpenChange: setShowArchived,
-      className: "mx-1 mt-1"
-    },
-    archivedGroups.map(({ version, items }) => /* @__PURE__ */ React.createElement(
-      VersionGroup,
-      {
-        key: version,
-        version,
-        items,
-        runRoute,
-        activeConversationId: conversationIdFromUrl,
-        onSelect: handleConversationSelect
-      }
-    ))
-  )));
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-2 py-1 shrink-0", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Test History" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto min-h-0 scrollbar-thin-auto", children: [
+      convStatus === "loading" && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-muted-foreground" }) }),
+      convStatus === "failed" && /* @__PURE__ */ jsxs("p", { className: "px-2 py-2 text-[10px] text-destructive", children: [
+        convError ?? "Failed to load conversations",
+        /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: convError })
+      ] }),
+      convStatus === "succeeded" && conversations.length === 0 && archived.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-2 py-3 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: "No test runs yet" }) }),
+      versionGroups.map(({ version, items }) => /* @__PURE__ */ jsx(
+        VersionGroup,
+        {
+          version,
+          items,
+          runRoute,
+          activeConversationId: conversationIdFromUrl,
+          onSelect: handleConversationSelect
+        },
+        version
+      )),
+      /* @__PURE__ */ jsx(
+        ArchivedDisclosure,
+        {
+          count: archived.length,
+          open: showArchived,
+          onOpenChange: setShowArchived,
+          className: "mx-1 mt-1",
+          children: archivedGroups.map(({ version, items }) => /* @__PURE__ */ jsx(
+            VersionGroup,
+            {
+              version,
+              items,
+              runRoute,
+              activeConversationId: conversationIdFromUrl,
+              onSelect: handleConversationSelect
+            },
+            version
+          ))
+        }
+      )
+    ] })
+  ] });
 }
 function VersionGroup({
   version,
@@ -167,16 +182,25 @@ function VersionGroup({
     if (timestamps.length === 0) return "";
     return formatRelativeDate(new Date(Math.max(...timestamps)).toISOString());
   }, [items]);
-  return /* @__PURE__ */ React.createElement("div", { className: "mb-0.5" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: open ? /* @__PURE__ */ React.createElement(ChevronDown, null) : /* @__PURE__ */ React.createElement(ChevronRight, null), onClick: () => setOpen((v) => !v), className: "w-full" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wide" }, "Version ", version), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-muted-foreground/60 ml-auto" }, latestDate)), open && /* @__PURE__ */ React.createElement("div", { className: "pl-1" }, items.map((conv) => /* @__PURE__ */ React.createElement(
-    ConversationRow,
-    {
-      key: conv.conversationId,
-      conv,
-      runRoute,
-      isActive: conv.conversationId === activeConversationId,
-      onSelect: () => onSelect(conv.conversationId)
-    }
-  ))));
+  return /* @__PURE__ */ jsxs("div", { className: "mb-0.5", children: [
+    /* @__PURE__ */ jsxs(Button, { variant: "quiet", icon: open ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronRight, {}), onClick: () => setOpen((v) => !v), className: "w-full", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wide", children: [
+        "Version ",
+        version
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/60 ml-auto", children: latestDate })
+    ] }),
+    open && /* @__PURE__ */ jsx("div", { className: "pl-1", children: items.map((conv) => /* @__PURE__ */ jsx(
+      ConversationRow,
+      {
+        conv,
+        runRoute,
+        isActive: conv.conversationId === activeConversationId,
+        onSelect: () => onSelect(conv.conversationId)
+      },
+      conv.conversationId
+    )) })
+  ] });
 }
 function ConversationRow({
   conv,
@@ -187,7 +211,7 @@ function ConversationRow({
   const dispatch = useAppDispatch();
   const title = conv.title?.trim() || "Untitled";
   const href = buildAgentRunUrl(runRoute, conv.conversationId);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ItemRow,
     {
       sourceFeature: "agent-runner",
@@ -217,7 +241,7 @@ function ConversationRow({
           })
         )
       },
-      trailing: isActive ? /* @__PURE__ */ React.createElement(ChevronRight, { className: "w-3 h-3 shrink-0" }) : void 0
+      trailing: isActive ? /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3 shrink-0" }) : void 0
     }
   );
 }

package/dist/agents/components/smart/AgentRunWrapper.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { useAppSelector, useAppStore } from "../../../store/hooks.js";
 import { useAgentLauncher } from "../../hooks/useAgentLauncher.js";
@@ -114,7 +115,7 @@ function AgentRunWrapper({
     }
   }, [agentId, conversationId, debugProjectCreate, store]);
   if (!conversationId) return null;
-  return /* @__PURE__ */ React.createElement(AgentRunner, { conversationId, surfaceKey });
+  return /* @__PURE__ */ jsx(AgentRunner, { conversationId, surfaceKey });
 }
 export {
   AgentRunWrapper

package/dist/agents/components/smart/AgentRunner.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { useAppSelector, useAppDispatch } from "../../../store/hooks.js";
 import {
@@ -86,9 +87,9 @@ function AgentRunner({
     dispatch
   ]);
   if (needsPreExecution) {
-    return /* @__PURE__ */ React.createElement(PreExecutionAgentInput, { conversationId });
+    return /* @__PURE__ */ jsx(PreExecutionAgentInput, { conversationId });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AgentRunnerFrame,
     {
       className,
@@ -124,46 +125,50 @@ function AgentRunnerFrame({
     observer.observe(inputPanel);
     return () => observer.disconnect();
   }, [inputPanel]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `relative mx-auto h-full w-full max-w-[800px] overflow-hidden bg-background ${className}`
-    },
-    showTitle && title && /* @__PURE__ */ React.createElement("div", { className: "absolute top-0 left-0 right-0 z-10 px-4 py-2 border-b border-border bg-background" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-foreground truncate" }, title)),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `absolute inset-0 overflow-y-auto bg-background pt-2 ${showTitle && title ? "top-9" : ""} ${shouldShowInput ? "" : "pb-2"}`,
-        style: shouldShowInput ? { paddingBottom: runway } : void 0
-      },
-      /* @__PURE__ */ React.createElement(
-        AgentConversationDisplay,
-        {
-          conversationId,
-          compact
-        }
-      )
-    ),
-    shouldShowInput && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref: setInputPanel,
-        className: "absolute bottom-0 left-0 right-0 z-20 flex flex-col items-stretch justify-end px-1.5 pb-1.5 pt-1 bg-gradient-to-t from-background via-background/95 to-transparent max-h-[70%] overflow-hidden"
-      },
-      /* @__PURE__ */ React.createElement(ServerOperationBanner, { conversationId }),
-      /* @__PURE__ */ React.createElement(PendingAsksZone, { conversationId }),
-      /* @__PURE__ */ React.createElement(ProposedDirectivesZone, { conversationId }),
-      /* @__PURE__ */ React.createElement(
-        SmartAgentInput,
-        {
-          conversationId,
-          surfaceKey,
-          compact,
-          showSendButton,
-          composer: { size: compact ? "compact" : "page", mode: composerMode }
-        }
-      )
-    )
+      className: `relative mx-auto h-full w-full max-w-[800px] overflow-hidden bg-background ${className}`,
+      children: [
+        showTitle && title && /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 right-0 z-10 px-4 py-2 border-b border-border bg-background", children: /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground truncate", children: title }) }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `absolute inset-0 overflow-y-auto bg-background pt-2 ${showTitle && title ? "top-9" : ""} ${shouldShowInput ? "" : "pb-2"}`,
+            style: shouldShowInput ? { paddingBottom: runway } : void 0,
+            children: /* @__PURE__ */ jsx(
+              AgentConversationDisplay,
+              {
+                conversationId,
+                compact
+              }
+            )
+          }
+        ),
+        shouldShowInput && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: setInputPanel,
+            className: "absolute bottom-0 left-0 right-0 z-20 flex flex-col items-stretch justify-end px-1.5 pb-1.5 pt-1 bg-gradient-to-t from-background via-background/95 to-transparent max-h-[70%] overflow-hidden",
+            children: [
+              /* @__PURE__ */ jsx(ServerOperationBanner, { conversationId }),
+              /* @__PURE__ */ jsx(PendingAsksZone, { conversationId }),
+              /* @__PURE__ */ jsx(ProposedDirectivesZone, { conversationId }),
+              /* @__PURE__ */ jsx(
+                SmartAgentInput,
+                {
+                  conversationId,
+                  surfaceKey,
+                  compact,
+                  showSendButton,
+                  composer: { size: compact ? "compact" : "page", mode: composerMode }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/smart/CreateWithAiTabs.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useState, useEffect } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
 import { Cpu, PencilLine } from "lucide-react";
 import { cn } from "@ai-matrx/design-system";
 import {
@@ -15,7 +16,7 @@ function ModeButton({
   label,
   isMobile
 }) {
-  return /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!active, icon: /* @__PURE__ */ React.createElement(Icon, null), onClick, "aria-pressed": active, className: "flex-1" }, label);
+  return /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: !!active, icon: /* @__PURE__ */ jsx(Icon, {}), onClick, "aria-pressed": active, className: "flex-1", children: label });
 }
 function CreateWithAiTabs({
   manual,
@@ -50,7 +51,7 @@ function CreateWithAiTabs({
   }, [agentId, defaultMode, enableAi, sourceFeature]);
   const scrollManual = manualScrolls ?? !isMobile;
   if (!enableAi && extraTabs.length === 0) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, manual);
+    return /* @__PURE__ */ jsx(Fragment, { children: manual });
   }
   const selectMode = (next) => {
     if (next === "ai" && isProjectCreateFlow(sourceFeature, agentId)) {
@@ -68,77 +69,91 @@ function CreateWithAiTabs({
     });
     setMode(next);
   };
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex h-full min-h-0 flex-col", className) }, /* @__PURE__ */ React.createElement("div", { className: cn("flex-shrink-0 px-1 pb-3", headerClassName) }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "inline-flex w-full items-center gap-1 rounded-lg bg-muted p-1" }, /* @__PURE__ */ React.createElement(
-    ModeButton,
-    {
-      active: mode === "manual",
-      onClick: () => selectMode("manual"),
-      icon: PencilLine,
-      label: manualLabel,
-      isMobile
-    }
-  ), enableAi && /* @__PURE__ */ React.createElement(
-    ModeButton,
-    {
-      active: mode === "ai",
-      onClick: () => selectMode("ai"),
-      icon: Cpu,
-      label: aiLabel,
-      isMobile
-    }
-  ), extraTabs.map((tab) => /* @__PURE__ */ React.createElement(
-    ModeButton,
-    {
-      key: tab.id,
-      active: mode === tab.id,
-      onClick: () => selectMode(tab.id),
-      icon: tab.icon,
-      label: tab.label,
-      isMobile
-    }
-  ))), headerRight)), /* @__PURE__ */ React.createElement("div", { className: cn("relative flex-1 min-h-[460px]", bodyClassName) }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "h-full min-h-0",
-        scrollManual && "overflow-y-auto",
-        manualPaneClassName,
-        mode !== "manual" && "hidden"
-      )
-    },
-    manual
-  ), enableAi && mountedTabs.has("ai") && /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "absolute inset-0",
-        aiPaneClassName,
-        mode !== "ai" && "hidden"
-      )
-    },
-    /* @__PURE__ */ React.createElement(
-      AgentRunWrapper,
-      {
-        agentId,
-        sourceFeature,
-        onRunComplete: onAiRunComplete
-      }
-    )
-  ), extraTabs.map(
-    (tab) => mountedTabs.has(tab.id) && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: tab.id,
-        className: cn(
-          "h-full min-h-0",
-          (tab.scrolls ?? true) && "overflow-y-auto",
-          tab.className,
-          mode !== tab.id && "hidden"
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full min-h-0 flex-col", className), children: [
+    /* @__PURE__ */ jsx("div", { className: cn("flex-shrink-0 px-1 pb-3", headerClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "inline-flex w-full items-center gap-1 rounded-lg bg-muted p-1", children: [
+        /* @__PURE__ */ jsx(
+          ModeButton,
+          {
+            active: mode === "manual",
+            onClick: () => selectMode("manual"),
+            icon: PencilLine,
+            label: manualLabel,
+            isMobile
+          }
+        ),
+        enableAi && /* @__PURE__ */ jsx(
+          ModeButton,
+          {
+            active: mode === "ai",
+            onClick: () => selectMode("ai"),
+            icon: Cpu,
+            label: aiLabel,
+            isMobile
+          }
+        ),
+        extraTabs.map((tab) => /* @__PURE__ */ jsx(
+          ModeButton,
+          {
+            active: mode === tab.id,
+            onClick: () => selectMode(tab.id),
+            icon: tab.icon,
+            label: tab.label,
+            isMobile
+          },
+          tab.id
+        ))
+      ] }),
+      headerRight
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: cn("relative flex-1 min-h-[460px]", bodyClassName), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "h-full min-h-0",
+            scrollManual && "overflow-y-auto",
+            manualPaneClassName,
+            mode !== "manual" && "hidden"
+          ),
+          children: manual
+        }
+      ),
+      enableAi && mountedTabs.has("ai") && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "absolute inset-0",
+            aiPaneClassName,
+            mode !== "ai" && "hidden"
+          ),
+          children: /* @__PURE__ */ jsx(
+            AgentRunWrapper,
+            {
+              agentId,
+              sourceFeature,
+              onRunComplete: onAiRunComplete
+            }
+          )
+        }
+      ),
+      extraTabs.map(
+        (tab) => mountedTabs.has(tab.id) && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "h-full min-h-0",
+              (tab.scrolls ?? true) && "overflow-y-auto",
+              tab.className,
+              mode !== tab.id && "hidden"
+            ),
+            children: tab.content
+          },
+          tab.id
         )
-      },
-      tab.content
-    )
-  )));
+      )
+    ] })
+  ] });
 }
 export {
   CreateWithAiTabs