@octaviaflow/core 3.1.0-beta.78 → 3.1.0-beta.80

package/dist/index.cjs

@@ -4304,6 +4304,9 @@ var PasswordInput = (0, import_react31.forwardRef)(
 );
 PasswordInput.displayName = "PasswordInput";
 
+// src/components/AuthScreen/AuthScreen.tsx
+var import_icons5 = require("@octaviaflow/icons");
+
 // src/components/SocialButton/SocialButton.tsx
 var import_icons4 = require("@octaviaflow/icons");
 var import_react32 = require("react");
@@ -4675,19 +4678,23 @@ function AuthFormHeader({ logo, title, titleId, description, headingLevel }) {
     description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "ods-auth-form__desc", children: description })
   ] });
 }
-function AuthFormSocial({ providers, onSocialClick, dividerLabel, disabled }) {
+function AuthFormSocial({ providers, onSocialClick, dividerLabel, disabled, position = "bottom" }) {
   if (!providers || providers.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+  const row = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ods-auth-form__social", children: providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    SocialButton,
+    {
+      provider,
+      disabled,
+      onClick: () => onSocialClick?.(provider)
+    },
+    provider
+  )) });
+  return position === "top" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    row,
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AuthDivider, { children: dividerLabel })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AuthDivider, { children: dividerLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ods-auth-form__social", children: providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      SocialButton,
-      {
-        provider,
-        disabled,
-        onClick: () => onSocialClick?.(provider)
-      },
-      provider
-    )) })
+    row
   ] });
 }
 function AuthFormFooterLink({ prompt, label, href, onClick }) {
@@ -4720,6 +4727,7 @@ function AuthLoginForm({
   forgotLabel = "Forgot your password?",
   socialProviders = ["google"],
   onSocialClick,
+  socialPosition = "bottom",
   socialDividerLabel = "Or, log in with",
   registerHref,
   onRegisterClick,
@@ -4761,6 +4769,16 @@ function AuthLoginForm({
           error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Banner, { variant: "error", children: error }),
           success && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Banner, { variant: "success", children: success })
         ] }),
+        socialPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          AuthFormSocial,
+          {
+            providers: socialProviders,
+            onSocialClick,
+            dividerLabel: socialDividerLabel,
+            disabled: loading,
+            position: "top"
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__fields", children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             Input,
@@ -4803,7 +4821,7 @@ function AuthLoginForm({
           hasForgot && (forgotHref ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { className: "ods-auth-form__link", href: forgotHref, onClick: onForgotClick, children: forgotLabel }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "ods-auth-form__link", onClick: onForgotClick, children: forgotLabel }))
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "submit", variant: "primary", fullWidth: true, loading, children: submitLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        socialPosition === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           AuthFormSocial,
           {
             providers: socialProviders,
@@ -4857,6 +4875,10 @@ function AuthSignupForm({
   socialProviders = ["google"],
   onSocialClick,
   socialDividerLabel = "Or, sign up with",
+  layout = "form-first",
+  emailCtaLabel = "Sign up with email",
+  backLabel = "Back to all options",
+  highlights,
   signInHref,
   onSignInClick,
   signInPrompt = "Already have an account?",
@@ -4876,6 +4898,8 @@ function AuthSignupForm({
   const [isCompanyAccount, setIsCompanyAccount] = (0, import_react33.useState)(false);
   const [companyName, setCompanyName] = (0, import_react33.useState)("");
   const [domain, setDomain] = (0, import_react33.useState)("");
+  const [entryMode, setEntryMode] = (0, import_react33.useState)("choice");
+  const choiceScreen = layout === "choice-first" && entryMode === "choice";
   (0, import_react33.useEffect)(() => {
     if (!showCompanyToggle || !isCompanyAccount || domain) return;
     const at = email.indexOf("@");
@@ -4916,138 +4940,180 @@ function AuthSignupForm({
           error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Banner, { variant: "error", children: error }),
           success && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Banner, { variant: "success", children: success })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__fields", children: [
-          nameLayout === "split" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__grid2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        choiceScreen && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__choice", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ods-auth-form__social", children: (socialProviders ?? []).map((provider) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            SocialButton,
+            {
+              provider,
+              disabled: loading,
+              onClick: () => onSocialClick?.(provider)
+            },
+            provider
+          )) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AuthDivider, { children: "or" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              fullWidth: true,
+              disabled: loading,
+              onClick: () => setEntryMode("email"),
+              children: emailCtaLabel
+            }
+          ),
+          highlights && highlights.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "ods-auth-form__highlights", children: highlights.map((item, i) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: static copy row
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("li", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons5.CheckmarkFilledIcon, { size: "sm", "aria-hidden": "true" }),
+              item
+            ] }, i)
+          )) })
+        ] }),
+        !choiceScreen && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          layout === "choice-first" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ods-auth-form__back",
+              onClick: () => setEntryMode("choice"),
+              disabled: loading,
+              children: backLabel
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__fields", children: [
+            nameLayout === "split" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__grid2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                Input,
+                {
+                  label: firstNameLabel,
+                  type: "text",
+                  name: "firstName",
+                  autoComplete: "given-name",
+                  required: true,
+                  placeholder: firstNamePlaceholder,
+                  value: firstName,
+                  onChange: (e) => setFirstName(e.target.value),
+                  disabled: loading
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                Input,
+                {
+                  label: lastNameLabel,
+                  type: "text",
+                  name: "lastName",
+                  autoComplete: "family-name",
+                  required: true,
+                  placeholder: lastNamePlaceholder,
+                  value: lastName,
+                  onChange: (e) => setLastName(e.target.value),
+                  disabled: loading
+                }
+              )
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               Input,
               {
-                label: firstNameLabel,
+                label: nameLabel,
                 type: "text",
-                name: "firstName",
-                autoComplete: "given-name",
+                name: "name",
+                autoComplete: "name",
                 required: true,
-                placeholder: firstNamePlaceholder,
-                value: firstName,
-                onChange: (e) => setFirstName(e.target.value),
+                placeholder: namePlaceholder,
+                value: name,
+                onChange: (e) => setName(e.target.value),
                 disabled: loading
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               Input,
               {
-                label: lastNameLabel,
-                type: "text",
-                name: "lastName",
-                autoComplete: "family-name",
+                label: emailLabel,
+                type: "email",
+                name: "email",
+                autoComplete: "email",
                 required: true,
-                placeholder: lastNamePlaceholder,
-                value: lastName,
-                onChange: (e) => setLastName(e.target.value),
+                placeholder: emailPlaceholder,
+                value: email,
+                onChange: (e) => setEmail(e.target.value),
+                disabled: loading
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              PasswordInput,
+              {
+                label: passwordLabel,
+                name: "password",
+                autoComplete: "new-password",
+                required: true,
+                placeholder: passwordPlaceholder,
+                value: password,
+                onChange: setPassword,
+                strengthRules: passwordStrengthRules,
                 disabled: loading
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            Input,
-            {
-              label: nameLabel,
-              type: "text",
-              name: "name",
-              autoComplete: "name",
-              required: true,
-              placeholder: namePlaceholder,
-              value: name,
-              onChange: (e) => setName(e.target.value),
-              disabled: loading
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            Input,
+          ] }),
+          showCompanyToggle && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              Checkbox,
+              {
+                label: companyToggleLabel,
+                checked: isCompanyAccount,
+                onChange: setIsCompanyAccount,
+                disabled: loading
+              }
+            ),
+            isCompanyAccount && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__grid2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                Input,
+                {
+                  label: companyNameLabel,
+                  type: "text",
+                  name: "companyName",
+                  autoComplete: "organization",
+                  required: true,
+                  placeholder: companyNamePlaceholder,
+                  value: companyName,
+                  onChange: (e) => setCompanyName(e.target.value),
+                  disabled: loading
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                Input,
+                {
+                  label: domainLabel,
+                  type: "text",
+                  name: "domain",
+                  placeholder: domainPlaceholder,
+                  value: domain,
+                  onChange: (e) => setDomain(e.target.value),
+                  disabled: loading
+                }
+              )
+            ] })
+          ] }),
+          showTerms && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            Checkbox,
             {
-              label: emailLabel,
-              type: "email",
-              name: "email",
-              autoComplete: "email",
+              label: termsLabel,
+              checked: acceptTerms,
+              onChange: setAcceptTerms,
               required: true,
-              placeholder: emailPlaceholder,
-              value: email,
-              onChange: (e) => setEmail(e.target.value),
               disabled: loading
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            PasswordInput,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "submit", variant: "primary", fullWidth: true, loading, children: submitLabel }),
+          layout === "form-first" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            AuthFormSocial,
             {
-              label: passwordLabel,
-              name: "password",
-              autoComplete: "new-password",
-              required: true,
-              placeholder: passwordPlaceholder,
-              value: password,
-              onChange: setPassword,
-              strengthRules: passwordStrengthRules,
+              providers: socialProviders,
+              onSocialClick,
+              dividerLabel: socialDividerLabel,
               disabled: loading
             }
           )
         ] }),
-        showCompanyToggle && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            Checkbox,
-            {
-              label: companyToggleLabel,
-              checked: isCompanyAccount,
-              onChange: setIsCompanyAccount,
-              disabled: loading
-            }
-          ),
-          isCompanyAccount && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__grid2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              Input,
-              {
-                label: companyNameLabel,
-                type: "text",
-                name: "companyName",
-                autoComplete: "organization",
-                required: true,
-                placeholder: companyNamePlaceholder,
-                value: companyName,
-                onChange: (e) => setCompanyName(e.target.value),
-                disabled: loading
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              Input,
-              {
-                label: domainLabel,
-                type: "text",
-                name: "domain",
-                placeholder: domainPlaceholder,
-                value: domain,
-                onChange: (e) => setDomain(e.target.value),
-                disabled: loading
-              }
-            )
-          ] })
-        ] }),
-        showTerms && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          Checkbox,
-          {
-            label: termsLabel,
-            checked: acceptTerms,
-            onChange: setAcceptTerms,
-            required: true,
-            disabled: loading
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "submit", variant: "primary", fullWidth: true, loading, children: submitLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          AuthFormSocial,
-          {
-            providers: socialProviders,
-            onSocialClick,
-            dividerLabel: socialDividerLabel,
-            disabled: loading
-          }
-        ),
         footer ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           AuthFormFooterLink,
           {
@@ -5762,7 +5828,7 @@ function Breadcrumb({
 }
 
 // src/components/Calendar/Calendar.tsx
-var import_icons6 = require("@octaviaflow/icons");
+var import_icons7 = require("@octaviaflow/icons");
 var import_react40 = require("react");
 
 // src/components/Select/Select.tsx
@@ -5770,7 +5836,7 @@ var import_framer_motion8 = require("framer-motion");
 var import_react39 = require("react");
 var import_react_aria5 = require("react-aria");
 var import_react_dom2 = require("react-dom");
-var import_icons5 = require("@octaviaflow/icons");
+var import_icons6 = require("@octaviaflow/icons");
 
 // src/components/Tooltip/Tooltip.tsx
 var import_framer_motion7 = require("framer-motion");
@@ -6058,7 +6124,7 @@ function Option({
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ods-select__option-label", children: item.rendered }),
               option?.description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ods-select__option-desc", children: option.description })
             ] }),
-            isSelected && showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ods-select__check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons5.CheckmarkIcon, { size: "xs", tone: "accent" }) })
+            isSelected && showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ods-select__check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons6.CheckmarkIcon, { size: "xs", tone: "accent" }) })
           ]
         }
       )
@@ -6268,7 +6334,7 @@ var Select = (0, import_react39.forwardRef)(function Select2({
                     state.isOpen && "ods-select__chevron--open"
                   ),
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons5.ChevronDownIcon, { size: "xs" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons6.ChevronDownIcon, { size: "xs" })
                 }
               )
             ]
