@hanzo/ui 8.0.26 → 8.0.28

package/dist/chunk-7ZNK6JSS.js

@@ -1,830 +0,0 @@
-import { PROVIDERS } from './chunk-ZGTJCJ55.js';
-import { EmptyState, FieldRow, FieldTextArea, FieldSelect, FieldText, PrimaryButton, classifyBackend, PageHeader, BackendStateCard } from './chunk-GVCOAJLO.js';
-import { useEmit } from './chunk-FVQXROBK.js';
-import { useRef, useEffect, useMemo, useState, useCallback } from 'react';
-import { YStack, XStack, Text, Button, ScrollView, Card } from '@hanzo/gui';
-import { ChevronsUpDown, ChevronUp, ChevronDown, X, Calendar, AlertTriangle, CheckCircle2, List, Plus, Link2, RefreshCw, Share2, Send, Pencil, Trash2 } from '@hanzogui/lucide-icons-2';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function SkeletonRows({ columns, count = 6 }) {
-  return /* @__PURE__ */ jsx(YStack, { children: Array.from({ length: count }).map((_, r) => /* @__PURE__ */ jsx(XStack, { py: "$2.5", px: "$3", gap: "$3", borderTopWidth: 1, borderColor: "$borderColor", items: "center", children: columns.map((c, i) => /* @__PURE__ */ jsx(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__ */ 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 track = useEmit();
-  const minTableW = columns.reduce((sum, c) => sum + (c.width ?? FLEX_MIN_COL_W), 0) + (columns.length + 1) * 12;
-  return /* @__PURE__ */ jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$4", overflow: "hidden", children: [
-    /* @__PURE__ */ jsx(YStack, { style: { overflowX: "auto", overflowY: "visible" }, children: /* @__PURE__ */ jsxs(YStack, { minW: minTableW, children: [
-      /* @__PURE__ */ jsx(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 ? ChevronsUpDown : sort?.dir === "asc" ? ChevronUp : ChevronDown;
-        return /* @__PURE__ */ jsxs(
-          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 ? () => {
-              track({ component: "DataTable", action: "sort", id: c.key, value: sort?.key === c.key && sort?.dir === "asc" ? "desc" : "asc" });
-              onSortChange?.(c.key);
-            } : void 0,
-            children: [
-              /* @__PURE__ */ jsx(
-                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__ */ jsx(Caret, { size: 12, color: active ? "$color12" : "$color9" }) : null
-            ]
-          },
-          c.key
-        );
-      }) }),
-      loading ? /* @__PURE__ */ jsx(SkeletonRows, { columns }) : rows.length > 0 ? /* @__PURE__ */ jsx(YStack, { children: rows.map((row) => {
-        const expanded = (isRowExpanded?.(row) ?? false) && !!renderExpanded;
-        return /* @__PURE__ */ jsxs(YStack, { children: [
-          /* @__PURE__ */ jsx(
-            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 ? () => {
-                track({ component: "DataTable", action: "select", id: rowKey(row), value: rows.length });
-                onRowPress(row);
-              } : void 0,
-              children: columns.map((c) => {
-                const cell = c.render ? c.render(row) : String(row[c.key] ?? "");
-                return /* @__PURE__ */ jsx(
-                  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__ */ jsx(
-                      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__ */ jsx(YStack, { borderTopWidth: 1, borderColor: "$borderColor", bg: "$color1", children: renderExpanded(row) }) : null
-        ] }, rowKey(row));
-      }) }) : null
-    ] }) }),
-    !loading && rows.length === 0 ? /* @__PURE__ */ jsx(YStack, { py: "$8", px: "$4", items: "center", gap: "$1", borderTopWidth: 1, borderColor: "$borderColor", children: /* @__PURE__ */ jsx(Text, { color: "$color10", fontSize: "$3", text: "center", children: empty }) }) : null
-  ] });
-}
-var FLEX_MIN_COL_W = 120;
-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 tone = toneOf(status ?? "");
-  return /* @__PURE__ */ jsx(Text, { fontSize: "$1", px: "$2", py: "$1", rounded: "$2", bg: TONE_BG[tone], color: TONE_FG[tone], children: status || "unknown" });
-}
-
-// src/product/color.ts
-var asColor = (hex) => hex;
-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 track = useEmit();
-  const panelRef = useRef(null);
-  const openerRef = useRef(null);
-  useEffect(() => {
-    track({ component: "SlideOver", action: open ? "open" : "close", id: typeof title === "string" ? title : ariaLabel });
-  }, [open]);
-  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]);
-  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__ */ jsxs(
-    YStack,
-    {
-      overflow: "hidden",
-      pointerEvents: open ? "auto" : "none",
-      "aria-hidden": !open,
-      style: { position: "fixed", inset: 0, zIndex },
-      children: [
-        /* @__PURE__ */ jsx(
-          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__ */ jsx(
-          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__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs(
-                XStack,
-                {
-                  items: "center",
-                  gap: "$2.5",
-                  px: "$4",
-                  height: 56,
-                  borderBottomWidth: 1,
-                  borderColor: "$borderColor",
-                  children: [
-                    Icon ? /* @__PURE__ */ jsx(Icon, { size: 18, color: iconColor ? asColor(iconColor) : void 0 }) : null,
-                    /* @__PURE__ */ jsx(Text, { flex: 1, fontSize: "$5", fontWeight: "700", color: "$color12", numberOfLines: 1, children: title }),
-                    headerRight,
-                    /* @__PURE__ */ jsx(Button, { chromeless: true, width: 44, height: 44, icon: /* @__PURE__ */ jsx(X, { size: 18 }), onPress: onClose, "aria-label": "Close" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(ScrollView, { flex: 1, children: /* @__PURE__ */ jsx(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
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-
-// 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 PostAgenda({ posts, onOpen }) {
-  const days = 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__ */ jsx(
-      EmptyState,
-      {
-        icon: 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__ */ jsx(YStack, { gap: "$4", children: days.map((d) => /* @__PURE__ */ jsxs(YStack, { gap: "$2", children: [
-    /* @__PURE__ */ jsx(Text, { fontSize: "$3", fontWeight: "500", color: "$color11", children: d.label }),
-    d.items.map((p) => /* @__PURE__ */ jsxs(
-      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__ */ jsxs(YStack, { gap: "$1", flex: 1, children: [
-            /* @__PURE__ */ jsx(Text, { fontSize: "$3", children: postPreview(p.content) }),
-            /* @__PURE__ */ jsxs(XStack, { gap: "$2", items: "center", children: [
-              /* @__PURE__ */ jsx(Text, { fontSize: "$1", color: "$color10", children: p.channel }),
-              /* @__PURE__ */ jsxs(Text, { fontSize: "$1", color: "$color10", children: [
-                "\xB7 ",
-                formatPostTime(p.scheduleAt ?? 0)
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ 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] = useState("");
-  const [channel, setChannel] = useState(channels[0] ?? "x");
-  const [mode, setMode] = useState("draft");
-  const [scheduleAt, setScheduleAt] = useState("");
-  const [saving, setSaving] = useState(false);
-  const [error, setError] = 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__ */ jsxs(YStack, { gap: "$3", p: "$4", children: [
-    /* @__PURE__ */ jsx(FieldRow, { label: "Content", children: /* @__PURE__ */ jsx(FieldTextArea, { value: content, onChange: setContent, disabled: saving }) }),
-    /* @__PURE__ */ jsx(FieldRow, { label: "Channel", children: /* @__PURE__ */ jsx(FieldSelect, { value: channel, options: channels, onChange: setChannel, disabled: saving }) }),
-    /* @__PURE__ */ jsx(FieldRow, { label: "When", children: /* @__PURE__ */ jsx(
-      FieldSelect,
-      {
-        value: mode,
-        options: [...COMPOSE_MODES],
-        onChange: (v) => setMode(v),
-        disabled: saving
-      }
-    ) }),
-    mode === "schedule" ? /* @__PURE__ */ jsx(FieldRow, { label: "Schedule at", children: /* @__PURE__ */ jsx(
-      FieldText,
-      {
-        value: scheduleAt,
-        onChange: setScheduleAt,
-        placeholder: "2026-07-15 09:00",
-        disabled: saving
-      }
-    ) }) : null,
-    unconfigured ? /* @__PURE__ */ jsxs(XStack, { items: "flex-start", gap: "$2", children: [
-      /* @__PURE__ */ jsx(AlertTriangle, { size: 14, color: "var(--yellow10)" }),
-      /* @__PURE__ */ jsxs(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__ */ jsx(Text, { fontSize: "$2", color: "$red10", children: error }) : null,
-    /* @__PURE__ */ jsx(PrimaryButton, { onPress: submit, disabled: saving, children: saving ? "Working\u2026" : COMPOSE_LABEL[mode] })
-  ] });
-}
-function ProviderReadinessList({ providers }) {
-  return /* @__PURE__ */ jsxs(YStack, { gap: "$2", children: [
-    /* @__PURE__ */ jsx(Text, { fontSize: "$2", color: "$color10", children: "Network publish-readiness" }),
-    providers.map((p) => /* @__PURE__ */ jsxs(XStack, { items: "center", justify: "space-between", gap: "$3", py: "$1", children: [
-      /* @__PURE__ */ jsxs(XStack, { items: "center", gap: "$2", children: [
-        p.credentialsConfigured ? /* @__PURE__ */ jsx(CheckCircle2, { size: 14, color: "var(--green10)" }) : /* @__PURE__ */ jsx(AlertTriangle, { size: 14, color: "var(--yellow10)" }),
-        /* @__PURE__ */ jsx(Text, { fontSize: "$2", children: p.provider })
-      ] }),
-      /* @__PURE__ */ jsx(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__ */ jsx(XStack, { gap: "$3", flexWrap: "wrap", children: cells.map((c) => /* @__PURE__ */ jsxs(
-    YStack,
-    {
-      gap: "$1",
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      rounded: "$4",
-      px: "$4",
-      py: "$3",
-      minW: 140,
-      children: [
-        /* @__PURE__ */ jsx(Text, { fontSize: "$1", color: "$color10", children: c.label }),
-        /* @__PURE__ */ jsx(Text, { fontSize: "$6", fontWeight: "500", className: "hz-tnum", children: c.value })
-      ]
-    },
-    c.label
-  )) });
-}
-var OPTIONS = [
-  { id: "list", label: "List", icon: List },
-  { id: "calendar", label: "Calendar", icon: Calendar }
-];
-function ViewToggle({
-  view,
-  onChange
-}) {
-  return /* @__PURE__ */ jsx(XStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$4", overflow: "hidden", children: OPTIONS.map((o) => {
-    const Icon = o.icon;
-    const active = view === o.id;
-    return /* @__PURE__ */ jsxs(
-      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__ */ jsx(Icon, { size: 14 }),
-          /* @__PURE__ */ jsx(Text, { fontSize: "$2", fontWeight: active ? "500" : "400", children: o.label })
-        ]
-      },
-      o.id
-    );
-  }) });
-}
-var POST_COLUMNS = [
-  { key: "content", header: "Post", render: (p) => postPreview(p.content) },
-  { key: "channel", header: "Channel", render: (p) => p.channel || "\u2014" },
-  { key: "status", header: "Status", render: (p) => /* @__PURE__ */ jsx(StatusTag, { status: p.status }) },
-  { key: "scheduleAt", header: "Scheduled", render: (p) => formatPostTime(p.scheduleAt) }
-];
-var ACCOUNT_COLUMNS = [
-  { key: "handle", header: "Account", render: (a) => a.handle || "\u2014" },
-  { key: "provider", header: "Network", render: (a) => a.provider || "\u2014" },
-  { key: "status", header: "Status", render: (a) => /* @__PURE__ */ jsx(StatusTag, { status: a.status }) }
-];
-function PostDetail({ api, post, onChanged }) {
-  const [publishing, setPublishing] = useState(false);
-  const [error, setError] = useState(null);
-  const canPublish = post.status === "draft" || post.status === "scheduled" || post.status === "failed";
-  const publish = async () => {
-    setPublishing(true);
-    setError(null);
-    try {
-      await api.posts.publish(post.id);
-      onChanged();
-    } catch (e) {
-      setError(classifyBackend(e).message || "Publish failed.");
-    } finally {
-      setPublishing(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs(YStack, { gap: "$3", p: "$4", children: [
-    /* @__PURE__ */ jsx(FieldRow, { label: "Content", children: /* @__PURE__ */ jsx(Text, { fontSize: "$3", children: post.content || "\u2014" }) }),
-    /* @__PURE__ */ jsx(FieldRow, { label: "Channel", children: /* @__PURE__ */ jsx(Text, { fontSize: "$3", children: post.channel }) }),
-    /* @__PURE__ */ jsx(FieldRow, { label: "Status", children: /* @__PURE__ */ jsx(StatusTag, { status: post.status }) }),
-    post.scheduleAt > 0 ? /* @__PURE__ */ jsx(FieldRow, { label: "Scheduled", children: /* @__PURE__ */ jsx(Text, { fontSize: "$3", children: formatPostTime(post.scheduleAt) }) }) : null,
-    post.media.length > 0 ? /* @__PURE__ */ jsx(FieldRow, { label: "Media", children: /* @__PURE__ */ jsx(YStack, { gap: "$1", children: post.media.map((m) => /* @__PURE__ */ jsx(Text, { fontSize: "$2", color: "$color11", children: m }, m)) }) }) : null,
-    post.externalId ? /* @__PURE__ */ jsx(FieldRow, { label: "External id", children: /* @__PURE__ */ jsx(Text, { fontSize: "$3", className: "hz-tnum", children: post.externalId }) }) : null,
-    post.error ? /* @__PURE__ */ jsx(FieldRow, { label: "Last error", children: /* @__PURE__ */ jsx(Text, { fontSize: "$2", color: "$red10", children: post.error }) }) : null,
-    error ? /* @__PURE__ */ jsx(Text, { fontSize: "$2", color: "$red10", children: error }) : null,
-    canPublish ? /* @__PURE__ */ jsx(PrimaryButton, { onPress: publish, disabled: publishing, icon: /* @__PURE__ */ jsx(Send, { size: 16 }), children: publishing ? "Publishing\u2026" : "Publish now" }) : null
-  ] });
-}
-function ConnectAccount({
-  api,
-  providers,
-  onCreated
-}) {
-  const [provider, setProvider] = useState("x");
-  const [handle, setHandle] = useState("");
-  const [saving, setSaving] = useState(false);
-  const [error, setError] = useState(null);
-  const submit = async () => {
-    setSaving(true);
-    setError(null);
-    try {
-      await api.accounts.create({ provider, handle: handle.trim(), status: "connected" });
-      onCreated();
-    } catch (e) {
-      setError(classifyBackend(e).message || "Failed to connect account.");
-    } finally {
-      setSaving(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs(YStack, { gap: "$4", p: "$4", children: [
-    /* @__PURE__ */ jsx(ProviderReadinessList, { providers }),
-    /* @__PURE__ */ jsxs(YStack, { gap: "$3", children: [
-      /* @__PURE__ */ jsx(FieldRow, { label: "Network", children: /* @__PURE__ */ jsx(FieldSelect, { value: provider, options: [...PROVIDERS], onChange: setProvider, disabled: saving }) }),
-      /* @__PURE__ */ jsx(FieldRow, { label: "Handle", children: /* @__PURE__ */ jsx(FieldText, { value: handle, onChange: setHandle, placeholder: "@hanzo", disabled: saving }) }),
-      error ? /* @__PURE__ */ jsx(Text, { fontSize: "$2", color: "$red10", children: error }) : null,
-      /* @__PURE__ */ jsx(PrimaryButton, { onPress: submit, disabled: saving, children: saving ? "Connecting\u2026" : "Connect account" })
-    ] })
-  ] });
-}
-function SocialResource({
-  api,
-  title = "Publish",
-  subtitle = "Compose, schedule and publish your content across networks \u2014 per org, over the native /v1/social engine."
-}) {
-  const [state, setState] = useState({ phase: "loading" });
-  const [view, setView] = useState("list");
-  const [composing, setComposing] = useState(false);
-  const [connecting, setConnecting] = useState(false);
-  const [openPost, setOpenPost] = useState(null);
-  const load = useCallback(async () => {
-    setState({ phase: "loading" });
-    try {
-      const [summary, posts2, accounts2, providers2] = await Promise.all([
-        api.summary(),
-        api.posts.list(),
-        api.accounts.list(),
-        api.providers()
-      ]);
-      setState({ phase: "ready", data: { summary, posts: posts2, accounts: accounts2, providers: providers2 } });
-    } catch (e) {
-      setState({ phase: "error", error: classifyBackend(e) });
-    }
-  }, [api]);
-  useEffect(() => {
-    void load();
-  }, [load]);
-  const providers = state.phase === "ready" ? state.data.providers : [];
-  const posts = state.phase === "ready" ? state.data.posts : [];
-  const accounts = state.phase === "ready" ? state.data.accounts : [];
-  const empty = state.phase === "ready" && posts.length === 0 && accounts.length === 0;
-  const submitDraft = async (draft, mode) => {
-    try {
-      const created = await api.posts.create(draft);
-      if (mode === "now" && created.status === "failed") return created.error || "Publish failed.";
-    } catch (e) {
-      return classifyBackend(e).message || "Failed to create post.";
-    }
-    setComposing(false);
-    void load();
-    return null;
-  };
-  return /* @__PURE__ */ jsxs(YStack, { gap: "$4", p: "$4", children: [
-    /* @__PURE__ */ jsx(
-      PageHeader,
-      {
-        title,
-        subtitle,
-        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(PrimaryButton, { onPress: () => setComposing(true), icon: /* @__PURE__ */ jsx(Plus, { size: 16 }), children: "New post" }),
-          /* @__PURE__ */ jsx(PrimaryButton, { onPress: () => setConnecting(true), icon: /* @__PURE__ */ jsx(Link2, { size: 16 }), children: "Connect account" }),
-          /* @__PURE__ */ jsx(PrimaryButton, { onPress: () => void load(), icon: /* @__PURE__ */ jsx(RefreshCw, { size: 16 }), children: "Refresh" })
-        ] })
-      }
-    ),
-    state.phase === "error" ? /* @__PURE__ */ jsx(BackendStateCard, { state: state.error, onRetry: () => void load() }) : empty ? /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
-      state.phase === "ready" ? /* @__PURE__ */ jsx(SocialSummaryBar, { summary: state.data.summary }) : null,
-      /* @__PURE__ */ jsx(
-        EmptyState,
-        {
-          icon: Share2,
-          title: "No posts or accounts yet",
-          description: "Connect a social account, then compose, schedule and publish across X, Instagram, LinkedIn, TikTok and more.",
-          primary: { label: "New post", onPress: () => setComposing(true) }
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs(YStack, { gap: "$5", children: [
-      state.phase === "ready" ? /* @__PURE__ */ jsx(SocialSummaryBar, { summary: state.data.summary }) : null,
-      /* @__PURE__ */ jsxs(YStack, { gap: "$3", children: [
-        /* @__PURE__ */ jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", flexWrap: "wrap", children: [
-          /* @__PURE__ */ jsxs(XStack, { items: "center", gap: "$2", children: [
-            /* @__PURE__ */ jsx(Send, { size: 16 }),
-            /* @__PURE__ */ jsx(Text, { fontSize: "$5", fontWeight: "500", children: "Posts" })
-          ] }),
-          /* @__PURE__ */ jsx(ViewToggle, { view, onChange: setView })
-        ] }),
-        view === "list" ? /* @__PURE__ */ jsx(
-          DataTable,
-          {
-            columns: POST_COLUMNS,
-            rows: posts,
-            loading: state.phase === "loading",
-            empty: "No posts yet.",
-            rowKey: (p) => p.id,
-            onRowPress: (p) => setOpenPost(p)
-          }
-        ) : /* @__PURE__ */ jsx(PostAgenda, { posts, onOpen: (p) => setOpenPost(p) })
-      ] }),
-      /* @__PURE__ */ jsxs(YStack, { gap: "$2", children: [
-        /* @__PURE__ */ jsxs(XStack, { items: "center", gap: "$2", children: [
-          /* @__PURE__ */ jsx(Link2, { size: 16 }),
-          /* @__PURE__ */ jsx(Text, { fontSize: "$5", fontWeight: "500", children: "Accounts" })
-        ] }),
-        /* @__PURE__ */ jsx(
-          DataTable,
-          {
-            columns: ACCOUNT_COLUMNS,
-            rows: accounts,
-            loading: state.phase === "loading",
-            empty: "No accounts connected yet.",
-            rowKey: (a) => a.id
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(SlideOver, { open: composing, onClose: () => setComposing(false), title: "New post", icon: Send, ariaLabel: "New post", children: /* @__PURE__ */ jsx(PostComposer, { channels: [...PROVIDERS], providers, onSubmit: submitDraft }) }),
-    /* @__PURE__ */ jsx(
-      SlideOver,
-      {
-        open: connecting,
-        onClose: () => setConnecting(false),
-        title: "Connect account",
-        icon: Link2,
-        ariaLabel: "Connect account",
-        children: /* @__PURE__ */ jsx(
-          ConnectAccount,
-          {
-            api,
-            providers,
-            onCreated: () => {
-              setConnecting(false);
-              void load();
-            }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(SlideOver, { open: openPost !== null, onClose: () => setOpenPost(null), title: "Post", icon: Send, ariaLabel: "Post detail", children: openPost ? /* @__PURE__ */ jsx(
-      PostDetail,
-      {
-        api,
-        post: openPost,
-        onChanged: () => {
-          setOpenPost(null);
-          void load();
-        }
-      }
-    ) : null })
-  ] });
-}
-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__ */ jsxs(XStack, { items: "center", gap: "$2", children: [
-    /* @__PURE__ */ jsx(
-      YStack,
-      {
-        width: size,
-        height: size,
-        items: "center",
-        justify: "center",
-        rounded: "$2",
-        bg: m.bg,
-        children: /* @__PURE__ */ jsx(Text, { fontSize: "$1", fontWeight: "800", color: m.fg, children: m.mark })
-      }
-    ),
-    showLabel ? /* @__PURE__ */ jsx(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__ */ jsxs(Card, { p: "$4", gap: "$3", borderWidth: 1, borderColor: "$borderColor", width: "100%", children: [
-    /* @__PURE__ */ jsxs(XStack, { items: "flex-start", justify: "space-between", gap: "$2", children: [
-      /* @__PURE__ */ jsxs(YStack, { gap: "$1", children: [
-        /* @__PURE__ */ jsx(Text, { fontSize: "$4", fontWeight: "700", children: campaign.name }),
-        /* @__PURE__ */ jsx(Text, { fontSize: "$2", color: "$color11", children: campaign.channel })
-      ] }),
-      /* @__PURE__ */ jsx(StatusTag, { status: campaign.status })
-    ] }),
-    campaign.objective ? /* @__PURE__ */ jsx(Text, { fontSize: "$2", color: "$color11", children: campaign.objective }) : null,
-    /* @__PURE__ */ jsxs(YStack, { gap: "$1.5", children: [
-      /* @__PURE__ */ jsxs(XStack, { justify: "space-between", children: [
-        /* @__PURE__ */ jsxs(Text, { fontSize: "$1", color: "$color11", children: [
-          money(campaign.spend),
-          " spent"
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { fontSize: "$1", color: "$color11", children: [
-          money(campaign.budget),
-          " budget"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(YStack, { height: 6, rounded: "$2", bg: "$color3", overflow: "hidden", children: /* @__PURE__ */ jsx(YStack, { height: 6, rounded: "$2", bg: "$color9", width: `${pct}%` }) })
-    ] })
-  ] });
-}
-function PostCard({
-  post,
-  onEdit,
-  onDelete
-}) {
-  const mediaCount = post.media?.length ?? 0;
-  return /* @__PURE__ */ jsxs(Card, { p: "$3", gap: "$2.5", borderWidth: 1, borderColor: "$borderColor", width: "100%", children: [
-    /* @__PURE__ */ jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", children: [
-      /* @__PURE__ */ jsxs(XStack, { items: "center", gap: "$2", children: [
-        /* @__PURE__ */ jsx(ChannelBadge, { channel: post.channel }),
-        /* @__PURE__ */ jsx(StatusTag, { status: post.status })
-      ] }),
-      /* @__PURE__ */ jsxs(XStack, { gap: "$1", children: [
-        onEdit ? /* @__PURE__ */ jsx(Button, { size: "$2", chromeless: true, icon: /* @__PURE__ */ jsx(Pencil, { size: 15 }), onPress: () => onEdit(post) }) : null,
-        onDelete ? /* @__PURE__ */ jsx(Button, { size: "$2", chromeless: true, icon: /* @__PURE__ */ jsx(Trash2, { size: 15 }), onPress: () => onDelete(post) }) : null
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Text, { fontSize: "$3", color: "$color12", children: post.content }),
-    /* @__PURE__ */ jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", children: [
-      post.scheduleAt ? /* @__PURE__ */ jsx(Text, { fontSize: "$1", color: "$color11", children: formatPostTime(post.scheduleAt) }) : /* @__PURE__ */ jsx(YStack, {}),
-      mediaCount ? /* @__PURE__ */ jsxs(Text, { fontSize: "$1", color: "$color10", children: [
-        mediaCount,
-        " media"
-      ] }) : null
-    ] })
-  ] });
-}
-
-export { COMPOSE_MODES, CampaignCard, ChannelBadge, DataTable, LG, PostAgenda, PostCard, PostComposer, ProviderReadinessList, SlideOver, SocialResource, SocialSummaryBar, StatusTag, ViewToggle, asColor, formatPostTime, parsePostTime, postDayBucket, postPreview };
-//# sourceMappingURL=chunk-7ZNK6JSS.js.map
-//# sourceMappingURL=chunk-7ZNK6JSS.js.map