@octaviaflow/core 3.1.0-beta.115 → 3.1.0-beta.116

package/dist/marketing.js

@@ -1,16 +1,24 @@
 import {
+  AssistantAura,
+  AssistantConversation,
+  AssistantHeaderButton,
+  AssistantOrb,
   BlogCard,
+  ChatSuggestions,
+  CloseGlyph,
   CountUp,
+  NewChatGlyph,
   TestimonialCard,
-  Textarea
-} from "./chunk-ZALBYWCU.js";
+  Textarea,
+  assistantStateOf
+} from "./chunk-WTIM6E4X.js";
 import {
   Accordion,
   Button,
   Input,
   Select,
   Spinner
-} from "./chunk-75JAQ4ZG.js";
+} from "./chunk-V22HCPVO.js";
 import {
   cn
 } from "./chunk-ZAUUGK2Y.js";
@@ -47,8 +55,254 @@ function AssistantTranscript({
   ] });
 }
 
+// src/marketing/components/AssistantWidget/AssistantWidget.tsx
+import {
+  useCallback,
+  useEffect,
+  useId,
+  useRef,
+  useState
+} from "react";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function AssistantWidget({
+  variant = "floating",
+  position = "right",
+  frame = false,
+  device = "desktop",
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  name = "Ova",
+  subtitle = "Octaviaflow assistant",
+  avatar,
+  launcherLabel = "Ask Ova",
+  teaser,
+  onTeaserDismiss,
+  aura = "normal",
+  greeting,
+  suggestions,
+  messages,
+  busy = false,
+  onSend,
+  onStop,
+  onRate,
+  onAnswer,
+  onSkipAsk,
+  onReset,
+  offline = false,
+  fallback,
+  placeholder = "Ask about Octaviaflow\u2026",
+  maxLength,
+  composerDisabled = false,
+  error,
+  notice,
+  className,
+  ...rest
+}) {
+  const [openState, setOpenState] = useState(defaultOpen);
+  const open = variant === "embed" ? true : openProp ?? openState;
+  const setOpen = useCallback(
+    (next) => {
+      if (openProp === void 0) setOpenState(next);
+      onOpenChange?.(next);
+    },
+    [openProp, onOpenChange]
+  );
+  const [teaserHidden, setTeaserHidden] = useState(false);
+  const panelId = useId();
+  const nameId = useId();
+  const launcherRef = useRef(null);
+  const panelRef = useRef(null);
+  const overlay = variant !== "embed";
+  const state = assistantStateOf(messages, busy, false, { offline, error: Boolean(error) });
+  const nameText = typeof name === "string" ? name : "chat";
+  useEffect(() => {
+    if (overlay && open) panelRef.current?.querySelector("textarea")?.focus();
+  }, [open, overlay]);
+  useEffect(() => {
+    if (!overlay || !open) return;
+    const onKey = (e) => {
+      if (e.key !== "Escape") return;
+      setOpen(false);
+      launcherRef.current?.focus();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open, overlay, setOpen]);
+  const close = () => {
+    setOpen(false);
+    launcherRef.current?.focus();
+  };
+  const actions = /* @__PURE__ */ jsxs2(Fragment, { children: [
+    onReset && !offline && /* @__PURE__ */ jsx2(AssistantHeaderButton, { label: "Start a new chat", onClick: onReset, disabled: busy, children: /* @__PURE__ */ jsx2(NewChatGlyph, {}) }),
+    overlay && /* @__PURE__ */ jsx2(AssistantHeaderButton, { label: `Close ${nameText}`, onClick: close, children: /* @__PURE__ */ jsx2(CloseGlyph, {}) })
+  ] });
+  const conversation = /* @__PURE__ */ jsx2(
+    AssistantConversation,
+    {
+      name,
+      subtitle,
+      avatar,
+      nameId,
+      actions,
+      aura,
+      greeting,
+      suggestions,
+      messages,
+      replacement: offline ? fallback : void 0,
+      ...offline ? { state: "offline" } : {},
+      busy,
+      onSend,
+      onStop,
+      onRate,
+      onAnswer,
+      onSkipAsk,
+      placeholder,
+      maxLength,
+      composerDisabled,
+      error,
+      notice
+    }
+  );
+  const rootClass = cn(
+    "ods-mkt-assistant",
+    `ods-mkt-assistant--${variant}`,
+    `ods-mkt-assistant--${position}`,
+    frame && "ods-mkt-assistant--framed",
+    frame && device === "mobile" && "ods-mkt-assistant--phone",
+    open && "ods-mkt-assistant--open",
+    className
+  );
+  if (variant === "embed") {
+    const started = messages.length > 0 || offline;
+    return /* @__PURE__ */ jsx2("div", { ...rest, className: rootClass, children: started ? /* @__PURE__ */ jsx2("section", { "aria-labelledby": nameId, className: "ods-mkt-assistant__embed", children: conversation }) : /* @__PURE__ */ jsxs2(AssistantAura, { state, intensity: aura, className: "ods-mkt-assistant__ask", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "ods-mkt-assistant__ask-head", children: [
+        /* @__PURE__ */ jsx2(AssistantOrb, { state, size: "lg", children: avatar }),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx2("div", { id: nameId, className: "ods-mkt-assistant__ask-title", children: greeting ?? `Ask ${nameText} anything` }),
+          /* @__PURE__ */ jsx2("div", { className: "ods-mkt-assistant__ask-sub", children: subtitle })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2(
+        "form",
+        {
+          className: "ods-mkt-assistant__ask-form",
+          onSubmit: (e) => {
+            e.preventDefault();
+            const field = e.currentTarget.elements.namedItem("q");
+            if (field.value.trim()) onSend?.(field.value.trim());
+            field.value = "";
+          },
+          children: [
+            /* @__PURE__ */ jsx2(
+              "input",
+              {
+                name: "q",
+                className: "ods-mkt-assistant__ask-input",
+                placeholder,
+                "aria-label": placeholder,
+                maxLength,
+                autoComplete: "off"
+              }
+            ),
+            /* @__PURE__ */ jsx2("button", { type: "submit", className: "ods-mkt-assistant__ask-send", children: launcherLabel })
+          ]
+        }
+      ),
+      (suggestions?.length ?? 0) > 0 && /* @__PURE__ */ jsx2(
+        ChatSuggestions,
+        {
+          items: suggestions ?? [],
+          onSelect: (v) => onSend?.(v),
+          size: "sm",
+          layout: "wrap"
+        }
+      ),
+      notice && /* @__PURE__ */ jsx2("div", { className: "ods-mkt-assistant__ask-notice", children: notice })
+    ] }) });
+  }
+  const panel = open && /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ref: panelRef,
+      id: panelId,
+      role: "dialog",
+      "aria-labelledby": nameId,
+      className: "ods-mkt-assistant__panel",
+      children: conversation
+    }
+  );
+  const showTeaser = !open && teaser && !teaserHidden && variant !== "bar";
+  const barLauncher = !open && /* @__PURE__ */ jsx2(AssistantAura, { state, intensity: aura, className: "ods-mkt-assistant__bar", children: /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      ref: launcherRef,
+      type: "button",
+      className: "ods-mkt-assistant__bar-button",
+      "aria-expanded": false,
+      onClick: () => setOpen(true),
+      children: [
+        /* @__PURE__ */ jsx2(AssistantOrb, { state, size: "sm", children: avatar }),
+        /* @__PURE__ */ jsx2("span", { className: "ods-mkt-assistant__bar-text", children: placeholder }),
+        /* @__PURE__ */ jsx2("span", { className: "ods-mkt-assistant__bar-cta", children: launcherLabel })
+      ]
+    }
+  ) });
+  const cornerLauncher = /* @__PURE__ */ jsx2(
+    AssistantAura,
+    {
+      state,
+      intensity: open ? "off" : aura,
+      className: "ods-mkt-assistant__launcher-aura",
+      children: /* @__PURE__ */ jsxs2(
+        "button",
+        {
+          ref: launcherRef,
+          type: "button",
+          className: "ods-mkt-assistant__launcher",
+          "aria-expanded": open,
+          "aria-controls": open ? panelId : void 0,
+          onClick: () => setOpen(!open),
+          children: [
+            open ? /* @__PURE__ */ jsx2("span", { className: "ods-mkt-assistant__launcher-icon", children: /* @__PURE__ */ jsx2(CloseGlyph, {}) }) : /* @__PURE__ */ jsx2(AssistantOrb, { state, size: "sm", children: avatar }),
+            /* @__PURE__ */ jsx2("span", { className: "ods-mkt-assistant__launcher-label", children: open ? "Close" : launcherLabel })
+          ]
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsxs2("div", { ...rest, className: rootClass, children: [
+    panel,
+    showTeaser && /* @__PURE__ */ jsxs2("div", { className: "ods-mkt-assistant__teaser", children: [
+      /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          className: "ods-mkt-assistant__teaser-text",
+          onClick: () => setOpen(true),
+          children: teaser
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          className: "ods-mkt-assistant__teaser-close",
+          "aria-label": "Dismiss",
+          onClick: () => {
+            setTeaserHidden(true);
+            onTeaserDismiss?.();
+          },
+          children: /* @__PURE__ */ jsx2(CloseGlyph, {})
+        }
+      )
+    ] }),
+    variant === "bar" ? barLauncher : cornerLauncher
+  ] });
+}
+
 // src/marketing/components/BackedBy/BackedBy.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function BackedBy({
   items,
   label = "Backed by",
@@ -57,22 +311,22 @@ function BackedBy({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       ...rest,
       className: cn("ods-mkt-backedby", align === "start" && "ods-mkt-backedby--start", className),
       children: [
-        label && /* @__PURE__ */ jsx2("p", { className: "ods-mkt-backedby__label", children: label }),
-        /* @__PURE__ */ jsx2("div", { className: "ods-mkt-backedby__row", children: items.map((item) => /* @__PURE__ */ jsx2("span", { className: "ods-mkt-backedby__mark", title: item.name, children: item.icon ?? /* @__PURE__ */ jsx2("span", { className: "ods-mkt-backedby__wordmark", children: item.name }) }, item.id)) }),
-        note && /* @__PURE__ */ jsx2("p", { className: "ods-mkt-backedby__note", children: note })
+        label && /* @__PURE__ */ jsx3("p", { className: "ods-mkt-backedby__label", children: label }),
+        /* @__PURE__ */ jsx3("div", { className: "ods-mkt-backedby__row", children: items.map((item) => /* @__PURE__ */ jsx3("span", { className: "ods-mkt-backedby__mark", title: item.name, children: item.icon ?? /* @__PURE__ */ jsx3("span", { className: "ods-mkt-backedby__wordmark", children: item.name }) }, item.id)) }),
+        note && /* @__PURE__ */ jsx3("p", { className: "ods-mkt-backedby__note", children: note })
       ]
     }
   );
 }
 
 // src/marketing/components/BetaAccessForm/BetaAccessForm.tsx