@@ -6279,6 +6345,7 @@ var Select = (0, import_react39.forwardRef)(function Select2({
             import_framer_motion8.motion.div,
             {
               ref: dropdownRef,
+              "data-ods-floating": "",
               className: "ods-select__dropdown",
               style: {
                 position: "fixed",
@@ -6595,7 +6662,7 @@ var Calendar = (0, import_react40.forwardRef)(function Calendar2({
                   className: "ods-calendar__nav",
                   onClick: () => setMonth(addMonths(visibleMonth, -1)),
                   "aria-label": "Previous month",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons6.ChevronLeftIcon, { "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons7.ChevronLeftIcon, { "aria-hidden": "true" })
                 }
               ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ods-calendar__nav ods-calendar__nav--placeholder", "aria-hidden": "true" }),
               captionLayout === "dropdowns" ? (
@@ -6666,7 +6733,7 @@ var Calendar = (0, import_react40.forwardRef)(function Calendar2({
                   className: "ods-calendar__nav",
                   onClick: () => setMonth(addMonths(visibleMonth, 1)),
                   "aria-label": "Next month",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons6.ChevronRightIcon, { "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons7.ChevronRightIcon, { "aria-hidden": "true" })
                 }
               ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ods-calendar__nav ods-calendar__nav--placeholder", "aria-hidden": "true" })
             ] }),
@@ -8711,7 +8778,7 @@ Chip.displayName = "Chip";
 
 // src/components/ChoiceCard/ChoiceCard.tsx
 var import_framer_motion11 = require("framer-motion");
-var import_icons7 = require("@octaviaflow/icons");
+var import_icons8 = require("@octaviaflow/icons");
 var import_react59 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var ChoiceCard = (0, import_react59.forwardRef)(
@@ -8779,7 +8846,7 @@ var ChoiceCard = (0, import_react59.forwardRef)(
                       duration: 0.18,
                       ease: [0.34, 1.2, 0.64, 1]
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons7.CheckmarkIcon, { size: "xs" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons8.CheckmarkIcon, { size: "xs" })
                   },
                   "check"
                 ) })
@@ -8981,7 +9048,7 @@ var ConnectorCard = (0, import_react60.forwardRef)(
 ConnectorCard.displayName = "ConnectorCard";
 
 // src/components/CodeEditor/CodeEditor.tsx
-var import_icons8 = require("@octaviaflow/icons");
+var import_icons9 = require("@octaviaflow/icons");
 var import_react61 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var COMMENT_PREFIX = {
@@ -9362,7 +9429,7 @@ ${indent}`;
                   "aria-pressed": wordWrap,
                   "aria-label": "Toggle word wrap",
                   title: "Word wrap",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons8.TextWrapIcon, { "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons9.TextWrapIcon, { "aria-hidden": "true" })
                 }
               ),
               showFormatBtn && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -9373,7 +9440,7 @@ ${indent}`;
                   onClick: handleFormat,
                   "aria-label": "Format",
                   title: "Format (JSON)",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons8.MagicWandIcon, { "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons9.MagicWandIcon, { "aria-hidden": "true" })
                 }
               ),
               showCopy && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -9384,13 +9451,13 @@ ${indent}`;
                   onClick: handleCopy,
                   "aria-label": "Copy",
                   title: "Copy",
-                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons8.CheckmarkIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons8.CopyIcon, { "aria-hidden": "true" })
+                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons9.CheckmarkIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons9.CopyIcon, { "aria-hidden": "true" })
                 }
               )
             ] })
           ] }),
           findOpen && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "ods-code-editor__find", role: "search", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons8.SearchIcon, { "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons9.SearchIcon, { "aria-hidden": "true" }),
             /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               "input",
               {
@@ -9552,7 +9619,7 @@ ${indent}`;
 CodeEditor.displayName = "CodeEditor";
 
 // src/components/Coachmark/Coachmark.tsx
-var import_icons9 = require("@octaviaflow/icons");
+var import_icons10 = require("@octaviaflow/icons");
 var import_framer_motion12 = require("framer-motion");
 var import_react62 = require("react");
 var import_react_dom3 = require("react-dom");
@@ -9725,7 +9792,7 @@ var Coachmark = (0, import_react62.forwardRef)(
                   className: "ods-coachmark__close",
                   "aria-label": "Dismiss",
                   onClick: onDismiss,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_icons9.CloseIcon, { size: "xs", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_icons10.CloseIcon, { size: "xs", "aria-hidden": true })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "ods-coachmark__header", children: [
@@ -9817,7 +9884,7 @@ function useCoachmarkSeen(key, storagePrefix = "ods-coachmark:") {
 }
 
 // src/components/ColorPicker/ColorPicker.tsx
-var import_icons10 = require("@octaviaflow/icons");
+var import_icons11 = require("@octaviaflow/icons");
 var import_react63 = require("react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function isValidHex(v) {
@@ -9967,7 +10034,7 @@ var ColorPicker = (0, import_react63.forwardRef)(
                       tabIndex: -1
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons10.EyedropperIcon, { "aria-hidden": "true" })
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons11.EyedropperIcon, { "aria-hidden": "true" })
                 ]
               }
             )
@@ -10015,7 +10082,7 @@ var ColorPicker = (0, import_react63.forwardRef)(
 ColorPicker.displayName = "ColorPicker";
 
 // src/components/CommandPalette/CommandPalette.tsx
-var import_icons11 = require("@octaviaflow/icons");
+var import_icons12 = require("@octaviaflow/icons");
 var import_framer_motion13 = require("framer-motion");
 var import_react64 = require("react");
 var import_react_dom4 = require("react-dom");
@@ -10135,7 +10202,7 @@ var CommandPalette = (0, import_react64.forwardRef)(
         id: baseId,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ods-cmdk__searchbar", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons11.SearchIcon, { size: "sm", "aria-hidden": true, className: "ods-cmdk__search-icon" }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons12.SearchIcon, { size: "sm", "aria-hidden": true, className: "ods-cmdk__search-icon" }),
             /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
               "input",
               {
@@ -10278,12 +10345,12 @@ function useCommandPaletteShortcut(toggle, options2 = {}) {
 }
 
 // src/components/ConditionBuilder/ConditionBuilder.tsx
-var import_icons13 = require("@octaviaflow/icons");
+var import_icons14 = require("@octaviaflow/icons");
 var import_react66 = require("react");
 var import_react_dom6 = require("react-dom");
 
 // src/components/Combobox/Combobox.tsx
-var import_icons12 = require("@octaviaflow/icons");
+var import_icons13 = require("@octaviaflow/icons");
 var import_react65 = require("react");
 var import_react_dom5 = require("react-dom");
 var import_jsx_runtime48 = require("react/jsx-runtime");
@@ -10468,7 +10535,7 @@ function Combobox({
               "aria-expanded": open,
               disabled,
               tabIndex: -1,
-              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons12.ChevronDownIcon, { "aria-hidden": "true", className: "ods-combobox__chev" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons13.ChevronDownIcon, { "aria-hidden": "true", className: "ods-combobox__chev" })
             }
           )
         ] }),
@@ -10477,6 +10544,7 @@ function Combobox({
             "div",
             {
               ref: panelRef,
+              "data-ods-floating": "",
               className: "ods-combobox__panel",
               role: "presentation",
               style: {
@@ -10667,7 +10735,7 @@ function OptionDropdown({
           selected?.icon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ods-cb-dd__icon", "aria-hidden": "true", children: selected.icon }),
           selected?.symbol && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ods-cb-dd__symbol", children: selected.symbol }),
           /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: cn("ods-cb-dd__label", !selected && "ods-cb-dd__label--placeholder"), children: selected?.label ?? placeholder }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons13.ChevronDownIcon, { "aria-hidden": "true", className: "ods-cb-dd__chev" })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons14.ChevronDownIcon, { "aria-hidden": "true", className: "ods-cb-dd__chev" })
         ]
       }
     ),
@@ -10686,7 +10754,7 @@ function OptionDropdown({
           },
           children: [
             showSearch && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "ods-cb-dd__search", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons13.SearchIcon, { "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons14.SearchIcon, { "aria-hidden": "true" }),
               /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 "input",
                 {
@@ -10721,7 +10789,7 @@ function OptionDropdown({
                       opt.description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ods-cb-dd__opt-desc", children: opt.description })
                     ] }),
                     opt.value === value && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                      import_icons13.CheckmarkIcon,
+                      import_icons14.CheckmarkIcon,
                       {
                         "aria-hidden": "true",
                         className: "ods-cb-dd__opt-check"
@@ -10906,7 +10974,7 @@ var ConditionBuilder = (0, import_react66.forwardRef)(function ConditionBuilder2
               className: "ods-condition-row__remove",
               onClick: () => handleRemove(index),
               "aria-label": removeLabel,
-              children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons13.CloseIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons14.CloseIcon, { "aria-hidden": "true" })
             }
           )
         ] }, index)) }),
@@ -10917,7 +10985,7 @@ var ConditionBuilder = (0, import_react66.forwardRef)(function ConditionBuilder2
             className: "ods-condition-builder__add",
             onClick: handleAdd,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons13.AddIcon, { "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons14.AddIcon, { "aria-hidden": "true" }),
               /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: addLabel })
             ]
           }
@@ -10929,7 +10997,7 @@ var ConditionBuilder = (0, import_react66.forwardRef)(function ConditionBuilder2
 ConditionBuilder.displayName = "ConditionBuilder";
 
 // src/components/FieldPicker/FieldPicker.tsx
-var import_icons14 = require("@octaviaflow/icons");
+var import_icons15 = require("@octaviaflow/icons");
 var import_react67 = require("react");
 var import_react_dom7 = require("react-dom");
 var import_jsx_runtime50 = require("react/jsx-runtime");
@@ -11127,7 +11195,7 @@ function FieldPicker({
                         e.stopPropagation();
                         if (!disabled) removeTag(v);
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons14.CloseIcon, { width: 10, height: 10, "aria-hidden": "true" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons15.CloseIcon, { width: 10, height: 10, "aria-hidden": "true" })
                     }
                   )
                 ] }, v)),
@@ -11136,7 +11204,7 @@ function FieldPicker({
                   overflow
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons14.ChevronDownIcon, { "aria-hidden": "true", className: "ods-field-picker__chev" })
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons15.ChevronDownIcon, { "aria-hidden": "true", className: "ods-field-picker__chev" })
             ]
           }
         ),
@@ -11155,7 +11223,7 @@ function FieldPicker({
               },
               children: [
                 searchable && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "ods-field-picker__search", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons14.SearchIcon, { "aria-hidden": "true" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons15.SearchIcon, { "aria-hidden": "true" }),
                   /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                     "input",
                     {
@@ -11201,7 +11269,7 @@ function FieldPicker({
                             ),
                             "aria-hidden": "true",
                             children: [
-                              allFilteredSelected && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons14.CheckmarkIcon, { width: 12, height: 12 }),
+                              allFilteredSelected && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons15.CheckmarkIcon, { width: 12, height: 12 }),
                               !allFilteredSelected && someFilteredSelected && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "ods-field-picker__dash" })
                             ]
                           }
@@ -11249,7 +11317,7 @@ function FieldPicker({
                                       checked && "ods-field-picker__check--checked"
                                     ),
                                     "aria-hidden": "true",
-                                    children: checked && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons14.CheckmarkIcon, { width: 12, height: 12 })
+                                    children: checked && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons15.CheckmarkIcon, { width: 12, height: 12 })
                                   }
                                 ),
                                 /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "ods-field-picker__opt-label", children: f.label }),
@@ -11278,7 +11346,7 @@ function FieldPicker({
 FieldPicker.displayName = "FieldPicker";
 
 // src/components/KeyValueEditor/KeyValueEditor.tsx
-var import_icons15 = require("@octaviaflow/icons");
+var import_icons16 = require("@octaviaflow/icons");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var isRowEnabled = (pair) => pair.enabled !== false;
 function KeyValueEditor({
@@ -11400,7 +11468,7 @@ function KeyValueEditor({
                     "aria-label": "Remove row",
                     onClick: () => removeAt(i),
                     disabled,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons15.CloseIcon, { width: 14, height: 14, "aria-hidden": "true" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons16.CloseIcon, { width: 14, height: 14, "aria-hidden": "true" })
                   }
                 )
               ]
@@ -11409,7 +11477,7 @@ function KeyValueEditor({
           );
         }),
         canAdd && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("button", { type: "button", className: "ods-kv-editor__add", onClick: add, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons15.AddIcon, { width: 14, height: 14, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons16.AddIcon, { width: 14, height: 14, "aria-hidden": "true" }),
           addLabel
         ] }),
         error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "ods-kv-editor__error-message", role: "alert", children: errorMessage }),
@@ -11421,7 +11489,7 @@ function KeyValueEditor({
 KeyValueEditor.displayName = "KeyValueEditor";
 
 // src/components/SortBuilder/SortBuilder.tsx
-var import_icons16 = require("@octaviaflow/icons");
+var import_icons17 = require("@octaviaflow/icons");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function SortBuilder({
   sorts,
@@ -11469,7 +11537,7 @@ function SortBuilder({
           onClick: () => setAt(i, { direction: rule.direction === "asc" ? "desc" : "asc" }),
           disabled,
           children: [
-            rule.direction === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons16.ArrowUpIcon, { width: 14, height: 14, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons16.ArrowDownIcon, { width: 14, height: 14, "aria-hidden": "true" }),
+            rule.direction === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons17.ArrowUpIcon, { width: 14, height: 14, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons17.ArrowDownIcon, { width: 14, height: 14, "aria-hidden": "true" }),
             /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "ods-sort-builder__dir-label", children: rule.direction === "asc" ? "Asc" : "Desc" })
           ]
         }
@@ -11482,12 +11550,12 @@ function SortBuilder({
           "aria-label": "Remove sort",
           onClick: () => removeAt(i),
           disabled,
-          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons16.CloseIcon, { width: 14, height: 14, "aria-hidden": "true" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons17.CloseIcon, { width: 14, height: 14, "aria-hidden": "true" })
         }
       )
     ] }, i)),
     canAdd && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("button", { type: "button", className: "ods-sort-builder__add", onClick: add, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons16.AddIcon, { width: 14, height: 14, "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons17.AddIcon, { width: 14, height: 14, "aria-hidden": "true" }),
       addLabel
     ] }),
     helperText && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "ods-sort-builder__helper", children: helperText })
@@ -11496,7 +11564,7 @@ function SortBuilder({
 SortBuilder.displayName = "SortBuilder";
 
 // src/components/GroupByBuilder/GroupByBuilder.tsx
-var import_icons17 = require("@octaviaflow/icons");
+var import_icons18 = require("@octaviaflow/icons");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var DEFAULT_FNS = ["count", "sum", "avg", "min", "max"];
 var FN_LABEL = {
@@ -11593,12 +11661,12 @@ function GroupByBuilder({
             "aria-label": "Remove aggregate",
             onClick: () => removeAggAt(i),
             disabled,
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons17.CloseIcon, { width: 14, height: 14, "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons18.CloseIcon, { width: 14, height: 14, "aria-hidden": "true" })
           }
         )
       ] }, i)),
       !disabled && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("button", { type: "button", className: "ods-groupby-builder__add", onClick: addAgg, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons17.AddIcon, { width: 14, height: 14, "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons18.AddIcon, { width: 14, height: 14, "aria-hidden": "true" }),
         "Add aggregate"
       ] })
     ] }),
@@ -11608,7 +11676,7 @@ function GroupByBuilder({
 GroupByBuilder.displayName = "GroupByBuilder";
 
 // src/components/Disclosure/Disclosure.tsx
-var import_icons18 = require("@octaviaflow/icons");
+var import_icons19 = require("@octaviaflow/icons");
 var import_react68 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function Disclosure({
@@ -11656,7 +11724,7 @@ function Disclosure({
             "aria-expanded": open,
             "aria-controls": regionId,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons18.ChevronRightIcon, { "aria-hidden": "true", className: "ods-disclosure__chev" }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons19.ChevronRightIcon, { "aria-hidden": "true", className: "ods-disclosure__chev" }),
               icon && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "ods-disclosure__icon", "aria-hidden": "true", children: icon }),
               /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "ods-disclosure__head", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "ods-disclosure__title", children: title }),
@@ -11674,7 +11742,7 @@ function Disclosure({
 Disclosure.displayName = "Disclosure";
 
 // src/components/ConfigPanel/ConfigPanel.tsx
-var import_icons19 = require("@octaviaflow/icons");
+var import_icons20 = require("@octaviaflow/icons");
 var import_framer_motion14 = require("framer-motion");
 var import_react69 = require("react");
 var import_react_aria6 = require("react-aria");
@@ -11769,7 +11837,7 @@ var ConfigPanel = (0, import_react69.forwardRef)(
                 ref: closeRef,
                 className: "ods-config-panel__close",
                 "data-testid": "config-panel-close",
-                children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons19.CloseIcon, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons20.CloseIcon, { "aria-hidden": "true" })
               }
             )
           ] }),
@@ -11837,7 +11905,7 @@ function stripMotionConflicts(props) {
 var import_react71 = require("react");
 
 // src/components/Dialog/Dialog.tsx
-var import_icons20 = require("@octaviaflow/icons");
+var import_icons21 = require("@octaviaflow/icons");
 var import_framer_motion15 = require("framer-motion");
 var import_react70 = require("react");
 var import_react_aria7 = require("react-aria");
@@ -11936,7 +12004,11 @@ var DialogContent = (0, import_react70.forwardRef)(function DialogContent2({
       isOpen: open,
       onClose,
       isDismissable: closeOnOverlayClick,
-      isKeyboardDismissDisabled: !closeOnEsc
+      isKeyboardDismissDisabled: !closeOnEsc,
+      // Floating layers (Select/Combobox/DropdownMenu/DatePicker dropdowns)
+      // portal to <body>, OUTSIDE the dialog subtree — without this, picking
+      // an option counted as an outside click and closed the dialog.
+      shouldCloseOnInteractOutside: (element) => !(element instanceof Element && element.closest("[data-ods-floating]"))
     },
     overlayRef
   );
@@ -11999,7 +12071,7 @@ var DialogContent = (0, import_react70.forwardRef)(function DialogContent2({
                   onClick: onClose,
                   "aria-label": closeLabel,
                   type: "button",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_icons20.CloseIcon, { "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_icons21.CloseIcon, { "aria-hidden": "true" })
                 }
               )
             ] }),
@@ -12193,19 +12265,19 @@ var ConfirmDialog = (0, import_react71.forwardRef)(
 ConfirmDialog.displayName = "ConfirmDialog";
 
 // src/components/CsvViewer/CsvViewer.tsx
-var import_icons22 = require("@octaviaflow/icons");
+var import_icons23 = require("@octaviaflow/icons");
 var import_papaparse = __toESM(require("papaparse"), 1);
 var import_react74 = require("react");
 
 // src/components/InlineMessage/InlineMessage.tsx
-var import_icons21 = require("@octaviaflow/icons");
+var import_icons22 = require("@octaviaflow/icons");
 var import_react72 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var TONE_ICON = {
-  info: import_icons21.InformationFilledIcon,
-  success: import_icons21.CheckmarkFilledIcon,
-  warning: import_icons21.WarningFilledIcon,
-  danger: import_icons21.ErrorFilledIcon
+  info: import_icons22.InformationFilledIcon,
+  success: import_icons22.CheckmarkFilledIcon,
+  warning: import_icons22.WarningFilledIcon,
+  danger: import_icons22.ErrorFilledIcon
 };
 var InlineMessage = (0, import_react72.forwardRef)(
   function InlineMessage2({
@@ -12483,7 +12555,7 @@ var CsvViewer = (0, import_react74.forwardRef)(
                   ),
                   "aria-label": copied ? "Copied" : "Copy CSV",
                   onClick: onCopy,
-                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_icons22.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_icons22.CopyIcon, { size: "xs" })
+                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_icons23.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_icons23.CopyIcon, { size: "xs" })
                 }
               )
             ] })
