@hanzo/ui 8.0.12 → 8.0.14

package/dist/product/index.cjs

@@ -2,6 +2,7 @@
 'use strict';
 
 var chunkYBXVUV7P_cjs = require('../chunk-YBXVUV7P.cjs');
+var chunkVGGGGXWS_cjs = require('../chunk-VGGGGXWS.cjs');
 var react = require('react');
 var gui = require('@hanzo/gui');
 var jsxRuntime = require('react/jsx-runtime');
@@ -674,12 +675,12 @@ function menuKeyDown(e, onClose) {
   if (items.length === 0) return;
   e.preventDefault();
   const active = document.activeElement;
-  const current2 = active ? items.indexOf(active) : -1;
+  const current = active ? items.indexOf(active) : -1;
   let next;
   if (e.key === "Home") next = 0;
   else if (e.key === "End") next = items.length - 1;
-  else if (e.key === "ArrowDown") next = current2 < 0 ? 0 : (current2 + 1) % items.length;
-  else next = current2 <= 0 ? items.length - 1 : current2 - 1;
+  else if (e.key === "ArrowDown") next = current < 0 ? 0 : (current + 1) % items.length;
+  else next = current <= 0 ? items.length - 1 : current - 1;
   items[next]?.focus();
 }
 var EDGE = 8;
@@ -854,8 +855,8 @@ var SURFACES = ORDER.map((id) => {
   const s = products.surfaceById(id);
   return { id, label: s.label, href: s.href, hint: s.domain };
 });