-import { useId, useState } from "react";
+import { useId as useId2, useState as useState2 } from "react";
 
 // src/marketing/components/WorkflowShowcase/showcaseEngine.ts
 var SETTLED_PHASES = [
@@ -249,7 +503,7 @@ function isValidEmail(value) {
 }
 
 // src/marketing/components/BetaAccessForm/BetaAccessForm.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function BetaAccessForm({
   title = "Request early access",
   subtitle = "CURRENTLY IN PRIVATE BETA \u2014 WE REVIEW ACCESS REQUESTS WEEKLY",
@@ -271,8 +525,8 @@ function BetaAccessForm({
   disabled = false,
   className
 }) {
-  const uid = useId();
-  const [values, setValues] = useState({
+  const uid = useId2();
+  const [values, setValues] = useState2({
     email: "",
     name: "",
     firstName: "",
@@ -283,8 +537,8 @@ function BetaAccessForm({
     useCase: "",
     details: ""
   });
-  const [phase, setPhase] = useState("idle");
-  const [error, setError] = useState(null);
+  const [phase, setPhase] = useState2("idle");
+  const [error, setError] = useState2(null);
   const handleSubmit = async (event) => {
     event.preventDefault();
     if (phase === "submitting") return;
@@ -320,7 +574,7 @@ function BetaAccessForm({
   };
   const inline = appearance === "inline";
   if (phase === "success") {
-    return /* @__PURE__ */ jsxs3(
+    return /* @__PURE__ */ jsxs4(
       "div",
       {
         className: cn(
@@ -331,28 +585,28 @@ function BetaAccessForm({
         ),
         role: "status",
         children: [
-          /* @__PURE__ */ jsxs3("p", { className: "ods-mkt-access__success-mark", children: [
+          /* @__PURE__ */ jsxs4("p", { className: "ods-mkt-access__success-mark", children: [
             "\u2713 ",
             successTitle
           ] }),
-          /* @__PURE__ */ jsx3("p", { className: "ods-mkt-access__success-body", children: successBody })
+          /* @__PURE__ */ jsx4("p", { className: "ods-mkt-access__success-body", children: successBody })
         ]
       }
     );
   }
   const busy = disabled || phase === "submitting";
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "form",
     {
       className: cn("ods-mkt-access", inline && "ods-mkt-access--inline", className),
       onSubmit: handleSubmit,
       noValidate: true,
       children: [
-        /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__head", children: [
-          /* @__PURE__ */ jsx3("h3", { className: "ods-mkt-access__title", children: title }),
-          subtitle && /* @__PURE__ */ jsx3("p", { className: "ods-mkt-access__subtitle", children: subtitle })
+        /* @__PURE__ */ jsxs4("div", { className: "ods-mkt-access__head", children: [
+          /* @__PURE__ */ jsx4("h3", { className: "ods-mkt-access__title", children: title }),
+          subtitle && /* @__PURE__ */ jsx4("p", { className: "ods-mkt-access__subtitle", children: subtitle })
         ] }),
-        /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs4(
           "div",
           {
             className: cn(
@@ -360,9 +614,9 @@ function BetaAccessForm({
               fields === "full" && "ods-mkt-access__fields--full"
             ),
             children: [
-              fields === "full" && nameLayout === "single" && /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
-                /* @__PURE__ */ jsx3("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-name`, children: "Full name" }),
-                /* @__PURE__ */ jsx3(
+              fields === "full" && nameLayout === "single" && /* @__PURE__ */ jsxs4("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx4("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-name`, children: "Full name" }),
+                /* @__PURE__ */ jsx4(
                   Input,
                   {
                     id: `${uid}-name`,
@@ -374,10 +628,10 @@ function BetaAccessForm({
                   }
                 )
               ] }),
-              fields === "full" && nameLayout === "split" && /* @__PURE__ */ jsxs3(Fragment, { children: [
-                /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
-                  /* @__PURE__ */ jsx3("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-firstname`, children: "First name" }),
-                  /* @__PURE__ */ jsx3(
+              fields === "full" && nameLayout === "split" && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+                /* @__PURE__ */ jsxs4("div", { className: "ods-mkt-access__field", children: [
+                  /* @__PURE__ */ jsx4("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-firstname`, children: "First name" }),
+                  /* @__PURE__ */ jsx4(
                     Input,
                     {
                       id: `${uid}-firstname`,
@@ -389,9 +643,9 @@ function BetaAccessForm({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
-                  /* @__PURE__ */ jsx3("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-lastname`, children: "Last name" }),
-                  /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsxs4("div", { className: "ods-mkt-access__field", children: [
+                  /* @__PURE__ */ jsx4("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-lastname`, children: "Last name" }),
+                  /* @__PURE__ */ jsx4(
                     Input,
                     {
                       id: `${uid}-lastname`,
@@ -404,9 +658,9 @@ function BetaAccessForm({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
-                /* @__PURE__ */ jsx3("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-email`, children: "Work email" }),
-                /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsxs4("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx4("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-email`, children: "Work email" }),
+                /* @__PURE__ */ jsx4(
                   Input,
                   {
                     id: `${uid}-email`,
@@ -419,9 +673,9 @@ function BetaAccessForm({
                   }
                 )
               ] }),
-              fields === "full" && /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
-                /* @__PURE__ */ jsx3("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-company`, children: "Company" }),
-                /* @__PURE__ */ jsx3(
+              fields === "full" && /* @__PURE__ */ jsxs4("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx4("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-company`, children: "Company" }),
+                /* @__PURE__ */ jsx4(
                   Input,
                   {
                     id: `${uid}-company`,
@@ -433,9 +687,9 @@ function BetaAccessForm({
                   }
                 )
               ] }),
-              fields === "full" && teamSizes && teamSizes.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
-                /* @__PURE__ */ jsx3("span", { className: "ods-mkt-access__label", id: `${uid}-teamsize-label`, children: "Team size" }),
-                /* @__PURE__ */ jsx3(
+              fields === "full" && teamSizes && teamSizes.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx4("span", { className: "ods-mkt-access__label", id: `${uid}-teamsize-label`, children: "Team size" }),
+                /* @__PURE__ */ jsx4(
                   Select,
                   {
                     "aria-labelledby": `${uid}-teamsize-label`,
@@ -447,9 +701,9 @@ function BetaAccessForm({
                   }
                 )
               ] }),
-              fields === "full" && plans && plans.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
-                /* @__PURE__ */ jsx3("span", { className: "ods-mkt-access__label", id: `${uid}-plan-label`, children: "Plan (optional)" }),
-                /* @__PURE__ */ jsx3(
+              fields === "full" && plans && plans.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx4("span", { className: "ods-mkt-access__label", id: `${uid}-plan-label`, children: "Plan (optional)" }),
+                /* @__PURE__ */ jsx4(
                   Select,
                   {
                     "aria-labelledby": `${uid}-plan-label`,
@@ -461,9 +715,9 @@ function BetaAccessForm({
                   }
                 )
               ] }),
-              fields === "full" && useCases && useCases.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field", children: [
-                /* @__PURE__ */ jsx3("span", { className: "ods-mkt-access__label", id: `${uid}-usecase-label`, children: "Primary use case" }),
-                /* @__PURE__ */ jsx3(
+              fields === "full" && useCases && useCases.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "ods-mkt-access__field", children: [
+                /* @__PURE__ */ jsx4("span", { className: "ods-mkt-access__label", id: `${uid}-usecase-label`, children: "Primary use case" }),
+                /* @__PURE__ */ jsx4(
                   Select,
                   {
                     "aria-labelledby": `${uid}-usecase-label`,
@@ -475,8 +729,8 @@ function BetaAccessForm({
                   }
                 )
               ] }),
-              fields === "full" && showDetails && /* @__PURE__ */ jsxs3("div", { className: "ods-mkt-access__field ods-mkt-access__field--wide", children: [
-                /* @__PURE__ */ jsx3(
+              fields === "full" && showDetails && /* @__PURE__ */ jsxs4("div", { className: "ods-mkt-access__field ods-mkt-access__field--wide", children: [
+                /* @__PURE__ */ jsx4(
                   "label",
                   {
                     className: "ods-mkt-access__label",
@@ -485,7 +739,7 @@ function BetaAccessForm({
                     children: detailsLabel
                   }
                 ),
-                /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsx4(
                   Textarea,
                   {
                     id: `${uid}-details`,
@@ -498,7 +752,7 @@ function BetaAccessForm({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(
                 Button,
                 {
                   type: "submit",
@@ -511,15 +765,15 @@ function BetaAccessForm({
             ]
           }
         ),
-        error && /* @__PURE__ */ jsx3("p", { className: "ods-mkt-access__error", role: "alert", children: error }),
-        footnote && /* @__PURE__ */ jsx3("p", { className: "ods-mkt-access__footnote", children: footnote })
+        error && /* @__PURE__ */ jsx4("p", { className: "ods-mkt-access__error", role: "alert", children: error }),
+        footnote && /* @__PURE__ */ jsx4("p", { className: "ods-mkt-access__footnote", children: footnote })
       ]
     }
   );
 }
 
 // src/marketing/components/BlogGrid/BlogGrid.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function BlogGrid({
   posts,
   columns = 3,
@@ -528,8 +782,8 @@ function BlogGrid({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs4("div", { ...rest, className: cn("ods-mkt-blog", className), children: [
-    /* @__PURE__ */ jsx4("div", { className: cn("ods-mkt-blog__grid", `ods-mkt-blog__grid--${columns}`), children: posts.map((post) => /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs5("div", { ...rest, className: cn("ods-mkt-blog", className), children: [
+    /* @__PURE__ */ jsx5("div", { className: cn("ods-mkt-blog__grid", `ods-mkt-blog__grid--${columns}`), children: posts.map((post) => /* @__PURE__ */ jsx5(
       BlogCard,
       {
         title: post.title,
@@ -543,13 +797,13 @@ function BlogGrid({
       },
       post.id
     )) }),
-    viewAllHref && /* @__PURE__ */ jsx4("div", { className: "ods-mkt-blog__more", children: /* @__PURE__ */ jsx4("a", { className: "ods-mkt-blog__more-link", href: viewAllHref, children: viewAllLabel }) })
+    viewAllHref && /* @__PURE__ */ jsx5("div", { className: "ods-mkt-blog__more", children: /* @__PURE__ */ jsx5("a", { className: "ods-mkt-blog__more-link", href: viewAllHref, children: viewAllLabel }) })
   ] });
 }
 
 // src/marketing/components/ContactForm/ContactForm.tsx
-import { useId as useId2, useState as useState2 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useId as useId3, useState as useState3 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function ContactForm({
   title = "Talk to us",
   subtitle = "SALES \xB7 PARTNERSHIPS \xB7 ANYTHING ELSE \u2014 WE READ EVERYTHING",
@@ -562,8 +816,8 @@ function ContactForm({
   disabled = false,
   className
 }) {
-  const uid = useId2();
-  const [values, setValues] = useState2({
+  const uid = useId3();
+  const [values, setValues] = useState3({
     name: "",
     email: "",
     company: "",
@@ -571,8 +825,8 @@ function ContactForm({
     message: ""
   });
   const selectedTopic = topics?.find((t) => t.value === values.topic);
-  const [phase, setPhase] = useState2("idle");
-  const [error, setError] = useState2(null);
+  const [phase, setPhase] = useState3("idle");
+  const [error, setError] = useState3(null);
   const handleSubmit = async (event) => {
     event.preventDefault();
     if (phase === "submitting") return;
@@ -603,24 +857,24 @@ function ContactForm({
     }
   };
   if (phase === "success") {
-    return /* @__PURE__ */ jsxs5("div", { className: cn("ods-mkt-contact", "ods-mkt-contact--success", className), role: "status", children: [
-      /* @__PURE__ */ jsxs5("p", { className: "ods-mkt-contact__success-mark", children: [
+    return /* @__PURE__ */ jsxs6("div", { className: cn("ods-mkt-contact", "ods-mkt-contact--success", className), role: "status", children: [
+      /* @__PURE__ */ jsxs6("p", { className: "ods-mkt-contact__success-mark", children: [
         "\u2713 ",
         successTitle
       ] }),
-      /* @__PURE__ */ jsx5("p", { className: "ods-mkt-contact__success-body", children: successBody })
+      /* @__PURE__ */ jsx6("p", { className: "ods-mkt-contact__success-body", children: successBody })
     ] });
   }
   const busy = disabled || phase === "submitting";
-  return /* @__PURE__ */ jsxs5("form", { className: cn("ods-mkt-contact", className), onSubmit: handleSubmit, noValidate: true, children: [
-    /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__head", children: [
-      /* @__PURE__ */ jsx5("h3", { className: "ods-mkt-contact__title", children: title }),
-      subtitle && /* @__PURE__ */ jsx5("p", { className: "ods-mkt-contact__subtitle", children: subtitle })
+  return /* @__PURE__ */ jsxs6("form", { className: cn("ods-mkt-contact", className), onSubmit: handleSubmit, noValidate: true, children: [
+    /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-contact__head", children: [
+      /* @__PURE__ */ jsx6("h3", { className: "ods-mkt-contact__title", children: title }),
+      subtitle && /* @__PURE__ */ jsx6("p", { className: "ods-mkt-contact__subtitle", children: subtitle })
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__grid", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__field", children: [
-        /* @__PURE__ */ jsx5("label", { className: "ods-mkt-contact__label", htmlFor: `${uid}-name`, children: "Full name" }),
-        /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-contact__grid", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-contact__field", children: [
+        /* @__PURE__ */ jsx6("label", { className: "ods-mkt-contact__label", htmlFor: `${uid}-name`, children: "Full name" }),
+        /* @__PURE__ */ jsx6(
           Input,
           {
             id: `${uid}-name`,
@@ -632,9 +886,9 @@ function ContactForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__field", children: [
-        /* @__PURE__ */ jsx5("label", { className: "ods-mkt-contact__label", htmlFor: `${uid}-email`, children: "Work email" }),
-        /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-contact__field", children: [
+        /* @__PURE__ */ jsx6("label", { className: "ods-mkt-contact__label", htmlFor: `${uid}-email`, children: "Work email" }),
+        /* @__PURE__ */ jsx6(
           Input,
           {
             id: `${uid}-email`,
@@ -647,12 +901,12 @@ function ContactForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__field ods-mkt-contact__field--wide", children: [
-        /* @__PURE__ */ jsxs5("label", { className: "ods-mkt-contact__label", htmlFor: `${uid}-company`, children: [
+      /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-contact__field ods-mkt-contact__field--wide", children: [
+        /* @__PURE__ */ jsxs6("label", { className: "ods-mkt-contact__label", htmlFor: `${uid}-company`, children: [
           "Company ",
-          /* @__PURE__ */ jsx5("span", { className: "ods-mkt-contact__optional", children: "(optional)" })
+          /* @__PURE__ */ jsx6("span", { className: "ods-mkt-contact__optional", children: "(optional)" })
         ] }),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           Input,
           {
             id: `${uid}-company`,
@@ -664,9 +918,9 @@ function ContactForm({
           }
         )
       ] }),
-      topics && topics.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__field ods-mkt-contact__field--wide", children: [
-        /* @__PURE__ */ jsx5("span", { className: "ods-mkt-contact__label", id: `${uid}-topic-label`, children: "Topic" }),
-        /* @__PURE__ */ jsx5(
+      topics && topics.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-contact__field ods-mkt-contact__field--wide", children: [
+        /* @__PURE__ */ jsx6("span", { className: "ods-mkt-contact__label", id: `${uid}-topic-label`, children: "Topic" }),
+        /* @__PURE__ */ jsx6(
           Select,
           {
             "aria-labelledby": `${uid}-topic-label`,
@@ -677,10 +931,10 @@ function ContactForm({
             disabled: busy
           }
         ),
-        selectedTopic?.hint && /* @__PURE__ */ jsx5("p", { className: "ods-mkt-contact__topic-hint", children: selectedTopic.hint })
+        selectedTopic?.hint && /* @__PURE__ */ jsx6("p", { className: "ods-mkt-contact__topic-hint", children: selectedTopic.hint })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__field ods-mkt-contact__field--wide", children: [
-        /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-contact__field ods-mkt-contact__field--wide", children: [
+        /* @__PURE__ */ jsx6(
           "label",
           {
             className: "ods-mkt-contact__label",
@@ -689,7 +943,7 @@ function ContactForm({
             children: "Message"
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           Textarea,
           {
             id: `${uid}-message`,
@@ -703,10 +957,10 @@ function ContactForm({
         )
       ] })
     ] }),
-    error && /* @__PURE__ */ jsx5("p", { className: "ods-mkt-contact__error", role: "alert", children: error }),
-    /* @__PURE__ */ jsxs5("div", { className: "ods-mkt-contact__foot", children: [
-      footnote && /* @__PURE__ */ jsx5("p", { className: "ods-mkt-contact__footnote", children: footnote }),
-      /* @__PURE__ */ jsx5(
+    error && /* @__PURE__ */ jsx6("p", { className: "ods-mkt-contact__error", role: "alert", children: error }),
+    /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-contact__foot", children: [
+      footnote && /* @__PURE__ */ jsx6("p", { className: "ods-mkt-contact__footnote", children: footnote }),
+      /* @__PURE__ */ jsx6(
         Button,
         {
           type: "submit",
@@ -721,13 +975,13 @@ function ContactForm({
 }
 
 // src/marketing/components/CtaBanner/CtaBanner.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function Action({
   action,
   variant
 }) {
   if (action.href) {
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx7(
       "a",
       {
         className: cn("ods-mkt-cta__link", `ods-mkt-cta__link--${variant}`),
@@ -737,7 +991,7 @@ function Action({
       }
     );
   }
-  return /* @__PURE__ */ jsx6(Button, { variant, onClick: action.onClick, children: action.label });
+  return /* @__PURE__ */ jsx7(Button, { variant, onClick: action.onClick, children: action.label });
 }
 function CtaBanner({
   title,
@@ -748,19 +1002,19 @@ function CtaBanner({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs6("section", { ...rest, className: cn("ods-mkt-cta", className), children: [
-    /* @__PURE__ */ jsx6("h2", { className: "ods-mkt-cta__title", children: title }),
-    lede && /* @__PURE__ */ jsx6("p", { className: "ods-mkt-cta__lede", children: lede }),
-    /* @__PURE__ */ jsxs6("div", { className: "ods-mkt-cta__actions", children: [
-      /* @__PURE__ */ jsx6(Action, { action: primary, variant: "primary" }),
-      secondary && /* @__PURE__ */ jsx6(Action, { action: secondary, variant: "secondary" })
+  return /* @__PURE__ */ jsxs7("section", { ...rest, className: cn("ods-mkt-cta", className), children: [
+    /* @__PURE__ */ jsx7("h2", { className: "ods-mkt-cta__title", children: title }),
+    lede && /* @__PURE__ */ jsx7("p", { className: "ods-mkt-cta__lede", children: lede }),
+    /* @__PURE__ */ jsxs7("div", { className: "ods-mkt-cta__actions", children: [
+      /* @__PURE__ */ jsx7(Action, { action: primary, variant: "primary" }),
+      secondary && /* @__PURE__ */ jsx7(Action, { action: secondary, variant: "secondary" })
     ] }),
-    footnote && /* @__PURE__ */ jsx6("p", { className: "ods-mkt-cta__footnote", children: footnote })
+    footnote && /* @__PURE__ */ jsx7("p", { className: "ods-mkt-cta__footnote", children: footnote })
   ] });
 }
 
 // src/marketing/components/FaqSection/FaqSection.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function FaqSection({
   items,
   columns = 1,
@@ -770,7 +1024,7 @@ function FaqSection({
 }) {
   const half = Math.ceil(items.length / 2);
   const columnItems = columns === 2 ? [items.slice(0, half), items.slice(half)] : [items];
-  return /* @__PURE__ */ jsx7("div", { ...rest, className: cn("ods-mkt-faq", columns === 2 && "ods-mkt-faq--2", className), children: columnItems.map((column, i) => /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8("div", { ...rest, className: cn("ods-mkt-faq", columns === 2 && "ods-mkt-faq--2", className), children: columnItems.map((column, i) => /* @__PURE__ */ jsx8(
     Accordion,
     {
       mode: "multiple",
@@ -778,7 +1032,7 @@ function FaqSection({
       items: column.map((item) => ({
         id: item.id,
         label: item.question,
-        content: /* @__PURE__ */ jsx7("div", { className: "ods-mkt-faq__answer", children: item.answer })
+        content: /* @__PURE__ */ jsx8("div", { className: "ods-mkt-faq__answer", children: item.answer })
       }))
     },
     i
@@ -786,7 +1040,7 @@ function FaqSection({
 }
 
 // src/marketing/components/FeatureGrid/FeatureGrid.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function FeatureGrid({
   items,
   columns = 3,
@@ -794,7 +1048,7 @@ function FeatureGrid({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       ...rest,
@@ -804,10 +1058,10 @@ function FeatureGrid({
         dense && "ods-mkt-features--dense",
         className
       ),
-      children: items.map((item) => /* @__PURE__ */ jsxs7("article", { className: "ods-mkt-features__cell", children: [
-        item.icon && /* @__PURE__ */ jsx8("span", { className: "ods-mkt-features__icon", "aria-hidden": "true", children: item.icon }),
-        /* @__PURE__ */ jsx8("h3", { className: "ods-mkt-features__title", children: item.title }),
-        /* @__PURE__ */ jsx8("p", { className: "ods-mkt-features__body", children: item.body })
+      children: items.map((item) => /* @__PURE__ */ jsxs8("article", { className: "ods-mkt-features__cell", children: [
+        item.icon && /* @__PURE__ */ jsx9("span", { className: "ods-mkt-features__icon", "aria-hidden": "true", children: item.icon }),
+        /* @__PURE__ */ jsx9("h3", { className: "ods-mkt-features__title", children: item.title }),
+        /* @__PURE__ */ jsx9("p", { className: "ods-mkt-features__body", children: item.body })
       ] }, item.id))
     }
   );
@@ -815,10 +1069,10 @@ function FeatureGrid({
 
 // src/marketing/components/IntegrationsFinder/IntegrationsFinder.tsx
 import { CheckmarkIcon, SearchIcon } from "@octaviaflow/icons";
-import { useMemo, useState as useState3 } from "react";
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useMemo, useState as useState4 } from "react";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function LetterTile({ name }) {
-  return /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__letter", "aria-hidden": "true", children: name.trim().charAt(0).toUpperCase() });
+  return /* @__PURE__ */ jsx10("span", { className: "ods-mkt-finder__letter", "aria-hidden": "true", children: name.trim().charAt(0).toUpperCase() });
 }
 function IntegrationsFinder({
   items,
@@ -829,11 +1083,11 @@ function IntegrationsFinder({
   requestErrorHint = "Couldn't send right now \u2014 please try again in a moment.",
   className
 }) {
-  const [query, setQuery] = useState3("");
-  const [activeCategory, setActiveCategory] = useState3(null);
-  const [email, setEmail] = useState3("");
-  const [requestState, setRequestState] = useState3("idle");
-  const [emailError, setEmailError] = useState3(false);
+  const [query, setQuery] = useState4("");
+  const [activeCategory, setActiveCategory] = useState4(null);
+  const [email, setEmail] = useState4("");
+  const [requestState, setRequestState] = useState4("idle");
+  const [emailError, setEmailError] = useState4(false);
   const pillCategories = useMemo(() => {
     if (categories?.length) return categories;
     const seen = [];
@@ -879,14 +1133,14 @@ function IntegrationsFinder({
       setRequestState("error");
     }
   };
-  return /* @__PURE__ */ jsxs8("div", { className: cn("ods-mkt-finder", className), children: [
-    /* @__PURE__ */ jsx9("div", { className: "ods-mkt-finder__search", children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs9("div", { className: cn("ods-mkt-finder", className), children: [
+    /* @__PURE__ */ jsx10("div", { className: "ods-mkt-finder__search", children: /* @__PURE__ */ jsx10(
       Input,
       {
         type: "search",
         "aria-label": "Search connectors",
         placeholder: searchPlaceholder,
-        leftIcon: /* @__PURE__ */ jsx9(SearchIcon, { size: "sm" }),
+        leftIcon: /* @__PURE__ */ jsx10(SearchIcon, { size: "sm" }),
         value: query,
         onChange: (e) => {
           setQuery(e.target.value);
@@ -894,8 +1148,8 @@ function IntegrationsFinder({
         }
       }
     ) }),
-    /* @__PURE__ */ jsxs8("fieldset", { className: "ods-mkt-finder__pills", "aria-label": "Connector categories", children: [
-      /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsxs9("fieldset", { className: "ods-mkt-finder__pills", "aria-label": "Connector categories", children: [
+      /* @__PURE__ */ jsxs9(
         "button",
         {
           type: "button",
@@ -906,11 +1160,11 @@ function IntegrationsFinder({
           onClick: () => setActiveCategory(null),
           children: [
             "All ",
-            /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__count", children: items.length })
+            /* @__PURE__ */ jsx10("span", { className: "ods-mkt-finder__count", children: items.length })
           ]
         }
       ),
-      pillCategories.map((category) => /* @__PURE__ */ jsxs8(
+      pillCategories.map((category) => /* @__PURE__ */ jsxs9(
         "button",
         {
           type: "button",
@@ -922,34 +1176,34 @@ function IntegrationsFinder({
           children: [
             category,
             " ",
-            /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__count", children: counts.get(category) ?? 0 })
+            /* @__PURE__ */ jsx10("span", { className: "ods-mkt-finder__count", children: counts.get(category) ?? 0 })
           ]
         },
         category
       ))
     ] }),
-    results.length > 0 ? /* @__PURE__ */ jsx9("div", { className: "ods-mkt-finder__grid", children: results.map((item) => /* @__PURE__ */ jsxs8("div", { className: "ods-mkt-finder__card", children: [
-      /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__card-icon", "aria-hidden": "true", children: item.icon ?? /* @__PURE__ */ jsx9(LetterTile, { name: item.name }) }),
-      /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__card-name", children: item.name }),
-      (item.kind ?? "native") === "universal" && /* @__PURE__ */ jsx9("span", { className: "ods-mkt-finder__badge", children: universalBadgeLabel })
-    ] }, item.name)) }) : /* @__PURE__ */ jsx9("div", { className: "ods-mkt-finder__miss", children: requestState === "sent" ? /* @__PURE__ */ jsxs8("p", { className: "ods-mkt-finder__sent", role: "status", children: [
-      /* @__PURE__ */ jsx9(CheckmarkIcon, { size: "sm", "aria-hidden": "true" }),
+    results.length > 0 ? /* @__PURE__ */ jsx10("div", { className: "ods-mkt-finder__grid", children: results.map((item) => /* @__PURE__ */ jsxs9("div", { className: "ods-mkt-finder__card", children: [
+      /* @__PURE__ */ jsx10("span", { className: "ods-mkt-finder__card-icon", "aria-hidden": "true", children: item.icon ?? /* @__PURE__ */ jsx10(LetterTile, { name: item.name }) }),
+      /* @__PURE__ */ jsx10("span", { className: "ods-mkt-finder__card-name", children: item.name }),
+      (item.kind ?? "native") === "universal" && /* @__PURE__ */ jsx10("span", { className: "ods-mkt-finder__badge", children: universalBadgeLabel })
+    ] }, item.name)) }) : /* @__PURE__ */ jsx10("div", { className: "ods-mkt-finder__miss", children: requestState === "sent" ? /* @__PURE__ */ jsxs9("p", { className: "ods-mkt-finder__sent", role: "status", children: [
+      /* @__PURE__ */ jsx10(CheckmarkIcon, { size: "sm", "aria-hidden": "true" }),
       " Got it \u2014 we'll let you know when a",
       " ",
-      /* @__PURE__ */ jsx9("strong", { children: query.trim() }),
+      /* @__PURE__ */ jsx10("strong", { children: query.trim() }),
       " connector is available."
-    ] }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      /* @__PURE__ */ jsxs8("h3", { className: "ods-mkt-finder__miss-title", children: [
+    ] }) : /* @__PURE__ */ jsxs9(Fragment3, { children: [
+      /* @__PURE__ */ jsxs9("h3", { className: "ods-mkt-finder__miss-title", children: [
         "No native ",
-        /* @__PURE__ */ jsx9("strong", { children: query.trim() }),
+        /* @__PURE__ */ jsx10("strong", { children: query.trim() }),
         " connector yet"
       ] }),
-      /* @__PURE__ */ jsxs8("p", { className: "ods-mkt-finder__miss-body", children: [
+      /* @__PURE__ */ jsxs9("p", { className: "ods-mkt-finder__miss-body", children: [
         "Our universal open connectors likely cover it today \u2014 and we build native connectors on request. ",
         onRequestConnector && "Leave your email and we'll notify you."
       ] }),
-      onRequestConnector && /* @__PURE__ */ jsxs8("form", { className: "ods-mkt-finder__miss-form", onSubmit: handleRequest, noValidate: true, children: [
-        /* @__PURE__ */ jsx9(
+      onRequestConnector && /* @__PURE__ */ jsxs9("form", { className: "ods-mkt-finder__miss-form", onSubmit: handleRequest, noValidate: true, children: [
+        /* @__PURE__ */ jsx10(
           Input,
           {
             type: "email",
@@ -964,15 +1218,15 @@ function IntegrationsFinder({
             }
           }
         ),
-        /* @__PURE__ */ jsx9(Button, { type: "submit", variant: "primary", loading: requestState === "sending", children: "Request connector" })
+        /* @__PURE__ */ jsx10(Button, { type: "submit", variant: "primary", loading: requestState === "sending", children: "Request connector" })
       ] }),
-      requestState === "error" && /* @__PURE__ */ jsx9("p", { className: "ods-mkt-finder__miss-error", role: "alert", children: requestErrorHint })
+      requestState === "error" && /* @__PURE__ */ jsx10("p", { className: "ods-mkt-finder__miss-error", role: "alert", children: requestErrorHint })
     ] }) })
   ] });
 }
 
 // src/marketing/components/IntegrationsWall/IntegrationsWall.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function IntegrationsWall({
   categories,
   footnote,
@@ -980,26 +1234,26 @@ function IntegrationsWall({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs9("div", { ...rest, className: cn("ods-mkt-wall", className), children: [
-    /* @__PURE__ */ jsx10("div", { className: cn("ods-mkt-wall__grid", `ods-mkt-wall__grid--${columns}`), children: categories.map((category) => /* @__PURE__ */ jsxs9("div", { className: "ods-mkt-wall__card", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "ods-mkt-wall__card-head", children: [
-        category.icon && /* @__PURE__ */ jsx10("span", { className: "ods-mkt-wall__card-icon", "aria-hidden": "true", children: category.icon }),
-        /* @__PURE__ */ jsx10("h3", { className: "ods-mkt-wall__card-label", children: category.label })
+  return /* @__PURE__ */ jsxs10("div", { ...rest, className: cn("ods-mkt-wall", className), children: [
+    /* @__PURE__ */ jsx11("div", { className: cn("ods-mkt-wall__grid", `ods-mkt-wall__grid--${columns}`), children: categories.map((category) => /* @__PURE__ */ jsxs10("div", { className: "ods-mkt-wall__card", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "ods-mkt-wall__card-head", children: [
+        category.icon && /* @__PURE__ */ jsx11("span", { className: "ods-mkt-wall__card-icon", "aria-hidden": "true", children: category.icon }),
+        /* @__PURE__ */ jsx11("h3", { className: "ods-mkt-wall__card-label", children: category.label })
       ] }),
-      /* @__PURE__ */ jsx10("div", { className: "ods-mkt-wall__pills", children: category.items.map((item) => /* @__PURE__ */ jsxs9("span", { className: "ods-mkt-wall__pill", children: [
-        item.icon && /* @__PURE__ */ jsx10("span", { className: "ods-mkt-wall__pill-icon", "aria-hidden": "true", children: item.icon }),
+      /* @__PURE__ */ jsx11("div", { className: "ods-mkt-wall__pills", children: category.items.map((item) => /* @__PURE__ */ jsxs10("span", { className: "ods-mkt-wall__pill", children: [
+        item.icon && /* @__PURE__ */ jsx11("span", { className: "ods-mkt-wall__pill-icon", "aria-hidden": "true", children: item.icon }),
         item.name
       ] }, item.name)) })
     ] }, category.id)) }),
-    footnote && /* @__PURE__ */ jsx10("p", { className: "ods-mkt-wall__footnote", children: footnote })
+    footnote && /* @__PURE__ */ jsx11("p", { className: "ods-mkt-wall__footnote", children: footnote })
   ] });
 }
 
 // src/marketing/components/LiveConsole/LiveConsole.tsx
 import { CheckmarkIcon as CheckmarkIcon2, CloseIcon } from "@octaviaflow/icons";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function PendingGlyph() {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1011,20 +1265,20 @@ function PendingGlyph() {
       strokeLinecap: "round",
       strokeDasharray: "3.5 3.5",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "9" })
+      children: /* @__PURE__ */ jsx12("circle", { cx: "12", cy: "12", r: "9" })
     }
   );
 }
 function StateGlyph({ state }) {
   switch (state) {
     case "done":
-      return /* @__PURE__ */ jsx11(CheckmarkIcon2, { size: "sm", "aria-hidden": "true" });
+      return /* @__PURE__ */ jsx12(CheckmarkIcon2, { size: "sm", "aria-hidden": "true" });
     case "running":
-      return /* @__PURE__ */ jsx11(Spinner, { size: "sm" });
+      return /* @__PURE__ */ jsx12(Spinner, { size: "sm" });
     case "error":
-      return /* @__PURE__ */ jsx11(CloseIcon, { size: "sm", "aria-hidden": "true" });
+      return /* @__PURE__ */ jsx12(CloseIcon, { size: "sm", "aria-hidden": "true" });
     case "queued":
-      return /* @__PURE__ */ jsx11(PendingGlyph, {});
+      return /* @__PURE__ */ jsx12(PendingGlyph, {});
   }
 }
 function LiveConsole({
@@ -1035,33 +1289,33 @@ function LiveConsole({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs10("div", { ...rest, className: cn("ods-mkt-console", className), children: [
-    /* @__PURE__ */ jsxs10("div", { className: "ods-mkt-console__head", children: [
-      /* @__PURE__ */ jsx11("span", { className: "ods-mkt-console__title", children: title }),
-      badge != null && /* @__PURE__ */ jsxs10("span", { className: "ods-mkt-console__badge", children: [
-        /* @__PURE__ */ jsx11("span", { className: "ods-mkt-console__dot" }),
+  return /* @__PURE__ */ jsxs11("div", { ...rest, className: cn("ods-mkt-console", className), children: [
+    /* @__PURE__ */ jsxs11("div", { className: "ods-mkt-console__head", children: [
+      /* @__PURE__ */ jsx12("span", { className: "ods-mkt-console__title", children: title }),
+      badge != null && /* @__PURE__ */ jsxs11("span", { className: "ods-mkt-console__badge", children: [
+        /* @__PURE__ */ jsx12("span", { className: "ods-mkt-console__dot" }),
         badge
       ] })
     ] }),
-    /* @__PURE__ */ jsx11("div", { className: "ods-mkt-console__body", children: lines.map((line, i) => {
+    /* @__PURE__ */ jsx12("div", { className: "ods-mkt-console__body", children: lines.map((line, i) => {
       const state = line.state ?? "done";
-      return /* @__PURE__ */ jsxs10(
+      return /* @__PURE__ */ jsxs11(
         "div",
         {
           className: cn("ods-mkt-console__line", animated && "ods-mkt-console__line--animated"),
           style: animated ? { animationDelay: `${0.3 + i * 0.6}s` } : void 0,
           children: [
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               "span",
               {
                 className: cn("ods-mkt-console__glyph", `ods-mkt-console__glyph--${state}`),
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx11(StateGlyph, { state })
+                children: /* @__PURE__ */ jsx12(StateGlyph, { state })
               }
             ),
-            /* @__PURE__ */ jsxs10("span", { className: "ods-mkt-console__text", children: [
-              /* @__PURE__ */ jsx11("span", { className: "ods-mkt-console__label", children: line.label }),
-              line.detail && /* @__PURE__ */ jsxs10(
+            /* @__PURE__ */ jsxs11("span", { className: "ods-mkt-console__text", children: [
+              /* @__PURE__ */ jsx12("span", { className: "ods-mkt-console__label", children: line.label }),
+              line.detail && /* @__PURE__ */ jsxs11(
                 "span",
                 {
                   className: cn(
@@ -1085,9 +1339,9 @@ function LiveConsole({
 }
 
 // src/marketing/components/LogoMarquee/LogoMarquee.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function Track({ items, hidden }) {
-  return /* @__PURE__ */ jsx12("div", { className: "ods-mkt-marquee__track", "aria-hidden": hidden || void 0, children: items.map((item) => /* @__PURE__ */ jsx12("span", { className: "ods-mkt-marquee__logo", title: item.label, children: item.icon ?? /* @__PURE__ */ jsx12("span", { className: "ods-mkt-marquee__wordmark", children: item.label }) }, item.id)) });
+  return /* @__PURE__ */ jsx13("div", { className: "ods-mkt-marquee__track", "aria-hidden": hidden || void 0, children: items.map((item) => /* @__PURE__ */ jsx13("span", { className: "ods-mkt-marquee__logo", title: item.label, children: item.icon ?? /* @__PURE__ */ jsx13("span", { className: "ods-mkt-marquee__wordmark", children: item.label }) }, item.id)) });
 }
 function LogoMarquee({
   items,
@@ -1097,16 +1351,16 @@ function LogoMarquee({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       ...rest,
       className: cn("ods-mkt-marquee", grayscale && "ods-mkt-marquee--gray", className),
       children: [
-        label && /* @__PURE__ */ jsx12("p", { className: "ods-mkt-marquee__label", children: label }),
-        /* @__PURE__ */ jsx12("div", { className: "ods-mkt-marquee__viewport", children: /* @__PURE__ */ jsxs11("div", { className: "ods-mkt-marquee__rail", style: { animationDuration: `${speed}s` }, children: [
-          /* @__PURE__ */ jsx12(Track, { items }),
-          /* @__PURE__ */ jsx12(Track, { items, hidden: true })
+        label && /* @__PURE__ */ jsx13("p", { className: "ods-mkt-marquee__label", children: label }),
+        /* @__PURE__ */ jsx13("div", { className: "ods-mkt-marquee__viewport", children: /* @__PURE__ */ jsxs12("div", { className: "ods-mkt-marquee__rail", style: { animationDuration: `${speed}s` }, children: [
+          /* @__PURE__ */ jsx13(Track, { items }),
+          /* @__PURE__ */ jsx13(Track, { items, hidden: true })
         ] }) })
       ]
     }
@@ -1114,7 +1368,7 @@ function LogoMarquee({
 }
 
 // src/marketing/glyphs.tsx
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var base = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -1125,53 +1379,53 @@ var base = {
   strokeLinejoin: "round"
 };
 function SourceGlyph({ size = 12 }) {
-  return /* @__PURE__ */ jsxs12("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx13("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
-    /* @__PURE__ */ jsx13("path", { d: "M3 5v14a9 3 0 0 0 18 0V5" }),
-    /* @__PURE__ */ jsx13("path", { d: "M3 12a9 3 0 0 0 18 0" })
+  return /* @__PURE__ */ jsxs13("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx14("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
+    /* @__PURE__ */ jsx14("path", { d: "M3 5v14a9 3 0 0 0 18 0V5" }),
+    /* @__PURE__ */ jsx14("path", { d: "M3 12a9 3 0 0 0 18 0" })
   ] });
 }
 function DestinationGlyph({ size = 12 }) {
-  return /* @__PURE__ */ jsxs12("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx13("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1" }),
-    /* @__PURE__ */ jsx13("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
-    /* @__PURE__ */ jsx13("path", { d: "M10 12h4" })
+  return /* @__PURE__ */ jsxs13("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx14("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1" }),
+    /* @__PURE__ */ jsx14("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
+    /* @__PURE__ */ jsx14("path", { d: "M10 12h4" })
   ] });
 }
 function ActionGlyph({ size = 12 }) {
-  return /* @__PURE__ */ jsx13("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ jsx13("path", { d: "M13 2 3 14h9l-1 8 10-12h-9l1-8z" }) });
+  return /* @__PURE__ */ jsx14("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ jsx14("path", { d: "M13 2 3 14h9l-1 8 10-12h-9l1-8z" }) });
 }
 function NotifyGlyph({ size = 12 }) {
-  return /* @__PURE__ */ jsx13("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ jsx13("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
+  return /* @__PURE__ */ jsx14("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ jsx14("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
 }
 function ConnectorGlyph({ size = 12 }) {
-  return /* @__PURE__ */ jsxs12("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx13("path", { d: "M12 22v-5" }),
-    /* @__PURE__ */ jsx13("path", { d: "M9 8V2M15 8V2" }),
-    /* @__PURE__ */ jsx13("path", { d: "M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8h12z" })
+  return /* @__PURE__ */ jsxs13("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx14("path", { d: "M12 22v-5" }),
+    /* @__PURE__ */ jsx14("path", { d: "M9 8V2M15 8V2" }),
+    /* @__PURE__ */ jsx14("path", { d: "M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8h12z" })
   ] });
 }
 function BrandMark({ size = 18 }) {
-  return /* @__PURE__ */ jsxs12("svg", { viewBox: "0 0 18 18", width: size, height: size, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx13("rect", { width: "18", height: "18", fill: "var(--ods-accent)" }),
-    /* @__PURE__ */ jsx13("path", { d: "M4 9h8.5M9.5 5.5 13 9l-3.5 3.5", stroke: "#fff", strokeWidth: "1.6", fill: "none" })
+  return /* @__PURE__ */ jsxs13("svg", { viewBox: "0 0 18 18", width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx14("rect", { width: "18", height: "18", fill: "var(--ods-accent)" }),
+    /* @__PURE__ */ jsx14("path", { d: "M4 9h8.5M9.5 5.5 13 9l-3.5 3.5", stroke: "#fff", strokeWidth: "1.6", fill: "none" })
   ] });
 }
 function roleGlyph(role, size = 12) {
   switch (role) {
     case "source":
-      return /* @__PURE__ */ jsx13(SourceGlyph, { size });
+      return /* @__PURE__ */ jsx14(SourceGlyph, { size });
     case "destination":
-      return /* @__PURE__ */ jsx13(DestinationGlyph, { size });
+      return /* @__PURE__ */ jsx14(DestinationGlyph, { size });
     case "action":
-      return /* @__PURE__ */ jsx13(ActionGlyph, { size });
+      return /* @__PURE__ */ jsx14(ActionGlyph, { size });
     case "notify":
-      return /* @__PURE__ */ jsx13(NotifyGlyph, { size });
+      return /* @__PURE__ */ jsx14(NotifyGlyph, { size });
   }
 }
 
 // src/marketing/components/MarketingFooter/MarketingFooter.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function MarketingFooter({
   brand,
   tagline,
@@ -1183,32 +1437,32 @@ function MarketingFooter({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs13("footer", { ...rest, className: cn("ods-mkt-footer", className), children: [
-    /* @__PURE__ */ jsxs13("div", { className: "ods-mkt-footer__grid", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "ods-mkt-footer__brand-col", children: [
-        /* @__PURE__ */ jsx14("div", { className: "ods-mkt-footer__brand", children: brand ?? /* @__PURE__ */ jsxs13(Fragment3, { children: [
-          /* @__PURE__ */ jsx14(BrandMark, { size: 16 }),
-          /* @__PURE__ */ jsx14("span", { children: "OctaviaFlow" })
+  return /* @__PURE__ */ jsxs14("footer", { ...rest, className: cn("ods-mkt-footer", className), children: [
+    /* @__PURE__ */ jsxs14("div", { className: "ods-mkt-footer__grid", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "ods-mkt-footer__brand-col", children: [
+        /* @__PURE__ */ jsx15("div", { className: "ods-mkt-footer__brand", children: brand ?? /* @__PURE__ */ jsxs14(Fragment4, { children: [
+          /* @__PURE__ */ jsx15(BrandMark, { size: 16 }),
+          /* @__PURE__ */ jsx15("span", { children: "OctaviaFlow" })
         ] }) }),
-        tagline && /* @__PURE__ */ jsx14("p", { className: "ods-mkt-footer__tagline", children: tagline }),
-        meta && /* @__PURE__ */ jsx14("div", { className: "ods-mkt-footer__meta", children: meta }),
-        newsletter && /* @__PURE__ */ jsx14("div", { className: "ods-mkt-footer__newsletter", children: newsletter })
+        tagline && /* @__PURE__ */ jsx15("p", { className: "ods-mkt-footer__tagline", children: tagline }),
+        meta && /* @__PURE__ */ jsx15("div", { className: "ods-mkt-footer__meta", children: meta }),
+        newsletter && /* @__PURE__ */ jsx15("div", { className: "ods-mkt-footer__newsletter", children: newsletter })
       ] }),
-      columns.map((column) => /* @__PURE__ */ jsxs13("nav", { className: "ods-mkt-footer__col", "aria-label": String(column.id), children: [
-        /* @__PURE__ */ jsx14("span", { className: "ods-mkt-footer__col-label", children: column.label }),
-        column.links.map((link) => /* @__PURE__ */ jsx14("a", { className: "ods-mkt-footer__link", href: link.href, children: link.label }, link.href))
+      columns.map((column) => /* @__PURE__ */ jsxs14("nav", { className: "ods-mkt-footer__col", "aria-label": String(column.id), children: [
+        /* @__PURE__ */ jsx15("span", { className: "ods-mkt-footer__col-label", children: column.label }),
+        column.links.map((link) => /* @__PURE__ */ jsx15("a", { className: "ods-mkt-footer__link", href: link.href, children: link.label }, link.href))
       ] }, column.id))
     ] }),
-    (legal || social) && /* @__PURE__ */ jsxs13("div", { className: "ods-mkt-footer__bar", children: [
-      /* @__PURE__ */ jsx14("span", { children: legal }),
-      /* @__PURE__ */ jsx14("span", { children: social })
+    (legal || social) && /* @__PURE__ */ jsxs14("div", { className: "ods-mkt-footer__bar", children: [
+      /* @__PURE__ */ jsx15("span", { children: legal }),
+      /* @__PURE__ */ jsx15("span", { children: social })
     ] })
   ] });
 }
 
 // src/marketing/components/MarketingHero/MarketingHero.tsx
 import { motion, useReducedMotion } from "framer-motion";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 function MarketingHero({
   kicker,
   title,
@@ -1220,19 +1474,19 @@ function MarketingHero({
 }) {
   const reducedMotion = useReducedMotion();
   const words = title.split(/\s+/).filter(Boolean);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "section",
     {
       ...rest,
       className: cn("ods-mkt-hero", align === "center" && "ods-mkt-hero--center", className),
       children: [
-        kicker && /* @__PURE__ */ jsx15("p", { className: "ods-mkt-hero__kicker", children: kicker }),
-        /* @__PURE__ */ jsx15("h1", { className: "ods-mkt-hero__title", children: words.map((word, i) => /* @__PURE__ */ jsxs14(
+        kicker && /* @__PURE__ */ jsx16("p", { className: "ods-mkt-hero__kicker", children: kicker }),
+        /* @__PURE__ */ jsx16("h1", { className: "ods-mkt-hero__title", children: words.map((word, i) => /* @__PURE__ */ jsxs15(
           "span",
           {
             className: "ods-mkt-hero__word-clip",
             children: [
-              /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx16(
                 motion.span,
                 {
                   className: "ods-mkt-hero__word",
@@ -1251,7 +1505,7 @@ function MarketingHero({
           },
           i
         )) }),
-        lede && /* @__PURE__ */ jsx15(
+        lede && /* @__PURE__ */ jsx16(
           motion.p,
           {
             className: "ods-mkt-hero__lede",
@@ -1261,7 +1515,7 @@ function MarketingHero({
             children: lede
           }
         ),
-        children && /* @__PURE__ */ jsx15(
+        children && /* @__PURE__ */ jsx16(
           motion.div,
           {
             className: "ods-mkt-hero__body",
@@ -1277,10 +1531,10 @@ function MarketingHero({
 }
 
 // src/marketing/components/MarketingNav/MarketingNav.tsx
-import { useState as useState4 } from "react";
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useState as useState5 } from "react";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function BurgerGlyph({ open }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1291,7 +1545,7 @@ function BurgerGlyph({ open }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       "aria-hidden": "true",
-      children: open ? /* @__PURE__ */ jsx16("path", { d: "M6 6l12 12M18 6 6 18" }) : /* @__PURE__ */ jsx16("path", { d: "M4 7h16M4 12h16M4 17h16" })
+      children: open ? /* @__PURE__ */ jsx17("path", { d: "M6 6l12 12M18 6 6 18" }) : /* @__PURE__ */ jsx17("path", { d: "M4 7h16M4 12h16M4 17h16" })
     }
   );
 }
@@ -1304,13 +1558,13 @@ function MarketingNav({
   className,
   ...rest
 }) {
-  const [mobileOpen, setMobileOpen] = useState4(false);
-  return /* @__PURE__ */ jsxs15("header", { ...rest, className: cn("ods-mkt-nav", sticky && "ods-mkt-nav--sticky", className), children: [
-    /* @__PURE__ */ jsx16("a", { className: "ods-mkt-nav__brand", href: brandHref, children: brand ?? /* @__PURE__ */ jsxs15(Fragment4, { children: [
-      /* @__PURE__ */ jsx16(BrandMark, {}),
-      /* @__PURE__ */ jsx16("span", { children: "OctaviaFlow" })
+  const [mobileOpen, setMobileOpen] = useState5(false);
+  return /* @__PURE__ */ jsxs16("header", { ...rest, className: cn("ods-mkt-nav", sticky && "ods-mkt-nav--sticky", className), children: [
+    /* @__PURE__ */ jsx17("a", { className: "ods-mkt-nav__brand", href: brandHref, children: brand ?? /* @__PURE__ */ jsxs16(Fragment5, { children: [
+      /* @__PURE__ */ jsx17(BrandMark, {}),
+      /* @__PURE__ */ jsx17("span", { children: "OctaviaFlow" })
     ] }) }),
-    links.length > 0 && /* @__PURE__ */ jsx16("nav", { className: "ods-mkt-nav__links", "aria-label": "Main", children: links.map((link) => /* @__PURE__ */ jsx16(
+    links.length > 0 && /* @__PURE__ */ jsx17("nav", { className: "ods-mkt-nav__links", "aria-label": "Main", children: links.map((link) => /* @__PURE__ */ jsx17(
       "a",
       {
         href: link.href,
@@ -1320,8 +1574,8 @@ function MarketingNav({
       },
       link.href
     )) }),
-    actions && /* @__PURE__ */ jsx16("div", { className: "ods-mkt-nav__actions", children: actions }),
-    (links.length > 0 || actions) && /* @__PURE__ */ jsx16(
+    actions && /* @__PURE__ */ jsx17("div", { className: "ods-mkt-nav__actions", children: actions }),
+    (links.length > 0 || actions) && /* @__PURE__ */ jsx17(
       "button",
       {
         type: "button",
@@ -1329,11 +1583,11 @@ function MarketingNav({
         "aria-expanded": mobileOpen,
         "aria-label": "Toggle menu",
         onClick: () => setMobileOpen((open) => !open),
-        children: /* @__PURE__ */ jsx16(BurgerGlyph, { open: mobileOpen })
+        children: /* @__PURE__ */ jsx17(BurgerGlyph, { open: mobileOpen })
       }
     ),
-    mobileOpen && /* @__PURE__ */ jsxs15("nav", { className: "ods-mkt-nav__mobile", "aria-label": "Main", children: [
-      links.map((link) => /* @__PURE__ */ jsx16(
+    mobileOpen && /* @__PURE__ */ jsxs16("nav", { className: "ods-mkt-nav__mobile", "aria-label": "Main", children: [
+      links.map((link) => /* @__PURE__ */ jsx17(
         "a",
         {
           href: link.href,
@@ -1347,13 +1601,13 @@ function MarketingNav({
         },
         link.href
       )),
-      actions && /* @__PURE__ */ jsx16("div", { className: "ods-mkt-nav__mobile-actions", children: actions })
+      actions && /* @__PURE__ */ jsx17("div", { className: "ods-mkt-nav__mobile-actions", children: actions })
     ] })
   ] });
 }
 
 // src/marketing/components/MarketingSection/MarketingSection.tsx
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function MarketingSection({
   kicker,
   title,
@@ -1365,7 +1619,7 @@ function MarketingSection({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "section",
     {
       ...rest,
@@ -1377,10 +1631,10 @@ function MarketingSection({
         className
       ),
       children: [
-        (kicker || title || lede) && /* @__PURE__ */ jsxs16("header", { className: "ods-mkt-section__head", children: [
-          kicker && /* @__PURE__ */ jsx17("p", { className: "ods-mkt-section__kicker", children: kicker }),
-          title && /* @__PURE__ */ jsx17("h2", { className: "ods-mkt-section__title", children: title }),
-          lede && /* @__PURE__ */ jsx17("p", { className: "ods-mkt-section__lede", children: lede })
+        (kicker || title || lede) && /* @__PURE__ */ jsxs17("header", { className: "ods-mkt-section__head", children: [
+          kicker && /* @__PURE__ */ jsx18("p", { className: "ods-mkt-section__kicker", children: kicker }),
+          title && /* @__PURE__ */ jsx18("h2", { className: "ods-mkt-section__title", children: title }),
+          lede && /* @__PURE__ */ jsx18("p", { className: "ods-mkt-section__lede", children: lede })
         ] }),
         children
       ]
@@ -1389,7 +1643,7 @@ function MarketingSection({
 }
 
 // src/marketing/components/PageHero/PageHero.tsx
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 function PageHero({
   kicker,
   title,
@@ -1399,16 +1653,16 @@ function PageHero({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "header",
     {
       ...rest,
       className: cn("ods-mkt-pagehero", align === "start" && "ods-mkt-pagehero--start", className),
       children: [
-        kicker && /* @__PURE__ */ jsx18("span", { className: "ods-mkt-pagehero__kicker", children: kicker }),
-        /* @__PURE__ */ jsx18("h1", { className: "ods-mkt-pagehero__title", children: title }),
-        subtitle && /* @__PURE__ */ jsx18("p", { className: "ods-mkt-pagehero__subtitle", children: subtitle }),
-        actions && /* @__PURE__ */ jsx18("div", { className: "ods-mkt-pagehero__actions", children: actions })
+        kicker && /* @__PURE__ */ jsx19("span", { className: "ods-mkt-pagehero__kicker", children: kicker }),
+        /* @__PURE__ */ jsx19("h1", { className: "ods-mkt-pagehero__title", children: title }),
+        subtitle && /* @__PURE__ */ jsx19("p", { className: "ods-mkt-pagehero__subtitle", children: subtitle }),
+        actions && /* @__PURE__ */ jsx19("div", { className: "ods-mkt-pagehero__actions", children: actions })
       ]
     }
   );
@@ -1416,10 +1670,10 @@ function PageHero({
 
 // src/marketing/components/PricingTiers/PricingTiers.tsx
 import { CheckmarkIcon as CheckmarkIcon3 } from "@octaviaflow/icons";
-import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 function TierCta({ cta, featured }) {
   if (cta.href) {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "a",
       {
         className: cn(
@@ -1432,11 +1686,11 @@ function TierCta({ cta, featured }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx19(Button, { variant: featured ? "primary" : "secondary", fullWidth: true, onClick: cta.onClick, children: cta.label });
+  return /* @__PURE__ */ jsx20(Button, { variant: featured ? "primary" : "secondary", fullWidth: true, onClick: cta.onClick, children: cta.label });
 }
 function PricingTiers({ tiers, note, className, ...rest }) {
-  return /* @__PURE__ */ jsxs18("div", { ...rest, className: cn("ods-mkt-pricing", className), children: [
-    /* @__PURE__ */ jsx19("div", { className: "ods-mkt-pricing__grid", children: tiers.map((tier) => /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19("div", { ...rest, className: cn("ods-mkt-pricing", className), children: [
+    /* @__PURE__ */ jsx20("div", { className: "ods-mkt-pricing__grid", children: tiers.map((tier) => /* @__PURE__ */ jsxs19(
       "article",
       {
         className: cn(
@@ -1444,42 +1698,42 @@ function PricingTiers({ tiers, note, className, ...rest }) {
           tier.featured && "ods-mkt-pricing__card--featured"
         ),
         children: [
-          tier.featured && /* @__PURE__ */ jsx19("span", { className: "ods-mkt-pricing__badge", children: tier.badge ?? "Recommended" }),
-          /* @__PURE__ */ jsx19("h3", { className: "ods-mkt-pricing__name", children: tier.name }),
-          /* @__PURE__ */ jsxs18("div", { className: "ods-mkt-pricing__price-row", children: [
-            /* @__PURE__ */ jsx19("span", { className: "ods-mkt-pricing__price", children: tier.price }),
-            tier.period && /* @__PURE__ */ jsx19("span", { className: "ods-mkt-pricing__period", children: tier.period })
+          tier.featured && /* @__PURE__ */ jsx20("span", { className: "ods-mkt-pricing__badge", children: tier.badge ?? "Recommended" }),
+          /* @__PURE__ */ jsx20("h3", { className: "ods-mkt-pricing__name", children: tier.name }),
+          /* @__PURE__ */ jsxs19("div", { className: "ods-mkt-pricing__price-row", children: [
+            /* @__PURE__ */ jsx20("span", { className: "ods-mkt-pricing__price", children: tier.price }),
+            tier.period && /* @__PURE__ */ jsx20("span", { className: "ods-mkt-pricing__period", children: tier.period })
           ] }),
-          tier.annualNote && /* @__PURE__ */ jsx19("span", { className: "ods-mkt-pricing__annual", children: tier.annualNote }),
-          tier.description && /* @__PURE__ */ jsx19("p", { className: "ods-mkt-pricing__desc", children: tier.description }),
-          /* @__PURE__ */ jsx19("ul", { className: "ods-mkt-pricing__features", children: tier.features.map((feature, i) => (
+          tier.annualNote && /* @__PURE__ */ jsx20("span", { className: "ods-mkt-pricing__annual", children: tier.annualNote }),
+          tier.description && /* @__PURE__ */ jsx20("p", { className: "ods-mkt-pricing__desc", children: tier.description }),
+          /* @__PURE__ */ jsx20("ul", { className: "ods-mkt-pricing__features", children: tier.features.map((feature, i) => (
             // biome-ignore lint/suspicious/noArrayIndexKey: features are positional copy
-            /* @__PURE__ */ jsxs18("li", { className: "ods-mkt-pricing__feature", children: [
-              /* @__PURE__ */ jsx19(CheckmarkIcon3, { size: "sm", "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx19("span", { children: feature })
+            /* @__PURE__ */ jsxs19("li", { className: "ods-mkt-pricing__feature", children: [
+              /* @__PURE__ */ jsx20(CheckmarkIcon3, { size: "sm", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx20("span", { children: feature })
             ] }, i)
           )) }),
-          /* @__PURE__ */ jsx19(TierCta, { cta: tier.cta, featured: Boolean(tier.featured) })
+          /* @__PURE__ */ jsx20(TierCta, { cta: tier.cta, featured: Boolean(tier.featured) })
         ]
       },
       tier.id
     )) }),
-    note && /* @__PURE__ */ jsx19("p", { className: "ods-mkt-pricing__note", children: note })
+    note && /* @__PURE__ */ jsx20("p", { className: "ods-mkt-pricing__note", children: note })
   ] });
 }
 
 // src/marketing/components/StatBand/StatBand.tsx
 import { useReducedMotion as useReducedMotion2 } from "framer-motion";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function StatBand({ items, orientation = "column", className, ...rest }) {
   const reducedMotion = useReducedMotion2();
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ...rest,
       className: cn("ods-mkt-statband", `ods-mkt-statband--${orientation}`, className),
-      children: items.map((item) => /* @__PURE__ */ jsxs19("div", { className: "ods-mkt-statband__item", children: [
-        /* @__PURE__ */ jsx20("div", { className: "ods-mkt-statband__value", children: typeof item.value === "number" ? /* @__PURE__ */ jsx20(
+      children: items.map((item) => /* @__PURE__ */ jsxs20("div", { className: "ods-mkt-statband__item", children: [
+        /* @__PURE__ */ jsx21("div", { className: "ods-mkt-statband__value", children: typeof item.value === "number" ? /* @__PURE__ */ jsx21(
           CountUp,
           {
             value: item.value,
@@ -1489,31 +1743,31 @@ function StatBand({ items, orientation = "column", className, ...rest }) {
             suffix: item.suffix,
             formatValue: (v) => Math.round(v).toLocaleString("en-US")
           }
-        ) : /* @__PURE__ */ jsxs19(Fragment5, { children: [
+        ) : /* @__PURE__ */ jsxs20(Fragment6, { children: [
           item.prefix,
           item.value,
           item.suffix
         ] }) }),
-        /* @__PURE__ */ jsx20("div", { className: "ods-mkt-statband__label", children: item.label })
+        /* @__PURE__ */ jsx21("div", { className: "ods-mkt-statband__label", children: item.label })
       ] }, item.id))
     }
   );
 }
 
 // src/marketing/components/TestimonialStrip/TestimonialStrip.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function TestimonialStrip({
   items,
   columns = 3,
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       ...rest,
       className: cn("ods-mkt-testimonials", `ods-mkt-testimonials--${columns}`, className),
-      children: items.map((item) => /* @__PURE__ */ jsx21(
+      children: items.map((item) => /* @__PURE__ */ jsx22(
         TestimonialCard,
         {
           quote: item.quote,
@@ -1530,16 +1784,16 @@ function TestimonialStrip({
 // src/marketing/components/WorkflowShowcase/WorkflowShowcase.tsx
 import { AnimatePresence as AnimatePresence2, motion as motion3, useReducedMotion as useReducedMotion4 } from "framer-motion";
 import {
-  useCallback,
-  useEffect as useEffect2,
+  useCallback as useCallback2,
+  useEffect as useEffect3,
   useMemo as useMemo2,
-  useRef as useRef2,
-  useState as useState7
+  useRef as useRef3,
+  useState as useState8
 } from "react";
 
 // src/marketing/components/WorkflowShowcase/ShowcaseScene.tsx
-import { useEffect, useRef, useState as useState5 } from "react";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useEffect as useEffect2, useRef as useRef2, useState as useState6 } from "react";
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 function slots(n) {
   return Array.from({ length: n }, (_, i) => 208 + (i - (n - 1) / 2) * 80);
 }
@@ -1575,9 +1829,9 @@ function particlesFor(side, index, path, active, fast) {
   return out;
 }
 function DefaultCoreGlyph() {
-  return /* @__PURE__ */ jsxs20("svg", { viewBox: "0 0 24 24", width: "30", height: "30", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx22("rect", { x: "3", y: "3", width: "18", height: "18", rx: "1", stroke: "currentColor", strokeWidth: "1.6" }),
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs21("svg", { viewBox: "0 0 24 24", width: "30", height: "30", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx23("rect", { x: "3", y: "3", width: "18", height: "18", rx: "1", stroke: "currentColor", strokeWidth: "1.6" }),
+    /* @__PURE__ */ jsx23(
       "path",
       {
         d: "M7 12h7M11.5 8.5 15 12l-3.5 3.5",
@@ -1590,7 +1844,7 @@ function DefaultCoreGlyph() {
   ] });
 }
 function CubeFace({ connector }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "span",
     {
       className: cn(
@@ -1611,9 +1865,9 @@ function ShowcaseScene({
   caption,
   onCoreClick
 }) {
-  const [pulse, setPulse] = useState5(false);
-  const pulseTimer = useRef(null);
-  useEffect(
+  const [pulse, setPulse] = useState6(false);
+  const pulseTimer = useRef2(null);
+  useEffect2(
     () => () => {
       if (pulseTimer.current) clearTimeout(pulseTimer.current);
     },
@@ -1681,10 +1935,10 @@ function ShowcaseScene({
     { left: 83, top: 158 },
     { left: 158, top: 158 }
   ];
-  return /* @__PURE__ */ jsxs20("div", { className: "ods-showcase__scene", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "ods-showcase__scene-stage", children: [
-      /* @__PURE__ */ jsxs20("svg", { className: "ods-showcase__wires", width: "460", height: "460", "aria-hidden": "true", children: [
-        pins.map((pin) => /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__scene", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__scene-stage", children: [
+      /* @__PURE__ */ jsxs21("svg", { className: "ods-showcase__wires", width: "460", height: "460", "aria-hidden": "true", children: [
+        pins.map((pin) => /* @__PURE__ */ jsx23(
           "path",
           {
             d: pin.d,
@@ -1692,7 +1946,7 @@ function ShowcaseScene({
           },
           pin.d
         )),
-        pads.map((pad) => /* @__PURE__ */ jsx22(
+        pads.map((pad) => /* @__PURE__ */ jsx23(
           "rect",
           {
             x: pad.x - 2,
@@ -1703,9 +1957,9 @@ function ShowcaseScene({
           },
           `${pad.x}-${pad.y}`
         )),
-        guides.map((guide) => /* @__PURE__ */ jsxs20("g", { children: [
-          /* @__PURE__ */ jsx22("path", { d: guide.d, className: "ods-showcase__guide" }),
-          /* @__PURE__ */ jsx22(
+        guides.map((guide) => /* @__PURE__ */ jsxs21("g", { children: [
+          /* @__PURE__ */ jsx23("path", { d: guide.d, className: "ods-showcase__guide" }),
+          /* @__PURE__ */ jsx23(
             "path",
             {
               d: guide.d,
@@ -1718,7 +1972,7 @@ function ShowcaseScene({
           )
         ] }, guide.d))
       ] }),
-      particles.map((p) => /* @__PURE__ */ jsx22(
+      particles.map((p) => /* @__PURE__ */ jsx23(
         "span",
         {
           className: cn("ods-showcase__particle", `ods-showcase__particle--${p.variant}`),
@@ -1732,29 +1986,29 @@ function ShowcaseScene({
         },
         p.key
       )),
-      /* @__PURE__ */ jsxs20("div", { className: "ods-showcase__platform", children: [
-        /* @__PURE__ */ jsx22("span", { className: "ods-showcase__platform-south" }),
-        /* @__PURE__ */ jsx22("span", { className: "ods-showcase__platform-east" }),
-        /* @__PURE__ */ jsx22("span", { className: "ods-showcase__platform-top" }),
-        tiles.slice(0, 8).map((label, i) => /* @__PURE__ */ jsxs20(
+      /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__platform", children: [
+        /* @__PURE__ */ jsx23("span", { className: "ods-showcase__platform-south" }),
+        /* @__PURE__ */ jsx23("span", { className: "ods-showcase__platform-east" }),
+        /* @__PURE__ */ jsx23("span", { className: "ods-showcase__platform-top" }),
+        tiles.slice(0, 8).map((label, i) => /* @__PURE__ */ jsxs21(
           "span",
           {
             className: "ods-showcase__tile",
             style: { left: tilePositions[i].left, top: tilePositions[i].top },
             children: [
-              /* @__PURE__ */ jsxs20("span", { className: "ods-showcase__tile-flip", children: [
-                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--south" }),
-                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--east" })
+              /* @__PURE__ */ jsxs21("span", { className: "ods-showcase__tile-flip", children: [
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--south" }),
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--east" })
               ] }),
-              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--south" }),
-              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--east" }),
-              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__tile-face", children: label })
+              /* @__PURE__ */ jsx23("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--south" }),
+              /* @__PURE__ */ jsx23("span", { className: "ods-showcase__tile-wall ods-showcase__tile-wall--east" }),
+              /* @__PURE__ */ jsx23("span", { className: "ods-showcase__tile-face", children: label })
             ]
           },
           label
         )),
-        pulse && /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-ring" }),
-        /* @__PURE__ */ jsxs20(
+        pulse && /* @__PURE__ */ jsx23("span", { className: "ods-showcase__core-ring" }),
+        /* @__PURE__ */ jsxs21(
           "button",
           {
             type: "button",
@@ -1765,28 +2019,28 @@ function ShowcaseScene({
               onCoreClick?.();
             },
             children: [
-              /* @__PURE__ */ jsxs20("span", { className: "ods-showcase__core-flip", children: [
-                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--south ods-showcase__core-wall--back" }),
-                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--east ods-showcase__core-wall--back" })
+              /* @__PURE__ */ jsxs21("span", { className: "ods-showcase__core-flip", children: [
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--south ods-showcase__core-wall--back" }),
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--east ods-showcase__core-wall--back" })
               ] }),
-              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--south" }),
-              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--east" }),
-              /* @__PURE__ */ jsx22("span", { className: "ods-showcase__core-top", children: coreIcon ?? /* @__PURE__ */ jsx22(DefaultCoreGlyph, {}) })
+              /* @__PURE__ */ jsx23("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--south" }),
+              /* @__PURE__ */ jsx23("span", { className: "ods-showcase__core-wall ods-showcase__core-wall--east" }),
+              /* @__PURE__ */ jsx23("span", { className: "ods-showcase__core-top", children: coreIcon ?? /* @__PURE__ */ jsx23(DefaultCoreGlyph, {}) })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx22("span", { className: "ods-showcase__floater ods-showcase__floater--a" }),
-      /* @__PURE__ */ jsx22("span", { className: "ods-showcase__floater ods-showcase__floater--b" }),
-      /* @__PURE__ */ jsx22("span", { className: "ods-showcase__floater ods-showcase__floater--c" }),
-      !left.length && /* @__PURE__ */ jsx22("span", { className: "ods-showcase__ghost", style: { left: 8, top: 178 }, children: "+" }),
-      !right.length && /* @__PURE__ */ jsx22("span", { className: "ods-showcase__ghost", style: { left: 392, top: 178 }, children: "+" }),
-      left.map((node, i) => /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23("span", { className: "ods-showcase__floater ods-showcase__floater--a" }),
+      /* @__PURE__ */ jsx23("span", { className: "ods-showcase__floater ods-showcase__floater--b" }),
+      /* @__PURE__ */ jsx23("span", { className: "ods-showcase__floater ods-showcase__floater--c" }),
+      !left.length && /* @__PURE__ */ jsx23("span", { className: "ods-showcase__ghost", style: { left: 8, top: 178 }, children: "+" }),
+      !right.length && /* @__PURE__ */ jsx23("span", { className: "ods-showcase__ghost", style: { left: 392, top: 178 }, children: "+" }),
+      left.map((node, i) => /* @__PURE__ */ jsx23(
         "span",
         {
           className: "ods-showcase__cube-slot",
           style: { left: 8, top: leftYs[i] - 30 },
-          children: /* @__PURE__ */ jsxs20(
+          children: /* @__PURE__ */ jsxs21(
             "span",
             {
               className: cn(
@@ -1796,25 +2050,25 @@ function ShowcaseScene({
               ),
               style: { animationDelay: `${i * 0.15}s` },
               children: [
-                /* @__PURE__ */ jsxs20("span", { className: "ods-showcase__cube-flip", children: [
-                  /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-south ods-showcase__cube-wall--back" }),
-                  /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-east ods-showcase__cube-wall--back" })
+                /* @__PURE__ */ jsxs21("span", { className: "ods-showcase__cube-flip", children: [
+                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__cube-south ods-showcase__cube-wall--back" }),
+                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__cube-east ods-showcase__cube-wall--back" })
                 ] }),
-                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-south" }),
-                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-east" }),
-                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-top", children: /* @__PURE__ */ jsx22(CubeFace, { connector: node.connector }) })
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__cube-south" }),
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__cube-east" }),
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__cube-top", children: /* @__PURE__ */ jsx23(CubeFace, { connector: node.connector }) })
               ]
             }
           )
         },
         node.connector.name
       )),
-      right.map((node, j) => /* @__PURE__ */ jsx22(
+      right.map((node, j) => /* @__PURE__ */ jsx23(
         "span",
         {
           className: "ods-showcase__cube-slot",
           style: { left: 392, top: rightYs[j] - 30 },
-          children: /* @__PURE__ */ jsxs20(
+          children: /* @__PURE__ */ jsxs21(
             "span",
             {
               className: cn(
@@ -1824,13 +2078,13 @@ function ShowcaseScene({
               ),
               style: { animationDelay: `${j * 0.15}s` },
               children: [
-                /* @__PURE__ */ jsxs20("span", { className: "ods-showcase__cube-flip", children: [
-                  /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-south ods-showcase__cube-wall--back" }),
-                  /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-east ods-showcase__cube-wall--back" })
+                /* @__PURE__ */ jsxs21("span", { className: "ods-showcase__cube-flip", children: [
+                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__cube-south ods-showcase__cube-wall--back" }),
+                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__cube-east ods-showcase__cube-wall--back" })
                 ] }),
-                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-south" }),
-                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-east" }),
-                /* @__PURE__ */ jsx22("span", { className: "ods-showcase__cube-top", children: /* @__PURE__ */ jsx22(CubeFace, { connector: node.connector }) })
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__cube-south" }),
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__cube-east" }),
+                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__cube-top", children: /* @__PURE__ */ jsx23(CubeFace, { connector: node.connector }) })
               ]
             }
           )
@@ -1838,15 +2092,15 @@ function ShowcaseScene({
         node.connector.name
       ))
     ] }),
-    /* @__PURE__ */ jsx22("span", { className: "ods-showcase__scene-caption", children: caption })
+    /* @__PURE__ */ jsx23("span", { className: "ods-showcase__scene-caption", children: caption })
   ] });
 }
 
 // src/marketing/components/WorkflowShowcase/ShowcaseSignup.tsx
 import { AnimatePresence, motion as motion2, useReducedMotion as useReducedMotion3 } from "framer-motion";
-import { useId as useId3, useState as useState6 } from "react";
+import { useId as useId4, useState as useState7 } from "react";
 import { FocusScope } from "react-aria";
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 var OVERLAY_MOTION = {
   initial: { opacity: 0 },
   animate: { opacity: 1 },
@@ -1864,9 +2118,9 @@ function ShowcaseSignup({
   onboardingHref = "#"
 }) {
   const reducedMotion = useReducedMotion3();
-  const titleId = useId3();
-  const subtitleId = useId3();
-  const [values, setValues] = useState6({
+  const titleId = useId4();
+  const subtitleId = useId4();
+  const [values, setValues] = useState7({
     name: "",
     email: "",
     company: "",
@@ -1885,14 +2139,14 @@ function ShowcaseSignup({
   const firstName = values.name.trim().split(/\s+/)[0] || "";
   const emailShown = values.email.trim() || "your inbox";
   const slug = `${slugify(values.company)}.${workspaceDomain}`;
-  return /* @__PURE__ */ jsx23(AnimatePresence, { children: open && /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(AnimatePresence, { children: open && /* @__PURE__ */ jsx24(
     motion2.div,
     {
       className: "ods-showcase__veil",
       ...OVERLAY_MOTION,
       transition: { duration: reducedMotion ? 0 : 0.22 },
-      children: /* @__PURE__ */ jsxs21(FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: [
-        phase === "signup" && /* @__PURE__ */ jsxs21(
+      children: /* @__PURE__ */ jsxs22(FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: [
+        phase === "signup" && /* @__PURE__ */ jsxs22(
           motion2.form,
           {
             className: "ods-showcase__glass-card",
@@ -1907,18 +2161,18 @@ function ShowcaseSignup({
             ...cardMotion,
             transition: { duration: reducedMotion ? 0 : 0.3, ease: [0.2, 0.7, 0.2, 1] },
             children: [
-              /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-head", children: [
-                /* @__PURE__ */ jsx23("h3", { id: titleId, className: "ods-showcase__glass-title", children: "Create your workspace" }),
-                /* @__PURE__ */ jsxs21("p", { id: subtitleId, className: "ods-showcase__microcopy", children: [
+              /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__glass-head", children: [
+                /* @__PURE__ */ jsx24("h3", { id: titleId, className: "ods-showcase__glass-title", children: "Create your workspace" }),
+                /* @__PURE__ */ jsxs22("p", { id: subtitleId, className: "ods-showcase__microcopy", children: [
                   "FREE IN PRIVATE BETA \xB7 YOUR ",
                   stepCount,
                   "-STEP WORKFLOW COMES WITH YOU"
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__form-grid", children: [
-                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__field", children: [
-                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__field-label", children: "FULL NAME" }),
-                  /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__form-grid", children: [
+                /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "ods-showcase__field-label", children: "FULL NAME" }),
+                  /* @__PURE__ */ jsx24(
                     Input,
                     {
                       "aria-label": "Full name",
@@ -1929,9 +2183,9 @@ function ShowcaseSignup({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__field", children: [
-                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__field-label", children: "WORK EMAIL" }),
-                  /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "ods-showcase__field-label", children: "WORK EMAIL" }),
+                  /* @__PURE__ */ jsx24(
                     Input,
                     {
                       "aria-label": "Work email",
@@ -1943,9 +2197,9 @@ function ShowcaseSignup({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__field", children: [
-                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__field-label", children: "COMPANY" }),
-                  /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "ods-showcase__field-label", children: "COMPANY" }),
+                  /* @__PURE__ */ jsx24(
                     Input,
                     {
                       "aria-label": "Company",
@@ -1956,9 +2210,9 @@ function ShowcaseSignup({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__field", children: [
-                  /* @__PURE__ */ jsx23("span", { className: "ods-showcase__field-label", children: "TEAM SIZE" }),
-                  /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "ods-showcase__field-label", children: "TEAM SIZE" }),
+                  /* @__PURE__ */ jsx24(
                     Select,
                     {
                       "aria-label": "Team size",
@@ -1969,19 +2223,19 @@ function ShowcaseSignup({
                   )
                 ] })
               ] }),
-              error && /* @__PURE__ */ jsx23("p", { className: "ods-showcase__form-error", role: "alert", children: error }),
-              /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-foot", children: [
-                /* @__PURE__ */ jsx23("span", { className: "ods-showcase__microcopy", children: "NO CREDIT CARD \xB7 SSO & SELF-HOSTING LATER" }),
-                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-actions", children: [
-                  /* @__PURE__ */ jsx23(Button, { type: "button", variant: "secondary", onClick: onBack, children: "Back" }),
-                  /* @__PURE__ */ jsx23(Button, { type: "submit", variant: "primary", children: "Create account & deploy \u2192" })
+              error && /* @__PURE__ */ jsx24("p", { className: "ods-showcase__form-error", role: "alert", children: error }),
+              /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__glass-foot", children: [
+                /* @__PURE__ */ jsx24("span", { className: "ods-showcase__microcopy", children: "NO CREDIT CARD \xB7 SSO & SELF-HOSTING LATER" }),
+                /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__glass-actions", children: [
+                  /* @__PURE__ */ jsx24(Button, { type: "button", variant: "secondary", onClick: onBack, children: "Back" }),
+                  /* @__PURE__ */ jsx24(Button, { type: "submit", variant: "primary", children: "Create account & deploy \u2192" })
                 ] })
               ] })
             ]
           },
           "signup"
         ),
-        phase === "creating" && /* @__PURE__ */ jsxs21(
+        phase === "creating" && /* @__PURE__ */ jsxs22(
           motion2.div,
           {
             className: "ods-showcase__glass-card ods-showcase__glass-card--slim",
@@ -1989,8 +2243,8 @@ function ShowcaseSignup({
             ...cardMotion,
             transition: { duration: reducedMotion ? 0 : 0.25 },
             children: [
-              /* @__PURE__ */ jsx23("span", { className: "ods-showcase__spin", "aria-hidden": "true", children: "\u27F3" }),
-              /* @__PURE__ */ jsxs21("span", { className: "ods-showcase__creating-line", children: [
+              /* @__PURE__ */ jsx24("span", { className: "ods-showcase__spin", "aria-hidden": "true", children: "\u27F3" }),
+              /* @__PURE__ */ jsxs22("span", { className: "ods-showcase__creating-line", children: [
                 "provisioning workspace \xB7 saving draft \xB7 inviting ",
                 emailShown
               ] })
@@ -1998,7 +2252,7 @@ function ShowcaseSignup({
           },
           "creating"
         ),
-        phase === "welcome" && /* @__PURE__ */ jsxs21(
+        phase === "welcome" && /* @__PURE__ */ jsxs22(
           motion2.div,
           {
             className: "ods-showcase__glass-card ods-showcase__glass-card--welcome",
@@ -2008,32 +2262,32 @@ function ShowcaseSignup({
             ...cardMotion,
             transition: { duration: reducedMotion ? 0 : 0.3, ease: [0.2, 0.7, 0.2, 1] },
             children: [
-              /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-head", children: [
-                /* @__PURE__ */ jsx23("p", { className: "ods-showcase__microcopy ods-showcase__microcopy--success", children: "\u2713 WORKSPACE READY" }),
-                /* @__PURE__ */ jsxs21("h3", { id: titleId, className: "ods-showcase__glass-title", children: [
+              /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__glass-head", children: [
+                /* @__PURE__ */ jsx24("p", { className: "ods-showcase__microcopy ods-showcase__microcopy--success", children: "\u2713 WORKSPACE READY" }),
+                /* @__PURE__ */ jsxs22("h3", { id: titleId, className: "ods-showcase__glass-title", children: [
                   "Welcome to OctaviaFlow",
                   firstName ? `, ${firstName}` : "",
                   "."
                 ] }),
-                /* @__PURE__ */ jsxs21("p", { className: "ods-showcase__welcome-body", children: [
+                /* @__PURE__ */ jsxs22("p", { className: "ods-showcase__welcome-body", children: [
                   "We emailed a sign-in link to ",
-                  /* @__PURE__ */ jsx23("strong", { children: emailShown }),
+                  /* @__PURE__ */ jsx24("strong", { children: emailShown }),
                   ". Your ",
                   stepCount,
                   "-step workflow is saved as a draft in",
                   " ",
-                  /* @__PURE__ */ jsx23("code", { className: "ods-showcase__slug", children: slug }),
+                  /* @__PURE__ */ jsx24("code", { className: "ods-showcase__slug", children: slug }),
                   " \u2014 deploy it from the dashboard whenever you're ready."
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-foot", children: [
-                /* @__PURE__ */ jsxs21("div", { className: "ods-showcase__glass-actions", children: [
-                  /* @__PURE__ */ jsx23("a", { className: "ods-showcase__solid-link", href: dashboardHref, children: "Open dashboard \u2192" }),
-                  /* @__PURE__ */ jsx23("a", { className: "ods-showcase__text-link", href: onboardingHref, children: "Book onboarding \u2192" })
+              /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__glass-foot", children: [
+                /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__glass-actions", children: [
+                  /* @__PURE__ */ jsx24("a", { className: "ods-showcase__solid-link", href: dashboardHref, children: "Open dashboard \u2192" }),
+                  /* @__PURE__ */ jsx24("a", { className: "ods-showcase__text-link", href: onboardingHref, children: "Book onboarding \u2192" })
                 ] }),
-                /* @__PURE__ */ jsxs21("span", { className: "ods-showcase__microcopy ods-showcase__microcopy--right", children: [
+                /* @__PURE__ */ jsxs22("span", { className: "ods-showcase__microcopy ods-showcase__microcopy--right", children: [
                   "PRIVATE BETA",
-                  /* @__PURE__ */ jsx23("br", {}),
+                  /* @__PURE__ */ jsx24("br", {}),
                   "ONBOARDING INCLUDED"
                 ] })
               ] })
@@ -2047,10 +2301,10 @@ function ShowcaseSignup({
 }
 
 // src/marketing/components/WorkflowShowcase/WorkflowShowcase.tsx
-import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 var EMPTY_PLAN = { left: [], right: [], all: [], totalSteps: 1 };
 function ConnectorTile({ connector }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "span",
     {
       "aria-hidden": "true",
@@ -2084,45 +2338,45 @@ function WorkflowShowcase({
 }) {
   const reducedMotion = useReducedMotion4();
   const rotationActive = rotatePrompts && !defaultPrompt && examples.length > 0;
-  const [prompt, setPrompt] = useState7(
+  const [prompt, setPrompt] = useState8(
     defaultPrompt || (rotationActive ? examples[0]?.prompt ?? "" : "")
   );
-  const [engagedWithPrompt, setEngagedWithPrompt] = useState7(false);
-  const [promptHovered, setPromptHovered] = useState7(false);
-  const [promptFocused, setPromptFocused] = useState7(false);
-  const rotateIdx = useRef2(0);
-  const [selected, setSelected] = useState7([]);
-  const [phase, setPhase] = useState7("idle");
-  const [shown, setShown] = useState7(0);
-  const [status, setStatus] = useState7("");
-  const [pickerOpen, setPickerOpen] = useState7(false);
-  const [schedIdx, setSchedIdx] = useState7(0);
-  const [swap, setSwap] = useState7(null);
-  const [signupError, setSignupError] = useState7(null);
-  const signupReturnPhase = useRef2("done");
-  const cardRef = useRef2(null);
-  const timers = useRef2([]);
-  const clearTimers = useCallback(() => {
+  const [engagedWithPrompt, setEngagedWithPrompt] = useState8(false);
+  const [promptHovered, setPromptHovered] = useState8(false);
+  const [promptFocused, setPromptFocused] = useState8(false);
+  const rotateIdx = useRef3(0);
+  const [selected, setSelected] = useState8([]);
+  const [phase, setPhase] = useState8("idle");
+  const [shown, setShown] = useState8(0);
+  const [status, setStatus] = useState8("");
+  const [pickerOpen, setPickerOpen] = useState8(false);
+  const [schedIdx, setSchedIdx] = useState8(0);
+  const [swap, setSwap] = useState8(null);
+  const [signupError, setSignupError] = useState8(null);
+  const signupReturnPhase = useRef3("done");
+  const cardRef = useRef3(null);
+  const timers = useRef3([]);
+  const clearTimers = useCallback2(() => {
     for (const t of timers.current) clearTimeout(t);
     timers.current = [];
   }, []);
-  useEffect2(() => clearTimers, [clearTimers]);
+  useEffect3(() => clearTimers, [clearTimers]);
   const tempo = reducedMotion ? 0.35 : 1;
-  const at = useCallback(
+  const at = useCallback2(
     (ms, fn) => {
       timers.current.push(setTimeout(fn, ms * tempo));
     },
     [tempo]
   );
-  const firstPhase = useRef2(true);
-  useEffect2(() => {
+  const firstPhase = useRef3(true);
+  useEffect3(() => {
     if (firstPhase.current) {
       firstPhase.current = false;
       return;
     }
     onPhaseChange?.(phase);
   }, [phase, onPhaseChange]);
-  const phaseRef = useRef2(phase);
+  const phaseRef = useRef3(phase);
   phaseRef.current = phase;
   const byName = useMemo2(() => new Map(connectors.map((c) => [c.name, c])), [connectors]);
   const detected = useMemo2(() => detectConnectors(prompt, connectors), [prompt, connectors]);
@@ -2139,10 +2393,10 @@ function WorkflowShowcase({
   const manualSchedule = schedules[schedIdx];
   const scheduleShown = inferredSchedule ?? (manualSchedule === "AUTO" ? "HOURLY" : manualSchedule);
   const triggers = WORKFLOW_SHOWCASE_TRIGGERS;
-  const [triggerIdx, setTriggerIdx] = useState7(0);
+  const [triggerIdx, setTriggerIdx] = useState8(0);
   const manualTrigger = triggers[triggerIdx];
   const cadenceShown = manualTrigger === "SCHEDULE" ? scheduleShown : manualTrigger;
-  useEffect2(() => {
+  useEffect3(() => {
     if (!rotationActive || engagedWithPrompt || promptHovered || promptFocused || phase !== "idle") {
       return;
     }
@@ -2152,7 +2406,7 @@ function WorkflowShowcase({
     }, 4200);
     return () => clearInterval(timer);
   }, [rotationActive, engagedWithPrompt, promptHovered, promptFocused, phase, examples]);
-  const startBuild = useCallback(
+  const startBuild = useCallback2(
     (text, baseSelected) => {
       if (phaseRef.current === "analyzing" || phaseRef.current === "building") return;
       phaseRef.current = "analyzing";
@@ -2189,7 +2443,7 @@ function WorkflowShowcase({
     },
     [clearTimers, connectors, onBuild, scheduleShown, manualTrigger, at]
   );
-  const resetToIdle = useCallback(() => {
+  const resetToIdle = useCallback2(() => {
     clearTimers();
     phaseRef.current = "idle";
     setPhase("idle");
@@ -2308,8 +2562,8 @@ function WorkflowShowcase({
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.4, delay, ease: [0.2, 0.7, 0.2, 1] }
   };
-  return /* @__PURE__ */ jsxs22("section", { ...rest, className: cn("ods-showcase", className), children: [
-    /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23("section", { ...rest, className: cn("ods-showcase", className), children: [
+    /* @__PURE__ */ jsxs23(
       "div",
       {
         ref: cardRef,
@@ -2317,8 +2571,8 @@ function WorkflowShowcase({
         onMouseEnter: () => setPromptHovered(true),
         onMouseLeave: () => setPromptHovered(false),
         children: [
-          /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__prompt", children: [
-            /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__prompt", children: [
+            /* @__PURE__ */ jsx25(
               "textarea",
               {
                 className: "ods-showcase__prompt-input",
@@ -2335,8 +2589,8 @@ function WorkflowShowcase({
                 rows: 2
               }
             ),
-            /* @__PURE__ */ jsx24("div", { className: "ods-showcase__prompt-render", "aria-hidden": "true", children: prompt ? segments.map(
-              (seg, i) => seg.connector ? /* @__PURE__ */ jsxs22(
+            /* @__PURE__ */ jsx25("div", { className: "ods-showcase__prompt-render", "aria-hidden": "true", children: prompt ? segments.map(
+              (seg, i) => seg.connector ? /* @__PURE__ */ jsxs23(
                 "button",
                 {
                   type: "button",
@@ -2350,36 +2604,36 @@ function WorkflowShowcase({
                     if (name) openSwap(name, seg.text, e.currentTarget);
                   },
                   children: [
-                    !promptFocused && /* @__PURE__ */ jsx24(ConnectorTile, { connector: seg.connector }),
+                    !promptFocused && /* @__PURE__ */ jsx25(ConnectorTile, { connector: seg.connector }),
                     seg.text
                   ]
                 },
                 i
               ) : (
                 // biome-ignore lint/suspicious/noArrayIndexKey: segments are positional by nature
-                /* @__PURE__ */ jsx24("span", { children: seg.text }, i)
+                /* @__PURE__ */ jsx25("span", { children: seg.text }, i)
               )
-            ) : /* @__PURE__ */ jsxs22(Fragment6, { children: [
-              /* @__PURE__ */ jsx24("span", { className: "ods-showcase__placeholder", children: "Describe your pipeline \u2014 e.g. " }),
-              /* @__PURE__ */ jsx24("span", { className: "ods-showcase__placeholder ods-showcase__placeholder--faint", children: '"Sync Storefront orders to Warehouse hourly, alert sales in Team Chat"' })
+            ) : /* @__PURE__ */ jsxs23(Fragment7, { children: [
+              /* @__PURE__ */ jsx25("span", { className: "ods-showcase__placeholder", children: "Describe your pipeline \u2014 e.g. " }),
+              /* @__PURE__ */ jsx25("span", { className: "ods-showcase__placeholder ods-showcase__placeholder--faint", children: '"Sync Storefront orders to Warehouse hourly, alert sales in Team Chat"' })
             ] }) })
           ] }),
-          /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__coach", children: [
-            /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__coach", children: [
+            /* @__PURE__ */ jsx25(
               "span",
               {
                 className: cn("ods-showcase__coach-line", `ods-showcase__coach-line--${coachTone}`),
                 children: coachLine
               }
             ),
-            coachAdds.map((c) => /* @__PURE__ */ jsxs22(
+            coachAdds.map((c) => /* @__PURE__ */ jsxs23(
               "button",
               {
                 type: "button",
                 className: "ods-showcase__coach-add",
                 onClick: () => toggleConnector(c.name),
                 children: [
-                  /* @__PURE__ */ jsx24(ConnectorTile, { connector: c }),
+                  /* @__PURE__ */ jsx25(ConnectorTile, { connector: c }),
                   "+ ",
                   c.name
                 ]
@@ -2387,7 +2641,7 @@ function WorkflowShowcase({
               c.name
             ))
           ] }),
-          /* @__PURE__ */ jsx24(AnimatePresence2, { initial: false, children: pickerOpen && /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(AnimatePresence2, { initial: false, children: pickerOpen && /* @__PURE__ */ jsx25(
             motion3.div,
             {
               className: "ods-showcase__picker",
@@ -2395,9 +2649,9 @@ function WorkflowShowcase({
               animate: { opacity: 1, height: "auto" },
               exit: reducedMotion ? { opacity: 0 } : { opacity: 0, height: 0 },
               transition: { duration: 0.22, ease: [0.2, 0.7, 0.2, 1] },
-              children: /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__picker-row", children: [
-                /* @__PURE__ */ jsx24("span", { className: "ods-showcase__microcopy", children: "CONNECTORS" }),
-                connectors.map((c) => /* @__PURE__ */ jsxs22(
+              children: /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__picker-row", children: [
+                /* @__PURE__ */ jsx25("span", { className: "ods-showcase__microcopy", children: "CONNECTORS" }),
+                connectors.map((c) => /* @__PURE__ */ jsxs23(
                   "button",
                   {
                     type: "button",
@@ -2408,13 +2662,13 @@ function WorkflowShowcase({
                     "aria-pressed": selected.includes(c.name),
                     onClick: () => toggleConnector(c.name),
                     children: [
-                      /* @__PURE__ */ jsx24(ConnectorTile, { connector: c }),
+                      /* @__PURE__ */ jsx25(ConnectorTile, { connector: c }),
                       c.name
                     ]
                   },
                   c.name
                 )),
-                /* @__PURE__ */ jsxs22("span", { className: "ods-showcase__microcopy ods-showcase__microcopy--faint", children: [
+                /* @__PURE__ */ jsxs23("span", { className: "ods-showcase__microcopy ods-showcase__microcopy--faint", children: [
                   "+ ",
                   catalogNote,
                   " IN THE APP"
@@ -2422,8 +2676,8 @@ function WorkflowShowcase({
               ] })
             }
           ) }),
-          /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__toolbar", children: [
-            /* @__PURE__ */ jsxs22(
+          /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__toolbar", children: [
+            /* @__PURE__ */ jsxs23(
               "button",
               {
                 type: "button",
@@ -2439,7 +2693,7 @@ function WorkflowShowcase({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs22(
+            /* @__PURE__ */ jsxs23(
               "button",
               {
                 type: "button",
@@ -2454,7 +2708,7 @@ function WorkflowShowcase({
                 ]
               }
             ),
-            manualTrigger === "SCHEDULE" && /* @__PURE__ */ jsxs22(
+            manualTrigger === "SCHEDULE" && /* @__PURE__ */ jsxs23(
               "button",
               {
                 type: "button",
@@ -2466,8 +2720,8 @@ function WorkflowShowcase({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx24("span", { className: "ods-showcase__model", children: modelLabel }),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25("span", { className: "ods-showcase__model", children: modelLabel }),
+            /* @__PURE__ */ jsx25(
               Button,
               {
                 variant: "primary",
@@ -2477,8 +2731,8 @@ function WorkflowShowcase({
               }
             )
           ] }),
-          swap && swapRole && /* @__PURE__ */ jsxs22(Fragment6, { children: [
-            /* @__PURE__ */ jsx24(
+          swap && swapRole && /* @__PURE__ */ jsxs23(Fragment7, { children: [
+            /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
@@ -2487,7 +2741,7 @@ function WorkflowShowcase({
                 onClick: () => setSwap(null)
               }
             ),
-            /* @__PURE__ */ jsxs22(
+            /* @__PURE__ */ jsxs23(
               "div",
               {
                 className: "ods-showcase__swap",
@@ -2497,13 +2751,13 @@ function WorkflowShowcase({
                   if (e.key === "Escape") setSwap(null);
                 },
                 children: [
-                  /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__swap-head", children: [
+                  /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__swap-head", children: [
                     "SWAP ",
                     swapRole.toUpperCase(),
                     " \u2014 ",
                     swap.name.toUpperCase()
                   ] }),
-                  swapItems.map((c) => /* @__PURE__ */ jsxs22(
+                  swapItems.map((c) => /* @__PURE__ */ jsxs23(
                     "button",
                     {
                       type: "button",
@@ -2511,14 +2765,14 @@ function WorkflowShowcase({
                       className: "ods-showcase__swap-item",
                       onClick: () => doSwap(swap, c.name),
                       children: [
-                        /* @__PURE__ */ jsx24(ConnectorTile, { connector: c }),
-                        /* @__PURE__ */ jsx24("span", { className: "ods-showcase__swap-name", children: c.name }),
-                        c.name === swap.name && /* @__PURE__ */ jsx24("span", { className: "ods-showcase__swap-mark", children: "\u25CF CURRENT" })
+                        /* @__PURE__ */ jsx25(ConnectorTile, { connector: c }),
+                        /* @__PURE__ */ jsx25("span", { className: "ods-showcase__swap-name", children: c.name }),
+                        c.name === swap.name && /* @__PURE__ */ jsx25("span", { className: "ods-showcase__swap-mark", children: "\u25CF CURRENT" })
                       ]
                     },
                     c.name
                   )),
-                  /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__swap-foot", children: [
+                  /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__swap-foot", children: [
                     catalogNote,
                     " CONNECTORS IN THE APP"
                   ] })
@@ -2529,9 +2783,9 @@ function WorkflowShowcase({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__examples", children: [
-      /* @__PURE__ */ jsx24("span", { className: "ods-showcase__microcopy", children: "TRY:" }),
-      examples.map((ex) => /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__examples", children: [
+      /* @__PURE__ */ jsx25("span", { className: "ods-showcase__microcopy", children: "TRY:" }),
+      examples.map((ex) => /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
@@ -2542,30 +2796,30 @@ function WorkflowShowcase({
         ex.id
       ))
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__canvas", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__canvas-head", children: [
-        /* @__PURE__ */ jsxs22("span", { className: "ods-showcase__microcopy", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__canvas", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__canvas-head", children: [
+        /* @__PURE__ */ jsxs23("span", { className: "ods-showcase__microcopy", children: [
           canvasLabel,
           " \xB7 ",
           canvasSub
         ] }),
-        /* @__PURE__ */ jsxs22("span", { className: cn("ods-showcase__badge", `ods-showcase__badge--${badge.tone}`), children: [
-          /* @__PURE__ */ jsx24("span", { className: cn("ods-showcase__dot", badge.pulse && "ods-showcase__dot--pulse") }),
+        /* @__PURE__ */ jsxs23("span", { className: cn("ods-showcase__badge", `ods-showcase__badge--${badge.tone}`), children: [
+          /* @__PURE__ */ jsx25("span", { className: cn("ods-showcase__dot", badge.pulse && "ods-showcase__dot--pulse") }),
           badge.label
         ] })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__stage", children: [
-        /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__rail", children: [
-          /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__rail-head", children: [
-            /* @__PURE__ */ jsx24("span", { className: "ods-showcase__microcopy", children: railLabel }),
-            /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__stage", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__rail", children: [
+          /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__rail-head", children: [
+            /* @__PURE__ */ jsx25("span", { className: "ods-showcase__microcopy", children: railLabel }),
+            /* @__PURE__ */ jsx25(
               "span",
               {
                 className: cn("ods-showcase__dot", badge.pulse && "ods-showcase__dot--pulse")
               }
             )
           ] }),
-          /* @__PURE__ */ jsx24("div", { className: "ods-showcase__rail-body", children: /* @__PURE__ */ jsx24(AnimatePresence2, { initial: false, children: activity.map((line) => /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25("div", { className: "ods-showcase__rail-body", children: /* @__PURE__ */ jsx25(AnimatePresence2, { initial: false, children: activity.map((line) => /* @__PURE__ */ jsx25(
             motion3.div,
             {
               className: cn("ods-showcase__act", `ods-showcase__act--${line.tone}`),
@@ -2577,7 +2831,7 @@ function WorkflowShowcase({
             },
             line.id
           )) }) }),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             "div",
             {
               className: cn(
@@ -2589,7 +2843,7 @@ function WorkflowShowcase({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           ShowcaseScene,
           {
             left: sceneLeft,
@@ -2608,11 +2862,11 @@ function WorkflowShowcase({
             }
           }
         ),
-        /* @__PURE__ */ jsx24("div", { className: "ods-showcase__metrics", children: metrics.map((m, idx) => {
+        /* @__PURE__ */ jsx25("div", { className: "ods-showcase__metrics", children: metrics.map((m, idx) => {
           const revealed = settled || phase === "building" && shown > idx;
           const interim = m.buildingValue != null && !settled && revealed;
-          return /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__metric", children: [
-            /* @__PURE__ */ jsxs22(
+          return /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__metric", children: [
+            /* @__PURE__ */ jsxs23(
               "div",
               {
                 className: cn(
@@ -2621,7 +2875,7 @@ function WorkflowShowcase({
                   m.tone === "success" && settled && "ods-showcase__metric-value--success"
                 ),
                 children: [
-                  settled ? /* @__PURE__ */ jsx24(
+                  settled ? /* @__PURE__ */ jsx25(
                     CountUp,
                     {
                       value: m.value,
@@ -2634,17 +2888,17 @@ function WorkflowShowcase({
                     }
                   ) : interim ? `${m.prefix ?? ""}${m.buildingValue}` : "\u2014",
                   revealed && m.suffix ? m.suffix : null,
-                  revealed && m.unit ? /* @__PURE__ */ jsxs22("span", { className: "ods-showcase__metric-unit", children: [
+                  revealed && m.unit ? /* @__PURE__ */ jsxs23("span", { className: "ods-showcase__metric-unit", children: [
                     " ",
                     m.unit
                   ] }) : null
                 ]
               }
             ),
-            /* @__PURE__ */ jsx24("div", { className: "ods-showcase__microcopy", children: m.label })
+            /* @__PURE__ */ jsx25("div", { className: "ods-showcase__microcopy", children: m.label })
           ] }, m.id);
         }) }),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           ShowcaseSignup,
           {
             phase,
@@ -2663,20 +2917,20 @@ function WorkflowShowcase({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__outro", "aria-live": "polite", children: [
-      buildingNow && /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__building", children: [
-        /* @__PURE__ */ jsx24("span", { className: "ods-showcase__spin", "aria-hidden": "true", children: "\u27F3" }),
+    /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__outro", "aria-live": "polite", children: [
+      buildingNow && /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__building", children: [
+        /* @__PURE__ */ jsx25("span", { className: "ods-showcase__spin", "aria-hidden": "true", children: "\u27F3" }),
         " ",
         status
       ] }),
-      phase === "done" && /* @__PURE__ */ jsxs22("div", { className: "ods-showcase__done", children: [
-        /* @__PURE__ */ jsxs22(motion3.div, { className: "ods-showcase__done-note", ...rise(0), children: [
+      phase === "done" && /* @__PURE__ */ jsxs23("div", { className: "ods-showcase__done", children: [
+        /* @__PURE__ */ jsxs23(motion3.div, { className: "ods-showcase__done-note", ...rise(0), children: [
           "\u2713 ",
           doneNote
         ] }),
-        /* @__PURE__ */ jsxs22(motion3.div, { className: "ods-showcase__cta", ...rise(0.2), children: [
-          /* @__PURE__ */ jsx24("span", { className: "ods-showcase__cta-copy", children: "Deploy it on your own data \u2014 takes 2 minutes." }),
-          /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs23(motion3.div, { className: "ods-showcase__cta", ...rise(0.2), children: [
+          /* @__PURE__ */ jsx25("span", { className: "ods-showcase__cta-copy", children: "Deploy it on your own data \u2014 takes 2 minutes." }),
+          /* @__PURE__ */ jsx25(
             Button,
             {
               variant: "primary",
@@ -2688,7 +2942,7 @@ function WorkflowShowcase({
               children: "Create free account \u2192"
             }
           ),
-          /* @__PURE__ */ jsx24("a", { className: "ods-showcase__text-link", href: onboardingHref, children: "Book onboarding \u2192" })
+          /* @__PURE__ */ jsx25("a", { className: "ods-showcase__text-link", href: onboardingHref, children: "Book onboarding \u2192" })
         ] })
       ] })
     ] })
@@ -2697,6 +2951,7 @@ function WorkflowShowcase({
 export {
   ActionGlyph,
   AssistantTranscript,
+  AssistantWidget,
   BackedBy,
   BetaAccessForm,
   BlogGrid,