@@ -12767,76 +12839,82 @@ var ContextMenu = (0, import_react75.forwardRef)(
       );
     }
     const portalTarget = container ?? document.body;
-    const panel = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_framer_motion17.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-      import_framer_motion17.motion.div,
+    const panel = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      import_framer_motion17.AnimatePresence,
       {
-        ...rest,
-        ref: (el) => {
-          panelRef.current = el;
-          if (typeof ref === "function") ref(el);
-          else if (ref) {
-            ref.current = el;
-          }
-        },
-        id: baseId,
-        role: "menu",
-        "aria-label": ariaLabel,
-        tabIndex: -1,
-        className: cn("ods-ctxmenu", className),
-        style: {
-          top: adjustedPosition.y,
-          left: adjustedPosition.x
-        },
-        initial: reducedMotion ? void 0 : { opacity: 0, scale: 0.96 },
-        animate: reducedMotion ? void 0 : { opacity: 1, scale: 1 },
-        exit: reducedMotion ? void 0 : { opacity: 0, scale: 0.96 },
-        transition: { duration: 0.12 },
-        onKeyDown: handleKeyDown,
-        onContextMenu: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ul", { className: "ods-ctxmenu__list", children: items.map((item, i) => {
-          if (item.separator) {
-            return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-              "li",
-              {
-                role: "separator",
-                className: "ods-ctxmenu__separator"
-              },
-              `sep-${i}`
-            );
-          }
-          const isActive2 = i === activeIndex;
-          return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
-            "li",
-            {
-              role: "menuitem",
-              "aria-disabled": item.disabled || void 0,
-              tabIndex: -1,
-              className: cn(
-                "ods-ctxmenu__item",
-                isActive2 && "ods-ctxmenu__item--active",
-                item.danger && "ods-ctxmenu__item--danger",
-                item.disabled && "ods-ctxmenu__item--disabled"
-              ),
-              onMouseEnter: () => !item.disabled && setActiveIndex(i),
-              onClick: () => handleItemClick(item),
-              children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-                  "span",
-                  {
-                    className: "ods-ctxmenu__icon",
-                    "aria-hidden": "true",
-                    children: item.icon
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ods-ctxmenu__label", children: item.label }),
-                item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("kbd", { className: "ods-ctxmenu__shortcut", children: item.shortcut })
-              ]
+        "data-ods-floating": "",
+        children: open && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          import_framer_motion17.motion.div,
+          {
+            ...rest,
+            ref: (el) => {
+              panelRef.current = el;
+              if (typeof ref === "function") ref(el);
+              else if (ref) {
+                ref.current = el;
+              }
             },
-            `${item.label}-${i}`
-          );
-        }) })
+            id: baseId,
+            role: "menu",
+            "aria-label": ariaLabel,
+            tabIndex: -1,
+            className: cn("ods-ctxmenu", className),
+            style: {
+              top: adjustedPosition.y,
+              left: adjustedPosition.x
+            },
+            initial: reducedMotion ? void 0 : { opacity: 0, scale: 0.96 },
+            animate: reducedMotion ? void 0 : { opacity: 1, scale: 1 },
+            exit: reducedMotion ? void 0 : { opacity: 0, scale: 0.96 },
+            transition: { duration: 0.12 },
+            onKeyDown: handleKeyDown,
+            onContextMenu: (e) => e.preventDefault(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ul", { className: "ods-ctxmenu__list", children: items.map((item, i) => {
+              if (item.separator) {
+                return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                  "li",
+                  {
+                    role: "separator",
+                    className: "ods-ctxmenu__separator"
+                  },
+                  `sep-${i}`
+                );
+              }
+              const isActive2 = i === activeIndex;
+              return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+                "li",
+                {
+                  role: "menuitem",
+                  "aria-disabled": item.disabled || void 0,
+                  tabIndex: -1,
+                  className: cn(
+                    "ods-ctxmenu__item",
+                    isActive2 && "ods-ctxmenu__item--active",
+                    item.danger && "ods-ctxmenu__item--danger",
+                    item.disabled && "ods-ctxmenu__item--disabled"
+                  ),
+                  onMouseEnter: () => !item.disabled && setActiveIndex(i),
+                  onClick: () => handleItemClick(item),
+                  children: [
+                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                      "span",
+                      {
+                        className: "ods-ctxmenu__icon",
+                        "aria-hidden": "true",
+                        children: item.icon
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ods-ctxmenu__label", children: item.label }),
+                    item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("kbd", { className: "ods-ctxmenu__shortcut", children: item.shortcut })
+                  ]
+                },
+                `${item.label}-${i}`
+              );
+            }) })
+          }
+        )
       }
-    ) });
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         "span",
@@ -14496,7 +14574,7 @@ var DatasetCard = (0, import_react77.forwardRef)(
 DatasetCard.displayName = "DatasetCard";
 
 // src/components/DataTable/DataTable.tsx
-var import_icons23 = require("@octaviaflow/icons");
+var import_icons24 = require("@octaviaflow/icons");
 var import_react78 = require("react");
 var import_react_dom10 = require("react-dom");
 var import_jsx_runtime64 = require("react/jsx-runtime");
@@ -14675,19 +14753,19 @@ var SR_ONLY_STYLE = {
   whiteSpace: "nowrap",
   border: 0
 };
-var SearchIcon8 = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.SearchIcon, { width: 14, height: 14, "aria-hidden": "true" });
-var ChevronDown = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.ChevronDownIcon, { width: 12, height: 12, "aria-hidden": "true" });
-var ChevronLeft = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.ChevronLeftIcon, { width: 12, height: 12, "aria-hidden": "true" });
-var ChevronRight = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.ChevronRightIcon, { width: 12, height: 12, "aria-hidden": "true" });
-var SortAsc = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.CaretUpIcon, { width: 10, height: 10, "aria-hidden": "true" });
-var SortDesc = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.CaretDownIcon, { width: 10, height: 10, "aria-hidden": "true" });
-var SortIdle = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.CaretSortIcon, { width: 10, height: 10, "aria-hidden": "true", style: { opacity: 0.5 } });
-var FilterIcon = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.FilterIcon, { width: 12, height: 12, "aria-hidden": "true" });
-var ColumnsIcon = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.ColumnIcon, { width: 12, height: 12, "aria-hidden": "true" });
-var MoreHIcon = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.OverflowMenuHorizontalIcon, { width: 12, height: 12, "aria-hidden": "true" });
-var XIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.CloseIcon, { width: 12, height: 12, "aria-hidden": "true" });
-var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.RenewIcon, { width: 12, height: 12, ...props });
-var ExportIcon = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.DownloadIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var SearchIcon8 = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.SearchIcon, { width: 14, height: 14, "aria-hidden": "true" });
+var ChevronDown = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.ChevronDownIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var ChevronLeft = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.ChevronLeftIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var ChevronRight = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.ChevronRightIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var SortAsc = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.CaretUpIcon, { width: 10, height: 10, "aria-hidden": "true" });
+var SortDesc = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.CaretDownIcon, { width: 10, height: 10, "aria-hidden": "true" });
+var SortIdle = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.CaretSortIcon, { width: 10, height: 10, "aria-hidden": "true", style: { opacity: 0.5 } });
+var FilterIcon = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.FilterIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var ColumnsIcon = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.ColumnIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var MoreHIcon = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.OverflowMenuHorizontalIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var XIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.CloseIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.RenewIcon, { width: 12, height: 12, ...props });
+var ExportIcon = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.DownloadIcon, { width: 12, height: 12, "aria-hidden": "true" });
 function ExportPopover({
   onExport
 }) {
@@ -15494,11 +15572,11 @@ function Row({
   ] });
 }
 function ChevronRightSmall() {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons23.ChevronRightIcon, { width: 10, height: 10, "aria-hidden": "true" });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.ChevronRightIcon, { width: 10, height: 10, "aria-hidden": "true" });
 }
 
 // src/components/DatePicker/DatePicker.tsx
-var import_icons24 = require("@octaviaflow/icons");
+var import_icons25 = require("@octaviaflow/icons");
 var import_react80 = require("react");
 var import_react_dom11 = require("react-dom");
 
@@ -15697,7 +15775,7 @@ var DatePicker = (0, import_react80.forwardRef)(
               "aria-describedby": helperId,
               "aria-required": required || void 0,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons24.CalendarIcon, { "aria-hidden": "true", className: "ods-datepicker__cal-icon" }),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons25.CalendarIcon, { "aria-hidden": "true", className: "ods-datepicker__cal-icon" }),
                 /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                   "span",
                   {
@@ -15708,7 +15786,7 @@ var DatePicker = (0, import_react80.forwardRef)(
                     children: value ? format2(value) : placeholder
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons24.ChevronDownIcon, { "aria-hidden": "true", className: "ods-datepicker__chev" })
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons25.ChevronDownIcon, { "aria-hidden": "true", className: "ods-datepicker__chev" })
               ]
             }
           ),
@@ -15727,6 +15805,7 @@ var DatePicker = (0, import_react80.forwardRef)(
               "div",
               {
                 ref: popoverRef,
+                "data-ods-floating": "",
                 className: "ods-datepicker__popover",
                 role: "dialog",
                 "aria-modal": "false",
@@ -15999,7 +16078,7 @@ var Divider = (0, import_react82.forwardRef)(function Divider2({
 Divider.displayName = "Divider";
 
 // src/components/Drawer/Drawer.tsx
-var import_icons25 = require("@octaviaflow/icons");
+var import_icons26 = require("@octaviaflow/icons");
 var import_react83 = require("react");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var SIZE_WIDTH = {
@@ -16045,7 +16124,7 @@ var Drawer = (0, import_react83.forwardRef)(function Drawer2({
               className: "ods-drawer__close",
               onClick: onClose,
               "aria-label": closeLabel,
-              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_icons25.CloseIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_icons26.CloseIcon, { "aria-hidden": "true" })
             }
           )
         ] }),
@@ -16210,6 +16289,7 @@ function MenuPopup({
   const portalContent = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_framer_motion19.AnimatePresence, { children: state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     import_framer_motion19.motion.ul,
     {
+      "data-ods-floating": "",
       ...(() => {
         const { onDrag, onDragStart, onDragEnd, onAnimationStart, ...safe } = menuProps;
         return safe;
@@ -16811,7 +16891,7 @@ function csvEscape(value) {
 }
 
 // src/components/FeatureCard/FeatureCard.tsx
-var import_icons26 = require("@octaviaflow/icons");
+var import_icons27 = require("@octaviaflow/icons");
 var import_react87 = require("react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var FeatureCard = (0, import_react87.forwardRef)(
@@ -16887,7 +16967,7 @@ var FeatureCard = (0, import_react87.forwardRef)(
                     {
                       className: "ods-feature-card__link-icon",
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_icons26.ArrowRightIcon, { size: "xs" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_icons27.ArrowRightIcon, { size: "xs" })
                     }
                   )
                 ]
@@ -16902,7 +16982,7 @@ var FeatureCard = (0, import_react87.forwardRef)(
 FeatureCard.displayName = "FeatureCard";
 
 // src/components/FileDropzone/FileDropzone.tsx
-var import_icons27 = require("@octaviaflow/icons");
+var import_icons28 = require("@octaviaflow/icons");
 var import_react88 = require("react");
 
 // src/utils/sanitizeUrl.ts
@@ -16973,7 +17053,7 @@ function sanitizeHref(url) {
 
 // src/components/FileDropzone/FileDropzone.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
-var UPLOAD_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons27.UploadIcon, { width: 20, height: 20, "aria-hidden": "true" });
+var UPLOAD_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.UploadIcon, { width: 20, height: 20, "aria-hidden": "true" });
 var SPIN_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
   "circle",
   {
@@ -16986,9 +17066,9 @@ var SPIN_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("svg", { width: "1
     strokeLinecap: "round"
   }
 ) });
-var CHECK_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons27.CheckmarkIcon, { width: 12, height: 12, "aria-hidden": "true" });
-var ERROR_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons27.WarningAltIcon, { width: 12, height: 12, "aria-hidden": "true" });
-var RETRY_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons27.RenewIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var CHECK_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.CheckmarkIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var ERROR_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.WarningAltIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var RETRY_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.RenewIcon, { width: 12, height: 12, "aria-hidden": "true" });
 var fmtSize = (size) => {
   if (size < 1024) return `${size} B`;
   const kb = size / 1024;
@@ -16999,12 +17079,12 @@ function iconForFile(file) {
   const type = file.type;
   const name = file.name.toLowerCase();
   if (type.startsWith("image/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons27.ImageIcon, { width: 16, height: 16, "aria-hidden": "true" });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.ImageIcon, { width: 16, height: 16, "aria-hidden": "true" });
   }
   if (type === "application/pdf" || name.endsWith(".pdf")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons27.DocumentPdfIcon, { width: 16, height: 16, "aria-hidden": "true" });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.DocumentPdfIcon, { width: 16, height: 16, "aria-hidden": "true" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons27.DocumentIcon, { width: 16, height: 16, "aria-hidden": "true" });
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.DocumentIcon, { width: 16, height: 16, "aria-hidden": "true" });
 }
 var FileDropzone = (0, import_react88.forwardRef)(
   function FileDropzone2({
@@ -17193,7 +17273,7 @@ var FileDropzone = (0, import_react88.forwardRef)(
                 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ods-file-dropzone__icon", "aria-hidden": "true", children: isOver ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons27.UploadIcon, { width: 22, height: 22, "aria-hidden": "true" }) : icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ods-file-dropzone__icon", "aria-hidden": "true", children: isOver ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.UploadIcon, { width: 22, height: 22, "aria-hidden": "true" }) : icon }),
                 /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ods-file-dropzone__title", children: isOver ? showInternalList && itemCount > 0 ? "Drop to add more" : "Drop to upload" : title }),
                 hint && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { id: `${inputId}-hint`, className: "ods-file-dropzone__hint", children: isOver ? "Release to add files" : hint }),
                 !isOver && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "ods-file-dropzone__cta-row", children: [
@@ -17327,7 +17407,7 @@ var FileDropzone = (0, import_react88.forwardRef)(
                           className: "ods-file-dropzone__item-btn",
                           onClick: () => onRemove(f.id),
                           "aria-label": `Remove ${f.file.name}`,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons27.CloseIcon, { width: 12, height: 12, "aria-hidden": "true" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.CloseIcon, { width: 12, height: 12, "aria-hidden": "true" })
                         }
                       )
                     ] })
@@ -17345,7 +17425,7 @@ var FileDropzone = (0, import_react88.forwardRef)(
 FileDropzone.displayName = "FileDropzone";
 
 // src/components/FileBrowser/FileBrowser.tsx
-var import_icons34 = require("@octaviaflow/icons");
+var import_icons35 = require("@octaviaflow/icons");
 var import_react96 = require("react");
 
 // src/utils/filePath.ts
@@ -17371,7 +17451,7 @@ function baseName(path, sep) {
 }
 
 // src/components/FileList/FileList.tsx
-var import_icons28 = require("@octaviaflow/icons");
+var import_icons29 = require("@octaviaflow/icons");
 var import_react90 = require("react");
 
 // src/components/Skeleton/Skeleton.tsx
@@ -17509,48 +17589,48 @@ SkeletonGroup.displayName = "SkeletonGroup";
 // src/components/FileList/FileList.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var EXT_ICON = {
-  json: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.JsonIcon, { size: "sm" }),
-  csv: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.CsvIcon, { size: "sm" }),
-  tsv: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.CsvIcon, { size: "sm" }),
-  xml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.XmlIcon, { size: "sm" }),
-  html: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.XmlIcon, { size: "sm" }),
-  htm: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.XmlIcon, { size: "sm" }),
-  yaml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.CodeIcon, { size: "sm" }),
-  yml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.CodeIcon, { size: "sm" }),
-  js: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.CodeIcon, { size: "sm" }),
-  ts: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.CodeIcon, { size: "sm" }),
-  sql: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.CodeIcon, { size: "sm" }),
-  sh: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.CodeIcon, { size: "sm" }),
-  pdf: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.PdfIcon, { size: "sm" }),
-  png: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ImageIcon, { size: "sm" }),
-  jpg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ImageIcon, { size: "sm" }),
-  jpeg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ImageIcon, { size: "sm" }),
-  gif: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ImageIcon, { size: "sm" }),
-  webp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ImageIcon, { size: "sm" }),
-  svg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ImageIcon, { size: "sm" }),
-  bmp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ImageIcon, { size: "sm" }),
-  xls: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.TableIcon, { size: "sm" }),
-  xlsx: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.TableIcon, { size: "sm" }),
-  zip: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ArchiveIcon, { size: "sm" }),
-  gz: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ArchiveIcon, { size: "sm" }),
-  tar: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ArchiveIcon, { size: "sm" }),
-  rar: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ArchiveIcon, { size: "sm" }),
-  "7z": /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ArchiveIcon, { size: "sm" }),
-  mp3: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.DocumentAudioIcon, { size: "sm" }),
-  wav: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.DocumentAudioIcon, { size: "sm" }),
-  mp4: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.VideoIcon, { size: "sm" }),
-  mov: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.VideoIcon, { size: "sm" }),
-  webm: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.VideoIcon, { size: "sm" })
+  json: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.JsonIcon, { size: "sm" }),
+  csv: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CsvIcon, { size: "sm" }),
+  tsv: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CsvIcon, { size: "sm" }),
+  xml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.XmlIcon, { size: "sm" }),
+  html: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.XmlIcon, { size: "sm" }),
+  htm: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.XmlIcon, { size: "sm" }),
+  yaml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
+  yml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
+  js: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
+  ts: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
+  sql: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
+  sh: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
+  pdf: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.PdfIcon, { size: "sm" }),
+  png: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
+  jpg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
+  jpeg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
+  gif: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
+  webp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
+  svg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
+  bmp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
+  xls: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.TableIcon, { size: "sm" }),
+  xlsx: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.TableIcon, { size: "sm" }),
+  zip: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ArchiveIcon, { size: "sm" }),
+  gz: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ArchiveIcon, { size: "sm" }),
+  tar: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ArchiveIcon, { size: "sm" }),
+  rar: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ArchiveIcon, { size: "sm" }),
+  "7z": /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ArchiveIcon, { size: "sm" }),
+  mp3: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.DocumentAudioIcon, { size: "sm" }),
+  wav: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.DocumentAudioIcon, { size: "sm" }),
+  mp4: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.VideoIcon, { size: "sm" }),
+  mov: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.VideoIcon, { size: "sm" }),
+  webm: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.VideoIcon, { size: "sm" })
 };
 function fileIcon(item) {
-  if (item.isDirectory) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.FolderIcon, { size: "sm" });
+  if (item.isDirectory) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.FolderIcon, { size: "sm" });
   const mt = (item.mimeType || "").toLowerCase();
