@12-apps/mcp 3.2.0 → 3.3.0

package/dist/react/index.js

@@ -0,0 +1,1183 @@
+import {
+  AI_CAPABILITIES,
+  AI_PERMISSION_MODEL,
+  aiConnectPrompt,
+  aiHostGuides,
+  providerForHostId
+} from "../chunk-FYEVBTDU.js";
+import {
+  __name
+} from "../chunk-7QVYU63E.js";
+
+// src/react/ai-onboarding.tsx
+import {
+  GuidedSection,
+  OnboardingProvider,
+  useOnboarding
+} from "@12-apps/onboarding";
+
+// src/react/ai-landing.tsx
+import BoltOutlinedIcon from "@mui/icons-material/BoltOutlined";
+import LanguageOutlinedIcon from "@mui/icons-material/LanguageOutlined";
+import LockOpenOutlinedIcon from "@mui/icons-material/LockOpenOutlined";
+import VerifiedUserOutlinedIcon from "@mui/icons-material/VerifiedUserOutlined";
+import { Button } from "@12-apps/ui/form/Button";
+import { Box as Box4 } from "@12-apps/ui/mui/Box";
+import { Stack as Stack2 } from "@12-apps/ui/mui/Stack";
+import { Text as Text3 } from "@12-apps/ui/typography/Text";
+
+// src/react/ai-capabilities.tsx
+import { Box as Box2 } from "@12-apps/ui/mui/Box";
+import { Text } from "@12-apps/ui/typography/Text";
+
+// src/react/ai-icons.tsx
+import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
+import CategoryIcon from "@mui/icons-material/Category";
+import HubIcon from "@mui/icons-material/Hub";
+import Inventory2Icon from "@mui/icons-material/Inventory2";
+import QueryStatsIcon from "@mui/icons-material/QueryStats";
+import ReceiptLongIcon from "@mui/icons-material/ReceiptLong";
+import { Box } from "@12-apps/ui/mui/Box";
+import { jsx } from "react/jsx-runtime";
+var BRAND = {
+  claude: { bg: "#D97757", Icon: AutoAwesomeIcon, label: "Claude (Anthropic)" },
+  openai: { bg: "#10A37F", Icon: HubIcon, label: "OpenAI" }
+};
+function HostBrandAvatar({
+  brand,
+  size = 40
+}) {
+  const { bg, Icon, label } = BRAND[brand];
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "aria-label": label,
+      sx: {
+        width: size,
+        height: size,
+        borderRadius: "50%",
+        bgcolor: bg,
+        color: "#fff",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0
+      },
+      children: /* @__PURE__ */ jsx(Icon, { sx: { fontSize: size * 0.55 } })
+    }
+  );
+}
+__name(HostBrandAvatar, "HostBrandAvatar");
+var CAPABILITY_ICON = {
+  orders: ReceiptLongIcon,
+  inventory: Inventory2Icon,
+  catalog: CategoryIcon,
+  sales: QueryStatsIcon
+};
+function CapabilityIcon({
+  id,
+  fontSize = 24
+}) {
+  const Icon = CAPABILITY_ICON[id] ?? AutoAwesomeIcon;
+  return /* @__PURE__ */ jsx(Icon, { sx: { fontSize } });
+}
+__name(CapabilityIcon, "CapabilityIcon");
+
+// src/react/ai-capabilities.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function CapabilityCard({ capability }) {
+  return /* @__PURE__ */ jsxs(
+    Box2,
+    {
+      "data-testid": `ai-capability-${capability.id}`,
+      sx: {
+        p: 2.5,
+        borderRadius: 3,
+        border: 1,
+        borderColor: "divider",
+        bgcolor: "background.paper",
+        height: "100%",
+        // Static transition string: safe to cross the server→client boundary.
+        transition: "border-color 200ms, box-shadow 200ms, transform 200ms",
+        "&:hover": { borderColor: "primary.main", boxShadow: 3, transform: "translateY(-3px)" }
+      },
+      children: [
+        /* @__PURE__ */ jsx2(
+          Box2,
+          {
+            sx: {
+              width: 44,
+              height: 44,
+              borderRadius: 2,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              bgcolor: "primary.main",
+              color: "primary.contrastText",
+              mb: 1.5
+            },
+            children: /* @__PURE__ */ jsx2(CapabilityIcon, { id: capability.id, fontSize: 26 })
+          }
+        ),
+        /* @__PURE__ */ jsx2(Text, { variant: "body", weight: "bold", as: "h3", children: capability.title }),
+        /* @__PURE__ */ jsx2(
+          Box2,
+          {
+            "data-testid": `ai-capability-prompt-${capability.id}`,
+            sx: {
+              mt: 1,
+              px: 1.5,
+              py: 1,
+              borderRadius: 2,
+              borderBottomLeftRadius: 4,
+              bgcolor: "action.hover",
+              border: 1,
+              borderColor: "divider"
+            },
+            children: /* @__PURE__ */ jsx2(Text, { variant: "body", size: "sm", as: "p", color: "secondary", children: capability.detail })
+          }
+        )
+      ]
+    }
+  );
+}
+__name(CapabilityCard, "CapabilityCard");
+function AiCapabilities({
+  capabilities = AI_CAPABILITIES
+}) {
+  return /* @__PURE__ */ jsxs(Box2, { "data-testid": "ai-capability-examples", sx: { width: "100%" }, children: [
+    /* @__PURE__ */ jsxs(Box2, { sx: { mb: 3 }, children: [
+      /* @__PURE__ */ jsx2(Text, { variant: "heading", size: "sm", as: "h2", children: "O que o assistente faz por voc\xEA" }),
+      /* @__PURE__ */ jsx2(Box2, { sx: { mt: 0.5 }, children: /* @__PURE__ */ jsx2(Text, { variant: "body", size: "sm", as: "p", color: "secondary", children: "Sem planilhas, sem cliques \u2014 \xE9 s\xF3 perguntar na conversa." }) })
+    ] }),
+    /* @__PURE__ */ jsx2(
+      Box2,
+      {
+        sx: {
+          display: "grid",
+          gap: 3,
+          gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", md: "repeat(4, 1fr)" }
+        },
+        children: capabilities.map((capability) => /* @__PURE__ */ jsx2(CapabilityCard, { capability }, capability.id))
+      }
+    )
+  ] });
+}
+__name(AiCapabilities, "AiCapabilities");
+
+// src/react/feature-badge.tsx
+import { Box as Box3 } from "@12-apps/ui/mui/Box";
+import { Stack } from "@12-apps/ui/mui/Stack";
+import { Text as Text2 } from "@12-apps/ui/typography/Text";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function FeatureBadge({ icon, label, caption }) {
+  return /* @__PURE__ */ jsxs2(Stack, { direction: "row", spacing: 1.5, alignItems: "flex-start", children: [
+    /* @__PURE__ */ jsx3(
+      Box3,
+      {
+        sx: {
+          width: 36,
+          height: 36,
+          borderRadius: 2,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          bgcolor: "background.paper",
+          color: "primary.main",
+          border: 1,
+          borderColor: "divider",
+          flexShrink: 0
+        },
+        children: icon
+      }
+    ),
+    /* @__PURE__ */ jsxs2(Box3, { children: [
+      /* @__PURE__ */ jsx3(Text2, { variant: "body", size: "sm", weight: "bold", as: "p", children: label }),
+      /* @__PURE__ */ jsx3(Text2, { variant: "caption", color: "secondary", as: "p", children: caption })
+    ] })
+  ] });
+}
+__name(FeatureBadge, "FeatureBadge");
+
+// src/react/ai-landing.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var FEATURES = [
+  { icon: /* @__PURE__ */ jsx4(LockOpenOutlinedIcon, {}), label: "Usa o seu pr\xF3prio login", caption: "Sem chaves ou credenciais extras" },
+  { icon: /* @__PURE__ */ jsx4(BoltOutlinedIcon, {}), label: "Sem instalar nada", caption: "Conecta em poucos minutos" },
+  { icon: /* @__PURE__ */ jsx4(VerifiedUserOutlinedIcon, {}), label: "S\xF3 o que voc\xEA pode", caption: "As suas permiss\xF5es, nada al\xE9m" },
+  { icon: /* @__PURE__ */ jsx4(LanguageOutlinedIcon, {}), label: "Navegador ou app", caption: "Claude, ChatGPT, Codex" }
+];
+function Hero({ onStart }) {
+  return /* @__PURE__ */ jsxs3(Stack2, { spacing: 2.5, sx: { maxWidth: 680 }, children: [
+    /* @__PURE__ */ jsx4(
+      Box4,
+      {
+        sx: {
+          color: "primary.main",
+          fontSize: 12,
+          fontWeight: 700,
+          letterSpacing: 1.2,
+          textTransform: "uppercase"
+        },
+        children: "Integra\xE7\xE3o com IA"
+      }
+    ),
+    /* @__PURE__ */ jsxs3(Text3, { variant: "heading", size: "xl", weight: "bold", as: "h1", children: [
+      "Conecte",
+      " ",
+      /* @__PURE__ */ jsx4(Box4, { component: "span", sx: { color: "primary.main" }, children: "assistentes de IA" }),
+      " ",
+      "\xE0 sua loja"
+    ] }),
+    /* @__PURE__ */ jsx4(Text3, { variant: "body", color: "secondary", as: "p", children: "Deixe o Claude, o ChatGPT e outros assistentes responderem sobre o seu card\xE1pio, estoque e pedidos \u2014 e executarem a\xE7\xF5es por voc\xEA, direto na conversa. Com seguran\xE7a e sem instalar nada." }),
+    /* @__PURE__ */ jsx4(Box4, { sx: { pt: 1 }, children: /* @__PURE__ */ jsx4(Button, { onClick: onStart, "data-testid": "ai-landing-start", children: "Ver como conectar" }) })
+  ] });
+}
+__name(Hero, "Hero");
+function AiLanding({
+  onStart,
+  permissionModel = AI_PERMISSION_MODEL,
+  capabilities = AI_CAPABILITIES
+}) {
+  return /* @__PURE__ */ jsxs3(Stack2, { spacing: 6, "data-testid": "ai-landing", children: [
+    /* @__PURE__ */ jsx4(Hero, { onStart }),
+    /* @__PURE__ */ jsxs3(
+      Stack2,
+      {
+        direction: "row",
+        spacing: 1.5,
+        alignItems: "flex-start",
+        "data-testid": "ai-permission-callout",
+        sx: {
+          p: 2,
+          borderRadius: 2,
+          bgcolor: "action.hover",
+          border: 1,
+          borderColor: "divider"
+        },
+        children: [
+          /* @__PURE__ */ jsx4(VerifiedUserOutlinedIcon, { sx: { color: "success.main", mt: 0.25 } }),
+          /* @__PURE__ */ jsx4(Text3, { variant: "body", as: "p", children: permissionModel })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      Box4,
+      {
+        sx: {
+          p: { xs: 2.5, md: 3 },
+          borderRadius: 3,
+          bgcolor: "action.hover",
+          border: 1,
+          borderColor: "divider"
+        },
+        children: /* @__PURE__ */ jsx4(
+          Box4,
+          {
+            sx: {
+              display: "grid",
+              gap: 3,
+              gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", md: "repeat(4, 1fr)" }
+            },
+            children: FEATURES.map((f) => /* @__PURE__ */ jsx4(FeatureBadge, { icon: f.icon, label: f.label, caption: f.caption }, f.label))
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(AiCapabilities, { capabilities }) })
+  ] });
+}
+__name(AiLanding, "AiLanding");
+
+// src/react/ai-connection-utils.ts
+var PROVIDER_LABEL = {
+  claude: "Claude",
+  chatgpt: "ChatGPT",
+  codex: "Codex"
+};
+function resolveHost(hosts, hostId) {
+  const found = hosts.find((h) => h.id === hostId) ?? hosts[0];
+  if (!found) throw new Error("resolveHost: hosts array must not be empty");
+  return found;
+}
+__name(resolveHost, "resolveHost");
+function hostLabel(hosts, hostId) {
+  return hosts.find((h) => h.id === hostId)?.label ?? "seu assistente";
+}
+__name(hostLabel, "hostLabel");
+function connectionForHost(connections, hostId) {
+  const provider = typeof hostId === "string" ? providerForHostId(hostId) : null;
+  if (!provider) return connections.find((c) => c.host === null) ?? connections[0] ?? null;
+  return connections.find((c) => c.host === provider) ?? connections.find((c) => c.host === null) ?? null;
+}
+__name(connectionForHost, "connectionForHost");
+function activeAgo(date) {
+  const minutes = Math.max(0, Math.floor((Date.now() - date.getTime()) / 6e4));
+  if (minutes < 1) return "ativo agora";
+  if (minutes < 60) return `ativo h\xE1 ${minutes} min`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `ativo h\xE1 ${hours} h`;
+  return `ativo h\xE1 ${Math.floor(hours / 24)} dias`;
+}
+__name(activeAgo, "activeAgo");
+function mostRecent(connections) {
+  return connections.reduce(
+    (best, c) => !best || c.lastActiveAt.getTime() > best.lastActiveAt.getTime() ? c : best,
+    null
+  );
+}
+__name(mostRecent, "mostRecent");
+function connectedTitle(connections, hosts, connectedHostId) {
+  const providers = [...new Set(connections.map((c) => c.host).filter((h) => h !== null))];
+  if (providers.length === 1) return `${PROVIDER_LABEL[providers[0]]} Conectado`;
+  if (providers.length > 1) {
+    return `${providers.map((p) => PROVIDER_LABEL[p]).join(", ")} conectados`;
+  }
+  if (connections.length > 0) return `${hostLabel(hosts, connectedHostId)} Conectado`;
+  return "IA conectada";
+}
+__name(connectedTitle, "connectedTitle");
+function connectedSummary(connections) {
+  const recent = mostRecent(connections);
+  if (!recent) return "Integra\xE7\xE3o configurada";
+  return activeAgo(recent.lastActiveAt);
+}
+__name(connectedSummary, "connectedSummary");
+
+// src/react/ai-flow-steps.tsx
+import CheckCircleIcon from "@mui/icons-material/CheckCircle";
+import OpenInNewIcon2 from "@mui/icons-material/OpenInNew";
+import { useEffect, useState as useState2 } from "react";
+import { Progress } from "@12-apps/ui/data-display/Progress";
+import { Button as Button3 } from "@12-apps/ui/form/Button";
+import { Box as Box6 } from "@12-apps/ui/mui/Box";
+import { Stack as Stack4 } from "@12-apps/ui/mui/Stack";
+import { Text as Text5 } from "@12-apps/ui/typography/Text";
+
+// src/react/host-connect-guide.tsx
+import CheckIcon from "@mui/icons-material/Check";
+import ContentCopyOutlinedIcon from "@mui/icons-material/ContentCopyOutlined";
+import OpenInNewIcon from "@mui/icons-material/OpenInNew";
+import { useState } from "react";
+import { Button as Button2 } from "@12-apps/ui/form/Button";
+import { Box as Box5 } from "@12-apps/ui/mui/Box";
+import { Stack as Stack3 } from "@12-apps/ui/mui/Stack";
+import { Text as Text4 } from "@12-apps/ui/typography/Text";
+
+// src/react/mcp-endpoint-url.tsx
+import { Code } from "@12-apps/ui/typography/Code";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function McpEndpointUrl({
+  url,
+  copyable = true
+}) {
+  return /* @__PURE__ */ jsx5(Code, { variant: "block", copyable, "data-testid": "mcp-endpoint-url", children: url });
+}
+__name(McpEndpointUrl, "McpEndpointUrl");
+
+// src/react/host-connect-guide.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function EndpointCopyBlock({
+  endpointUrl,
+  copied,
+  onCopy
+}) {
+  const handleClick = /* @__PURE__ */ __name(() => {
+    if (typeof navigator !== "undefined" && navigator.clipboard) {
+      void navigator.clipboard.writeText(endpointUrl).catch(() => void 0);
+    }
+    onCopy();
+  }, "handleClick");
+  return /* @__PURE__ */ jsxs4(
+    Box5,
+    {
+      sx: {
+        p: 2,
+        borderRadius: 2,
+        border: 1,
+        borderColor: "primary.main",
+        bgcolor: "action.hover"
+      },
+      children: [
+        /* @__PURE__ */ jsx6(Text4, { variant: "caption", as: "p", weight: "bold", children: "URL do servidor da sua loja" }),
+        /* @__PURE__ */ jsx6(Text4, { variant: "caption", as: "p", color: "secondary", children: "Copie esta URL e cole no seu assistente para conect\xE1-lo \xE0 loja." }),
+        /* @__PURE__ */ jsx6(Box5, { sx: { mt: 1 }, children: /* @__PURE__ */ jsx6(McpEndpointUrl, { url: endpointUrl, copyable: false }) }),
+        /* @__PURE__ */ jsx6(Box5, { sx: { mt: 1.5 }, children: /* @__PURE__ */ jsxs4(Button2, { onClick: handleClick, "data-testid": "ai-copy-endpoint", children: [
+          copied ? /* @__PURE__ */ jsx6(CheckIcon, { sx: { fontSize: 18, mr: 0.5 } }) : /* @__PURE__ */ jsx6(ContentCopyOutlinedIcon, { sx: { fontSize: 18, mr: 0.5 } }),
+          copied ? "Copiado" : "Copiar URL"
+        ] }) })
+      ]
+    }
+  );
+}
+__name(EndpointCopyBlock, "EndpointCopyBlock");
+function PromptCopyBlock({
+  title,
+  caption,
+  message
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleClick = /* @__PURE__ */ __name(() => {
+    if (typeof navigator !== "undefined" && navigator.clipboard) {
+      void navigator.clipboard.writeText(message).catch(() => void 0);
+    }
+    setCopied(true);
+  }, "handleClick");
+  return /* @__PURE__ */ jsxs4(
+    Box5,
+    {
+      sx: {
+        p: 2,
+        borderRadius: 2,
+        border: 1,
+        borderColor: "primary.main",
+        bgcolor: "action.hover"
+      },
+      children: [
+        /* @__PURE__ */ jsx6(Text4, { variant: "caption", as: "p", weight: "bold", children: title }),
+        /* @__PURE__ */ jsx6(Text4, { variant: "caption", as: "p", color: "secondary", children: caption }),
+        /* @__PURE__ */ jsx6(
+          Box5,
+          {
+            sx: {
+              mt: 1,
+              p: 1.5,
+              borderRadius: 1,
+              border: 1,
+              borderColor: "divider",
+              bgcolor: "background.paper",
+              whiteSpace: "pre-line"
+            },
+            children: /* @__PURE__ */ jsx6(Text4, { variant: "body", size: "sm", as: "p", children: message })
+          }
+        ),
+        /* @__PURE__ */ jsx6(Box5, { sx: { mt: 1.5 }, children: /* @__PURE__ */ jsxs4(Button2, { onClick: handleClick, "data-testid": "ai-copy-prompt", children: [
+          copied ? /* @__PURE__ */ jsx6(CheckIcon, { sx: { fontSize: 18, mr: 0.5 } }) : /* @__PURE__ */ jsx6(ContentCopyOutlinedIcon, { sx: { fontSize: 18, mr: 0.5 } }),
+          copied ? "Copiado" : "Copiar mensagem"
+        ] }) })
+      ]
+    }
+  );
+}
+__name(PromptCopyBlock, "PromptCopyBlock");
+function HostConnectHeader({ host }) {
+  return /* @__PURE__ */ jsxs4(Stack3, { direction: "row", spacing: 1.5, alignItems: "center", children: [
+    /* @__PURE__ */ jsx6(HostBrandAvatar, { brand: host.brand, size: 36 }),
+    /* @__PURE__ */ jsxs4(Text4, { variant: "heading", size: "sm", as: "h3", children: [
+      "Conectar no ",
+      host.label
+    ] })
+  ] });
+}
+__name(HostConnectHeader, "HostConnectHeader");
+function HostOpenButton({
+  host,
+  onOpen
+}) {
+  if (!host.link) return null;
+  return /* @__PURE__ */ jsx6(Box5, { children: /* @__PURE__ */ jsxs4(
+    Button2,
+    {
+      onClick: () => {
+        window.open(host.link.url, "_blank", "noopener,noreferrer");
+        onOpen?.();
+      },
+      "data-testid": `ai-host-link-${host.id}`,
+      children: [
+        host.link.label,
+        /* @__PURE__ */ jsx6(OpenInNewIcon, { sx: { fontSize: 16, ml: 0.5 } })
+      ]
+    }
+  ) });
+}
+__name(HostOpenButton, "HostOpenButton");
+function HostDocsLink({ host }) {
+  if (!host.docs) return null;
+  return /* @__PURE__ */ jsxs4(Text4, { variant: "caption", as: "p", color: "secondary", children: [
+    "Para mais informa\xE7\xF5es, consulte a",
+    " ",
+    /* @__PURE__ */ jsx6(
+      Box5,
+      {
+        component: "a",
+        href: host.docs.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "data-testid": `ai-host-docs-${host.id}`,
+        sx: { color: "primary.main", textDecoration: "underline" },
+        children: host.docs.label
+      }
+    ),
+    "."
+  ] });
+}
+__name(HostDocsLink, "HostDocsLink");
+function HostStepList({
+  steps,
+  start = 1
+}) {
+  return /* @__PURE__ */ jsx6(Box5, { component: "ol", start, sx: { m: 0, pl: 3 }, children: steps.map((step, index) => /* @__PURE__ */ jsx6(Box5, { component: "li", sx: { mb: 1 }, children: /* @__PURE__ */ jsx6(Text4, { variant: "body", as: "span", children: step }) }, index)) });
+}
+__name(HostStepList, "HostStepList");
+
+// src/react/ai-flow-steps.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var CONFIGURE_STEP_COUNT = 3;
+var POLL_INTERVAL_MS = 3e3;
+function StepNav({
+  nav,
+  onNext,
+  nextLabel = "Pr\xF3ximo",
+  nextDisabled = false,
+  nextTestId
+}) {
+  return /* @__PURE__ */ jsxs5(Stack4, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsx7(Button3, { variant: "ghost", onClick: () => nav.back(), "data-testid": "ai-step-back", children: "Voltar" }),
+    /* @__PURE__ */ jsx7(Button3, { onClick: onNext, disabled: nextDisabled, "data-testid": nextTestId, children: nextLabel })
+  ] });
+}
+__name(StepNav, "StepNav");
+function CopyUrlStep({ nav, endpointUrl }) {
+  return /* @__PURE__ */ jsxs5(Stack4, { spacing: 3, "data-testid": "ai-copy-step", children: [
+    /* @__PURE__ */ jsxs5(Box6, { children: [
+      /* @__PURE__ */ jsx7(Text5, { variant: "heading", size: "sm", as: "h2", children: "Copie a URL da sua loja" }),
+      /* @__PURE__ */ jsx7(Text5, { variant: "caption", as: "p", color: "secondary", children: "\xC9 o \xFAnico dado que voc\xEA cola no assistente \u2014 ao copiar, seguimos para o pr\xF3ximo passo." })
+    ] }),
+    /* @__PURE__ */ jsx7(EndpointCopyBlock, { endpointUrl, copied: false, onCopy: () => nav.next() }),
+    /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsx7(Button3, { variant: "ghost", onClick: () => nav.back(), "data-testid": "ai-step-back", children: "Voltar" }) })
+  ] });
+}
+__name(CopyUrlStep, "CopyUrlStep");
+function ConfigureStep({ nav, host }) {
+  const [opened, setOpened] = useState2(!host.link);
+  return /* @__PURE__ */ jsxs5(Stack4, { spacing: 2.5, "data-testid": "ai-configure-step", children: [
+    /* @__PURE__ */ jsx7(HostConnectHeader, { host }),
+    /* @__PURE__ */ jsx7(HostOpenButton, { host, onOpen: () => setOpened(true) }),
+    /* @__PURE__ */ jsx7(HostStepList, { steps: host.steps.slice(0, CONFIGURE_STEP_COUNT), start: 1 }),
+    /* @__PURE__ */ jsx7(HostDocsLink, { host }),
+    /* @__PURE__ */ jsx7(StepNav, { nav, onNext: () => nav.next(), nextDisabled: !opened, nextTestId: "ai-configure-next" })
+  ] });
+}
+__name(ConfigureStep, "ConfigureStep");
+function ConfigureStageStep({
+  nav,
+  host,
+  stage
+}) {
+  const [opened, setOpened] = useState2(!stage.link);
+  return /* @__PURE__ */ jsxs5(Stack4, { spacing: 2.5, "data-testid": `ai-stage-${stage.id}`, children: [
+    /* @__PURE__ */ jsx7(HostConnectHeader, { host }),
+    stage.link && /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsxs5(
+      Button3,
+      {
+        onClick: () => {
+          window.open(stage.link.url, "_blank", "noopener,noreferrer");
+          setOpened(true);
+        },
+        "data-testid": `ai-stage-link-${stage.id}`,
+        children: [
+          stage.link.label,
+          /* @__PURE__ */ jsx7(OpenInNewIcon2, { sx: { fontSize: 16, ml: 0.5 } })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx7(HostStepList, { steps: stage.steps, start: 1 }),
+    /* @__PURE__ */ jsx7(HostDocsLink, { host }),
+    /* @__PURE__ */ jsx7(
+      StepNav,
+      {
+        nav,
+        onNext: () => nav.next(),
+        nextDisabled: !opened,
+        nextTestId: `ai-stage-next-${stage.id}`
+      }
+    )
+  ] });
+}
+__name(ConfigureStageStep, "ConfigureStageStep");
+function ConnectStep({
+  nav,
+  host,
+  connectPrompt
+}) {
+  return /* @__PURE__ */ jsxs5(Stack4, { spacing: 2.5, "data-testid": "ai-connect-step", children: [
+    /* @__PURE__ */ jsx7(HostConnectHeader, { host }),
+    /* @__PURE__ */ jsx7(HostStepList, { steps: host.steps.slice(CONFIGURE_STEP_COUNT), start: CONFIGURE_STEP_COUNT + 1 }),
+    /* @__PURE__ */ jsx7(
+      PromptCopyBlock,
+      {
+        title: "Cole esta mensagem no assistente",
+        caption: "Assim ele se conecta, se identifica (Claude, ChatGPT\u2026) e registramos a conex\xE3o.",
+        message: connectPrompt
+      }
+    ),
+    /* @__PURE__ */ jsx7(HostDocsLink, { host }),
+    /* @__PURE__ */ jsx7(StepNav, { nav, onNext: () => nav.next(), nextLabel: "Continuar", nextTestId: "ai-connect-done" })
+  ] });
+}
+__name(ConnectStep, "ConnectStep");
+function InstallStep({
+  nav,
+  host,
+  connectPrompt
+}) {
+  const [opened, setOpened] = useState2(false);
+  return /* @__PURE__ */ jsxs5(Stack4, { spacing: 2.5, "data-testid": "ai-install-step", children: [
+    /* @__PURE__ */ jsx7(HostConnectHeader, { host }),
+    /* @__PURE__ */ jsx7(Text5, { variant: "body", as: "p", color: "secondary", children: "Abra o plugin da sua loja, clique em Instalar e autorize o acesso \u2014 sem copiar URL nem gerar credenciais." }),
+    host.pluginUrl && /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsxs5(
+      Button3,
+      {
+        onClick: () => {
+          window.open(host.pluginUrl, "_blank", "noopener,noreferrer");
+          setOpened(true);
+        },
+        "data-testid": "ai-install-open",
+        children: [
+          "Instalar o plugin da loja",
+          /* @__PURE__ */ jsx7(OpenInNewIcon2, { sx: { fontSize: 16, ml: 0.5 } })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx7(
+      PromptCopyBlock,
+      {
+        title: "Pe\xE7a ao assistente para conectar",
+        caption: "Cole no assistente para ele se conectar, se identificar e confirmar o acesso.",
+        message: connectPrompt
+      }
+    ),
+    /* @__PURE__ */ jsx7(HostDocsLink, { host }),
+    /* @__PURE__ */ jsx7(
+      StepNav,
+      {
+        nav,
+        onNext: () => nav.next(),
+        nextLabel: "Continuar",
+        nextDisabled: !opened,
+        nextTestId: "ai-install-done"
+      }
+    )
+  ] });
+}
+__name(InstallStep, "InstallStep");
+function ConfirmStep({
+  nav,
+  connections,
+  hosts,
+  onRetest
+}) {
+  const selectedHostId = nav.data.selectedHost;
+  const connection = connectionForHost(connections, selectedHostId);
+  const label = connection?.clientName ?? hostLabel(hosts, selectedHostId);
+  useEffect(() => {
+    if (connection) return void 0;
+    const id = setInterval(() => onRetest(), POLL_INTERVAL_MS);
+    return () => clearInterval(id);
+  }, [connection, onRetest]);
+  if (connection) {
+    return /* @__PURE__ */ jsxs5(Stack4, { spacing: 2, "data-testid": "ai-confirm-connected", children: [
+      /* @__PURE__ */ jsxs5(Stack4, { direction: "row", spacing: 1.5, alignItems: "center", children: [
+        /* @__PURE__ */ jsx7(CheckCircleIcon, { sx: { color: "success.main" } }),
+        /* @__PURE__ */ jsxs5(Box6, { children: [
+          /* @__PURE__ */ jsxs5(Text5, { variant: "body", weight: "bold", as: "p", children: [
+            label,
+            " est\xE1 conectado \xE0 sua loja."
+          ] }),
+          /* @__PURE__ */ jsx7(Text5, { variant: "caption", as: "p", color: "secondary", children: activeAgo(connection.lastActiveAt) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsx7(Button3, { onClick: () => nav.complete({ connectedHost: selectedHostId }), children: "Concluir" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs5(Stack4, { spacing: 2.5, "data-testid": "ai-confirm-waiting", children: [
+    /* @__PURE__ */ jsxs5(Stack4, { direction: "row", spacing: 1.5, alignItems: "center", children: [
+      /* @__PURE__ */ jsx7(Progress, { variant: "circular", circularSize: 22, thickness: 4, dataTestId: "ai-confirm-spinner" }),
+      /* @__PURE__ */ jsxs5(Box6, { children: [
+        /* @__PURE__ */ jsx7(Text5, { variant: "body", weight: "bold", as: "p", children: "Esperando conex\xE3o" }),
+        /* @__PURE__ */ jsxs5(Text5, { variant: "caption", as: "p", color: "secondary", children: [
+          "Assim que voc\xEA autorizar o acesso no ",
+          label,
+          ", ela aparece aqui automaticamente."
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5(Stack4, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ jsx7(Button3, { variant: "ghost", size: "sm", onClick: onRetest, "data-testid": "ai-confirm-retest", children: "Testar agora" }),
+      /* @__PURE__ */ jsx7(Button3, { variant: "ghost", size: "sm", onClick: () => nav.back(), children: "Voltar" })
+    ] })
+  ] });
+}
+__name(ConfirmStep, "ConfirmStep");
+
+// src/react/ai-status-board.tsx
+import AddLinkOutlinedIcon from "@mui/icons-material/AddLinkOutlined";
+import CheckCircleIcon2 from "@mui/icons-material/CheckCircle";
+import LinkOffOutlinedIcon from "@mui/icons-material/LinkOffOutlined";
+import MenuBookOutlinedIcon from "@mui/icons-material/MenuBookOutlined";
+import { ConfirmButton } from "@12-apps/ui/feedback/ConfirmAction";
+import { Button as Button4 } from "@12-apps/ui/form/Button";
+import { Box as Box7 } from "@12-apps/ui/mui/Box";
+import { Stack as Stack5 } from "@12-apps/ui/mui/Stack";
+import { Text as Text6 } from "@12-apps/ui/typography/Text";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function ConnectedControls({
+  host,
+  onConnect,
+  onDisconnect
+}) {
+  return /* @__PURE__ */ jsxs6(
+    Stack5,
+    {
+      direction: "row",
+      spacing: 1,
+      alignItems: "center",
+      justifyContent: "flex-end",
+      sx: { flexShrink: 0, flexWrap: "wrap", rowGap: 0.5 },
+      children: [
+        /* @__PURE__ */ jsx8(
+          Box7,
+          {
+            sx: {
+              px: 1,
+              py: 0.25,
+              borderRadius: 999,
+              bgcolor: "success.main",
+              color: "success.contrastText"
+            },
+            children: /* @__PURE__ */ jsx8(Text6, { variant: "caption", weight: "bold", as: "span", children: "Conectado" })
+          }
+        ),
+        /* @__PURE__ */ jsxs6(
+          Button4,
+          {
+            variant: "text",
+            size: "sm",
+            onClick: () => onConnect(host.id),
+            "data-testid": `ai-status-instructions-${host.id}`,
+            children: [
+              /* @__PURE__ */ jsx8(MenuBookOutlinedIcon, { sx: { fontSize: 16, mr: 0.5 } }),
+              "Instru\xE7\xF5es"
+            ]
+          }
+        ),
+        onDisconnect ? /* @__PURE__ */ jsxs6(
+          ConfirmButton,
+          {
+            variant: "outline",
+            color: "danger",
+            size: "sm",
+            onClick: () => onDisconnect(host.id),
+            confirm: {
+              title: "Desconectar o assistente?",
+              entityName: host.label,
+              description: "Ele perde o acesso \xE0 sua loja na hora. Para voltar a usar, ser\xE1 preciso conectar de novo.",
+              confirmText: "Desconectar",
+              dataTestId: `ai-status-disconnect-confirm-${host.id}`
+            },
+            "data-testid": `ai-status-disconnect-${host.id}`,
+            children: [
+              /* @__PURE__ */ jsx8(LinkOffOutlinedIcon, { sx: { fontSize: 16, mr: 0.5 } }),
+              "Desconectar"
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+__name(ConnectedControls, "ConnectedControls");
+function StatusBox({
+  status,
+  onConnect,
+  onDisconnect
+}) {
+  const { host, connected, detail } = status;
+  return /* @__PURE__ */ jsxs6(
+    Box7,
+    {
+      "data-testid": `ai-status-${host.id}`,
+      "data-connected": connected,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1.5,
+        p: 2,
+        borderRadius: 3,
+        border: 1,
+        borderColor: connected ? "success.main" : "error.main",
+        bgcolor: "background.paper"
+      },
+      children: [
+        /* @__PURE__ */ jsx8(HostBrandAvatar, { brand: host.brand, size: 36 }),
+        /* @__PURE__ */ jsxs6(Box7, { sx: { minWidth: 0, flexGrow: 1 }, children: [
+          /* @__PURE__ */ jsxs6(Stack5, { direction: "row", spacing: 0.75, alignItems: "center", children: [
+            /* @__PURE__ */ jsx8(Text6, { variant: "body", weight: "bold", as: "span", children: host.label }),
+            connected ? /* @__PURE__ */ jsx8(CheckCircleIcon2, { sx: { fontSize: 18, color: "success.main" } }) : null
+          ] }),
+          /* @__PURE__ */ jsx8(Text6, { variant: "caption", as: "p", color: "secondary", children: connected ? detail ?? "Conectado" : "Ainda n\xE3o conectado" })
+        ] }),
+        connected ? /* @__PURE__ */ jsx8(ConnectedControls, { host, onConnect, onDisconnect }) : /* @__PURE__ */ jsxs6(
+          Button4,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onConnect(host.id),
+            "data-testid": `ai-status-connect-${host.id}`,
+            children: [
+              /* @__PURE__ */ jsx8(AddLinkOutlinedIcon, { sx: { fontSize: 16, mr: 0.5 } }),
+              "Conectar"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+__name(StatusBox, "StatusBox");
+function AiStatusBoard({
+  statuses,
+  onConnect,
+  onDisconnect
+}) {
+  return /* @__PURE__ */ jsxs6(Stack5, { spacing: 2, "data-testid": "ai-status-board", children: [
+    /* @__PURE__ */ jsxs6(Box7, { children: [
+      /* @__PURE__ */ jsx8(Text6, { variant: "heading", size: "sm", as: "h2", children: "Assistentes conectados" }),
+      /* @__PURE__ */ jsx8(Text6, { variant: "caption", as: "p", color: "secondary", children: "Em verde os que j\xE1 operam a sua loja; em vermelho os que faltam conectar." })
+    ] }),
+    /* @__PURE__ */ jsx8(
+      Box7,
+      {
+        sx: {
+          display: "grid",
+          gap: 2,
+          gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr" }
+        },
+        children: statuses.map((status) => /* @__PURE__ */ jsx8(
+          StatusBox,
+          {
+            status,
+            onConnect,
+            onDisconnect
+          },
+          status.host.id
+        ))
+      }
+    )
+  ] });
+}
+__name(AiStatusBoard, "AiStatusBoard");
+
+// src/react/host-select-step.tsx
+import CheckCircleIcon3 from "@mui/icons-material/CheckCircle";
+import { Box as Box8 } from "@12-apps/ui/mui/Box";
+import { Stack as Stack6 } from "@12-apps/ui/mui/Stack";
+import { Text as Text7 } from "@12-apps/ui/typography/Text";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function HostCard({
+  host,
+  active,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs7(
+    Box8,
+    {
+      component: "button",
+      type: "button",
+      onClick: onSelect,
+      "aria-pressed": active,
+      "data-testid": `ai-host-card-${host.id}`,
+      sx: {
+        position: "relative",
+        display: "flex",
+        alignItems: "center",
+        gap: 1.5,
+        p: 2,
+        borderRadius: 3,
+        cursor: "pointer",
+        textAlign: "left",
+        width: "100%",
+        border: 2,
+        borderColor: active ? "primary.main" : "divider",
+        bgcolor: active ? "action.selected" : "background.paper",
+        transition: /* @__PURE__ */ __name((theme) => theme.transitions.create(["border-color", "background-color"]), "transition"),
+        "&:hover": { borderColor: "primary.main" }
+      },
+      children: [
+        /* @__PURE__ */ jsx9(HostBrandAvatar, { brand: host.brand, size: 40 }),
+        /* @__PURE__ */ jsxs7(Box8, { sx: { minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx9(Text7, { variant: "body", weight: "bold", as: "span", children: host.label }),
+          /* @__PURE__ */ jsx9(Text7, { variant: "caption", as: "p", color: "secondary", children: host.kind })
+        ] }),
+        active && /* @__PURE__ */ jsx9(
+          CheckCircleIcon3,
+          {
+            sx: { position: "absolute", top: 10, right: 10, fontSize: 20, color: "primary.main" }
+          }
+        )
+      ]
+    }
+  );
+}
+__name(HostCard, "HostCard");
+function HostSelectStep({
+  hosts,
+  selectedId,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs7(Stack6, { spacing: 3, "data-testid": "ai-host-select", children: [
+    /* @__PURE__ */ jsxs7(Box8, { children: [
+      /* @__PURE__ */ jsx9(Text7, { variant: "heading", size: "sm", as: "h2", children: "Escolha o seu assistente" }),
+      /* @__PURE__ */ jsx9(Text7, { variant: "caption", as: "p", color: "secondary", children: "Selecione onde voc\xEA usa a IA \u2014 o passo a passo \xE9 feito sob medida para ele." })
+    ] }),
+    /* @__PURE__ */ jsx9(
+      Box8,
+      {
+        sx: {
+          display: "grid",
+          gap: 2,
+          gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr" }
+        },
+        children: hosts.map((host) => /* @__PURE__ */ jsx9(
+          HostCard,
+          {
+            host,
+            active: host.id === selectedId,
+            onSelect: () => onSelect(host.id)
+          },
+          host.id
+        ))
+      }
+    )
+  ] });
+}
+__name(HostSelectStep, "HostSelectStep");
+
+// src/react/ai-steps.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function StatusBoard({
+  nav,
+  connections,
+  hosts,
+  onDisconnect
+}) {
+  const legacyHostId = nav.data.connectedHost ?? nav.data.selectedHost;
+  const statuses = hosts.map((host) => {
+    const provider = providerForHostId(host.id);
+    const connection = (provider ? connections.find((c) => c.host === provider) : void 0) ?? (host.id === legacyHostId ? connections.find((c) => c.host === null) : void 0) ?? null;
+    return {
+      host,
+      connected: connection !== null,
+      detail: connection ? activeAgo(connection.lastActiveAt) : void 0
+    };
+  });
+  const goToConnect = /* @__PURE__ */ __name((hostId) => {
+    nav.goTo(hosts.find((h) => h.id === hostId)?.pluginUrl ? "install" : "copy", {
+      selectedHost: hostId
+    });
+  }, "goToConnect");
+  const disconnect = onDisconnect ? async (hostId) => {
+    await onDisconnect(hostId);
+    const revoked = providerForHostId(hostId);
+    const othersLive = statuses.some(
+      (status) => status.connected && providerForHostId(status.host.id) !== revoked
+    );
+    if (!othersLive) goToConnect(hostId);
+  } : void 0;
+  return /* @__PURE__ */ jsx10(AiStatusBoard, { statuses, onConnect: goToConnect, onDisconnect: disconnect });
+}
+__name(StatusBoard, "StatusBoard");
+function selectStep(hosts) {
+  return {
+    id: "select",
+    label: "Escolher",
+    render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(
+      HostSelectStep,
+      {
+        hosts,
+        selectedId: nav.data.selectedHost ?? null,
+        onSelect: (hostId) => nav.goTo(hosts.find((h) => h.id === hostId)?.pluginUrl ? "install" : "copy", {
+          selectedHost: hostId
+        })
+      }
+    ), "render")
+  };
+}
+__name(selectStep, "selectStep");
+function copyStep(endpointUrl) {
+  return {
+    id: "copy",
+    label: "Copiar URL",
+    render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(CopyUrlStep, { nav, endpointUrl }), "render")
+  };
+}
+__name(copyStep, "copyStep");
+function manualMiddle(host, hosts, endpointUrl, connectPrompt) {
+  if (host.configureStages && host.configureStages.length > 0) {
+    return [
+      copyStep(endpointUrl),
+      ...host.configureStages.map((stage) => ({
+        id: stage.id,
+        label: stage.label,
+        render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(ConfigureStageStep, { nav, host: resolveHost(hosts, nav.data.selectedHost), stage }), "render")
+      }))
+    ];
+  }
+  return [
+    copyStep(endpointUrl),
+    {
+      id: "configure",
+      label: "Configurar",
+      render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(ConfigureStep, { nav, host: resolveHost(hosts, nav.data.selectedHost) }), "render")
+    },
+    {
+      id: "connect",
+      label: "Conectar",
+      render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(ConnectStep, { nav, host: resolveHost(hosts, nav.data.selectedHost), connectPrompt }), "render")
+    }
+  ];
+}
+__name(manualMiddle, "manualMiddle");
+function simpleMiddle(hosts, connectPrompt) {
+  return [
+    {
+      id: "install",
+      label: "Instalar",
+      render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(InstallStep, { nav, host: resolveHost(hosts, nav.data.selectedHost), connectPrompt }), "render")
+    }
+  ];
+}
+__name(simpleMiddle, "simpleMiddle");
+function buildFlowSteps(opts) {
+  const { host, hosts, endpointUrl, connectPrompt, connections, onRetest } = opts;
+  const middle = host.pluginUrl ? simpleMiddle(hosts, connectPrompt) : manualMiddle(host, hosts, endpointUrl, connectPrompt);
+  const confirm = {
+    id: "confirm",
+    label: "Confirmar",
+    render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(ConfirmStep, { nav, connections, hosts, onRetest }), "render")
+  };
+  return [selectStep(hosts), ...middle, confirm];
+}
+__name(buildFlowSteps, "buildFlowSteps");
+
+// src/react/ai-onboarding.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var DEFAULT_FEATURE_KEY = "ai_integration";
+function AiOnboardingFlow(props) {
+  const {
+    endpointUrl,
+    connections,
+    hosts,
+    capabilities,
+    permissionModel,
+    connectPrompt,
+    onRetest,
+    onDisconnect,
+    devReset
+  } = props;
+  const { state } = useOnboarding();
+  const selectedHost = hosts.find((h) => h.id === state.data.selectedHost) ?? hosts[0];
+  const steps = buildFlowSteps({
+    host: selectedHost,
+    hosts,
+    endpointUrl,
+    connectPrompt,
+    connections,
+    onRetest
+  });
+  const connectedHostId = state.data.connectedHost ?? state.data.selectedHost;
+  return /* @__PURE__ */ jsx11(
+    GuidedSection,
+    {
+      steps,
+      title: "Conecte assistentes de IA \xE0 sua loja",
+      startLabel: "Ver como conectar",
+      renderLanding: (start) => /* @__PURE__ */ jsx11(
+        AiLanding,
+        {
+          onStart: start,
+          permissionModel,
+          capabilities
+        }
+      ),
+      configuredTitle: connectedTitle(connections, hosts, connectedHostId),
+      configuredSummary: connectedSummary(connections),
+      editLabel: "Conectar IA",
+      completedContent: (nav) => /* @__PURE__ */ jsx11(
+        StatusBoard,
+        {
+          nav,
+          connections,
+          hosts,
+          onDisconnect
+        }
+      ),
+      devReset,
+      dataTestId: "ai-onboarding"
+    }
+  );
+}
+__name(AiOnboardingFlow, "AiOnboardingFlow");
+function AiIntegrationOnboarding({
+  store,
+  endpointUrl,
+  initialState,
+  connections,
+  featureKey = DEFAULT_FEATURE_KEY,
+  devReset = false,
+  platformName,
+  hosts = aiHostGuides(platformName),
+  capabilities = AI_CAPABILITIES,
+  permissionModel = AI_PERMISSION_MODEL,
+  connectPrompt,
+  onRetest = /* @__PURE__ */ __name(() => {
+    if (typeof window !== "undefined") window.location.reload();
+  }, "onRetest"),
+  onDisconnect
+}) {
+  return /* @__PURE__ */ jsx11(
+    OnboardingProvider,
+    {
+      featureKey,
+      store,
+      initialState,
+      children: /* @__PURE__ */ jsx11(
+        AiOnboardingFlow,
+        {
+          endpointUrl,
+          connections,
+          hosts,
+          capabilities,
+          permissionModel,
+          connectPrompt,
+          onRetest,
+          onDisconnect,
+          devReset
+        }
+      )
+    }
+  );
+}
+__name(AiIntegrationOnboarding, "AiIntegrationOnboarding");
+export {
+  AI_CAPABILITIES,
+  AI_PERMISSION_MODEL,
+  AiCapabilities,
+  AiIntegrationOnboarding,
+  AiLanding,
+  AiStatusBoard,
+  CapabilityIcon,
+  EndpointCopyBlock,
+  FeatureBadge,
+  HostBrandAvatar,
+  HostConnectHeader,
+  HostOpenButton,
+  HostSelectStep,
+  HostStepList,
+  McpEndpointUrl,
+  PromptCopyBlock,
+  aiConnectPrompt,
+  aiHostGuides,
+  providerForHostId
+};
+//# sourceMappingURL=index.js.map