-function otherSurfaces(current2) {
-  return current2 ? SURFACES.filter((s) => s.id !== current2) : SURFACES;
+function otherSurfaces(current) {
+  return current ? SURFACES.filter((s) => s.id !== current) : SURFACES;
 }
 function HanzoMark({ size = 22, color = "currentColor" }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -912,7 +913,7 @@ function AppHeader({
   onBrand,
   org,
   children,
-  current: current2,
+  current,
   surfaces,
   open,
   user,
@@ -925,7 +926,7 @@ function AppHeader({
 }) {
   const [appsOpen, setAppsOpen] = react.useState(false);
   const [menuOpen, setMenuOpen] = react.useState(false);
-  const items = surfaces ?? otherSurfaces(current2);
+  const items = surfaces ?? otherSurfaces(current);
   const launch = (s) => {
     setAppsOpen(false);
     if (open) open(s);
@@ -1131,11 +1132,11 @@ function OrgSwitcher({ scope, orgs, pageSize = 20, current: given, create, picke
     if (orgs) return filterOrgs(rows, query);
     return [{ name: currentId, displayName: titleCase(currentId) }];
   }, [orgs, rows, query, currentId]);
-  const current2 = react.useMemo(() => {
+  const current = react.useMemo(() => {
     if (given && given.name === currentId) return given;
     return rows.find((o) => o.name === currentId) ?? { name: currentId, displayName: titleCase(currentId) };
   }, [given, rows, currentId]);
-  const currentLabel = current2.displayName || titleCase(current2.name);
+  const currentLabel = current.displayName || titleCase(current.name);
   const select = react.useCallback(
     (org) => {
       setOpen(false);
@@ -1158,7 +1159,7 @@ function OrgSwitcher({ scope, orgs, pageSize = 20, current: given, create, picke
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(gui.Popover, { open, onOpenChange: setOpen, placement: "bottom-start", children: [
     /* @__PURE__ */ jsxRuntime.jsx(gui.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(gui.Button, { chromeless: true, height: 44, px: "$2", justify: "flex-start", "aria-label": `${currentLabel} \xB7 switch organization`, children: /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", gap: "$2.5", flex: 1, minW: 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(OrgMark, { org: current2, size: 30 }),
+      /* @__PURE__ */ jsxRuntime.jsx(OrgMark, { org: current, size: 30 }),
       /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { flex: 1, minW: 0, fontSize: "$4", fontWeight: "800", color: "$color12", numberOfLines: 1, children: currentLabel }),
       /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.ChevronsUpDown, { size: 15, color: "$color9" })
     ] }) }) }),
@@ -1589,203 +1590,6 @@ function SiteFooter({ footer, brand, tagline, meta, link = defaultLink2 }) {
     ] })
   ] });
 }
-var HostCtx = react.createContext({});
-var HostProvider = ({ actions, children }) => /* @__PURE__ */ jsxRuntime.jsx(HostCtx.Provider, { value: actions, children });
-var useHost = () => react.useContext(HostCtx);
-function classifyBackend(e) {
-  const status = typeof e?.status === "number" ? e.status : 0;
-  const message = e instanceof Error ? e.message : String(e);
-  if (status === 503) return { kind: "not-initialized", message };
-  if (status === 404 || status === 405) return { kind: "unavailable", message };
-  if (status === 501) return { kind: "not-implemented", message };
-  if (status === 402) return { kind: "billing", message };
-  if (status === 401) return { kind: "signin", message };
-  if (status === 403) return { kind: "access", message };
-  return { kind: "error", message };
-}
-function classifyRead(e) {
-  const s = classifyBackend(e);
-  return s.kind === "billing" ? null : s;
-}
-var TITLES = {
-  "not-initialized": "Backend not initialized",
-  unavailable: "Not available on this deployment yet",
-  "not-implemented": "Not yet available",
-  access: "Not enabled for your account",
-  signin: "Your session expired",
-  billing: "Add credits to continue",
-  error: "Could not reach the backend"
-};
-var BODIES = {
-  "not-initialized": "The /v1 route is mounted but its runtime (or the console API key it proxies to) is not configured on this deployment yet. Real data appears here once it is \u2014 no placeholder data is shown.",
-  unavailable: "This endpoint is not mounted at the gateway on this host yet. The view lights up automatically once the route is live.",
-  // 501 — a real, planned capability whose body ships in a later phase.
-  "not-implemented": "This capability is planned but not wired yet. The backend answers honestly rather than pretending it worked \u2014 nothing here is fabricated, and the view lights up automatically once it ships.",
-  // 403 for a SIGNED-IN user — never "sign in".
-  access: "You're signed in, but this isn't enabled for your organization on this deployment, or it's an admin-only surface. It appears here automatically once your account has access \u2014 nothing is fabricated.",
-  // 401 — the session itself lapsed; re-auth returns to this exact page.
-  signin: "Your session has expired or isn\u2019t recognized here. Sign in again to continue where you left off.",
-  // Empty → the card shows the backend's own message (the honest "Insufficient
-  // balance. Please add credits…" from the gateway billing gate).
-  billing: "",
-  error: ""
-};
-function BackendStateCard({
-  state,
-  onRetry,
-  hint
-}) {
-  const { signIn, addCredits } = useHost();
-  return /* @__PURE__ */ jsxRuntime.jsxs(gui.Card, { borderWidth: 1, borderColor: "$borderColor", p: "$4", gap: "$2", maxWidth: 640, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { gap: "$2", items: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.TriangleAlert, { size: 16 }),
-      /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$4", fontWeight: "700", children: TITLES[state.kind] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", color: "$color11", children: BODIES[state.kind] || state.message }),
-    hint ? /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$color10", children: hint }) : null,
-    state.kind === "signin" && signIn ? /* @__PURE__ */ jsxRuntime.jsx(gui.Button, { size: "$2", theme: "light", self: "flex-start", onPress: signIn, children: "Sign in again" }) : state.kind === "billing" && addCredits ? (
-      // 402 — the org has no funded balance. Offer a top-up CTA (and keep Retry so
-      // a returning, funded caller can reload in place).
-      /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { gap: "$2", items: "center", flexWrap: "wrap", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(gui.Button, { size: "$2", theme: "light", self: "flex-start", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.CreditCard, { size: 14 }), onPress: addCredits, children: "Add credits" }),
-        onRetry ? /* @__PURE__ */ jsxRuntime.jsx(gui.Button, { size: "$2", self: "flex-start", onPress: onRetry, children: "Retry" }) : null
-      ] })
-    ) : onRetry ? /* @__PURE__ */ jsxRuntime.jsx(gui.Button, { size: "$2", self: "flex-start", onPress: onRetry, children: "Retry" }) : null
-  ] });
-}
-function PageHeader({
-  title,
-  subtitle,
-  actions
-}) {
-  return (
-    // flexWrap lets the actions drop below the title on narrow screens; flex={1}
-    // minW={0} lets the title column shrink so a long subtitle WRAPS instead of
-    // running off the viewport (a flex child defaults to min-width:auto = content
-    // width, which would overflow on mobile).
-    /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { justify: "space-between", items: "flex-start", gap: "$3", flexWrap: "wrap", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$1", flex: 1, minW: 200, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$7", fontWeight: "500", letterSpacing: -0.4, children: title }),
-        subtitle ? /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", color: "$color11", children: subtitle }) : null
-      ] }),
-      actions ? /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { gap: "$2", items: "center", flexWrap: "wrap", width: "100%", $md: { width: "auto", justify: "flex-end" }, children: actions }) : null
-    ] })
-  );
-}
-function SkeletonRows({ columns, count = 6 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { children: Array.from({ length: count }).map((_, r) => /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { py: "$2.5", px: "$3", gap: "$3", borderTopWidth: 1, borderColor: "$borderColor", items: "center", children: columns.map((c, i) => /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { width: c.width, flex: c.width ? void 0 : 1, minW: c.width ? void 0 : FLEX_MIN_COL_W, items: c.align === "right" ? "flex-end" : "flex-start", children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "hz-skeleton",
-      style: { height: 12, borderRadius: 6, width: `${[62, 40, 54, 34, 48][(i + r) % 5]}%` },
-      "aria-hidden": true
-    }
-  ) }, c.key)) }, r)) });
-}
-function DataTable({
-  columns,
-  rows,
-  loading,
-  empty = "Nothing here yet.",
-  rowKey,
-  onRowPress,
-  isRowExpanded,
-  renderExpanded,
-  sort,
-  onSortChange
-}) {
-  const minTableW = columns.reduce((sum, c) => sum + (c.width ?? FLEX_MIN_COL_W), 0) + (columns.length + 1) * 12;
-  return /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$4", overflow: "hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { style: { overflowX: "auto", overflowY: "visible" }, children: /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { minW: minTableW, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { bg: "$color1", py: "$2.5", px: "$3", gap: "$3", borderBottomWidth: 1, borderColor: "$borderColor", role: "row", children: columns.map((c) => {
-        const sortable = c.sortable === true && !!onSortChange;
-        const active = sortable && sort?.key === c.key;
-        const Caret = !sortable ? null : !active ? lucideIcons2.ChevronsUpDown : sort?.dir === "asc" ? lucideIcons2.ChevronUp : lucideIcons2.ChevronDown;
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          gui.XStack,
-          {
-            width: c.width,
-            flex: c.width ? void 0 : 1,
-            minW: c.width ? void 0 : FLEX_MIN_COL_W,
-            items: "center",
-            gap: "$1",
-            justify: c.align === "right" ? "flex-end" : "flex-start",
-            role: "columnheader",
-            "aria-sort": sortable ? active ? sort?.dir === "asc" ? "ascending" : "descending" : "none" : void 0,
-            "aria-label": sortable ? `Sort by ${c.header}` : void 0,
-            cursor: sortable ? "pointer" : void 0,
-            hoverStyle: sortable ? { opacity: 0.75 } : void 0,
-            onPress: sortable ? () => onSortChange?.(c.key) : void 0,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                gui.Text,
-                {
-                  fontSize: "$1",
-                  fontWeight: "500",
-                  color: active ? "$color12" : "$color10",
-                  text: c.align === "right" ? "right" : "left",
-                  className: c.mono ? "hz-tnum" : void 0,
-                  children: c.header
-                }
-              ),
-              Caret ? /* @__PURE__ */ jsxRuntime.jsx(Caret, { size: 12, color: active ? "$color12" : "$color9" }) : null
-            ]
-          },
-          c.key
-        );
-      }) }),
-      loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonRows, { columns }) : rows.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { children: rows.map((row) => {
-        const expanded = (isRowExpanded?.(row) ?? false) && !!renderExpanded;
-        return /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            gui.XStack,
-            {
-              className: "hz-row",
-              py: "$2.5",
-              px: "$3",
-              gap: "$3",
-              borderTopWidth: 1,
-              borderColor: "$borderColor",
-              items: "center",
-              bg: expanded ? "$color2" : void 0,
-              hoverStyle: onRowPress ? { bg: "$color2" } : void 0,
-              cursor: onRowPress ? "pointer" : void 0,
-              onPress: onRowPress ? () => onRowPress(row) : void 0,
-              children: columns.map((c) => {
-                const cell = c.render ? c.render(row) : String(row[c.key] ?? "");
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  gui.YStack,
-                  {
-                    width: c.width,
-                    flex: c.width ? void 0 : 1,
-                    minW: c.width ? void 0 : FLEX_MIN_COL_W,
-                    justify: "center",
-                    items: c.align === "right" ? "flex-end" : "flex-start",
-                    children: typeof cell === "string" || typeof cell === "number" ? /* @__PURE__ */ jsxRuntime.jsx(
-                      gui.Text,
-                      {
-                        fontSize: "$3",
-                        numberOfLines: 1,
-                        color: "$color12",
-                        text: c.align === "right" ? "right" : "left",
-                        className: c.mono ? "hz-mono" : void 0,
-                        children: cell
-                      }
-                    ) : cell
-                  },
-                  c.key
-                );
-              })
-            }
-          ),
-          expanded && renderExpanded ? /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { borderTopWidth: 1, borderColor: "$borderColor", bg: "$color1", children: renderExpanded(row) }) : null
-        ] }, rowKey(row));
-      }) }) : null
-    ] }) }),
-    !loading && rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { py: "$8", px: "$4", items: "center", gap: "$1", borderTopWidth: 1, borderColor: "$borderColor", children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { color: "$color10", fontSize: "$3", text: "center", children: empty }) }) : null
-  ] });
-}
-var FLEX_MIN_COL_W = 120;
 function CommerceResource({
   title,
   subtitle,
@@ -1801,14 +1605,14 @@ function CommerceResource({
   loadRef.current = load;
   const reload = react.useCallback(() => {
     setState({ phase: "loading" });
-    loadRef.current().then((r) => setState({ phase: "ready", data: r.rows })).catch((e) => setState({ phase: "error", error: classifyBackend(e) }));
+    loadRef.current().then((r) => setState({ phase: "ready", data: r.rows })).catch((e) => setState({ phase: "error", error: chunkVGGGGXWS_cjs.classifyBackend(e) }));
   }, []);
   react.useEffect(() => {
     reload();
   }, [reload]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      PageHeader,
+      chunkVGGGGXWS_cjs.PageHeader,
       {
         title,
         subtitle,
@@ -1818,8 +1622,8 @@ function CommerceResource({
         ] })
       }
     ),
-    state.phase === "error" ? /* @__PURE__ */ jsxRuntime.jsx(BackendStateCard, { state: state.error, onRetry: reload, hint }) : /* @__PURE__ */ jsxRuntime.jsx(
-      DataTable,
+    state.phase === "error" ? /* @__PURE__ */ jsxRuntime.jsx(chunkVGGGGXWS_cjs.BackendStateCard, { state: state.error, onRetry: reload, hint }) : /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVGGGGXWS_cjs.DataTable,
       {
         columns,
         rows: state.phase === "ready" ? state.data : [],
@@ -1845,7 +1649,7 @@ function ConfirmDelete({
       await run();
       onDone();
     } catch (e) {
-      setErr(classifyBackend(e).message || "Failed to delete.");
+      setErr(chunkVGGGGXWS_cjs.classifyBackend(e).message || "Failed to delete.");
       setBusy(false);
     }
   };
@@ -2068,131 +1872,6 @@ function AnimatedLogo({
     }
   );
 }
-function isHexColor(v) {
-  return typeof v === "string" && /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(v.trim());
-}
-function resolveAccent(theme) {
-  if (!theme || !theme.isEnabled) return null;
-  const hex = (theme.colorPrimary ?? "").trim();
-  return isHexColor(hex) ? hex : null;
-}
-function expandHex(hex) {
-  const h = hex.trim().toLowerCase();
-  if (h.length === 4) return `#${h[1]}${h[1]}${h[2]}${h[2]}${h[3]}${h[3]}`;
-  return h;
-}
-function contrastText(hex) {
-  if (!isHexColor(hex)) return "#ffffff";
-  const h = expandHex(hex);
-  const r = parseInt(h.slice(1, 3), 16) / 255;
-  const g = parseInt(h.slice(3, 5), 16) / 255;
-  const b = parseInt(h.slice(5, 7), 16) / 255;
-  const lin = (c) => c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
-  const luminance = 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
-  return luminance > 0.5 ? "#000000" : "#ffffff";
-}
-function accentFor(theme) {
-  const hex = resolveAccent(theme);
-  return { accent: hex, contrast: hex ? contrastText(hex) : "#ffffff" };
-}
-var DEFAULT = { accent: null, contrast: "#ffffff" };
-var current = DEFAULT;
-var listeners = /* @__PURE__ */ new Set();
-function setOrgAccent(theme) {
-  const next = accentFor(theme);
-  if (next.accent === current.accent) return;
-  current = next.accent ? next : DEFAULT;
-  for (const l of listeners) l();
-}
-function subscribe(cb) {
-  listeners.add(cb);
-  return () => {
-    listeners.delete(cb);
-  };
-}
-function useAccent() {
-  return react.useSyncExternalStore(
-    subscribe,
-    () => current,
-    () => DEFAULT
-  );
-}
-function PrimaryButton(props) {
-  const { accent, contrast } = useAccent();
-  if (accent) {
-    return /* @__PURE__ */ jsxRuntime.jsx(gui.Button, { style: { backgroundColor: accent, color: contrast, borderColor: accent }, ...props });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.Button, { theme: "light", ...props });
-}
-function openHref2(href) {
-  if (typeof window !== "undefined") window.open(href, "_blank", "noopener");
-}
-function EmptyState({
-  icon: Icon,
-  title,
-  description,
-  bullets,
-  primary,
-  secondary
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    gui.Card,
-    {
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      borderStyle: "dashed",
-      p: "$6",
-      gap: "$4",
-      items: "center",
-      maxWidth: 640,
-      self: "center",
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          gui.YStack,
-          {
-            width: 48,
-            height: 48,
-            items: "center",
-            justify: "center",
-            rounded: "$4",
-            bg: "$color3",
-            children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 24 })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$2", items: "center", maxW: 480, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$6", fontWeight: "500", text: "center", letterSpacing: -0.3, children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", color: "$color11", text: "center", children: description })
-        ] }),
-        bullets && bullets.length ? /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { gap: "$2", self: "stretch", maxW: 420, mx: "auto", children: bullets.map((b) => /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { gap: "$2", items: "flex-start", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { pt: "$1", children: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Check, { size: 14, color: "$color10" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", color: "$color11", flex: 1, children: b })
-        ] }, b)) }) : null,
-        primary || secondary ? /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { gap: "$2", items: "center", flexWrap: "wrap", justify: "center", children: [
-          primary ? /* @__PURE__ */ jsxRuntime.jsx(
-            PrimaryButton,
-            {
-              icon: primary.icon,
-              iconAfter: primary.href ? /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.ExternalLink, { size: 15 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.ArrowRight, { size: 15 }),
-              onPress: () => primary.href ? openHref2(primary.href) : primary.onPress?.(),
-              children: primary.label
-            }
-          ) : null,
-          secondary ? /* @__PURE__ */ jsxRuntime.jsx(
-            gui.Button,
-            {
-              chromeless: true,
-              icon: secondary.icon,
-              iconAfter: secondary.href ? /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.ExternalLink, { size: 14 }) : void 0,
-              onPress: () => secondary.href ? openHref2(secondary.href) : secondary.onPress?.(),
-              children: secondary.label
-            }
-          ) : null
-        ] }) : null
-      ]
-    }
-  );
-}
 function FadeIn({
   children,
   index = 0,
@@ -2203,125 +1882,6 @@ function FadeIn({
   const delay = delayMs ?? index * step;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hz-fade-up", style: { animationDelay: `${delay}ms`, ...style }, children });
 }
-function FieldRow({ label, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { gap: "$3", items: "flex-start", flexWrap: "wrap", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(gui.Label, { width: "100%", pt: "$2", color: "$color11", fontSize: "$3", $md: { width: 180 }, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { flex: 1, minW: 0, $md: { minW: 240 }, children })
-  ] });
-}
-function FieldText({
-  value,
-  onChange,
-  disabled,
-  secure,
-  placeholder
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    gui.Input,
-    {
-      value,
-      onChangeText: onChange,
-      disabled,
-      secureTextEntry: secure,
-      placeholder,
-      autoCapitalize: "none"
-    }
-  );
-}
-function FieldTextArea({
-  value,
-  onChange,
-  disabled,
-  rows = 6
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.TextArea, { value, onChangeText: onChange, disabled, numberOfLines: rows });
-}
-function FieldSwitch({
-  checked,
-  onChange,
-  disabled
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.Switch, { checked, onCheckedChange: onChange, disabled, size: "$3", children: /* @__PURE__ */ jsxRuntime.jsx(gui.Switch.Thumb, {}) });
-}
-var CHEVRON = `data:image/svg+xml,${encodeURIComponent(
-  '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#9a9a9a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>'
-)}`;
-function selectStyle(disabled) {
-  return {
-    width: "100%",
-    boxSizing: "border-box",
-    appearance: "none",
-    WebkitAppearance: "none",
-    MozAppearance: "none",
-    background: `var(--background) url("${CHEVRON}") no-repeat right 10px center`,
-    color: "var(--color12)",
-    border: "1px solid var(--borderColor)",
-    borderRadius: 9,
-    padding: "9px 34px 9px 12px",
-    fontSize: 14,
-    lineHeight: "20px",
-    fontFamily: "inherit",
-    height: 40,
-    outline: "none",
-    cursor: disabled ? "not-allowed" : "pointer",
-    opacity: disabled ? 0.5 : 1
-  };
-}
-var OPTION_STYLE = { background: "var(--color2)", color: "var(--color12)" };
-function FieldSelect({
-  value,
-  options,
-  onChange,
-  disabled,
-  placeholder = "Select\u2026"
-}) {
-  const showPlaceholder = value === "" || !options.includes(value);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "select",
-    {
-      value: showPlaceholder ? "" : value,
-      onChange: (e) => onChange(e.currentTarget.value),
-      disabled,
-      "aria-label": placeholder,
-      style: selectStyle(disabled),
-      children: [
-        showPlaceholder ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, style: OPTION_STYLE, children: placeholder }) : null,
-        options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, style: OPTION_STYLE, children: opt }, opt))
-      ]
-    }
-  );
-}
-function FieldSlider({
-  value,
-  min,
-  max,
-  step,
-  onChange,
-  disabled
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { gap: "$3", items: "center", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { width: 56, fontSize: "$3", color: "$color11", children: value }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      gui.Slider,
-      {
-        flex: 1,
-        min,
-        max,
-        step,
-        value: [value],
-        onValueChange: (v) => onChange(v[0] ?? min),
-        disabled,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(gui.Slider.Track, { children: /* @__PURE__ */ jsxRuntime.jsx(gui.Slider.TrackActive, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(gui.Slider.Thumb, { index: 0, circular: true })
-        ]
-      }
-    )
-  ] });
-}
-
-// src/product/color.ts
-var asColor = (hex) => hex;
 function ProductIcon({
   icon: Icon,
   color,
@@ -2340,7 +1900,7 @@ function ProductIcon({
         justify: "center",
         rounded: radius,
         style: { backgroundColor: color },
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: glyph, color: asColor("#ffffff") })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: glyph, color: chunkVGGGGXWS_cjs.asColor("#ffffff") })
       }
     );
   }