-  if (mt.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ImageIcon, { size: "sm" });
-  if (mt.startsWith("video/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.VideoIcon, { size: "sm" });
-  if (mt.startsWith("audio/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.DocumentAudioIcon, { size: "sm" });
-  if (mt === "application/pdf") return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.PdfIcon, { size: "sm" });
+  if (mt.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" });
+  if (mt.startsWith("video/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.VideoIcon, { size: "sm" });
+  if (mt.startsWith("audio/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.DocumentAudioIcon, { size: "sm" });
+  if (mt === "application/pdf") return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.PdfIcon, { size: "sm" });
   const ext = item.name.split(".").pop()?.toLowerCase() ?? "";
-  return EXT_ICON[ext] ?? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.DocumentIcon, { size: "sm" });
+  return EXT_ICON[ext] ?? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.DocumentIcon, { size: "sm" });
 }
 function formatBytes(n) {
   if (n == null || !Number.isFinite(n)) return "\u2014";
@@ -17698,8 +17778,8 @@ function FileList({
     }
   };
   const viewOptions = [
-    { value: "list", label: "List", icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.ListIcon, { size: "sm" }) },
-    { value: "grid", label: "Grid", icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.GridIcon, { size: "sm" }) }
+    { value: "list", label: "List", icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ListIcon, { size: "sm" }) },
+    { value: "grid", label: "Grid", icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.GridIcon, { size: "sm" }) }
   ];
   let body;
   if (loading) {
@@ -17714,7 +17794,7 @@ function FileList({
     body = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "ods-file-list__state", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       EmptyState,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.FolderIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.FolderIcon, {}),
         title: emptyTitle,
         description: emptyDescription
       }
@@ -17795,7 +17875,7 @@ function FileList({
       );
     }) });
   }
-  const sortIndicator = (key) => key === sortKey ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ods-file-list__sort-caret", "aria-hidden": "true", children: sortDir === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.CaretUpIcon, { size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons28.CaretDownIcon, { size: "sm" }) }) : null;
+  const sortIndicator = (key) => key === sortKey ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ods-file-list__sort-caret", "aria-hidden": "true", children: sortDir === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CaretUpIcon, { size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CaretDownIcon, { size: "sm" }) }) : null;
   const sortLabel = (key, name) => key === sortKey ? `${name}, sorted ${sortDir === "asc" ? "ascending" : "descending"}` : `Sort by ${name.toLowerCase()}`;
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: cn("ods-file-list", className), children: [
     (showViewToggle || view === "list" && !loading && !error && sorted.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ods-file-list__header", children: [
@@ -17867,11 +17947,11 @@ function FileList({
 FileList.displayName = "FileList";
 
 // src/components/FileViewer/FileViewer.tsx
-var import_icons32 = require("@octaviaflow/icons");
+var import_icons33 = require("@octaviaflow/icons");
 var import_react94 = require("react");
 
 // src/components/JsonViewer/JsonViewer.tsx
-var import_icons29 = require("@octaviaflow/icons");
+var import_icons30 = require("@octaviaflow/icons");
 var import_react91 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var JsonViewer = (0, import_react91.forwardRef)(
@@ -17964,7 +18044,7 @@ function JsonNode({
                 e.stopPropagation();
                 setOpen((o) => !o);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_icons29.ChevronRightIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_icons30.ChevronRightIcon, { "aria-hidden": "true" })
             }
           ),
           renderKey,
@@ -18059,7 +18139,7 @@ function Leaf({
           handleCopy();
         },
         "aria-label": copied ? "Copied" : "Copy value",
-        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_icons29.CheckmarkIcon, { width: 10, height: 10, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_icons29.CopyIcon, { width: 10, height: 10, "aria-hidden": "true" })
+        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_icons30.CheckmarkIcon, { width: 10, height: 10, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_icons30.CopyIcon, { width: 10, height: 10, "aria-hidden": "true" })
       }
     )
   ] });
@@ -18153,7 +18233,7 @@ function JsonEditBody({ data, onChange, onValidate }) {
 }
 
 // src/components/XmlViewer/XmlViewer.tsx
-var import_icons30 = require("@octaviaflow/icons");
+var import_icons31 = require("@octaviaflow/icons");
 var import_fast_xml_parser = require("fast-xml-parser");
 var import_react92 = require("react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
@@ -18466,7 +18546,7 @@ function XmlNodeRow({
                 e.stopPropagation();
                 setOpen((o) => !o);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons30.ChevronRightIcon, { size: "xs" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons31.ChevronRightIcon, { size: "xs" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ods-xml-viewer__bracket", children: "<" }),
@@ -18499,7 +18579,7 @@ function XmlNodeRow({
               ),
               "aria-label": copied ? "Copied" : `Copy ${node.name} subtree`,
               onClick: onCopy,
-              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons30.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons30.CopyIcon, { size: "xs" })
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons31.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons31.CopyIcon, { size: "xs" })
             }
           )
         ]
@@ -18529,7 +18609,7 @@ function XmlNodeRow({
 }
 
 // src/components/YamlViewer/YamlViewer.tsx
-var import_icons31 = require("@octaviaflow/icons");
+var import_icons32 = require("@octaviaflow/icons");
 var import_react93 = require("react");
 var import_yaml = __toESM(require("yaml"), 1);
 var import_jsx_runtime78 = require("react/jsx-runtime");
@@ -18757,7 +18837,7 @@ var YamlViewer = (0, import_react93.forwardRef)(
                   ),
                   "aria-label": copied ? "Copied" : "Copy YAML",
                   onClick: onCopy,
-                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_icons31.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_icons31.CopyIcon, { size: "xs" })
+                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_icons32.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_icons32.CopyIcon, { size: "xs" })
                 }
               )
             ] })
@@ -18802,7 +18882,7 @@ var YamlViewer = (0, import_react93.forwardRef)(
                       onClick: () => toggle(t.index),
                       "aria-expanded": !isCollapsed,
                       "aria-label": isCollapsed ? "Expand" : "Collapse",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_icons31.ChevronRightIcon, { size: "xs" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_icons32.ChevronRightIcon, { size: "xs" })
                     }
                   ) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ods-yaml-viewer__caret-spacer" }),
                   t.kind === "comment" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ods-yaml-viewer__comment", children: t.raw.trim() }),
@@ -18981,15 +19061,15 @@ function detectKind(name, mimeType, override) {
   return "binary";
 }
 var KIND_ICON = {
-  json: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.JsonIcon, { size: "sm" }),
-  csv: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.CsvIcon, { size: "sm" }),
-  xml: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.XmlIcon, { size: "sm" }),
-  yaml: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.CodeIcon, { size: "sm" }),
-  markdown: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.DocumentIcon, { size: "sm" }),
-  text: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.DocumentIcon, { size: "sm" }),
-  image: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.ImageIcon, { size: "sm" }),
-  pdf: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.DocumentIcon, { size: "sm" }),
-  binary: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.DocumentIcon, { size: "sm" })
+  json: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.JsonIcon, { size: "sm" }),
+  csv: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.CsvIcon, { size: "sm" }),
+  xml: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.XmlIcon, { size: "sm" }),
+  yaml: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.CodeIcon, { size: "sm" }),
+  markdown: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DocumentIcon, { size: "sm" }),
+  text: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DocumentIcon, { size: "sm" }),
+  image: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.ImageIcon, { size: "sm" }),
+  pdf: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DocumentIcon, { size: "sm" }),
+  binary: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DocumentIcon, { size: "sm" })
 };
 function formatBytes2(n) {
   if (n == null || !Number.isFinite(n)) return "";
@@ -19064,7 +19144,7 @@ function FileViewer({
           url,
           onDownload,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.DownloadIcon, { size: "sm" }),
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DownloadIcon, { size: "sm" }),
             " Download"
           ]
         }
@@ -19095,11 +19175,11 @@ function DownloadFallback({
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ods-file-viewer__center", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     EmptyState,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.DocumentIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DocumentIcon, {}),
       title: "Preview not available",
       description: `"${name}" can't be previewed here.`,
       action: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(DownloadControl, { className: "ods-file-viewer__fallback-btn", url, onDownload, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons32.DownloadIcon, { size: "sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DownloadIcon, { size: "sm" }),
         " Download"
       ] })
     }
@@ -19108,7 +19188,7 @@ function DownloadFallback({
 FileViewer.displayName = "FileViewer";
 
 // src/components/TreeView/TreeView.tsx
-var import_icons33 = require("@octaviaflow/icons");
+var import_icons34 = require("@octaviaflow/icons");
 var import_framer_motion21 = require("framer-motion");
 var import_react95 = require("react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
@@ -19322,7 +19402,7 @@ var TreeView = (0, import_react95.forwardRef)(
                         e.stopPropagation();
                         if (isBranch && !node.disabled) void toggleExpand(node);
                       },
-                      children: isBranch && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_icons33.ChevronRightIcon, { size: "xs", "aria-hidden": true })
+                      children: isBranch && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_icons34.ChevronRightIcon, { size: "xs", "aria-hidden": true })
                     }
                   ),
                   (node.icon || node.iconExpanded) && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ods-tree__icon", "aria-hidden": "true", children: isExpanded && node.iconExpanded ? node.iconExpanded : node.icon }),
@@ -19539,8 +19619,8 @@ function FileBrowser({
     (it) => ({
       id: it.path,
       label: it.name,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons34.FolderIcon, { size: "sm" }),
-      iconExpanded: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons34.FolderOpenIcon, { size: "sm" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.FolderIcon, { size: "sm" }),
+      iconExpanded: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.FolderOpenIcon, { size: "sm" }),
       isBranch: true
     }),
     []
@@ -19557,8 +19637,8 @@ function FileBrowser({
       {
         id: rootPath,
         label: rootLabel,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons34.FolderIcon, { size: "sm" }),
-        iconExpanded: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons34.FolderOpenIcon, { size: "sm" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.FolderIcon, { size: "sm" }),
+        iconExpanded: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.FolderOpenIcon, { size: "sm" }),
         isBranch: true
       }
     ],
@@ -19589,7 +19669,7 @@ function FileBrowser({
             {
               variant: "icon",
               size: "sm",
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons34.FolderParentIcon, { size: "sm" }),
+              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.FolderParentIcon, { size: "sm" }),
               "aria-label": "Up one folder",
               disabled: !parent,
               onClick: () => parent && navigate(parent)
@@ -19622,7 +19702,7 @@ function FileBrowser({
               size: "sm",
               type: "search",
               placeholder: "Search this folder",
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons34.SearchIcon, { size: "sm" }),
+              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.SearchIcon, { size: "sm" }),
               value: query,
               onChange: (e) => setQuery(e.target.value),
               "aria-label": "Search this folder"
@@ -19633,7 +19713,7 @@ function FileBrowser({
             {
               variant: "icon",
               size: "sm",
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons34.RenewIcon, { size: "sm" }),
+              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.RenewIcon, { size: "sm" }),
               "aria-label": "Refresh",
               onClick: refresh
             }
@@ -19709,36 +19789,36 @@ function FileBrowser({
 FileBrowser.displayName = "FileBrowser";
 
 // src/components/FilePicker/FilePicker.tsx
-var import_icons35 = require("@octaviaflow/icons");
+var import_icons36 = require("@octaviaflow/icons");
 var import_react97 = require("react");
 var import_react_dom13 = require("react-dom");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var EXT_ICON2 = {
-  json: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.JsonIcon, { size: "sm" }),
-  csv: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.CsvIcon, { size: "sm" }),
-  tsv: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.CsvIcon, { size: "sm" }),
-  xml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.XmlIcon, { size: "sm" }),
-  html: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.XmlIcon, { size: "sm" }),
-  yaml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.CodeIcon, { size: "sm" }),
-  yml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.CodeIcon, { size: "sm" }),
-  js: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.CodeIcon, { size: "sm" }),
-  ts: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.CodeIcon, { size: "sm" }),
-  sql: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.CodeIcon, { size: "sm" }),
-  pdf: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.PdfIcon, { size: "sm" }),
-  png: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.ImageIcon, { size: "sm" }),
-  jpg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.ImageIcon, { size: "sm" }),
-  jpeg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.ImageIcon, { size: "sm" }),
-  gif: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.ImageIcon, { size: "sm" }),
-  webp: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.ImageIcon, { size: "sm" }),
-  svg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.ImageIcon, { size: "sm" })
+  json: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.JsonIcon, { size: "sm" }),
+  csv: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CsvIcon, { size: "sm" }),
+  tsv: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CsvIcon, { size: "sm" }),
+  xml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.XmlIcon, { size: "sm" }),
+  html: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.XmlIcon, { size: "sm" }),
+  yaml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CodeIcon, { size: "sm" }),
+  yml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CodeIcon, { size: "sm" }),
+  js: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CodeIcon, { size: "sm" }),
+  ts: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CodeIcon, { size: "sm" }),
+  sql: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CodeIcon, { size: "sm" }),
+  pdf: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.PdfIcon, { size: "sm" }),
+  png: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" }),
+  jpg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" }),
+  jpeg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" }),
+  gif: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" }),
+  webp: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" }),
+  svg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" })
 };
 function rowIcon(item) {
-  if (item.isDirectory) return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.FolderIcon, { size: "sm" });
+  if (item.isDirectory) return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.FolderIcon, { size: "sm" });
   const mt = (item.mimeType || "").toLowerCase();
