@12-apps/mcp 3.5.1 → 3.7.0

package/dist/react/index.js

@@ -1,10 +1,13 @@
 import {
-  AI_CAPABILITIES,
-  AI_PERMISSION_MODEL,
+  PT_BR_AI_CAPABILITIES,
+  PT_BR_AI_CONNECT_PROMPT,
+  PT_BR_AI_HOST_GUIDES,
+  PT_BR_AI_PERMISSION_MODEL
+} from "../chunk-HRAQKMDC.js";
+import {
   aiConnectPrompt,
-  aiHostGuides,
   providerForHostId
-} from "../chunk-FYEVBTDU.js";
+} from "../chunk-FBUSSQSK.js";
 import {
   __name
 } from "../chunk-7QVYU63E.js";
@@ -143,12 +146,13 @@ function CapabilityCard({ capability }) {
 }
 __name(CapabilityCard, "CapabilityCard");
 function AiCapabilities({
-  capabilities = AI_CAPABILITIES
+  capabilities,
+  copy
 }) {
   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(Text, { variant: "heading", size: "sm", as: "h2", children: copy.heading }),
+      /* @__PURE__ */ jsx2(Box2, { sx: { mt: 0.5 }, children: /* @__PURE__ */ jsx2(Text, { variant: "body", size: "sm", as: "p", color: "secondary", children: copy.subheading }) })
     ] }),
     /* @__PURE__ */ jsx2(
       Box2,
@@ -201,13 +205,24 @@ __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 }) {
+var TRUST_ICONS = {
+  login: /* @__PURE__ */ jsx4(LockOpenOutlinedIcon, {}),
+  install: /* @__PURE__ */ jsx4(BoltOutlinedIcon, {}),
+  permissions: /* @__PURE__ */ jsx4(VerifiedUserOutlinedIcon, {}),
+  surface: /* @__PURE__ */ jsx4(LanguageOutlinedIcon, {})
+};
+function trustBadges(trust) {
+  return trust.map((point) => ({
+    icon: TRUST_ICONS[point.id],
+    label: point.label,
+    caption: point.caption
+  }));
+}
+__name(trustBadges, "trustBadges");
+function Hero({
+  onStart,
+  copy
+}) {
   return /* @__PURE__ */ jsxs3(Stack2, { spacing: 2.5, sx: { maxWidth: 680 }, children: [
     /* @__PURE__ */ jsx4(
       Box4,
@@ -219,7 +234,7 @@ function Hero({ onStart }) {
           letterSpacing: 1.2,
           textTransform: "uppercase"
         },
-        children: "Integra\xE7\xE3o com IA"
+        children: copy.eyebrow
       }
     ),
     /* @__PURE__ */ jsxs3(Text3, { variant: "heading", size: "xl", weight: "bold", as: "h1", children: [
@@ -227,20 +242,22 @@ function Hero({ onStart }) {
       " ",
       /* @__PURE__ */ jsx4(Box4, { component: "span", sx: { color: "primary.main" }, children: "assistentes de IA" }),
       " ",
-      "\xE0 sua loja"
+      copy.titleTail
     ] }),
-    /* @__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(Text3, { variant: "body", color: "secondary", as: "p", children: copy.lede }),
     /* @__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
+  permissionModel,
+  capabilities,
+  copy,
+  capabilitiesCopy
 }) {
   return /* @__PURE__ */ jsxs3(Stack2, { spacing: 6, "data-testid": "ai-landing", children: [
-    /* @__PURE__ */ jsx4(Hero, { onStart }),
+    /* @__PURE__ */ jsx4(Hero, { onStart, copy }),
     /* @__PURE__ */ jsxs3(
       Stack2,
       {
@@ -279,12 +296,12 @@ function AiLanding({
               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))
+            children: trustBadges(copy.trust).map((f) => /* @__PURE__ */ jsx4(FeatureBadge, { icon: f.icon, label: f.label, caption: f.caption }, f.label))
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(AiCapabilities, { capabilities }) })
+    /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(AiCapabilities, { capabilities, copy: capabilitiesCopy }) })
   ] });
 }
 __name(AiLanding, "AiLanding");
@@ -311,13 +328,13 @@ function connectionForHost(connections, hostId) {
   return connections.find((c) => c.host === provider) ?? connections.find((c) => c.host === null) ?? null;
 }
 __name(connectionForHost, "connectionForHost");
-function activeAgo(date) {
+function activeAgo(date, copy) {
   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`;
+  if (minutes < 1) return copy.activeNow;
+  if (minutes < 60) return copy.activeMinutes(minutes);
   const hours = Math.floor(minutes / 60);
-  if (hours < 24) return `ativo h\xE1 ${hours} h`;
-  return `ativo h\xE1 ${Math.floor(hours / 24)} dias`;
+  if (hours < 24) return copy.activeHours(hours);
+  return copy.activeDays(Math.floor(hours / 24));
 }
 __name(activeAgo, "activeAgo");
 function mostRecent(connections) {
@@ -327,20 +344,20 @@ function mostRecent(connections) {
   );
 }
 __name(mostRecent, "mostRecent");
-function connectedTitle(connections, hosts, connectedHostId) {
+function connectedTitle(connections, hosts, connectedHostId, copy) {
   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 `${PROVIDER_LABEL[providers[0]]} ${copy.connectedSuffix}`;
   if (providers.length > 1) {
-    return `${providers.map((p) => PROVIDER_LABEL[p]).join(", ")} conectados`;
+    return copy.connectedSeveral(providers.map((p) => PROVIDER_LABEL[p]).join(", "));
   }
-  if (connections.length > 0) return `${hostLabel(hosts, connectedHostId)} Conectado`;
-  return "IA conectada";
+  if (connections.length > 0) return `${hostLabel(hosts, connectedHostId)} ${copy.connectedSuffix}`;
+  return copy.connectedGeneric;
 }
 __name(connectedTitle, "connectedTitle");
-function connectedSummary(connections) {
+function connectedSummary(connections, copy) {
   const recent = mostRecent(connections);
-  if (!recent) return "Integra\xE7\xE3o configurada";
-  return activeAgo(recent.lastActiveAt);
+  if (!recent) return copy.configured;
+  return activeAgo(recent.lastActiveAt, copy);
 }
 __name(connectedSummary, "connectedSummary");
 
@@ -380,7 +397,9 @@ import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function EndpointCopyBlock({
   endpointUrl,
   copied,
-  onCopy
+  onCopy,
+  flowCopy,
+  copy
 }) {
   const handleClick = /* @__PURE__ */ __name(() => {
     if (typeof navigator !== "undefined" && navigator.clipboard) {
@@ -399,12 +418,12 @@ function EndpointCopyBlock({
         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(Text4, { variant: "caption", as: "p", weight: "bold", children: copy.urlLabel }),
+        /* @__PURE__ */ jsx6(Text4, { variant: "caption", as: "p", color: "secondary", children: copy.urlHint }),
         /* @__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"
+          copied ? flowCopy.copied : flowCopy.copyUrl
         ] }) })
       ]
     }
@@ -414,7 +433,8 @@ __name(EndpointCopyBlock, "EndpointCopyBlock");
 function PromptCopyBlock({
   title,
   caption,
-  message
+  message,
+  flowCopy
 }) {
   const [copied, setCopied] = useState(false);
   const handleClick = /* @__PURE__ */ __name(() => {
@@ -453,20 +473,20 @@ function PromptCopyBlock({
         ),
         /* @__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"
+          copied ? flowCopy.copied : flowCopy.copyMessage
         ] }) })
       ]
     }
   );
 }
 __name(PromptCopyBlock, "PromptCopyBlock");
-function HostConnectHeader({ host }) {
+function HostConnectHeader({
+  host,
+  copy
+}) {
   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
-    ] })
+    /* @__PURE__ */ jsx6(Text4, { variant: "heading", size: "sm", as: "h3", children: copy.connectOn(host.label) })
   ] });
 }
 __name(HostConnectHeader, "HostConnectHeader");
@@ -491,10 +511,13 @@ function HostOpenButton({
   ) });
 }
 __name(HostOpenButton, "HostOpenButton");
-function HostDocsLink({ host }) {
+function HostDocsLink({
+  host,
+  copy
+}) {
   if (!host.docs) return null;
   return /* @__PURE__ */ jsxs4(Text4, { variant: "caption", as: "p", color: "secondary", children: [
-    "Para mais informa\xE7\xF5es, consulte a",
+    copy.moreInfo,
     " ",
     /* @__PURE__ */ jsx6(
       Box5,
@@ -527,46 +550,56 @@ var POLL_INTERVAL_MS = 3e3;
 function StepNav({
   nav,
   onNext,
-  nextLabel = "Pr\xF3ximo",
+  nextLabel,
   nextDisabled = false,
-  nextTestId
+  nextTestId,
+  copy
 }) {
   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, { variant: "ghost", onClick: () => nav.back(), "data-testid": "ai-step-back", children: copy.flow.back }),
     /* @__PURE__ */ jsx7(Button3, { onClick: onNext, disabled: nextDisabled, "data-testid": nextTestId, children: nextLabel })
   ] });
 }
 __name(StepNav, "StepNav");
-function CopyUrlStep({ nav, endpointUrl }) {
+function CopyUrlStep({
+  nav,
+  endpointUrl,
+  copy
+}) {
   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(Text5, { variant: "heading", size: "sm", as: "h2", children: copy.flow.copyUrlTitle }),
+      /* @__PURE__ */ jsx7(Text5, { variant: "caption", as: "p", color: "secondary", children: copy.flow.urlCaption })
     ] }),
-    /* @__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" }) })
+    /* @__PURE__ */ jsx7(EndpointCopyBlock, { copy: copy.connectGuide, flowCopy: copy.flow, endpointUrl, copied: false, onCopy: () => nav.next() }),
+    /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsx7(Button3, { variant: "ghost", onClick: () => nav.back(), "data-testid": "ai-step-back", children: copy.flow.back }) })
   ] });
 }
 __name(CopyUrlStep, "CopyUrlStep");
-function ConfigureStep({ nav, host }) {
+function ConfigureStep({
+  nav,
+  host,
+  copy
+}) {
   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(HostConnectHeader, { copy: copy.connectGuide, 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" })
+    /* @__PURE__ */ jsx7(HostDocsLink, { copy: copy.connectGuide, host }),
+    /* @__PURE__ */ jsx7(StepNav, { copy, nav, onNext: () => nav.next(), nextDisabled: !opened, nextTestId: "ai-configure-next" })
   ] });
 }
 __name(ConfigureStep, "ConfigureStep");
 function ConfigureStageStep({
   nav,
   host,
-  stage
+  stage,
+  copy
 }) {
   const [opened, setOpened] = useState2(!stage.link);
   return /* @__PURE__ */ jsxs5(Stack4, { spacing: 2.5, "data-testid": `ai-stage-${stage.id}`, children: [
-    /* @__PURE__ */ jsx7(HostConnectHeader, { host }),
+    /* @__PURE__ */ jsx7(HostConnectHeader, { copy: copy.connectGuide, host }),
     stage.link && /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsxs5(
       Button3,
       {
@@ -582,10 +615,11 @@ function ConfigureStageStep({
       }
     ) }),
     /* @__PURE__ */ jsx7(HostStepList, { steps: stage.steps, start: 1 }),
-    /* @__PURE__ */ jsx7(HostDocsLink, { host }),
+    /* @__PURE__ */ jsx7(HostDocsLink, { copy: copy.connectGuide, host }),
     /* @__PURE__ */ jsx7(
       StepNav,
       {
+        copy,
         nav,
         onNext: () => nav.next(),
         nextDisabled: !opened,
@@ -598,33 +632,36 @@ __name(ConfigureStageStep, "ConfigureStageStep");
 function ConnectStep({
   nav,
   host,
-  connectPrompt
+  connectPrompt,
+  copy
 }) {
   return /* @__PURE__ */ jsxs5(Stack4, { spacing: 2.5, "data-testid": "ai-connect-step", children: [
-    /* @__PURE__ */ jsx7(HostConnectHeader, { host }),
+    /* @__PURE__ */ jsx7(HostConnectHeader, { copy: copy.connectGuide, 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.",
+        flowCopy: copy.flow,
+        title: copy.flow.pasteTitle,
+        caption: copy.flow.promptCaption,
         message: connectPrompt
       }
     ),
-    /* @__PURE__ */ jsx7(HostDocsLink, { host }),
-    /* @__PURE__ */ jsx7(StepNav, { nav, onNext: () => nav.next(), nextLabel: "Continuar", nextTestId: "ai-connect-done" })
+    /* @__PURE__ */ jsx7(HostDocsLink, { copy: copy.connectGuide, host }),
+    /* @__PURE__ */ jsx7(StepNav, { copy, nav, onNext: () => nav.next(), nextLabel: copy.flow.advance, nextTestId: "ai-connect-done" })
   ] });
 }
 __name(ConnectStep, "ConnectStep");
 function InstallStep({
   nav,
   host,
-  connectPrompt
+  connectPrompt,
+  copy
 }) {
   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." }),
+    /* @__PURE__ */ jsx7(HostConnectHeader, { copy: copy.connectGuide, host }),
+    /* @__PURE__ */ jsx7(Text5, { variant: "body", as: "p", color: "secondary", children: copy.flow.installBody }),
     host.pluginUrl && /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsxs5(
       Button3,
       {
@@ -634,7 +671,7 @@ function InstallStep({
         },
         "data-testid": "ai-install-open",
         children: [
-          "Instalar o plugin da loja",
+          copy.flow.installAction,
           /* @__PURE__ */ jsx7(OpenInNewIcon2, { sx: { fontSize: 16, ml: 0.5 } })
         ]
       }
@@ -642,18 +679,20 @@ function InstallStep({
     /* @__PURE__ */ jsx7(
       PromptCopyBlock,
       {
-        title: "Pe\xE7a ao assistente para conectar",
-        caption: "Cole no assistente para ele se conectar, se identificar e confirmar o acesso.",
+        flowCopy: copy.flow,
+        title: copy.flow.askTitle,
+        caption: copy.flow.pasteInstallCaption,
         message: connectPrompt
       }
     ),
-    /* @__PURE__ */ jsx7(HostDocsLink, { host }),
+    /* @__PURE__ */ jsx7(HostDocsLink, { copy: copy.connectGuide, host }),
     /* @__PURE__ */ jsx7(
       StepNav,
       {
+        copy,
         nav,
         onNext: () => nav.next(),
-        nextLabel: "Continuar",
+        nextLabel: copy.flow.advance,
         nextDisabled: !opened,
         nextTestId: "ai-install-done"
       }
@@ -665,7 +704,8 @@ function ConfirmStep({
   nav,
   connections,
   hosts,
-  onRetest
+  onRetest,
+  copy
 }) {
   const selectedHostId = nav.data.selectedHost;
   const connection = connectionForHost(connections, selectedHostId);
@@ -680,42 +720,36 @@ function ConfirmStep({
       /* @__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(Text5, { variant: "body", weight: "bold", as: "p", children: copy.flow.connectedTo(label) }),
+          /* @__PURE__ */ jsx7(Text5, { variant: "caption", as: "p", color: "secondary", children: activeAgo(connection.lastActiveAt, copy.summary) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsx7(Button3, { onClick: () => nav.complete({ connectedHost: selectedHostId }), children: "Concluir" }) })
+      /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsx7(Button3, { onClick: () => nav.complete({ connectedHost: selectedHostId }), children: copy.flow.finish }) })
     ] });
   }
   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__ */ jsx7(Text5, { variant: "body", weight: "bold", as: "p", children: copy.flow.waitingTitle }),
+        /* @__PURE__ */ jsx7(Text5, { variant: "caption", as: "p", color: "secondary", children: copy.flow.waitingBody(label) })
       ] })
     ] }),
     /* @__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" })
+      /* @__PURE__ */ jsx7(Button3, { variant: "ghost", size: "sm", onClick: onRetest, "data-testid": "ai-confirm-retest", children: copy.flow.testNow }),
+      /* @__PURE__ */ jsx7(Button3, { variant: "ghost", size: "sm", onClick: () => nav.back(), children: copy.flow.back })
     ] })
   ] });
 }
 __name(ConfirmStep, "ConfirmStep");
 
 // src/react/ai-status-board.tsx
+import { useMemo } from "react";
 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 { createConfirmButton } 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";
@@ -724,8 +758,13 @@ import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function ConnectedControls({
   host,
   onConnect,
-  onDisconnect
+  onDisconnect,
+  copy
 }) {
+  const DisconnectButton = useMemo(
+    () => createConfirmButton(copy.confirmAction, copy.disconnectError),
+    [copy.confirmAction, copy.disconnectError]
+  );
   return /* @__PURE__ */ jsxs6(
     Stack5,
     {
@@ -745,7 +784,7 @@ function ConnectedControls({
               bgcolor: "success.main",
               color: "success.contrastText"
             },
-            children: /* @__PURE__ */ jsx8(Text6, { variant: "caption", weight: "bold", as: "span", children: "Conectado" })
+            children: /* @__PURE__ */ jsx8(Text6, { variant: "caption", weight: "bold", as: "span", children: copy.connected })
           }
         ),
         /* @__PURE__ */ jsxs6(
@@ -757,28 +796,28 @@ function ConnectedControls({
             "data-testid": `ai-status-instructions-${host.id}`,
             children: [
               /* @__PURE__ */ jsx8(MenuBookOutlinedIcon, { sx: { fontSize: 16, mr: 0.5 } }),
-              "Instru\xE7\xF5es"
+              copy.instructions
             ]
           }
         ),
         onDisconnect ? /* @__PURE__ */ jsxs6(
-          ConfirmButton,
+          DisconnectButton,
           {
             variant: "outline",
             color: "danger",
             size: "sm",
             onClick: () => onDisconnect(host.id),
             confirm: {
-              title: "Desconectar o assistente?",
+              title: copy.disconnectTitle,
               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",
+              description: copy.disconnectBody,
+              confirmText: copy.disconnectConfirm,
               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"
+              copy.disconnect
             ]
           }
         ) : null
@@ -790,7 +829,8 @@ __name(ConnectedControls, "ConnectedControls");
 function StatusBox({
   status,
   onConnect,
-  onDisconnect
+  onDisconnect,
+  copy
 }) {
   const { host, connected, detail } = status;
   return /* @__PURE__ */ jsxs6(
@@ -815,9 +855,9 @@ function StatusBox({
             /* @__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" })
+          /* @__PURE__ */ jsx8(Text6, { variant: "caption", as: "p", color: "secondary", children: connected ? detail ?? copy.connected : copy.notConnected })
         ] }),
-        connected ? /* @__PURE__ */ jsx8(ConnectedControls, { host, onConnect, onDisconnect }) : /* @__PURE__ */ jsxs6(
+        connected ? /* @__PURE__ */ jsx8(ConnectedControls, { copy, host, onConnect, onDisconnect }) : /* @__PURE__ */ jsxs6(
           Button4,
           {
             variant: "outline",
@@ -838,12 +878,13 @@ __name(StatusBox, "StatusBox");
 function AiStatusBoard({
   statuses,
   onConnect,
-  onDisconnect
+  onDisconnect,
+  copy
 }) {
   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(Text6, { variant: "heading", size: "sm", as: "h2", children: copy.boardTitle }),
+      /* @__PURE__ */ jsx8(Text6, { variant: "caption", as: "p", color: "secondary", children: copy.boardCaption })
     ] }),
     /* @__PURE__ */ jsx8(
       Box7,
@@ -856,6 +897,7 @@ function AiStatusBoard({
         children: statuses.map((status) => /* @__PURE__ */ jsx8(
           StatusBox,
           {
+            copy,
             status,
             onConnect,
             onDisconnect
@@ -923,12 +965,13 @@ __name(HostCard, "HostCard");
 function HostSelectStep({
   hosts,
   selectedId,
-  onSelect
+  onSelect,
+  copy
 }) {
   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(Text7, { variant: "caption", as: "p", color: "secondary", children: copy.caption })
     ] }),
     /* @__PURE__ */ jsx9(
       Box8,
@@ -959,7 +1002,8 @@ function StatusBoard({
   nav,
   connections,
   hosts,
-  onDisconnect
+  onDisconnect,
+  copy
 }) {
   const legacyHostId = nav.data.connectedHost ?? nav.data.selectedHost;
   const statuses = hosts.map((host) => {
@@ -968,7 +1012,7 @@ function StatusBoard({
     return {
       host,
       connected: connection !== null,
-      detail: connection ? activeAgo(connection.lastActiveAt) : void 0
+      detail: connection ? activeAgo(connection.lastActiveAt, copy.summary) : void 0
     };
   });
   const goToConnect = /* @__PURE__ */ __name((hostId) => {
@@ -984,18 +1028,19 @@ function StatusBoard({
     );
     if (!othersLive) goToConnect(hostId);
   } : void 0;
-  return /* @__PURE__ */ jsx10(AiStatusBoard, { statuses, onConnect: goToConnect, onDisconnect: disconnect });
+  return /* @__PURE__ */ jsx10(AiStatusBoard, { copy: copy.statusBoard, statuses, onConnect: goToConnect, onDisconnect: disconnect });
 }
 __name(StatusBoard, "StatusBoard");
-function selectStep(hosts) {
+function selectStep(hosts, copy) {
   return {
     id: "select",
-    label: "Escolher",
+    label: copy.flow.steps.select,
     render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(
       HostSelectStep,
       {
         hosts,
         selectedId: nav.data.selectedHost ?? null,
+        copy: copy.hostSelect,
         onSelect: (hostId) => nav.goTo(hosts.find((h) => h.id === hostId)?.pluginUrl ? "install" : "copy", {
           selectedHost: hostId
         })
@@ -1004,59 +1049,99 @@ function selectStep(hosts) {
   };
 }
 __name(selectStep, "selectStep");
-function copyStep(endpointUrl) {
+function copyStep(endpointUrl, copy) {
   return {
     id: "copy",
-    label: "Copiar URL",
-    render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(CopyUrlStep, { nav, endpointUrl }), "render")
+    label: copy.flow.steps.copyUrl,
+    render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(CopyUrlStep, { copy, nav, endpointUrl }), "render")
   };
 }
 __name(copyStep, "copyStep");
-function manualMiddle(host, hosts, endpointUrl, connectPrompt) {
+function manualMiddle(host, hosts, endpointUrl, connectPrompt, copy) {
   if (host.configureStages && host.configureStages.length > 0) {
     return [
-      copyStep(endpointUrl),
+      copyStep(endpointUrl, copy),
       ...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")
+        render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(
+          ConfigureStageStep,
+          {
+            nav,
+            host: resolveHost(hosts, nav.data.selectedHost),
+            stage,
+            copy
+          }
+        ), "render")
       }))
     ];
   }
   return [
-    copyStep(endpointUrl),
+    copyStep(endpointUrl, copy),
     {
       id: "configure",
-      label: "Configurar",
-      render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(ConfigureStep, { nav, host: resolveHost(hosts, nav.data.selectedHost) }), "render")
+      label: copy.flow.steps.configure,
+      render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(
+        ConfigureStep,
+        {
+          nav,
+          host: resolveHost(hosts, nav.data.selectedHost),
+          copy
+        }
+      ), "render")
     },
     {
       id: "connect",
-      label: "Conectar",
-      render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(ConnectStep, { nav, host: resolveHost(hosts, nav.data.selectedHost), connectPrompt }), "render")
+      label: copy.flow.steps.connect,
+      render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(
+        ConnectStep,
+        {
+          nav,
+          host: resolveHost(hosts, nav.data.selectedHost),
+          connectPrompt,
+          copy
+        }
+      ), "render")
     }
   ];
 }
 __name(manualMiddle, "manualMiddle");
-function simpleMiddle(hosts, connectPrompt) {
+function simpleMiddle(hosts, connectPrompt, copy) {
   return [
     {
       id: "install",
-      label: "Instalar",
-      render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(InstallStep, { nav, host: resolveHost(hosts, nav.data.selectedHost), connectPrompt }), "render")
+      label: copy.flow.steps.install,
+      render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(
+        InstallStep,
+        {
+          nav,
+          host: resolveHost(hosts, nav.data.selectedHost),
+          connectPrompt,
+          copy
+        }
+      ), "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 { host, hosts, endpointUrl, connectPrompt, connections, onRetest, copy } = opts;
+  const middle = host.pluginUrl ? simpleMiddle(hosts, connectPrompt, copy) : manualMiddle(host, hosts, endpointUrl, connectPrompt, copy);
   const confirm = {
     id: "confirm",
-    label: "Confirmar",
-    render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(ConfirmStep, { nav, connections, hosts, onRetest }), "render")
+    label: copy.flow.steps.confirm,
+    render: /* @__PURE__ */ __name((nav) => /* @__PURE__ */ jsx10(
+      ConfirmStep,
+      {
+        nav,
+        connections,
+        hosts,
+        onRetest,
+        copy
+      }
+    ), "render")
   };
-  return [selectStep(hosts), ...middle, confirm];
+  return [selectStep(hosts, copy), ...middle, confirm];
 }
 __name(buildFlowSteps, "buildFlowSteps");
 
@@ -1073,7 +1158,8 @@ function AiOnboardingFlow(props) {
     connectPrompt,
     onRetest,
     onDisconnect,
-    devReset
+    devReset,
+    copy
   } = props;
   const { state } = useOnboarding();
   const selectedHost = hosts.find((h) => h.id === state.data.selectedHost) ?? hosts[0];
@@ -1083,33 +1169,38 @@ function AiOnboardingFlow(props) {
     endpointUrl,
     connectPrompt,
     connections,
-    onRetest
+    onRetest,
+    copy
   });
   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",
+      title: copy.onboarding.title,
+      startLabel: copy.landing.start,
       renderLanding: (start) => /* @__PURE__ */ jsx11(
         AiLanding,
         {
           onStart: start,
           permissionModel,
-          capabilities
+          capabilities,
+          copy: copy.landing,
+          capabilitiesCopy: copy.capabilities
         }
       ),
-      configuredTitle: connectedTitle(connections, hosts, connectedHostId),
-      configuredSummary: connectedSummary(connections),
-      editLabel: "Conectar IA",
+      configuredTitle: connectedTitle(connections, hosts, connectedHostId, copy.summary),
+      configuredSummary: connectedSummary(connections, copy.summary),
+      editLabel: copy.onboarding.editLabel,
+      collapseLabel: copy.onboarding.collapseLabel,
       completedContent: (nav) => /* @__PURE__ */ jsx11(
         StatusBoard,
         {
           nav,
           connections,
           hosts,
-          onDisconnect
+          onDisconnect,
+          copy
         }
       ),
       devReset,
@@ -1125,15 +1216,15 @@ function AiIntegrationOnboarding({
   connections,
   featureKey = DEFAULT_FEATURE_KEY,
   devReset = false,
-  platformName,
-  hosts = aiHostGuides(platformName),
-  capabilities = AI_CAPABILITIES,
-  permissionModel = AI_PERMISSION_MODEL,
+  hosts,
+  capabilities,
+  permissionModel,
   connectPrompt,
   onRetest = /* @__PURE__ */ __name(() => {
     if (typeof window !== "undefined") window.location.reload();
   }, "onRetest"),
-  onDisconnect
+  onDisconnect,
+  copy
 }) {
   return /* @__PURE__ */ jsx11(
     OnboardingProvider,
@@ -1152,16 +1243,111 @@ function AiIntegrationOnboarding({
           connectPrompt,
           onRetest,
           onDisconnect,
-          devReset
+          devReset,
+          copy
         }
       )
     }
   );
 }
 __name(AiIntegrationOnboarding, "AiIntegrationOnboarding");
+
+// src/react/pt-BR.ts
+import { PT_BR_CONFIRM_ACTION_COPY } from "@12-apps/ui/pt-BR";
+var PT_BR_MCP_AI_COPY = {
+  capabilities: {
+    heading: "O que o assistente faz por voc\xEA",
+    subheading: "Sem planilhas, sem cliques \u2014 \xE9 s\xF3 perguntar na conversa."
+  },
+  landing: {
+    eyebrow: "Integra\xE7\xE3o com IA",
+    titleTail: "\xE0 sua loja",
+    lede: "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.",
+    trust: [
+      {
+        id: "login",
+        label: "Usa o seu pr\xF3prio login",
+        caption: "Sem chaves ou credenciais extras"
+      },
+      { id: "install", label: "Sem instalar nada", caption: "Conecta em poucos minutos" },
+      {
+        id: "permissions",
+        label: "S\xF3 o que voc\xEA pode",
+        caption: "As suas permiss\xF5es, nada al\xE9m"
+      },
+      { id: "surface", label: "Navegador ou app", caption: "Claude, ChatGPT, Codex" }
+    ],
+    start: "Come\xE7ar"
+  },
+  flow: {
+    steps: {
+      select: "Escolher",
+      copyUrl: "Copiar URL",
+      configure: "Configurar",
+      connect: "Conectar",
+      install: "Instalar",
+      confirm: "Confirmar"
+    },
+    back: "Voltar",
+    next: "Pr\xF3ximo",
+    advance: "Continuar",
+    finish: "Concluir",
+    copyUrl: "Copiar URL",
+    copied: "Copiado",
+    copyMessage: "Copiar mensagem",
+    copyUrlTitle: "Copie a URL da sua loja",
+    urlCaption: "\xC9 o \xFAnico dado que voc\xEA cola no assistente \u2014 ao copiar, seguimos para o pr\xF3ximo passo.",
+    promptCaption: "Assim ele se conecta, se identifica (Claude, ChatGPT\u2026) e registramos a conex\xE3o.",
+    askTitle: "Pe\xE7a ao assistente para conectar",
+    installBody: "Abra o plugin da sua loja, clique em Instalar e autorize o acesso \u2014 sem copiar URL nem gerar credenciais.",
+    installAction: "Instalar o plugin da loja",
+    pasteTitle: "Cole esta mensagem no assistente",
+    pasteInstallCaption: "Cole no assistente para ele se conectar, se identificar e confirmar o acesso.",
+    connectedTo: /* @__PURE__ */ __name((hostLabel2) => `${hostLabel2} est\xE1 conectado \xE0 sua loja.`, "connectedTo"),
+    waitingTitle: "Esperando conex\xE3o",
+    waitingBody: /* @__PURE__ */ __name((hostLabel2) => `Assim que voc\xEA autorizar o acesso no ${hostLabel2}, ela aparece aqui automaticamente.`, "waitingBody"),
+    testNow: "Testar agora"
+  },
+  statusBoard: {
+    instructions: "Instru\xE7\xF5es",
+    connected: "Conectado",
+    notConnected: "Ainda n\xE3o conectado",
+    connect: "Conectar",
+    disconnect: "Desconectar",
+    disconnectTitle: "Desconectar o assistente?",
+    disconnectBody: "Ele perde o acesso \xE0 sua loja na hora. Para voltar a usar, ser\xE1 preciso conectar de novo.",
+    disconnectConfirm: "Desconectar",
+    disconnectError: "N\xE3o foi poss\xEDvel desconectar. Tente de novo.",
+    boardTitle: "Assistentes conectados",
+    boardCaption: "Em verde os que j\xE1 operam a sua loja; em vermelho os que faltam conectar.",
+    confirmAction: PT_BR_CONFIRM_ACTION_COPY
+  },
+  summary: {
+    activeNow: "ativo agora",
+    activeMinutes: /* @__PURE__ */ __name((minutes) => `ativo h\xE1 ${minutes} min`, "activeMinutes"),
+    activeHours: /* @__PURE__ */ __name((hours) => `ativo h\xE1 ${hours} h`, "activeHours"),
+    activeDays: /* @__PURE__ */ __name((days) => `ativo h\xE1 ${days} dias`, "activeDays"),
+    configured: "Integra\xE7\xE3o configurada",
+    connectedSuffix: "Conectado",
+    connectedSeveral: /* @__PURE__ */ __name((names) => `${names} conectados`, "connectedSeveral"),
+    connectedGeneric: "IA conectada"
+  },
+  hostSelect: {
+    caption: "Selecione onde voc\xEA usa a IA \u2014 o passo a passo \xE9 feito sob medida para ele."
+  },
+  connectGuide: {
+    urlLabel: "URL do servidor da sua loja",
+    urlHint: "Copie esta URL e cole no seu assistente para conect\xE1-lo \xE0 loja.",
+    moreInfo: "Para mais informa\xE7\xF5es, consulte a",
+    connectOn: /* @__PURE__ */ __name((hostLabel2) => `Conectar no ${hostLabel2}`, "connectOn")
+  },
+  onboarding: {
+    title: "Conecte assistentes de IA \xE0 sua loja",
+    editLabel: "Conectar IA",
+    collapseLabel: "Ocultar"
+  }
+};
 export {
-  AI_CAPABILITIES,
-  AI_PERMISSION_MODEL,
   AiCapabilities,
   AiIntegrationOnboarding,
   AiLanding,
@@ -1175,9 +1361,13 @@ export {
   HostSelectStep,
   HostStepList,
   McpEndpointUrl,
+  PT_BR_AI_CAPABILITIES,
+  PT_BR_AI_CONNECT_PROMPT,
+  PT_BR_AI_HOST_GUIDES,
+  PT_BR_AI_PERMISSION_MODEL,
+  PT_BR_MCP_AI_COPY,
   PromptCopyBlock,
   aiConnectPrompt,
-  aiHostGuides,
   providerForHostId
 };
 //# sourceMappingURL=index.js.map