@@ -2525,169 +2085,6 @@ function SelectMenu({
     }
   );
 }
-var LG = 1024;
-var lockCount = 0;
-var savedOverflow = "";
-function lockScroll() {
-  if (typeof document === "undefined") return;
-  if (lockCount === 0) {
-    savedOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-  }
-  lockCount++;
-}
-function unlockScroll() {
-  if (typeof document === "undefined") return;
-  lockCount = Math.max(0, lockCount - 1);
-  if (lockCount === 0) document.body.style.overflow = savedOverflow;
-}
-function SlideOver({
-  open,
-  onClose,
-  side = "right",
-  size = 420,
-  title,
-  icon: Icon,
-  iconColor,
-  headerRight,
-  ariaLabel,
-  zIndex = 1e3,
-  children
-}) {
-  const panelRef = react.useRef(null);
-  const openerRef = react.useRef(null);
-  react.useEffect(() => {
-    if (!open) return;
-    openerRef.current = typeof document !== "undefined" ? document.activeElement : null;
-    lockScroll();
-    const t = window.setTimeout(() => {
-      const el = panelRef.current;
-      if (el && typeof el.focus === "function") el.focus();
-    }, 0);
-    return () => {
-      window.clearTimeout(t);
-      unlockScroll();
-      const opener = openerRef.current;
-      if (opener && opener instanceof HTMLElement && typeof opener.focus === "function") opener.focus();
-    };
-  }, [open]);
-  react.useEffect(() => {
-    if (!open) return;
-    const onKey = (e) => {
-      if (e.key === "Escape") {
-        e.stopPropagation();
-        onClose();
-      }
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [open, onClose]);
-  const offscreen = side === "right" ? "translateX(100%)" : "translateX(-100%)";
-  const edge = side === "right" ? { r: 0 } : { l: 0 };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    gui.YStack,
-    {
-      overflow: "hidden",
-      pointerEvents: open ? "auto" : "none",
-      "aria-hidden": !open,
-      style: { position: "fixed", inset: 0, zIndex },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          gui.YStack,
-          {
-            position: "absolute",
-            t: 0,
-            l: 0,
-            r: 0,
-            b: 0,
-            bg: "rgba(0,0,0,0.55)",
-            className: "hz-fade",
-            style: { opacity: open ? 1 : 0 },
-            onPress: onClose
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          gui.YStack,
-          {
-            ref: panelRef,
-            tabIndex: -1,
-            role: "dialog",
-            "aria-modal": open ? true : void 0,
-            "aria-label": typeof title === "string" ? title : ariaLabel,
-            position: "absolute",
-            t: 0,
-            b: 0,
-            ...edge,
-            width: "100%",
-            $lg: { width: size, maxW: "100vw" },
-            bg: "$color1",
-            borderLeftWidth: side === "right" ? 1 : 0,
-            borderRightWidth: side === "left" ? 1 : 0,
-            borderColor: "$borderColor",
-            className: "hz-slide hz-elevation-4",
-            style: {
-              transform: open ? "translateX(0)" : offscreen,
-              height: "100dvh",
-              paddingTop: "env(safe-area-inset-top)",
-              paddingBottom: "env(safe-area-inset-bottom)"
-            },
-            children: title !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                gui.XStack,
-                {
-                  items: "center",
-                  gap: "$2.5",
-                  px: "$4",
-                  height: 56,
-                  borderBottomWidth: 1,
-                  borderColor: "$borderColor",
-                  children: [
-                    Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 18, color: iconColor ? asColor(iconColor) : void 0 }) : null,
-                    /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { flex: 1, fontSize: "$5", fontWeight: "700", color: "$color12", numberOfLines: 1, children: title }),
-                    headerRight,
-                    /* @__PURE__ */ jsxRuntime.jsx(gui.Button, { chromeless: true, width: 44, height: 44, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.X, { size: 18 }), onPress: onClose, "aria-label": "Close" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(gui.ScrollView, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { flex: 1, p: "$4", gap: "$3", children }) })
-            ] }) : (
-              // Bare mode — the caller owns the full panel layout (e.g. the nav drawer
-              // renders its own header + scroll + footer).
-              children
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-var toneOf = (status) => {
-  const s = status.toLowerCase();
-  if (s === "green") return "green";
-  if (s === "yellow") return "yellow";
-  if (s === "red") return "red";
-  if (["ready", "active", "running", "available", "ok", "live", "succeeded", "connected", "synced", "imported"].includes(s)) return "green";
-  if (["creating", "provisioning", "pending", "updating", "attaching", "building", "deploying", "queued", "importing"].includes(s))
-    return "yellow";
-  if (["error", "failed", "degraded", "down", "canceled", "conflict"].includes(s)) return "red";
-  return "neutral";
-};
-var TONE_BG = {
-  green: "$color5",
-  yellow: "$color4",
-  red: "$color4",
-  neutral: "$color3"
-};
-var TONE_FG = {
-  green: "$color12",
-  yellow: "$color12",
-  red: "$color12",
-  neutral: "$color11"
-};
-function StatusTag({ status }) {
-  const tone2 = toneOf(status ?? "");
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$1", px: "$2", py: "$1", rounded: "$2", bg: TONE_BG[tone2], color: TONE_FG[tone2], children: status || "unknown" });
-}
 var ToastContext = react.createContext(null);
 var ACCENT3 = {
   success: "$green10",
@@ -2784,323 +2181,6 @@ function useToast() {
   if (!ctx) throw new Error("useToast must be used within <ToastProvider>");
   return ctx;
 }
-var META = {
-  x: { label: "X", bg: "#0f0f12", fg: "#e6e6ea", mark: "\u{1D54F}" },
-  facebook: { label: "Facebook", bg: "#1877f2", fg: "#ffffff", mark: "f" },
-  instagram: { label: "Instagram", bg: "#e1306c", fg: "#ffffff", mark: "IG" },
-  linkedin: { label: "LinkedIn", bg: "#0a66c2", fg: "#ffffff", mark: "in" },
-  tiktok: { label: "TikTok", bg: "#111114", fg: "#25f4ee", mark: "TT" },
-  youtube: { label: "YouTube", bg: "#ff0000", fg: "#ffffff", mark: "\u25B6" },
-  threads: { label: "Threads", bg: "#111114", fg: "#e6e6ea", mark: "@" }
-};
-function ChannelBadge({
-  channel,
-  showLabel = false,
-  size = 22
-}) {
-  const m = META[channel] ?? META.x;
-  return /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", gap: "$2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      gui.YStack,
-      {
-        width: size,
-        height: size,
-        items: "center",
-        justify: "center",
-        rounded: "$2",
-        bg: m.bg,
-        children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$1", fontWeight: "800", color: m.fg, children: m.mark })
-      }
-    ),
-    showLabel ? /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", color: "$color12", children: m.label }) : null
-  ] });
-}
-var money = (cents) => `$${Math.round((cents || 0) / 100).toLocaleString()}`;
-function CampaignCard({ campaign }) {
-  const pct = campaign.budget > 0 ? Math.min(100, campaign.spend / campaign.budget * 100) : 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(gui.Card, { p: "$4", gap: "$3", borderWidth: 1, borderColor: "$borderColor", width: "100%", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "flex-start", justify: "space-between", gap: "$2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$4", fontWeight: "700", children: campaign.name }),
-        /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$color11", children: campaign.channel })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(StatusTag, { status: campaign.status })
-    ] }),
-    campaign.objective ? /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$color11", children: campaign.objective }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { justify: "space-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(gui.Text, { fontSize: "$1", color: "$color11", children: [
-          money(campaign.spend),
-          " spent"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(gui.Text, { fontSize: "$1", color: "$color11", children: [
-          money(campaign.budget),
-          " budget"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { height: 6, rounded: "$2", bg: "$color3", overflow: "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { height: 6, rounded: "$2", bg: "$color9", width: `${pct}%` }) })
-    ] })
-  ] });
-}
-
-// src/product/social/format.ts
-function formatPostTime(unix) {
-  if (!unix) return "\u2014";
-  return new Date(unix * 1e3).toLocaleString(void 0, {
-    month: "short",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-}
-function postDayBucket(unix) {
-  const d = new Date(unix * 1e3);
-  const key = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;
-  const label = d.toLocaleDateString(void 0, { weekday: "short", month: "short", day: "numeric" });
-  return { key, label };
-}
-function postPreview(s) {
-  const t = s.trim();
-  return t.length > 72 ? `${t.slice(0, 72)}\u2026` : t || "\u2014";
-}
-function parsePostTime(dt) {
-  const ms = Date.parse(dt.trim());
-  return Number.isFinite(ms) && ms > 0 ? Math.floor(ms / 1e3) : 0;
-}
-function PostCard({
-  post,
-  onEdit,
-  onDelete
-}) {
-  const mediaCount = post.media?.length ?? 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(gui.Card, { p: "$3", gap: "$2.5", borderWidth: 1, borderColor: "$borderColor", width: "100%", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", justify: "space-between", gap: "$2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", gap: "$2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ChannelBadge, { channel: post.channel }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatusTag, { status: post.status })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { gap: "$1", children: [
-        onEdit ? /* @__PURE__ */ jsxRuntime.jsx(gui.Button, { size: "$2", chromeless: true, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Pencil, { size: 15 }), onPress: () => onEdit(post) }) : null,
-        onDelete ? /* @__PURE__ */ jsxRuntime.jsx(gui.Button, { size: "$2", chromeless: true, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Trash2, { size: 15 }), onPress: () => onDelete(post) }) : null
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", color: "$color12", children: post.content }),
-    /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", justify: "space-between", gap: "$2", children: [
-      post.scheduleAt ? /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$1", color: "$color11", children: formatPostTime(post.scheduleAt) }) : /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, {}),
-      mediaCount ? /* @__PURE__ */ jsxRuntime.jsxs(gui.Text, { fontSize: "$1", color: "$color10", children: [
-        mediaCount,
-        " media"
-      ] }) : null
-    ] })
-  ] });
-}
-function PostAgenda({ posts, onOpen }) {
-  const days = react.useMemo(() => {
-    const timed = posts.filter((p) => (p.scheduleAt ?? 0) > 0).sort((a, b) => (a.scheduleAt ?? 0) - (b.scheduleAt ?? 0));
-    const groups = [];
-    const index = /* @__PURE__ */ new Map();
-    for (const p of timed) {
-      const { key, label } = postDayBucket(p.scheduleAt ?? 0);
-      let i = index.get(key);
-      if (i === void 0) {
-        i = groups.length;
-        index.set(key, i);
-        groups.push({ label, items: [] });
-      }
-      groups[i].items.push(p);
-    }
-    return groups;
-  }, [posts]);
-  if (days.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      EmptyState,
-      {
-        icon: lucideIcons2.Calendar,
-        title: "Nothing on the calendar",
-        description: "Scheduled and timed posts appear here, grouped by day. Compose a post and pick Schedule to plan ahead."
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { gap: "$4", children: days.map((d) => /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", fontWeight: "500", color: "$color11", children: d.label }),
-    d.items.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(
-      gui.XStack,
-      {
-        items: "center",
-        justify: "space-between",
-        gap: "$3",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        rounded: "$4",
-        px: "$4",
-        py: "$3",
-        cursor: "pointer",
-        hoverStyle: { bg: "$color2" },
-        onPress: () => onOpen(p),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$1", flex: 1, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", children: postPreview(p.content) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { gap: "$2", items: "center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$1", color: "$color10", children: p.channel }),
-              /* @__PURE__ */ jsxRuntime.jsxs(gui.Text, { fontSize: "$1", color: "$color10", children: [
-                "\xB7 ",
-                formatPostTime(p.scheduleAt ?? 0)
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(StatusTag, { status: p.status })
-        ]
-      },
-      p.id
-    ))
-  ] }, d.label)) });
-}
-var COMPOSE_MODES = ["draft", "schedule", "now"];
-var COMPOSE_LABEL = {
-  draft: "Save draft",
-  schedule: "Schedule",
-  now: "Publish now"
-};
-function PostComposer({
-  channels,
-  providers,
-  onSubmit
-}) {
-  const [content, setContent] = react.useState("");
-  const [channel, setChannel] = react.useState(channels[0] ?? "x");
-  const [mode, setMode] = react.useState("draft");
-  const [scheduleAt, setScheduleAt] = react.useState("");
-  const [saving, setSaving] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const cap = providers.find((p) => p.provider === channel);
-  const unconfigured = (mode === "now" || mode === "schedule") && !!cap && !cap.credentialsConfigured;
-  const submit = async () => {
-    if (!content.trim()) {
-      setError("Content is required.");
-      return;
-    }
-    let status = "draft";
-    let at = 0;
-    if (mode === "schedule") {
-      at = parsePostTime(scheduleAt);
-      if (at <= Math.floor(Date.now() / 1e3)) {
-        setError("Pick a future date and time to schedule.");
-        return;
-      }
-      status = "scheduled";
-    } else if (mode === "now") {
-      status = "scheduled";
-    }
-    setSaving(true);
-    setError(null);
-    const message = await onSubmit({ content: content.trim(), channel, status, scheduleAt: at }, mode);
-    if (message) {
-      setError(message);
-      setSaving(false);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$3", p: "$4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Content", children: /* @__PURE__ */ jsxRuntime.jsx(FieldTextArea, { value: content, onChange: setContent, disabled: saving }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Channel", children: /* @__PURE__ */ jsxRuntime.jsx(FieldSelect, { value: channel, options: channels, onChange: setChannel, disabled: saving }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "When", children: /* @__PURE__ */ jsxRuntime.jsx(
-      FieldSelect,
-      {
-        value: mode,
-        options: [...COMPOSE_MODES],
-        onChange: (v) => setMode(v),
-        disabled: saving
-      }
-    ) }),
-    mode === "schedule" ? /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Schedule at", children: /* @__PURE__ */ jsxRuntime.jsx(
-      FieldText,
-      {
-        value: scheduleAt,
-        onChange: setScheduleAt,
-        placeholder: "2026-07-15 09:00",
-        disabled: saving
-      }
-    ) }) : null,
-    unconfigured ? /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "flex-start", gap: "$2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.AlertTriangle, { size: 14, color: "var(--yellow10)" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(gui.Text, { fontSize: "$1", color: "$color10", children: [
-        channel,
-        " isn\u2019t configured to publish yet \u2014 needs ",
-        cap?.missingCredentials.join(", "),
-        ". The post is saved and marked failed on publish until credentials are supplied."
-      ] })
-    ] }) : null,
-    error ? /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$red10", children: error }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onPress: submit, disabled: saving, children: saving ? "Working\u2026" : COMPOSE_LABEL[mode] })
-  ] });
-}
-function ProviderReadinessList({ providers }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$color10", children: "Network publish-readiness" }),
-    providers.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", justify: "space-between", gap: "$3", py: "$1", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", gap: "$2", children: [
-        p.credentialsConfigured ? /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.CheckCircle2, { size: 14, color: "var(--green10)" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.AlertTriangle, { size: 14, color: "var(--yellow10)" }),
-        /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", children: p.provider })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$1", color: "$color10", children: p.credentialsConfigured ? "Ready" : `needs ${p.missingCredentials.join(", ")}` })
-    ] }, p.provider))
-  ] });
-}
-function SocialSummaryBar({ summary }) {
-  const cells = [
-    { label: "Posts", value: summary.posts },
-    { label: "Scheduled", value: summary.scheduled },
-    { label: "Published", value: summary.published },
-    { label: "Accounts", value: summary.accounts }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { gap: "$3", flexWrap: "wrap", children: cells.map((c) => /* @__PURE__ */ jsxRuntime.jsxs(
-    gui.YStack,
-    {
-      gap: "$1",
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      rounded: "$4",
-      px: "$4",
-      py: "$3",
-      minW: 140,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$1", color: "$color10", children: c.label }),
-        /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$6", fontWeight: "500", className: "hz-tnum", children: c.value })
-      ]
-    },
-    c.label
-  )) });
-}
-var OPTIONS = [
-  { id: "list", label: "List", icon: lucideIcons2.List },
-  { id: "calendar", label: "Calendar", icon: lucideIcons2.Calendar }
-];
-function ViewToggle({
-  view,
-  onChange
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$4", overflow: "hidden", children: OPTIONS.map((o) => {
-    const Icon = o.icon;
-    const active = view === o.id;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      gui.XStack,
-      {
-        items: "center",
-        gap: "$2",
-        px: "$3",
-        py: "$2",
-        cursor: "pointer",
-        bg: active ? "$color4" : "transparent",
-        hoverStyle: { bg: active ? "$color4" : "$color2" },
-        onPress: () => onChange(o.id),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 14 }),
-          /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", fontWeight: active ? "500" : "400", children: o.label })
-        ]
-      },
-      o.id
-    );
-  }) });
-}
 
 Object.defineProperty(exports, "AgnosticThemeToggle", {
   enumerable: true,
@@ -3114,6 +2194,206 @@ Object.defineProperty(exports, "ThemeToggleNext", {
   enumerable: true,
   get: function () { return chunkYBXVUV7P_cjs.ThemeToggleNext; }
 });
+Object.defineProperty(exports, "ACCOUNT_STATUSES", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.ACCOUNT_STATUSES; }
+});
+Object.defineProperty(exports, "BackendStateCard", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.BackendStateCard; }
+});
+Object.defineProperty(exports, "COMPOSE_MODES", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.COMPOSE_MODES; }
+});
+Object.defineProperty(exports, "CampaignCard", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.CampaignCard; }
+});
+Object.defineProperty(exports, "ChannelBadge", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.ChannelBadge; }
+});
+Object.defineProperty(exports, "DataTable", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.DataTable; }
+});
+Object.defineProperty(exports, "EmptyState", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.EmptyState; }
+});
+Object.defineProperty(exports, "FieldRow", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.FieldRow; }
+});
+Object.defineProperty(exports, "FieldSelect", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.FieldSelect; }
+});
+Object.defineProperty(exports, "FieldSlider", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.FieldSlider; }
+});
+Object.defineProperty(exports, "FieldSwitch", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.FieldSwitch; }
+});
+Object.defineProperty(exports, "FieldText", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.FieldText; }
+});
+Object.defineProperty(exports, "FieldTextArea", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.FieldTextArea; }
+});
+Object.defineProperty(exports, "HostProvider", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.HostProvider; }
+});
+Object.defineProperty(exports, "POST_STATUSES", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.POST_STATUSES; }
+});
+Object.defineProperty(exports, "PROVIDERS", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.PROVIDERS; }
+});
+Object.defineProperty(exports, "PageHeader", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.PageHeader; }
+});
+Object.defineProperty(exports, "PostAgenda", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.PostAgenda; }
+});
+Object.defineProperty(exports, "PostCard", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.PostCard; }
+});
+Object.defineProperty(exports, "PostComposer", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.PostComposer; }
+});
+Object.defineProperty(exports, "PrimaryButton", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.PrimaryButton; }
+});
+Object.defineProperty(exports, "ProviderReadinessList", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.ProviderReadinessList; }
+});
+Object.defineProperty(exports, "SLIDEOVER_LG", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.LG; }
+});
+Object.defineProperty(exports, "SlideOver", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.SlideOver; }
+});
+Object.defineProperty(exports, "SocialResource", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.SocialResource; }
+});
+Object.defineProperty(exports, "SocialSummaryBar", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.SocialSummaryBar; }
+});
+Object.defineProperty(exports, "StatusTag", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.StatusTag; }
+});
+Object.defineProperty(exports, "ViewToggle", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.ViewToggle; }
+});
+Object.defineProperty(exports, "accentFor", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.accentFor; }
+});
+Object.defineProperty(exports, "asColor", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.asColor; }
+});
+Object.defineProperty(exports, "classifyBackend", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.classifyBackend; }
+});
+Object.defineProperty(exports, "classifyRead", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.classifyRead; }
+});
+Object.defineProperty(exports, "contrastText", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.contrastText; }
+});
+Object.defineProperty(exports, "createSocialApi", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.createSocialApi; }
+});
+Object.defineProperty(exports, "formatPostTime", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.formatPostTime; }
+});
+Object.defineProperty(exports, "isHexColor", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.isHexColor; }
+});
+Object.defineProperty(exports, "normalizeAccount", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.normalizeAccount; }
+});
+Object.defineProperty(exports, "normalizeAccounts", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.normalizeAccounts; }
+});
+Object.defineProperty(exports, "normalizePost", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.normalizePost; }
+});
+Object.defineProperty(exports, "normalizePosts", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.normalizePosts; }
+});
+Object.defineProperty(exports, "normalizeProviderCapability", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.normalizeProviderCapability; }
+});
+Object.defineProperty(exports, "normalizeProviders", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.normalizeProviders; }
+});
+Object.defineProperty(exports, "normalizeSummary", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.normalizeSummary; }
+});
+Object.defineProperty(exports, "parsePostTime", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.parsePostTime; }
+});
+Object.defineProperty(exports, "postDayBucket", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.postDayBucket; }
+});
+Object.defineProperty(exports, "postPreview", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.postPreview; }
+});
+Object.defineProperty(exports, "resolveAccent", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.resolveAccent; }
+});
+Object.defineProperty(exports, "setOrgAccent", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.setOrgAccent; }
+});
+Object.defineProperty(exports, "useAccent", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.useAccent; }
+});
+Object.defineProperty(exports, "useHost", {
+  enumerable: true,
+  get: function () { return chunkVGGGGXWS_cjs.useHost; }
+});
 Object.defineProperty(exports, "CustomModelMark", {
   enumerable: true,
   get: function () { return lucideIcons2.Boxes; }
@@ -3121,38 +2401,25 @@ Object.defineProperty(exports, "CustomModelMark", {
 exports.AnimatedLogo = AnimatedLogo;
 exports.AppHeader = AppHeader;
 exports.BRANDS = BRANDS;
-exports.BackendStateCard = BackendStateCard;
 exports.BarChart = BarChart;
 exports.BarRows = BarRows;
 exports.BrandMark = BrandMark;
 exports.CHART_OTHER = CHART_OTHER;
 exports.CHART_PALETTE = CHART_PALETTE;
-exports.COMPOSE_MODES = COMPOSE_MODES;
-exports.CampaignCard = CampaignCard;
-exports.ChannelBadge = ChannelBadge;
 exports.ComboBox = ComboBox;
 exports.CommerceResource = CommerceResource;
 exports.ConfirmDelete = ConfirmDelete;
 exports.ContextMenu = ContextMenu;
-exports.DataTable = DataTable;
 exports.Donut = Donut;
 exports.DonutRing = Donut2;
 exports.DropdownMenu = DropdownMenu;
-exports.EmptyState = EmptyState;
 exports.FadeIn = FadeIn;
-exports.FieldRow = FieldRow;
-exports.FieldSelect = FieldSelect;
-exports.FieldSlider = FieldSlider;
-exports.FieldSwitch = FieldSwitch;
-exports.FieldText = FieldText;
-exports.FieldTextArea = FieldTextArea;
 exports.FloatingMenu = FloatingMenu;
 exports.GenericLogo = GenericLogo;
 exports.HANZO = HANZO;
 exports.HANZO_MARK_CONTENT = HANZO_MARK_CONTENT;
 exports.HanzoMark = HanzoMark;
 exports.HintButton = HintButton;
-exports.HostProvider = HostProvider;
 exports.LUX = LUX;
 exports.LegendDot = LegendDot;
 exports.LineChart = LineChart;
@@ -3166,60 +2433,35 @@ exports.MiniBars = MiniBars;
 exports.OrgMark = OrgMark;
 exports.OrgSwitcher = OrgSwitcher;
 exports.PARS = PARS;
-exports.PageHeader = PageHeader;
 exports.Panel = Panel;
 exports.PortalTheme = PortalTheme;
-exports.PostAgenda = PostAgenda;
-exports.PostCard = PostCard;
-exports.PostComposer = PostComposer;
-exports.PrimaryButton = PrimaryButton;
 exports.ProductIcon = ProductIcon;
 exports.ProviderLogo = ProviderLogo;
-exports.ProviderReadinessList = ProviderReadinessList;
 exports.Reorder = Reorder;
 exports.SERIES = SERIES;
-exports.SLIDEOVER_LG = LG;
 exports.SURFACES = SURFACES;
 exports.SearchInput = SearchInput;
 exports.Segmented = Segmented;
 exports.SelectMenu = SelectMenu;
 exports.SiteFooter = SiteFooter;
 exports.SiteNav = SiteNav;
-exports.SlideOver = SlideOver;
-exports.SocialSummaryBar = SocialSummaryBar;
 exports.Sparkline = Sparkline;
-exports.StatusTag = StatusTag;
 exports.ToastProvider = ToastProvider;
 exports.UtilBar = UtilBar;
-exports.ViewToggle = ViewToggle;
 exports.ZOO = ZOO;
-exports.accentFor = accentFor;
-exports.asColor = asColor;
-exports.classifyBackend = classifyBackend;
-exports.classifyRead = classifyRead;
 exports.colorForIndex = colorForIndex;
-exports.contrastText = contrastText;
 exports.filterOptions = filterOptions;
 exports.filterOrgs = filterOrgs;
-exports.formatPostTime = formatPostTime;
-exports.isHexColor = isHexColor;
 exports.isKnownOption = isKnownOption;
 exports.monogram = monogram;
 exports.orgScope = orgScope;
 exports.otherSurfaces = otherSurfaces;
-exports.parsePostTime = parsePostTime;
-exports.postDayBucket = postDayBucket;
-exports.postPreview = postPreview;
 exports.providerInitials = providerInitials;
 exports.renderMenuItems = renderMenuItems;
-exports.resolveAccent = resolveAccent;
 exports.resolveBrand = resolveBrand;
 exports.rowShift = rowShift;
-exports.setOrgAccent = setOrgAccent;
 exports.targetIndex = targetIndex;
-exports.useAccent = useAccent;
 exports.useContainerWidth = useContainerWidth;
-exports.useHost = useHost;
 exports.useToast = useToast;
 exports.utilColor = utilColor;
 //# sourceMappingURL=index.cjs.map