-  if (mt.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.ImageIcon, { size: "sm" });
-  if (mt === "application/pdf") return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.PdfIcon, { size: "sm" });
+  if (mt.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" });
+  if (mt === "application/pdf") return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.PdfIcon, { size: "sm" });
   const ext = item.name.split(".").pop()?.toLowerCase() ?? "";
-  return EXT_ICON2[ext] ?? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.DocumentIcon, { size: "sm" });
+  return EXT_ICON2[ext] ?? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.DocumentIcon, { size: "sm" });
 }
 function parentDir(path, sep, rootPath) {
   const segs = path.split(sep).filter(Boolean);
@@ -20011,7 +20091,7 @@ function FilePicker({
               "aria-describedby": helperId,
               "aria-label": ariaLabel,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ods-file-picker__lead", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.FolderIcon, { size: "sm" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ods-file-picker__lead", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.FolderIcon, { size: "sm" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                   "span",
                   {
@@ -20023,7 +20103,7 @@ function FilePicker({
                     children: value || placeholder
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.ChevronDownIcon, { "aria-hidden": "true", className: "ods-file-picker__chev" })
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ChevronDownIcon, { "aria-hidden": "true", className: "ods-file-picker__chev" })
               ]
             }
           ),
@@ -20059,7 +20139,7 @@ function FilePicker({
                       "aria-label": "Up one folder",
                       disabled: !parent,
                       onClick: () => parent && navigate(parent),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.FolderParentIcon, { size: "sm" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.FolderParentIcon, { size: "sm" })
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("nav", { className: "ods-file-picker__crumbs", "aria-label": "Current path", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("ol", { children: crumbs.map((c, i) => {
@@ -20080,7 +20160,7 @@ function FilePicker({
                         }
                       ),
                       !isLast && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-                        import_icons35.ChevronRightIcon,
+                        import_icons36.ChevronRightIcon,
                         {
                           size: "sm",
                           className: "ods-file-picker__crumb-sep",
@@ -20091,7 +20171,7 @@ function FilePicker({
                   }) }) })
                 ] }),
                 searchable && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ods-file-picker__search", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.SearchIcon, { size: "sm", className: "ods-file-picker__search-icon", "aria-hidden": "true" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.SearchIcon, { size: "sm", className: "ods-file-picker__search-icon", "aria-hidden": "true" }),
                   /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                     "input",
                     {
@@ -20125,7 +20205,7 @@ function FilePicker({
                     ) }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ods-file-picker__state", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                       EmptyState,
                       {
-                        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.FolderIcon, {}),
+                        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.FolderIcon, {}),
                         title: isSearching ? "No matches" : emptyTitle,
                         description: isSearching ? `Nothing under \u201C${baseName(navPath, separator) || rootLabel}\u201D matches \u201C${query.trim()}\u201D.` : void 0
                       }
@@ -20155,7 +20235,7 @@ function FilePicker({
                               subtitle && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ods-file-picker__row-path", title: subtitle, children: subtitle })
                             ] }),
                             it.isDirectory && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-                              import_icons35.ChevronRightIcon,
+                              import_icons36.ChevronRightIcon,
                               {
                                 size: "sm",
                                 className: "ods-file-picker__row-chev",
@@ -20182,7 +20262,7 @@ function FilePicker({
                       onClick: () => commit(navPath, { name: baseName(navPath, separator), path: navPath, isDirectory: true }),
                       children: [
                         "Use this folder",
-                        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons35.ChevronRightIcon, { size: "sm", "aria-hidden": "true" })
+                        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ChevronRightIcon, { size: "sm", "aria-hidden": "true" })
                       ]
                     }
                   )
@@ -21053,7 +21133,7 @@ function FlowCanvas({
 }
 
 // src/components/FlowDoctor/FlowDoctor.tsx
-var import_icons36 = require("@octaviaflow/icons");
+var import_icons37 = require("@octaviaflow/icons");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 function flowDoctorTone(issues) {
   if (issues.some((i) => i.severity === "error")) return "error";
@@ -21070,9 +21150,9 @@ function flowDoctorSummary(issues) {
   ].filter(Boolean).join(", ");
 }
 var VERDICT_ICON = {
-  clean: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons36.CheckmarkFilledIcon, { size: "md", "aria-hidden": "true" }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons36.WarningFilledIcon, { size: "md", "aria-hidden": "true" }),
-  error: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons36.ErrorFilledIcon, { size: "md", "aria-hidden": "true" })
+  clean: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.CheckmarkFilledIcon, { size: "md", "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.WarningFilledIcon, { size: "md", "aria-hidden": "true" }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.ErrorFilledIcon, { size: "md", "aria-hidden": "true" })
 };
 var VERDICT_TITLE = {
   clean: "Flow looks healthy",
@@ -21088,7 +21168,7 @@ function IssueRow({
   issue,
   onIssueClick
 }) {
-  const icon = issue.severity === "error" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons36.ErrorFilledIcon, { size: "sm", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons36.WarningFilledIcon, { size: "sm", "aria-hidden": "true" });
+  const icon = issue.severity === "error" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.ErrorFilledIcon, { size: "sm", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.WarningFilledIcon, { size: "sm", "aria-hidden": "true" });
   const body = /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "span",
@@ -21105,7 +21185,7 @@ function IssueRow({
       /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-msg", children: issue.message }),
       issue.hint && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-hint", children: issue.hint })
     ] }),
-    onIssueClick && (issue.nodeId || issue.edgeId) && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-go", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons36.ArrowRightIcon, { size: "sm", "aria-hidden": "true" }) })
+    onIssueClick && (issue.nodeId || issue.edgeId) && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-go", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.ArrowRightIcon, { size: "sm", "aria-hidden": "true" }) })
   ] });
   if (onIssueClick) {
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { className: "ods-flow-doctor__item", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
@@ -21164,7 +21244,7 @@ function FlowDoctor({
       ...rest,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("header", { className: "ods-flow-doctor__head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__head-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons36.StethoscopeIcon, { size: "sm", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__head-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.StethoscopeIcon, { size: "sm", "aria-hidden": "true" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__title", children: title }),
           headerExtra && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__head-extra", children: headerExtra })
         ] }),
@@ -21187,13 +21267,13 @@ function FlowDoctor({
         ] }),
         checks && checks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("details", { className: "ods-flow-doctor__passed", children: [
           /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("summary", { className: "ods-flow-doctor__passed-summary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__passed-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons36.CheckmarkIcon, { size: "sm", "aria-hidden": "true" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__passed-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.CheckmarkIcon, { size: "sm", "aria-hidden": "true" }) }),
             "Passed checks (",
             checks.length,
             ")"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { className: "ods-flow-doctor__list ods-flow-doctor__list--passed", children: checks.map((check) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { className: "ods-flow-doctor__item", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "ods-flow-doctor__row ods-flow-doctor__row--passed", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-icon ods-flow-doctor__row-icon--passed", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons36.CheckmarkIcon, { size: "sm", "aria-hidden": "true" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-icon ods-flow-doctor__row-icon--passed", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.CheckmarkIcon, { size: "sm", "aria-hidden": "true" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "ods-flow-doctor__row-main", children: [
               /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-head", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-source", children: check.label }) }),
               check.description && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-msg", children: check.description })
@@ -21816,7 +21896,7 @@ Switch.displayName = "Switch";
 var import_react109 = require("react");
 var import_react_aria10 = require("react-aria");
 var import_react_dom14 = require("react-dom");
-var import_icons38 = require("@octaviaflow/icons");
+var import_icons39 = require("@octaviaflow/icons");
 
 // src/hooks/useTextareaCommands.ts
 var import_react106 = require("react");
@@ -22185,7 +22265,7 @@ function useTextareaSelection({
 }
 
 // src/hooks/useTextareaTools.tsx
-var import_icons37 = require("@octaviaflow/icons");
+var import_icons38 = require("@octaviaflow/icons");
 var import_react108 = require("react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 function useTextareaTools({
@@ -22323,28 +22403,28 @@ var prependLineTool = (id, prefix, label, icon, title) => ({
   onAction: (h) => h.prependLines(prefix)
 });
 var textareaTools = {
-  bold: () => wrapTool("bold", "**", "**", "Bold", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.TextBoldIcon, {}), "Bold (\u2318B)"),
-  italic: () => wrapTool("italic", "*", "*", "Italic", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.TextItalicIcon, {}), "Italic (\u2318I)"),
+  bold: () => wrapTool("bold", "**", "**", "Bold", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.TextBoldIcon, {}), "Bold (\u2318B)"),
+  italic: () => wrapTool("italic", "*", "*", "Italic", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.TextItalicIcon, {}), "Italic (\u2318I)"),
   strikethrough: () => wrapTool(
     "strike",
     "~~",
     "~~",
     "Strikethrough",
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.TextStrikethroughIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.TextStrikethroughIcon, {}),
     "Strikethrough"
   ),
-  code: () => wrapTool("code", "`", "`", "Code", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.CodeIcon, {}), "Inline code"),
+  code: () => wrapTool("code", "`", "`", "Code", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.CodeIcon, {}), "Inline code"),
   codeBlock: () => ({
     id: "code-block",
     label: "Code block",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.CodeIcon, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.CodeIcon, {}),
     title: "Code block",
     onAction: (h) => h.wrap("```\n", "\n```")
   }),
   link: () => ({
     id: "link",
     label: "Link",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.TextLinkIcon, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.TextLinkIcon, {}),
     title: "Insert link",
     onAction: (h) => {
       const sel = h.selection;
@@ -22357,41 +22437,41 @@ var textareaTools = {
     `heading-${level}`,
     `${"#".repeat(level)} `,
     `H${level}`,
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.HeadingIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.HeadingIcon, {}),
     `Heading ${level}`
   ),
   bulletList: () => prependLineTool(
     "ul",
     "- ",
     "Bullet list",
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.ListBulletedIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.ListBulletedIcon, {}),
     "Bullet list"
   ),
   numberedList: () => prependLineTool(
     "ol",
     "1. ",
     "Numbered list",
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.ListNumberedIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.ListNumberedIcon, {}),
     "Numbered list"
   ),
   quote: () => prependLineTool(
     "quote",
     "> ",
     "Quote",
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.QuotesIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.QuotesIcon, {}),
     "Quote"
   ),
   undo: () => ({
     id: "undo",
     label: "Undo",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.UndoIcon, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.UndoIcon, {}),
     title: "Undo (\u2318Z)",
     onAction: (h) => h.undo()
   }),
   redo: () => ({
     id: "redo",
     label: "Redo",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons37.RedoIcon, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.RedoIcon, {}),
     title: "Redo (\u2318\u21E7Z)",
     onAction: (h) => h.redo()
   }),
