@hanzo/ui 8.0.12 → 8.0.13

package/dist/gitops.cjs

@@ -1,14 +1,14 @@
 'use client';
 'use strict';
 
-var gitops = require('@hanzo/gitops');
+var cd = require('@hanzo/cd');
 
 
 
-Object.keys(gitops).forEach(function (k) {
+Object.keys(cd).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () { return gitops[k]; }
+		get: function () { return cd[k]; }
 	});
 });
 //# sourceMappingURL=gitops.cjs.map

package/dist/gitops.d.ts

@@ -1 +1 @@
-export * from '@hanzo/gitops';
+export * from '@hanzo/cd';

package/dist/gitops.js

@@ -1,4 +1,4 @@
 'use client';
-export * from '@hanzo/gitops';
+export * from '@hanzo/cd';
 //# sourceMappingURL=gitops.js.map
 //# sourceMappingURL=gitops.js.map

package/dist/product/index.cjs

@@ -1076,7 +1076,7 @@ function OrgSwitcher({ scope, orgs, pageSize = 20, current: given, create, picke
   const [open, setOpen] = react.useState(false);
   const [query, setQuery] = react.useState("");
   const [debounced, setDebounced] = react.useState("");
-  const [rows, setRows] = react.useState([]);
+  const [rows2, setRows] = react.useState([]);
   const [loading, setLoading] = react.useState(false);
   const [loadingMore, setLoadingMore] = react.useState(false);
   const [hasMore, setHasMore] = react.useState(false);
@@ -1128,13 +1128,13 @@ function OrgSwitcher({ scope, orgs, pageSize = 20, current: given, create, picke
     void fetchPage(pageRef.current + 1, debounced, true);
   }, [loading, loadingMore, hasMore, debounced, fetchPage]);
   const visible = react.useMemo(() => {
-    if (orgs) return filterOrgs(rows, query);
+    if (orgs) return filterOrgs(rows2, query);
     return [{ name: currentId, displayName: titleCase(currentId) }];
-  }, [orgs, rows, query, currentId]);
+  }, [orgs, rows2, query, currentId]);
   const current2 = react.useMemo(() => {
     if (given && given.name === currentId) return given;
-    return rows.find((o) => o.name === currentId) ?? { name: currentId, displayName: titleCase(currentId) };
-  }, [given, rows, currentId]);
+    return rows2.find((o) => o.name === currentId) ?? { name: currentId, displayName: titleCase(currentId) };
+  }, [given, rows2, currentId]);
   const currentLabel = current2.displayName || titleCase(current2.name);
   const select = react.useCallback(
     (org) => {
@@ -1684,7 +1684,7 @@ function SkeletonRows({ columns, count = 6 }) {
 }
 function DataTable({
   columns,
-  rows,
+  rows: rows2,
   loading,
   empty = "Nothing here yet.",
   rowKey,
@@ -1734,7 +1734,7 @@ function DataTable({
           c.key
         );
       }) }),
-      loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonRows, { columns }) : rows.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { children: rows.map((row) => {
+      loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonRows, { columns }) : rows2.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { children: rows2.map((row) => {
         const expanded = (isRowExpanded?.(row) ?? false) && !!renderExpanded;
         return /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -1782,7 +1782,7 @@ function DataTable({
         ] }, 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
+    !loading && rows2.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;
@@ -2232,9 +2232,9 @@ function FieldTextArea({
   value,
   onChange,
   disabled,
-  rows = 6
+  rows: rows2 = 6
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.TextArea, { value, onChangeText: onChange, disabled, numberOfLines: rows });
+  return /* @__PURE__ */ jsxRuntime.jsx(gui.TextArea, { value, onChangeText: onChange, disabled, numberOfLines: rows2 });
 }
 function FieldSwitch({
   checked,
@@ -2784,63 +2784,94 @@ 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: "@" }
+
+// src/product/social/api.ts
+var enc = encodeURIComponent;
+var str = (v) => typeof v === "string" ? v : v == null ? "" : String(v);
+var num = (v) => {
+  if (typeof v === "number" && Number.isFinite(v)) return v;
+  if (typeof v === "string" && v.trim() !== "" && Number.isFinite(Number(v))) return Number(v);
+  return 0;
 };
-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 strs = (v) => Array.isArray(v) ? v.filter((x) => typeof x === "string") : [];
+var asRecord = (v) => v && typeof v === "object" && !Array.isArray(v) ? v : {};
+var rows = (payload) => {
+  if (Array.isArray(payload)) return payload.filter((x) => x && typeof x === "object");
+  if (payload && typeof payload === "object") {
+    for (const k of ["data", "items", "rows"]) {
+      const v = payload[k];
+      if (Array.isArray(v)) return v.filter((x) => x && typeof x === "object");
+    }
+  }
+  return [];
+};
+var PROVIDERS = ["x", "facebook", "instagram", "linkedin", "tiktok", "youtube", "threads"];
+var ACCOUNT_STATUSES = ["connected", "disconnected", "error"];
+var POST_STATUSES = ["draft", "scheduled", "published", "failed"];
+function normalizeAccount(raw) {
+  const r = asRecord(raw);
+  return {
+    id: str(r.id),
+    provider: str(r.provider) || "x",
+    handle: str(r.handle),
+    status: str(r.status) || "connected",
+    createdAt: num(r.createdAt),
+    updatedAt: num(r.updatedAt)
+  };
 }
-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}%` }) })
-    ] })
-  ] });
+function normalizePost(raw) {
+  const r = asRecord(raw);
+  return {
+    id: str(r.id),
+    content: str(r.content),
+    channel: str(r.channel) || "x",
+    status: str(r.status) || "draft",
+    scheduleAt: num(r.scheduleAt),
+    media: strs(r.media),
+    accountId: str(r.accountId) || void 0,
+    externalId: str(r.externalId) || void 0,
+    error: str(r.error) || void 0,
+    createdAt: num(r.createdAt),
+    updatedAt: num(r.updatedAt)
+  };
+}
+function normalizeSummary(raw) {
+  const r = asRecord(raw);
+  return { posts: num(r.posts), scheduled: num(r.scheduled), published: num(r.published), accounts: num(r.accounts) };
+}
+function normalizeProviderCapability(raw) {
+  const r = asRecord(raw);
+  return {
+    provider: str(r.provider),
+    credentialsConfigured: Boolean(r.credentialsConfigured),
+    missingCredentials: strs(r.missingCredentials)
+  };
+}
+var normalizeAccounts = (p) => rows(p).map(normalizeAccount).filter((a) => a.id);
+var normalizePosts = (p) => rows(p).map(normalizePost).filter((x) => x.id);
+var normalizeProviders = (p) => rows(p).map(normalizeProviderCapability).filter((c) => c.provider);
+function createSocialApi(rest) {
+  return {
+    summary: () => rest.get("summary").then(normalizeSummary),
+    /** Publish-readiness per network (+ the exact missing OAuth-app credentials). */
+    providers: () => rest.get("providers").then(normalizeProviders),
+    accounts: {
+      list: (provider) => rest.get(`accounts${provider ? `?provider=${enc(provider)}` : ""}`).then(normalizeAccounts),
+      get: (id) => rest.get(`accounts/${enc(id)}`).then(normalizeAccount),
+      create: (body) => rest.post("accounts", body).then(normalizeAccount),
+      update: (id, body) => rest.put(`accounts/${enc(id)}`, body).then(normalizeAccount),
+      remove: (id) => rest.del(`accounts/${enc(id)}`)
+    },
+    posts: {
+      list: (status) => rest.get(`posts${status ? `?status=${enc(status)}` : ""}`).then(normalizePosts),
+      get: (id) => rest.get(`posts/${enc(id)}`).then(normalizePost),
+      create: (body) => rest.post("posts", body).then(normalizePost),
+      update: (id, body) => rest.put(`posts/${enc(id)}`, body).then(normalizePost),
+      remove: (id) => rest.del(`posts/${enc(id)}`),
+      /** Publish a post NOW to its channel's connected accounts. */
+      publish: (id) => rest.post(`posts/${enc(id)}/publish`).then(normalizePost)
+    }
+  };
 }
 
 // src/product/social/format.ts
@@ -2867,33 +2898,6 @@ 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));
@@ -3101,6 +3105,301 @@ function ViewToggle({
     );
   }) });
 }
+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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(StatusTag, { status: a.status }) }
+];
+function PostDetail({ api, post, onChanged }) {
+  const [publishing, setPublishing] = react.useState(false);
+  const [error, setError] = react.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__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$3", p: "$4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Content", children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", children: post.content || "\u2014" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Channel", children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", children: post.channel }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Status", children: /* @__PURE__ */ jsxRuntime.jsx(StatusTag, { status: post.status }) }),
+    post.scheduleAt > 0 ? /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Scheduled", children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", children: formatPostTime(post.scheduleAt) }) }) : null,
+    post.media.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Media", children: /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { gap: "$1", children: post.media.map((m) => /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$color11", children: m }, m)) }) }) : null,
+    post.externalId ? /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "External id", children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$3", className: "hz-tnum", children: post.externalId }) }) : null,
+    post.error ? /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Last error", children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$red10", children: post.error }) }) : null,
+    error ? /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$red10", children: error }) : null,
+    canPublish ? /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onPress: publish, disabled: publishing, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Send, { size: 16 }), children: publishing ? "Publishing\u2026" : "Publish now" }) : null
+  ] });
+}
+function ConnectAccount({
+  api,
+  providers,
+  onCreated
+}) {
+  const [provider, setProvider] = react.useState("x");
+  const [handle, setHandle] = react.useState("");
+  const [saving, setSaving] = react.useState(false);
+  const [error, setError] = react.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__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$4", p: "$4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ProviderReadinessList, { providers }),
+    /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Network", children: /* @__PURE__ */ jsxRuntime.jsx(FieldSelect, { value: provider, options: [...PROVIDERS], onChange: setProvider, disabled: saving }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Handle", children: /* @__PURE__ */ jsxRuntime.jsx(FieldText, { value: handle, onChange: setHandle, placeholder: "@hanzo", disabled: saving }) }),
+      error ? /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$red10", children: error }) : null,
+      /* @__PURE__ */ jsxRuntime.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] = react.useState({ phase: "loading" });
+  const [view, setView] = react.useState("list");
+  const [composing, setComposing] = react.useState(false);
+  const [connecting, setConnecting] = react.useState(false);
+  const [openPost, setOpenPost] = react.useState(null);
+  const load = react.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]);
+  react.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__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$4", p: "$4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageHeader,
+      {
+        title,
+        subtitle,
+        actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onPress: () => setComposing(true), icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Plus, { size: 16 }), children: "New post" }),
+          /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onPress: () => setConnecting(true), icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Link2, { size: 16 }), children: "Connect account" }),
+          /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onPress: () => void load(), icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.RefreshCw, { size: 16 }), children: "Refresh" })
+        ] })
+      }
+    ),
+    state.phase === "error" ? /* @__PURE__ */ jsxRuntime.jsx(BackendStateCard, { state: state.error, onRetry: () => void load() }) : empty ? /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$4", children: [
+      state.phase === "ready" ? /* @__PURE__ */ jsxRuntime.jsx(SocialSummaryBar, { summary: state.data.summary }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EmptyState,
+        {
+          icon: lucideIcons2.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__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$5", children: [
+      state.phase === "ready" ? /* @__PURE__ */ jsxRuntime.jsx(SocialSummaryBar, { summary: state.data.summary }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", justify: "space-between", gap: "$2", flexWrap: "wrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", gap: "$2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Send, { size: 16 }),
+            /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$5", fontWeight: "500", children: "Posts" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ViewToggle, { view, onChange: setView })
+        ] }),
+        view === "list" ? /* @__PURE__ */ jsxRuntime.jsx(
+          DataTable,
+          {
+            columns: POST_COLUMNS,
+            rows: posts,
+            loading: state.phase === "loading",
+            empty: "No posts yet.",
+            rowKey: (p) => p.id,
+            onRowPress: (p) => setOpenPost(p)
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(PostAgenda, { posts, onOpen: (p) => setOpenPost(p) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { gap: "$2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", gap: "$2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Link2, { size: 16 }),
+          /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$5", fontWeight: "500", children: "Accounts" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DataTable,
+          {
+            columns: ACCOUNT_COLUMNS,
+            rows: accounts,
+            loading: state.phase === "loading",
+            empty: "No accounts connected yet.",
+            rowKey: (a) => a.id
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(SlideOver, { open: composing, onClose: () => setComposing(false), title: "New post", icon: lucideIcons2.Send, ariaLabel: "New post", children: /* @__PURE__ */ jsxRuntime.jsx(PostComposer, { channels: [...PROVIDERS], providers, onSubmit: submitDraft }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SlideOver,
+      {
+        open: connecting,
+        onClose: () => setConnecting(false),
+        title: "Connect account",
+        icon: lucideIcons2.Link2,
+        ariaLabel: "Connect account",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ConnectAccount,
+          {
+            api,
+            providers,
+            onCreated: () => {
+              setConnecting(false);
+              void load();
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(SlideOver, { open: openPost !== null, onClose: () => setOpenPost(null), title: "Post", icon: lucideIcons2.Send, ariaLabel: "Post detail", children: openPost ? /* @__PURE__ */ jsxRuntime.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__ */ 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}%` }) })
+    ] })
+  ] });
+}
+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
+    ] })
+  ] });
+}
 
 Object.defineProperty(exports, "AgnosticThemeToggle", {
   enumerable: true,
@@ -3118,6 +3417,7 @@ Object.defineProperty(exports, "CustomModelMark", {
   enumerable: true,
   get: function () { return lucideIcons2.Boxes; }
 });
+exports.ACCOUNT_STATUSES = ACCOUNT_STATUSES;
 exports.AnimatedLogo = AnimatedLogo;
 exports.AppHeader = AppHeader;
 exports.BRANDS = BRANDS;
@@ -3166,6 +3466,8 @@ exports.MiniBars = MiniBars;
 exports.OrgMark = OrgMark;
 exports.OrgSwitcher = OrgSwitcher;
 exports.PARS = PARS;
+exports.POST_STATUSES = POST_STATUSES;
+exports.PROVIDERS = PROVIDERS;
 exports.PageHeader = PageHeader;
 exports.Panel = Panel;
 exports.PortalTheme = PortalTheme;
@@ -3186,6 +3488,7 @@ exports.SelectMenu = SelectMenu;
 exports.SiteFooter = SiteFooter;
 exports.SiteNav = SiteNav;
 exports.SlideOver = SlideOver;
+exports.SocialResource = SocialResource;
 exports.SocialSummaryBar = SocialSummaryBar;
 exports.Sparkline = Sparkline;
 exports.StatusTag = StatusTag;
@@ -3199,12 +3502,20 @@ exports.classifyBackend = classifyBackend;
 exports.classifyRead = classifyRead;
 exports.colorForIndex = colorForIndex;
 exports.contrastText = contrastText;
+exports.createSocialApi = createSocialApi;
 exports.filterOptions = filterOptions;
 exports.filterOrgs = filterOrgs;
 exports.formatPostTime = formatPostTime;
 exports.isHexColor = isHexColor;
 exports.isKnownOption = isKnownOption;
 exports.monogram = monogram;
+exports.normalizeAccount = normalizeAccount;
+exports.normalizeAccounts = normalizeAccounts;
+exports.normalizePost = normalizePost;
+exports.normalizePosts = normalizePosts;
+exports.normalizeProviderCapability = normalizeProviderCapability;
+exports.normalizeProviders = normalizeProviders;
+exports.normalizeSummary = normalizeSummary;
 exports.orgScope = orgScope;
 exports.otherSurfaces = otherSurfaces;
 exports.parsePostTime = parsePostTime;