@@ -22672,7 +22752,7 @@ var Textarea = (0, import_react109.forwardRef)(
                         onClick: () => sel.copy(),
                         "aria-label": "Copy selection",
                         title: "Copy",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_icons38.CopyIcon, { size: "xs" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_icons39.CopyIcon, { size: "xs" })
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
@@ -22683,7 +22763,7 @@ var Textarea = (0, import_react109.forwardRef)(
                         onClick: () => sel.cut(),
                         "aria-label": "Cut selection",
                         title: "Cut",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_icons38.CutIcon, { size: "xs" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_icons39.CutIcon, { size: "xs" })
                       }
                     ),
                     selectionActions?.map((a) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
@@ -22990,7 +23070,7 @@ function FlowSettingsDialog({
 }
 
 // src/components/FlowToolbar/FlowToolbar.tsx
-var import_icons39 = require("@octaviaflow/icons");
+var import_icons40 = require("@octaviaflow/icons");
 var import_react113 = require("react");
 
 // src/workflow/store/selectors.ts
@@ -23188,40 +23268,40 @@ function FlowToolbarDivider({ className }) {
 }
 var ICON_SIZE = "sm";
 var FlowToolbarIcons = {
-  save: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.SaveIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  save: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.SaveIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
   // `*FilledAlt` variants — clean play triangle + filled square with no
   // circle backdrop. The plain `*Filled` variants are pre-wrapped in a
   // round button shape that conflicts with our toolbar button container
   // (reads as a button-in-button).
-  run: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.PlayFilledAltIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  stop: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.StopFilledAltIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  lock: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.LockedIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  unlock: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.UnlockedIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  reset: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.ResetIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  undo: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.UndoIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  redo: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.RedoIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  drawerOpen: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.OpenPanelLeftIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  drawerClose: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.OpenPanelRightIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  run: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.PlayFilledAltIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  stop: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.StopFilledAltIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  lock: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.LockedIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  unlock: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.UnlockedIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  reset: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.ResetIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  undo: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.UndoIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  redo: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.RedoIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  drawerOpen: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.OpenPanelLeftIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  drawerClose: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.OpenPanelRightIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
   // `SettingsAdjustIcon` (sliders) instead of `SettingsIcon` (12-tooth
   // gear). The gear is unreadable at 16 px — the teeth blur into a
   // blob. The sliders glyph reads cleanly at any size and feels more
   // contemporary for a "view / display settings" affordance.
-  settings: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.SettingsAdjustIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  history: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.TimeIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  debug: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.DebugIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  zoomIn: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.ZoomInIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  zoomOut: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.ZoomOutIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  zoomReset: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.RestartIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  fit: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.FitToScreenIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
-  autoLayout: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.TreeViewIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  settings: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.SettingsAdjustIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  history: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.TimeIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  debug: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.DebugIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  zoomIn: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.ZoomInIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  zoomOut: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.ZoomOutIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  zoomReset: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.RestartIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  fit: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.FitToScreenIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  autoLayout: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.TreeViewIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
   /** Centre-to-fit — alternate when consumers want the centring glyph
    *  rather than the fit-to-screen rectangle. Exposed so power users can
    *  swap via `icon={FlowToolbarIcons.center}`. */
-  center: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.CenterToFitIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  center: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.CenterToFitIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
   /** Checkmark — short-lived success indicator on the save button. */
-  check: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.CheckmarkIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
+  check: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.CheckmarkIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
   /** Filled warning — error indicator on the save button. */
-  error: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.WarningFilledIcon, { size: ICON_SIZE, "aria-hidden": "true" })
+  error: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.WarningFilledIcon, { size: ICON_SIZE, "aria-hidden": "true" })
 };
 function FlowToolbarSave({
   state,
@@ -23500,7 +23580,7 @@ function FlowToolbarIssues({
           className: cn("ods-flow-toolbar__btn", `ods-flow-toolbar__btn--issues-${tone}`),
           "aria-label": `${label}: ${summary}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__btn-icon", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.StethoscopeIcon, { size: "sm", "aria-hidden": "true" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__btn-icon", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.StethoscopeIcon, { size: "sm", "aria-hidden": "true" }) }),
             count > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "span",
               {
@@ -23550,7 +23630,7 @@ function FlowToolbarStatus({
   if (status === "draft" || status === "paused") {
     items.push({
       label: status === "draft" ? "Activate flow" : "Resume flow",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.PlayFilledAltIcon, { size: "sm", "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.PlayFilledAltIcon, { size: "sm", "aria-hidden": "true" }),
       disabled: busy || !canActivate,
       onClick: () => onAction?.(status === "draft" ? "activate" : "resume")
     });
@@ -23564,7 +23644,7 @@ function FlowToolbarStatus({
   if (status === "active") {
     items.push({
       label: "Pause flow",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.PauseFilledIcon, { size: "sm", "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.PauseFilledIcon, { size: "sm", "aria-hidden": "true" }),
       disabled: busy,
       onClick: () => onAction?.("pause")
     });
@@ -23572,7 +23652,7 @@ function FlowToolbarStatus({
   if (status === "archived" && showDisable) {
     items.push({
       label: "Restore flow",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.ResetIcon, { size: "sm", "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.ResetIcon, { size: "sm", "aria-hidden": "true" }),
       disabled: busy,
       onClick: () => onAction?.("restore")
     });
@@ -23580,7 +23660,7 @@ function FlowToolbarStatus({
   if (showDisable && status !== "archived") {
     items.push({
       label: "Disable flow",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.StopFilledAltIcon, { size: "sm", "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.StopFilledAltIcon, { size: "sm", "aria-hidden": "true" }),
       danger: true,
       disabled: busy,
       onClick: () => onAction?.("disable")
@@ -23590,7 +23670,7 @@ function FlowToolbarStatus({
     if (items.length > 0) items.push({ label: "", separator: true });
     items.push({
       label: "Flow settings\u2026",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.SettingsAdjustIcon, { size: "sm", "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.SettingsAdjustIcon, { size: "sm", "aria-hidden": "true" }),
       disabled: busy,
       onClick: onOpenSettings
     });
@@ -23608,7 +23688,7 @@ function FlowToolbarStatus({
       trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
         busy ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Spinner, { size: 12, label: "Updating flow status" }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__status-dot", "aria-hidden": "true" }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__status-label", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__status-caret", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons39.ChevronDownIcon, { size: "sm", "aria-hidden": "true" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__status-caret", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.ChevronDownIcon, { size: "sm", "aria-hidden": "true" }) })
       ] }),
       items
     }
@@ -23746,7 +23826,7 @@ OTPInput.displayName = "OTPInput";
 
 // src/components/PhoneInput/PhoneInput.tsx
 var import_react115 = require("react");
-var import_icons40 = require("@octaviaflow/icons");
+var import_icons41 = require("@octaviaflow/icons");
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var DEFAULT_COUNTRIES = [
   { code: "US", name: "United States", dialCode: "+1", flag: "\u{1F1FA}\u{1F1F8}" },
@@ -23923,7 +24003,7 @@ var PhoneInput = (0, import_react115.forwardRef)(
                         open && "ods-phone__chevron--open"
                       ),
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons40.ChevronDownIcon, { size: "xs" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons41.ChevronDownIcon, { size: "xs" })
                     }
                   )
                 ]
@@ -23955,7 +24035,7 @@ var PhoneInput = (0, import_react115.forwardRef)(
             // isn't trapped inside listbox semantics.
             /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "ods-phone__menu", ref: menuRef, children: [
               showSearch && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "ods-phone__search", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons40.SearchIcon, { size: "xs", "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons41.SearchIcon, { size: "xs", "aria-hidden": "true" }),
                 /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                   "input",
                   {
@@ -24440,7 +24520,7 @@ function SettingsRow({
 }
 
 // src/components/Stepper/Stepper.tsx
-var import_icons41 = require("@octaviaflow/icons");
+var import_icons42 = require("@octaviaflow/icons");
 var import_react117 = require("react");
 var import_jsx_runtime99 = require("react/jsx-runtime");
 function deriveStatus(step, index, active) {
@@ -24529,7 +24609,7 @@ var Stepper = (0, import_react117.forwardRef)(
           const status = deriveStatus(step, i, activeIndex);
           const isLast = i === steps.length - 1;
           const segmentCompleted = showProgressTrail && i < activeIndex && status !== "error";
-          const indicatorContent = step.indicator ?? (status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons41.CheckmarkIcon, { size: "sm", "aria-hidden": true }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons41.ErrorIcon, { size: "sm", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "ods-stepper__indicator-num", children: i + 1 }));
+          const indicatorContent = step.indicator ?? (status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons42.CheckmarkIcon, { size: "sm", "aria-hidden": true }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons42.ErrorIcon, { size: "sm", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "ods-stepper__indicator-num", children: i + 1 }));
           const labelText = /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "ods-stepper__label-text", children: [
             /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "ods-stepper__label-title", children: step.label }),
             step.optional && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "ods-stepper__label-optional", children: "Optional" }),
@@ -26612,7 +26692,7 @@ var IntegrationCard = (0, import_react126.forwardRef)(function IntegrationCard2(
 IntegrationCard.displayName = "IntegrationCard";
 
 // src/components/KanbanCard/KanbanCard.tsx
-var import_icons42 = require("@octaviaflow/icons");
+var import_icons43 = require("@octaviaflow/icons");
 var import_react127 = require("react");
 var import_jsx_runtime109 = require("react/jsx-runtime");
 function isAssigneeObject(v) {
@@ -26683,7 +26763,7 @@ var KanbanCard = (0, import_react127.forwardRef)(function KanbanCard2({
             e.stopPropagation();
             onMore(e);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons42.OverflowMenuHorizontalIcon, { size: "xs" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons43.OverflowMenuHorizontalIcon, { size: "xs" })
         }
       )
     ] }),
@@ -26691,11 +26771,11 @@ var KanbanCard = (0, import_react127.forwardRef)(function KanbanCard2({
     (date || typeof comments === "number" || assignee) && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "ods-kanban-card__footer", children: [
       /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "ods-kanban-card__meta", children: [
         date && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "ods-kanban-card__date", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons42.CalendarIcon, { size: "xs" }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons43.CalendarIcon, { size: "xs" }),
           date
         ] }),
         typeof comments === "number" && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "ods-kanban-card__comments", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons42.ChatIcon, { size: "xs" }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons43.ChatIcon, { size: "xs" }),
           comments
         ] })
       ] }),
@@ -27399,12 +27479,12 @@ var LinkButton = (0, import_react130.forwardRef)(
 LinkButton.displayName = "LinkButton";
 
 // src/components/MessageBlockBuilder/MessageBlockBuilder.tsx
-var import_icons46 = require("@octaviaflow/icons");
+var import_icons47 = require("@octaviaflow/icons");
 var import_react135 = require("react");
 
 // src/components/Sortable/Sortable.tsx
 var import_react131 = require("react");
-var import_icons43 = require("@octaviaflow/icons");
+var import_icons44 = require("@octaviaflow/icons");
 var import_jsx_runtime113 = require("react/jsx-runtime");
 var DT_TYPE = "application/x-ods-sortable";
 function Sortable({
@@ -27680,7 +27760,7 @@ var DragHandle = (0, import_react131.forwardRef)(
         className: cn("ods-sortable-handle", className),
         style,
         ...dragProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons43.DraggableIcon, { size: "xs" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons44.DraggableIcon, { size: "xs" })
       }
     );
   }
@@ -27688,7 +27768,7 @@ var DragHandle = (0, import_react131.forwardRef)(
 DragHandle.displayName = "DragHandle";
 
 // src/components/MessageBlockBuilder/BlockFieldsEditor.tsx
-var import_icons44 = require("@octaviaflow/icons");
+var import_icons45 = require("@octaviaflow/icons");
 var import_react132 = require("react");
 
 // src/components/MessageBlockBuilder/internal.ts
@@ -27955,7 +28035,7 @@ function ItemsEditor({ field, items, onChange, scopeId, tokenRegistry }) {
         {
           variant: "ghost",
           size: "sm",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons44.AddIcon, { size: "xs" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons45.AddIcon, { size: "xs" }),
           disabled: atMax,
           onClick: () => onChange([...items, JSON.parse(JSON.stringify(field.itemDefaults))]),
           children: [
@@ -27990,7 +28070,7 @@ function ItemsEditor({ field, items, onChange, scopeId, tokenRegistry }) {
                   "aria-label": `Move ${field.itemLabel} ${index + 1} up`,
                   disabled: index === 0,
                   onClick: () => move(index, -1),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons44.ArrowUpIcon, { size: "xs", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons45.ArrowUpIcon, { size: "xs", "aria-hidden": "true" })
                 }
               ) }),
               /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Tooltip, { content: `Move ${field.itemLabel.toLowerCase()} down`, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
@@ -28001,7 +28081,7 @@ function ItemsEditor({ field, items, onChange, scopeId, tokenRegistry }) {
                   "aria-label": `Move ${field.itemLabel} ${index + 1} down`,
                   disabled: index === items.length - 1,
                   onClick: () => move(index, 1),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons44.ArrowDownIcon, { size: "xs", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons45.ArrowDownIcon, { size: "xs", "aria-hidden": "true" })
                 }
               ) }),
               /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Tooltip, { content: `Remove ${field.itemLabel.toLowerCase()}`, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
@@ -28012,7 +28092,7 @@ function ItemsEditor({ field, items, onChange, scopeId, tokenRegistry }) {
                   "aria-label": `Remove ${field.itemLabel} ${index + 1}`,
                   disabled: atMin,
                   onClick: () => onChange(items.filter((_, i) => i !== index)),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons44.TrashCanIcon, { size: "xs", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons45.TrashCanIcon, { size: "xs", "aria-hidden": "true" })
                 }
               ) })
             ] })
@@ -30617,7 +30697,7 @@ var messagePlatformAdapters = {
 };
 
 // src/components/MessageBlockBuilder/TokenPanel.tsx
-var import_icons45 = require("@octaviaflow/icons");
+var import_icons46 = require("@octaviaflow/icons");
 var import_react134 = require("react");
 var import_jsx_runtime117 = require("react/jsx-runtime");
 function TokenPanel({
@@ -30658,7 +30738,7 @@ function TokenPanel({
           className: "ods-message-block-builder__tokens-close",
           "aria-label": "Close data references",
           onClick: onClose,
-          children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_icons45.CloseIcon, { size: "xs", "aria-hidden": "true" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_icons46.CloseIcon, { size: "xs", "aria-hidden": "true" })
         }
       )
     ] }),
@@ -31056,12 +31136,12 @@ function MessageBlockBuilder({
                 setPaletteDropIndex(null);
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__palette-item-icon`, children: def.icon ?? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons46.AddIcon, { size: "xs" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__palette-item-icon`, children: def.icon ?? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.AddIcon, { size: "xs" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: `${CLS2}__palette-item-text`, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__palette-item-label`, children: def.label }),
                   def.description && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__palette-item-desc`, children: def.description })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons46.AddIcon, { size: "xs", "aria-hidden": "true", className: `${CLS2}__palette-item-add` })
+                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.AddIcon, { size: "xs", "aria-hidden": "true", className: `${CLS2}__palette-item-add` })
               ]
             },
             def.kind
@@ -31078,7 +31158,7 @@ function MessageBlockBuilder({
                 disabled: boundRef !== null,
                 options: [
                   { value: "form", label: "Form" },
-                  { value: "json", label: "JSON", icon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons46.CodeIcon, { size: "xs" }) }
+                  { value: "json", label: "JSON", icon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.CodeIcon, { size: "xs" }) }
                 ],
                 value: draft.mode,
                 onChange: switchMode
@@ -31091,7 +31171,7 @@ function MessageBlockBuilder({
                 variant: "secondary",
                 size: "sm",
                 pressed: tokensOpen,
-                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons46.DataConnectedIcon, { size: "xs" }),
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.DataConnectedIcon, { size: "xs" }),
                 onClick: () => setTokensOpen((prev) => !prev),
                 children: "Data refs"
               }
@@ -31140,7 +31220,7 @@ function MessageBlockBuilder({
             }
           ),
           boundRef !== null ? /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: `${CLS2}__refbound`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__refbound-icon`, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons46.DataConnectedIcon, { "aria-hidden": "true" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__refbound-icon`, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.DataConnectedIcon, { "aria-hidden": "true" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: `${CLS2}__refbound-body`, children: [
               /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: `${CLS2}__refbound-title`, children: "Entire message supplied by a data ref" }),
               /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__pill`, title: boundRef, children: resolveTokenLabel?.(boundRef) ?? compactTokenLabel(boundRef) }),
@@ -31247,7 +31327,7 @@ function MessageBlockBuilder({
                                         next.splice(index + 1, 0, cloneBlock(block));
                                         setBlocks(next);
                                       },
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons46.CopyIcon, { size: "xs", "aria-hidden": "true" })
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.CopyIcon, { size: "xs", "aria-hidden": "true" })
                                     }
                                   ) }),
                                   /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Tooltip, { content: "Remove block", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
@@ -31257,7 +31337,7 @@ function MessageBlockBuilder({
                                       size: "sm",
                                       "aria-label": `Remove ${def?.label ?? block.kind} block`,
                                       onClick: () => setBlocks(draft.blocks.filter((b) => b.id !== block.id)),
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons46.TrashCanIcon, { size: "xs", "aria-hidden": "true" })
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.TrashCanIcon, { size: "xs", "aria-hidden": "true" })
                                     }
                                   ) })
                                 ] })
@@ -31352,7 +31432,7 @@ function MessageBlockBuilder({
 MessageBlockBuilder.displayName = "MessageBlockBuilder";
 
 // src/components/MetricCard/MetricCard.tsx
-var import_icons47 = require("@octaviaflow/icons");
+var import_icons48 = require("@octaviaflow/icons");
 var import_react138 = require("react");
 
 // src/components/CountUp/CountUp.tsx
@@ -31856,7 +31936,7 @@ var MetricCard = (0, import_react138.forwardRef)(
       const trend = delta.trend ?? "neutral";
       const direction = delta.direction ?? "positive";
       const tone = resolveDeltaTone(trend, direction);
-      const TrendIcon = trend === "up" ? import_icons47.ArrowUpIcon : trend === "down" ? import_icons47.ArrowDownIcon : import_icons47.SubtractIcon;
+      const TrendIcon = trend === "up" ? import_icons48.ArrowUpIcon : trend === "down" ? import_icons48.ArrowDownIcon : import_icons48.SubtractIcon;
       const trendLabel = trend === "up" ? "Up" : trend === "down" ? "Down" : "No change";
       return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
         "div",
@@ -31982,7 +32062,7 @@ MetricCard.displayName = "MetricCard";
 var import_framer_motion28 = require("framer-motion");
 var import_react139 = require("react");
 var import_react_dom16 = require("react-dom");
-var import_icons48 = require("@octaviaflow/icons");
+var import_icons49 = require("@octaviaflow/icons");
 var import_jsx_runtime122 = require("react/jsx-runtime");
 var RESERVED_TAIL_PX = 64;
 var TAGS_GAP = 6;
@@ -32301,7 +32381,7 @@ var MultiSelect = (0, import_react139.forwardRef)(
                                 removeValue(val);
                               },
                               "aria-label": `Remove ${fullLabel}`,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_icons48.CloseIcon, {})
+                              children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_icons49.CloseIcon, {})
                             }
                           )
                         ] })
@@ -32330,7 +32410,7 @@ var MultiSelect = (0, import_react139.forwardRef)(
                       open && "ods-multiselect__chevron--open"
                     ),
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_icons48.ChevronDownIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_icons49.ChevronDownIcon, {})
                   }
                 ),
                 selectedValues.length > 0 && !disabled && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
@@ -32354,6 +32434,7 @@ var MultiSelect = (0, import_react139.forwardRef)(
               import_framer_motion28.motion.div,
               {
                 ref: dropdownRef,
+                "data-ods-floating": "",
                 className: "ods-multiselect__dropdown",
                 style: {
                   position: "fixed",
@@ -32367,7 +32448,7 @@ var MultiSelect = (0, import_react139.forwardRef)(
                 transition: { duration: 0.15, ease: "easeOut" },
                 children: [
                   showSearch && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "ods-multiselect__search", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_icons48.SearchIcon, { "aria-hidden": "true" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_icons49.SearchIcon, { "aria-hidden": "true" }),
                     /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       "input",
                       {
@@ -32528,7 +32609,7 @@ MultiSelect.displayName = "MultiSelect";
 
 // src/components/NumberInput/NumberInput.tsx
 var import_react140 = require("react");
-var import_icons49 = require("@octaviaflow/icons");
+var import_icons50 = require("@octaviaflow/icons");
 var import_jsx_runtime123 = require("react/jsx-runtime");
 var NumberInput = (0, import_react140.forwardRef)(
   function NumberInput2({
@@ -32608,7 +32689,7 @@ var NumberInput = (0, import_react140.forwardRef)(
                 disabled: disabled || typeof min === "number" && value <= min,
                 "aria-label": "Decrease",
                 tabIndex: -1,
-                children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons49.SubtractIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons50.SubtractIcon, {})
               }
             ),
             prefix && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "ods-num__prefix", "aria-hidden": "true", children: prefix }),
@@ -32642,7 +32723,7 @@ var NumberInput = (0, import_react140.forwardRef)(
                 disabled: disabled || typeof max === "number" && value >= max,
                 "aria-label": "Increase",
                 tabIndex: -1,
-                children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons49.AddIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons50.AddIcon, {})
               }
             )
           ] }),
@@ -32707,7 +32788,7 @@ function PageHeader({
 }
 
 // src/components/Pagination/Pagination.tsx
-var import_icons50 = require("@octaviaflow/icons");
+var import_icons51 = require("@octaviaflow/icons");
 var import_react141 = require("react");
 var import_jsx_runtime125 = require("react/jsx-runtime");
 function buildPageRange(totalPages, current, siblingCount, boundaryCount) {
@@ -32845,7 +32926,7 @@ var Pagination = (0, import_react141.forwardRef)(
                 "aria-label": "First page",
                 disabled: disabled || isFirst,
                 onClick: handlePageBtn(1),
-                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons50.PageFirstIcon, { size: "sm", "aria-hidden": true })
+                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons51.PageFirstIcon, { size: "sm", "aria-hidden": true })
               }
             ),
             showPrevNext && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
@@ -32856,7 +32937,7 @@ var Pagination = (0, import_react141.forwardRef)(
                 "aria-label": "Previous page",
                 disabled: disabled || isFirst,
                 onClick: handlePageBtn(currentPage - 1),
-                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons50.ChevronLeftIcon, { size: "sm", "aria-hidden": true })
+                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons51.ChevronLeftIcon, { size: "sm", "aria-hidden": true })
               }
             ),
             compact ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
@@ -32909,7 +32990,7 @@ var Pagination = (0, import_react141.forwardRef)(
                 "aria-label": "Next page",
                 disabled: disabled || isLast,
                 onClick: handlePageBtn(currentPage + 1),
-                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons50.ChevronRightIcon, { size: "sm", "aria-hidden": true })
+                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons51.ChevronRightIcon, { size: "sm", "aria-hidden": true })
               }
             ),
             showFirstLast && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
@@ -32920,7 +33001,7 @@ var Pagination = (0, import_react141.forwardRef)(
                 "aria-label": "Last page",
                 disabled: disabled || isLast,
                 onClick: handlePageBtn(totalPages),
-                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons50.PageLastIcon, { size: "sm", "aria-hidden": true })
+                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons51.PageLastIcon, { size: "sm", "aria-hidden": true })
               }
             )
           ] }),
@@ -32988,7 +33069,7 @@ var Pagination = (0, import_react141.forwardRef)(
 Pagination.displayName = "Pagination";
 
 // src/components/PipelineCard/PipelineCard.tsx
-var import_icons51 = require("@octaviaflow/icons");
+var import_icons52 = require("@octaviaflow/icons");
 var import_framer_motion29 = require("framer-motion");
 var import_react142 = require("react");
 var import_jsx_runtime126 = require("react/jsx-runtime");
@@ -33287,7 +33368,7 @@ var PipelineCard = (0, import_react142.forwardRef)(
                   triggerClassName: "ods-pipeline-card__action-btn ods-pipeline-card__action-btn--icon",
                   align: overflowAlign,
                   "aria-label": overflowLabel,
-                  trigger: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { "aria-hidden": "true", children: overflowIcon ?? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_icons51.OverflowMenuHorizontalIcon, { size: "sm" }) }),
+                  trigger: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { "aria-hidden": "true", children: overflowIcon ?? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_icons52.OverflowMenuHorizontalIcon, { size: "sm" }) }),
                   items: overflowItems
                 }
               ) : onOverflow && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
@@ -33300,7 +33381,7 @@ var PipelineCard = (0, import_react142.forwardRef)(
                     stop(e);
                     onOverflow(e);
                   },
-                  children: overflowIcon ?? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_icons51.OverflowMenuHorizontalIcon, { size: "sm", "aria-hidden": true })
+                  children: overflowIcon ?? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_icons52.OverflowMenuHorizontalIcon, { size: "sm", "aria-hidden": true })
                 }
               )
             ]
@@ -33379,7 +33460,7 @@ var PipelineCard = (0, import_react142.forwardRef)(
 PipelineCard.displayName = "PipelineCard";
 
 // src/components/PlanCard/PlanCard.tsx
-var import_icons52 = require("@octaviaflow/icons");
+var import_icons53 = require("@octaviaflow/icons");
 var import_react144 = require("react");
 
 // src/components/PlanPicker/context.ts
@@ -33455,7 +33536,7 @@ var PlanCard = (0, import_react144.forwardRef)(
                     selected && "ods-plan-card__check--on"
                   ),
                   "aria-hidden": "true",
-                  children: selected && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons52.CheckmarkIcon, { size: "xs" })
+                  children: selected && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons53.CheckmarkIcon, { size: "xs" })
                 }
               )
             ] })
@@ -33487,7 +33568,7 @@ var PlanCard = (0, import_react144.forwardRef)(
                       {
                         className: "ods-plan-card__feature-icon",
                         "aria-hidden": "true",
-                        children: customIcon ?? (included ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons52.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons52.CloseIcon, { size: "xs" }))
+                        children: customIcon ?? (included ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons53.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons53.CloseIcon, { size: "xs" }))
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-plan-card__feature-text", children: text })
@@ -33700,7 +33781,7 @@ function Popover({
 }
 
 // src/components/PricingCard/PricingCard.tsx
-var import_icons53 = require("@octaviaflow/icons");
+var import_icons54 = require("@octaviaflow/icons");
 var import_react147 = require("react");
 var import_jsx_runtime130 = require("react/jsx-runtime");
 function isStructuredFeature2(f) {
@@ -33789,7 +33870,7 @@ var PricingCard = (0, import_react147.forwardRef)(
                         included ? "ods-pricing__feature-icon--included" : "ods-pricing__feature-icon--excluded"
                       ),
                       "aria-hidden": "true",
-                      children: customIcon ?? (included ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_icons53.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_icons53.CloseIcon, { size: "xs" }))
+                      children: customIcon ?? (included ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_icons54.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_icons54.CloseIcon, { size: "xs" }))
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "ods-pricing__feature-text", children: text })
@@ -33807,7 +33888,7 @@ var PricingCard = (0, import_react147.forwardRef)(
 PricingCard.displayName = "PricingCard";
 
 // src/components/ProductCard/ProductCard.tsx
-var import_icons54 = require("@octaviaflow/icons");
+var import_icons55 = require("@octaviaflow/icons");
 var import_react148 = require("react");
 var import_jsx_runtime131 = require("react/jsx-runtime");
 function Stars({ value, max = 5, count }) {
@@ -33819,7 +33900,7 @@ function Stars({ value, max = 5, count }) {
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-product-card__stars", "aria-hidden": "true", children: Array.from({ length: max }, (_, i) => {
           const filled = i < Math.round(value);
-          return filled ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons54.StarFilledIcon, { size: "xs" }, i) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons54.StarIcon, { size: "xs" }, i);
+          return filled ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons55.StarFilledIcon, { size: "xs" }, i) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons55.StarIcon, { size: "xs" }, i);
         }) }),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-product-card__rating-value", children: value.toFixed(1) }),
         count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: "ods-product-card__rating-count", children: [
@@ -34038,7 +34119,7 @@ ProgressRing.displayName = "ProgressRing";
 
 // src/components/PromptInput/PromptInput.tsx
 var import_react150 = require("react");
-var import_icons55 = require("@octaviaflow/icons");
+var import_icons56 = require("@octaviaflow/icons");
 var import_jsx_runtime133 = require("react/jsx-runtime");
 var PromptInput = (0, import_react150.forwardRef)(
   function PromptInput2({
@@ -34316,7 +34397,7 @@ var PromptInput = (0, import_react150.forwardRef)(
                   }
                 ),
                 isDragOver && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "ods-prompt-input__drop-overlay", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons55.CloudUploadIcon, { size: "sm" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons56.CloudUploadIcon, { size: "sm" }),
                   /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: dropOverlayLabel })
                 ] }),
                 attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "ods-prompt-input__attachments", children: attachments.map((a) => {
@@ -34339,7 +34420,7 @@ var PromptInput = (0, import_react150.forwardRef)(
                                 alt: "",
                                 className: "ods-prompt-input__chip-thumb"
                               }
-                            ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons55.AttachmentIcon, { size: "xs" })
+                            ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons56.AttachmentIcon, { size: "xs" })
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-prompt-input__chip-label", children: a.name }),
@@ -34351,7 +34432,7 @@ var PromptInput = (0, import_react150.forwardRef)(
                             className: "ods-prompt-input__chip-remove",
                             onClick: () => onRemoveAttachment(a.id),
                             "aria-label": `Remove ${a.name}`,
-                            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons55.CloseIcon, { size: "xs" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons56.CloseIcon, { size: "xs" })
                           }
                         )
                       ]
@@ -34450,7 +34531,7 @@ var PromptInput = (0, import_react150.forwardRef)(
                         onClick: onStop,
                         "aria-label": "Stop generating",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons55.StopFilledIcon, { size: "xs", tone: "inverse" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons56.StopFilledIcon, { size: "xs", tone: "inverse" }),
                           /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "Stop" })
                         ]
                       }
@@ -34466,7 +34547,7 @@ var PromptInput = (0, import_react150.forwardRef)(
                         disabled: !canSubmit,
                         "aria-label": "Send",
                         children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-                          import_icons55.SendAltIcon,
+                          import_icons56.SendAltIcon,
                           {
                             size: "xs",
                             tone: canSubmit ? "inverse" : "muted"
@@ -34874,7 +34955,7 @@ RangeSlider.displayName = "RangeSlider";
 
 // src/components/Rating/Rating.tsx
 var import_react155 = require("react");
-var import_icons56 = require("@octaviaflow/icons");
+var import_icons57 = require("@octaviaflow/icons");
 var import_jsx_runtime138 = require("react/jsx-runtime");
 var Rating = (0, import_react155.forwardRef)(function Rating2({
   value,
@@ -34895,9 +34976,9 @@ var Rating = (0, import_react155.forwardRef)(function Rating2({
   const [hover, setHover] = (0, import_react155.useState)(null);
   const display = hover ?? value;
   const interactive = !readOnly && !disabled;
-  const Empty = icon === "heart" ? import_icons56.FavoriteIcon : import_icons56.StarIcon;
-  const Half = icon === "heart" ? import_icons56.FavoriteHalfIcon : import_icons56.StarHalfIcon;
-  const Full = icon === "heart" ? import_icons56.FavoriteFilledIcon : import_icons56.StarFilledIcon;
+  const Empty = icon === "heart" ? import_icons57.FavoriteIcon : import_icons57.StarIcon;
+  const Half = icon === "heart" ? import_icons57.FavoriteHalfIcon : import_icons57.StarHalfIcon;
+  const Full = icon === "heart" ? import_icons57.FavoriteFilledIcon : import_icons57.StarFilledIcon;
   const setValueClamped = (next) => {
     if (!interactive) return;
     const clamped = Math.max(0, Math.min(max, next));
@@ -35001,7 +35082,7 @@ Rating.displayName = "Rating";
 
 // src/components/Rating/BinaryRating.tsx
 var import_react156 = require("react");
-var import_icons57 = require("@octaviaflow/icons");
+var import_icons58 = require("@octaviaflow/icons");
 var import_jsx_runtime139 = require("react/jsx-runtime");
 var BinaryRating = (0, import_react156.forwardRef)(
   function BinaryRating2({
@@ -35012,10 +35093,10 @@ var BinaryRating = (0, import_react156.forwardRef)(
     disabled = false,
     readOnly = false,
     toggleable = true,
-    upIcon = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons57.ThumbsUpIcon, {}),
-    upIconFilled = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons57.ThumbsUpFilledIcon, {}),
-    downIcon = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons57.ThumbsDownIcon, {}),
-    downIconFilled = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons57.ThumbsDownFilledIcon, {}),
+    upIcon = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons58.ThumbsUpIcon, {}),
+    upIconFilled = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons58.ThumbsUpFilledIcon, {}),
+    downIcon = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons58.ThumbsDownIcon, {}),
+    downIconFilled = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons58.ThumbsDownFilledIcon, {}),
     upLabel = "Like",
     downLabel = "Dislike",
     className,
@@ -36943,7 +37024,7 @@ Spotlight.displayName = "Spotlight";
 
 // src/components/Stat/Stat.tsx
 var import_react168 = require("react");
-var import_icons58 = require("@octaviaflow/icons");
+var import_icons59 = require("@octaviaflow/icons");
 var import_jsx_runtime153 = require("react/jsx-runtime");
 var Stat = (0, import_react168.forwardRef)(function Stat2({
   label,
@@ -36957,7 +37038,7 @@ var Stat = (0, import_react168.forwardRef)(function Stat2({
   className,
   ...rest
 }, ref) {
-  const TrendIcon = deltaTrend === "up" ? import_icons58.ArrowUpIcon : deltaTrend === "down" ? import_icons58.ArrowDownIcon : import_icons58.SubtractIcon;
+  const TrendIcon = deltaTrend === "up" ? import_icons59.ArrowUpIcon : deltaTrend === "down" ? import_icons59.ArrowDownIcon : import_icons59.SubtractIcon;
   return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
     "div",
     {
@@ -37475,7 +37556,7 @@ Sankey.displayName = "Sankey";
 
 // src/components/Table/Table.tsx
 var import_react171 = require("react");
-var import_icons59 = require("@octaviaflow/icons");
+var import_icons60 = require("@octaviaflow/icons");
 var import_jsx_runtime156 = require("react/jsx-runtime");
 function TableInner({
   columns,
@@ -37565,7 +37646,7 @@ function TableInner({
                       sortKey === col.key && "ods-table__sort-icon--active"
                     ),
                     "aria-hidden": "true",
-                    children: sortKey === col.key ? sortDirection === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons59.CaretDownIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons59.CaretUpIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons59.CaretSortIcon, { size: "xs" })
+                    children: sortKey === col.key ? sortDirection === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons60.CaretDownIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons60.CaretUpIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons60.CaretSortIcon, { size: "xs" })
                   }
                 )
               ] })
@@ -37634,7 +37715,7 @@ function TableRow({
               "aria-label": expanded ? "Collapse row" : "Expand row",
               "aria-expanded": expanded,
               onClick: () => setExpanded(!expanded),
-              children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons59.CaretRightIcon, { size: "xs" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons60.CaretRightIcon, { size: "xs" })
             }
           ) }),
           columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("td", { className: "ods-table__cell", children: col.render ? col.render(row[col.key], row, rowIndex) : row[col.key] }, col.key))
@@ -37827,7 +37908,7 @@ function ChevronSvg({ dir }) {
 
 // src/components/TagsInput/TagsInput.tsx
 var import_react173 = require("react");
-var import_icons60 = require("@octaviaflow/icons");
+var import_icons61 = require("@octaviaflow/icons");
 var import_jsx_runtime158 = require("react/jsx-runtime");
 var TagsInput = (0, import_react173.forwardRef)(
   function TagsInput2({
@@ -37910,7 +37991,7 @@ var TagsInput = (0, import_react173.forwardRef)(
                   onClick: () => removeTag(i),
                   "aria-label": `Remove ${tag}`,
                   disabled,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(import_icons60.CloseIcon, { size: "xs" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(import_icons61.CloseIcon, { size: "xs" })
                 }
               )
             ] }, `${tag}-${i}`)),
@@ -38185,7 +38266,7 @@ var TemplateCard = (0, import_react174.forwardRef)(function TemplateCard2({
 TemplateCard.displayName = "TemplateCard";
 
 // src/components/TestimonialCard/TestimonialCard.tsx
-var import_icons61 = require("@octaviaflow/icons");
+var import_icons62 = require("@octaviaflow/icons");
 var import_react175 = require("react");
 var import_jsx_runtime160 = require("react/jsx-runtime");
 function isAuthorObject(v) {
@@ -38256,7 +38337,7 @@ var TestimonialCard = (0, import_react175.forwardRef)(
         "aria-describedby": quoteId,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("div", { className: "ods-testimonial__head", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_icons61.QuotesIcon, { size: "md" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_icons62.QuotesIcon, { size: "md" }) }),
             logo && /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", { className: "ods-testimonial__logo", "aria-hidden": "true", children: logo })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("blockquote", { id: quoteId, className: "ods-testimonial__text", children: quote }),
@@ -38268,13 +38349,13 @@ var TestimonialCard = (0, import_react175.forwardRef)(
               "aria-label": `${rating} out of 5 stars`,
               children: Array.from({ length: 5 }).map(
                 (_, i) => i < Math.round(rating) ? /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
-                  import_icons61.StarFilledIcon,
+                  import_icons62.StarFilledIcon,
                   {
                     size: "xs",
                     className: "ods-testimonial__star ods-testimonial__star--on"
                   },
                   i
-                ) : /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_icons61.StarIcon, { size: "xs", className: "ods-testimonial__star" }, i)
+                ) : /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_icons62.StarIcon, { size: "xs", className: "ods-testimonial__star" }, i)
               )
             }
           ),
@@ -38364,7 +38445,7 @@ Timeline.displayName = "Timeline";
 // src/components/TimePicker/TimePicker.tsx
 var import_react177 = require("react");
 var import_react_dom21 = require("react-dom");
-var import_icons62 = require("@octaviaflow/icons");
+var import_icons63 = require("@octaviaflow/icons");
 var import_jsx_runtime162 = require("react/jsx-runtime");
 var pad = (n) => n.toString().padStart(2, "0");
 function format(v, use24h, showSeconds) {
@@ -38655,7 +38736,7 @@ var TimePicker = (0, import_react177.forwardRef)(
               "aria-describedby": describedBy,
               "aria-invalid": error ? true : void 0,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { className: "ods-timepicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons62.TimeIcon, { size: "xs" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { className: "ods-timepicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons63.TimeIcon, { size: "xs" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { className: "ods-timepicker__value", children: format(value, use24h, showSeconds) }),
                 /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
                   "span",
@@ -38665,7 +38746,7 @@ var TimePicker = (0, import_react177.forwardRef)(
                       open && "ods-timepicker__chev--open"
                     ),
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons62.ChevronDownIcon, { size: "xs" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons63.ChevronDownIcon, { size: "xs" })
                   }
                 )
               ]
@@ -38728,7 +38809,7 @@ var TimePicker = (0, import_react177.forwardRef)(
                           className: "ods-timepicker__step",
                           onClick: () => stepBy(seg, 1),
                           "aria-label": `${seg} up`,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons62.CaretUpIcon, { size: "xs" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons63.CaretUpIcon, { size: "xs" })
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { className: "ods-timepicker__col-val", children: pad(
@@ -38741,7 +38822,7 @@ var TimePicker = (0, import_react177.forwardRef)(
                           className: "ods-timepicker__step",
                           onClick: () => stepBy(seg, -1),
                           "aria-label": `${seg} down`,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons62.CaretDownIcon, { size: "xs" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons63.CaretDownIcon, { size: "xs" })
                         }
                       )
                     ] }),
@@ -38770,7 +38851,7 @@ TimePicker.displayName = "TimePicker";
 
 // src/components/TimezonePicker/TimezonePicker.tsx
 var import_react178 = require("react");
-var import_icons63 = require("@octaviaflow/icons");
+var import_icons64 = require("@octaviaflow/icons");
 var import_jsx_runtime163 = require("react/jsx-runtime");
 var DEFAULT_TZS = [
   { iana: "America/Los_Angeles", label: "Pacific Time", offset: "UTC\u22128" },
@@ -38945,7 +39026,7 @@ var TimezonePicker = (0, import_react178.forwardRef)(
               "aria-describedby": describedBy,
               "aria-invalid": error ? true : void 0,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons63.GlobeIcon, { size: "xs" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons64.GlobeIcon, { size: "xs" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(import_jsx_runtime163.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__name", children: selected.label }),
                   /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("span", { className: "ods-tzpicker__meta", children: [
@@ -38963,7 +39044,7 @@ var TimezonePicker = (0, import_react178.forwardRef)(
                       open && "ods-tzpicker__chev--open"
                     ),
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons63.ChevronDownIcon, { size: "xs" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons64.ChevronDownIcon, { size: "xs" })
                   }
                 )
               ]
@@ -38978,7 +39059,7 @@ var TimezonePicker = (0, import_react178.forwardRef)(
               onKeyDown: handlePopoverKey,
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "ods-tzpicker__search", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__search-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons63.SearchIcon, { size: "xs" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__search-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons64.SearchIcon, { size: "xs" }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
                     "input",
                     {
@@ -39035,7 +39116,7 @@ var TimezonePicker = (0, import_react178.forwardRef)(
                                 {
                                   className: "ods-tzpicker__opt-check",
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons63.CheckmarkIcon, { size: "xs" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons64.CheckmarkIcon, { size: "xs" })
                                 }
                               )
                             ]
@@ -39610,17 +39691,17 @@ function ToolbarSpacer() {
 
 // src/components/ToolCard/ToolCard.tsx
 var import_react181 = require("react");
-var import_icons64 = require("@octaviaflow/icons");
+var import_icons65 = require("@octaviaflow/icons");
 var import_jsx_runtime167 = require("react/jsx-runtime");
 var CATEGORY_GLYPH = {
-  search: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons64.SearchIcon, { size: "xs" }),
-  database: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons64.DataBaseIcon, { size: "xs" }),
-  web: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons64.GlobeIcon, { size: "xs" }),
-  code: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons64.CodeIcon, { size: "xs" }),
-  file: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons64.DocumentIcon, { size: "xs" }),
-  api: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons64.ApiIcon, { size: "xs" }),
-  ai: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons64.MagicWandIcon, { size: "xs" }),
-  custom: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons64.ExtensionsIcon, { size: "xs" })
+  search: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.SearchIcon, { size: "xs" }),
+  database: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.DataBaseIcon, { size: "xs" }),
+  web: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.GlobeIcon, { size: "xs" }),
+  code: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.CodeIcon, { size: "xs" }),
+  file: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.DocumentIcon, { size: "xs" }),
+  api: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.ApiIcon, { size: "xs" }),
+  ai: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.MagicWandIcon, { size: "xs" }),
+  custom: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.ExtensionsIcon, { size: "xs" })
 };
 var ToolCard = (0, import_react181.forwardRef)(
   function ToolCard2({
@@ -39815,14 +39896,14 @@ function TopBar({
 // src/components/TraceStep/TraceStep.tsx
 var import_framer_motion38 = require("framer-motion");
 var import_react182 = require("react");
-var import_icons65 = require("@octaviaflow/icons");
+var import_icons66 = require("@octaviaflow/icons");
 var import_jsx_runtime169 = require("react/jsx-runtime");
 var DEFAULT_KIND_GLYPH = {
-  thought: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons65.IdeaIcon, { size: "xs" }),
-  tool: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons65.BuildToolIcon, { size: "xs" }),
-  input: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons65.ConnectionReceiveIcon, { size: "xs" }),
-  output: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons65.ConnectionSendIcon, { size: "xs" }),
-  error: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons65.WarningAltIcon, { size: "xs" })
+  thought: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.IdeaIcon, { size: "xs" }),
+  tool: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.BuildToolIcon, { size: "xs" }),
+  input: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.ConnectionReceiveIcon, { size: "xs" }),
+  output: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.ConnectionSendIcon, { size: "xs" }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.WarningAltIcon, { size: "xs" })
 };
 var FALLBACK_GLYPH = DEFAULT_KIND_GLYPH.thought;
 var TraceStep = (0, import_react182.forwardRef)(
@@ -39886,7 +39967,7 @@ var TraceStep = (0, import_react182.forwardRef)(
                 initial: disableAnimation ? false : { scale: 0.6, opacity: 0 },
                 animate: { scale: 1, opacity: 1 },
                 transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
-                children: status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons65.CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
+                children: status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
               }
             ),
             !isLast && /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
@@ -39929,7 +40010,7 @@ var TraceStep = (0, import_react182.forwardRef)(
                       title: tool,
                       "aria-label": `Tool: ${tool}`,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons65.BuildToolIcon, { size: "xs" }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.BuildToolIcon, { size: "xs" }) }),
                         tool
                       ]
                     }
@@ -39962,7 +40043,7 @@ var TraceStep = (0, import_react182.forwardRef)(
                       "aria-hidden": "true",
                       animate: { rotate: open ? 180 : 0 },
                       transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons65.CaretDownIcon, { size: "xs" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.CaretDownIcon, { size: "xs" })
                     }
                   )
                 ]
@@ -41863,7 +41944,7 @@ function cursorFor(corner) {
 }
 
 // src/workflow/components/kinds/BaseNode.tsx
-var import_icons66 = require("@octaviaflow/icons");
+var import_icons67 = require("@octaviaflow/icons");
 var import_react192 = require("react");
 var import_jsx_runtime176 = require("react/jsx-runtime");
 function BaseNode({
@@ -41930,7 +42011,7 @@ function BaseNode({
               "aria-label": "Delete node",
               "data-flow-no-drag": "true",
               title: "Delete node",
-              children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons66.TrashCanIcon, { size: 16, "aria-hidden": true })
+              children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons67.TrashCanIcon, { size: 16, "aria-hidden": true })
             }
           )
         ] }),
@@ -43849,7 +43930,7 @@ function DefaultEmptyState() {
 }
 
 // src/components/WorkflowHeader/WorkflowHeader.tsx
-var import_icons67 = require("@octaviaflow/icons");
+var import_icons68 = require("@octaviaflow/icons");
 
 // src/hooks/useWorkflowRuntime.ts
 var import_react195 = require("react");
@@ -43940,7 +44021,7 @@ function WorkflowHeader({
           onClick: onBack,
           "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons67.ChevronLeftIcon, { size: "sm" }),
+            /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons68.ChevronLeftIcon, { size: "sm" }),
             /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
             /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
           ]
@@ -43979,14 +44060,14 @@ function WorkflowHeader({
             title: saveState === "error" ? saveError ?? void 0 : void 0,
             children: [
               saveState === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "ods-workflow-header__save-spinner", "aria-hidden": "true" }) : saveState === "error" ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
-                import_icons67.WarningAltIcon,
+                import_icons68.WarningAltIcon,
                 {
                   size: "sm",
                   className: "ods-workflow-header__save-icon",
                   "aria-hidden": "true"
                 }
               ) : /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
-                import_icons67.CheckmarkIcon,
+                import_icons68.CheckmarkIcon,
                 {
                   size: "sm",
                   className: "ods-workflow-header__save-icon",
@@ -44027,7 +44108,7 @@ function WorkflowHeader({
           size: "sm",
           pressed: !!isConsoleOpen,
           "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons67.TerminalIcon, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons68.TerminalIcon, { size: "sm" }),
           onClick: onToggleConsole,
           children: "Console"
         }
@@ -44039,7 +44120,7 @@ function WorkflowHeader({
           variant: "ghost",
           size: "sm",
           "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons67.StopFilledAltIcon, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons68.StopFilledAltIcon, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
           onClick: onStop,
           children: /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("span", { className: "ods-workflow-header__stop-label", children: [
             /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { children: "Stop" }),
@@ -44055,7 +44136,7 @@ function WorkflowHeader({
           variant: "primary",
           size: "sm",
           "aria-label": "Run workflow",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons67.PlayFilledAltIcon, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons68.PlayFilledAltIcon, { size: "sm" }),
           onClick: onRun,
           children: "Run"
         }
@@ -44067,7 +44148,7 @@ function WorkflowHeader({
           align: "end",
           triggerClassName: "ods-workflow-header__menu-trigger",
           ...menuProps,
-          trigger: menuTrigger ?? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header__menu-icon", children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons67.OverflowMenuVerticalIcon, { size: "sm" }) }),
+          trigger: menuTrigger ?? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header__menu-icon", children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons68.OverflowMenuVerticalIcon, { size: "sm" }) }),
           items: menuItems
         }
       ))
@@ -44077,7 +44158,7 @@ function WorkflowHeader({
 }
 
 // src/components/WorkflowHeader/WorkflowHeaderExpanded.tsx
-var import_icons68 = require("@octaviaflow/icons");
+var import_icons69 = require("@octaviaflow/icons");
 var import_jsx_runtime181 = require("react/jsx-runtime");
 function WorkflowHeaderExpanded({
   name,
@@ -44122,7 +44203,7 @@ function WorkflowHeaderExpanded({
                 onClick: onBack,
                 "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons68.ChevronLeftIcon, { size: "sm" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons69.ChevronLeftIcon, { size: "sm" }),
                   /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { children: parentLabel }),
                   /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
                 ]
@@ -44161,7 +44242,7 @@ function WorkflowHeaderExpanded({
                 size: "sm",
                 pressed: !!isConsoleOpen,
                 "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons68.TerminalIcon, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons69.TerminalIcon, { size: "sm" }),
                 onClick: onToggleConsole,
                 children: "Console"
               }
@@ -44174,7 +44255,7 @@ function WorkflowHeaderExpanded({
                 size: "sm",
                 "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
                 leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
-                  import_icons68.StopFilledAltIcon,
+                  import_icons69.StopFilledAltIcon,
                   {
                     size: "sm",
                     className: "ods-workflow-header-expanded__stop-glyph"
@@ -44195,7 +44276,7 @@ function WorkflowHeaderExpanded({
                 variant: "primary",
                 size: "sm",
                 "aria-label": "Run workflow",
-                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons68.PlayFilledAltIcon, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons69.PlayFilledAltIcon, { size: "sm" }),
                 onClick: onRun,
                 children: "Run"
               }
@@ -44211,7 +44292,7 @@ function WorkflowHeaderExpanded({
                   {
                     variant: "ghost",
                     size: "sm",
-                    leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons68.OverflowMenuVerticalIcon, { size: "sm" })
+                    leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons69.OverflowMenuVerticalIcon, { size: "sm" })
                   }
                 ),
                 items: menuItems