@hanzo/ui 8.0.27 → 8.0.31

package/dist/product/social/PostAgenda.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PostAgenda — the calendar view: every post carrying a time, ordered and grouped
+ * by local day. Pure: posts and the open handler are injected. Extracted from
+ * Hanzo Social (social.hanzo.ai).
+ */
+import { useMemo } from 'react';
+import { Text, XStack, YStack } from '@hanzo/gui';
+import { Calendar } from '@hanzogui/lucide-icons-2';
+import { EmptyState } from '../EmptyState.js';
+import { StatusTag } from '../StatusTag.js';
+import { formatPostTime, postDayBucket, postPreview } from './format.js';
+export 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 = new Map();
+        for (const p of timed) {
+            const { key, label } = postDayBucket(p.scheduleAt ?? 0);
+            let i = index.get(key);
+            if (i === undefined) {
+                i = groups.length;
+                index.set(key, i);
+                groups.push({ label, items: [] });
+            }
+            groups[i].items.push(p);
+        }
+        return groups;
+    }, [posts]);
+    if (days.length === 0) {
+        return (_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 (_jsx(YStack, { gap: "$4", children: days.map((d) => (_jsxs(YStack, { gap: "$2", children: [_jsx(Text, { fontSize: "$3", fontWeight: "500", color: "$color11", children: d.label }), d.items.map((p) => (_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: [_jsxs(YStack, { gap: "$1", flex: 1, children: [_jsx(Text, { fontSize: "$3", children: postPreview(p.content) }), _jsxs(XStack, { gap: "$2", items: "center", children: [_jsx(Text, { fontSize: "$1", color: "$color10", children: p.channel }), _jsxs(Text, { fontSize: "$1", color: "$color10", children: ["\u00B7 ", formatPostTime(p.scheduleAt ?? 0)] })] })] }), _jsx(StatusTag, { status: p.status })] }, p.id)))] }, d.label))) }));
+}
+//# sourceMappingURL=PostAgenda.js.map

package/dist/product/social/PostAgenda.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostAgenda.js","sourceRoot":"","sources":["../../../src/product/social/PostAgenda.tsx"],"names":[],"mappings":"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"}

package/dist/product/social/PostCard.cjs

@@ -0,0 +1,19 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostCard = PostCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * PostCard — one social post: channel, lifecycle, body, schedule time, a media
+ * count, and injected edit/delete affordances. Pure (data + handlers via props);
+ * composes ChannelBadge + the shared StatusTag. Extracted from Hanzo Social.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const StatusTag_1 = require("../StatusTag.cjs");
+const ChannelBadge_1 = require("./ChannelBadge.cjs");
+const format_1 = require("./format.cjs");
+function PostCard({ post, onEdit, onDelete, }) {
+    const mediaCount = post.media?.length ?? 0;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Card, { p: "$3", gap: "$2.5", borderWidth: 1, borderColor: "$borderColor", width: "100%", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", gap: "$2", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(ChannelBadge_1.ChannelBadge, { channel: post.channel }), (0, jsx_runtime_1.jsx)(StatusTag_1.StatusTag, { status: post.status })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$1", children: [onEdit ? ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", chromeless: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Pencil, { size: 15 }), onPress: () => onEdit(post) })) : null, onDelete ? ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", chromeless: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Trash2, { size: 15 }), onPress: () => onDelete(post) })) : null] })] }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$color12", children: post.content }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", gap: "$2", children: [post.scheduleAt ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$color11", children: (0, format_1.formatPostTime)(post.scheduleAt) })) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, {})), mediaCount ? ((0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$1", color: "$color10", children: [mediaCount, " media"] })) : null] })] }));
+}

package/dist/product/social/PostCard.d.ts

@@ -1,6 +1,7 @@
-import type { Post } from './api';
+import type { Post } from './api.js';
 export declare function PostCard({ post, onEdit, onDelete, }: {
     post: Post;
     onEdit?: (p: Post) => void;
     onDelete?: (p: Post) => void;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PostCard.d.ts.map

package/dist/product/social/PostCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../../src/product/social/PostCard.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAEjC,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC7B,2CAuCA"}

package/dist/product/social/PostCard.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PostCard — one social post: channel, lifecycle, body, schedule time, a media
+ * count, and injected edit/delete affordances. Pure (data + handlers via props);
+ * composes ChannelBadge + the shared StatusTag. Extracted from Hanzo Social.
+ */
+import { Card, Text, XStack, YStack, Button } from '@hanzo/gui';
+import { Pencil, Trash2 } from '@hanzogui/lucide-icons-2';
+import { StatusTag } from '../StatusTag.js';
+import { ChannelBadge } from './ChannelBadge.js';
+import { formatPostTime } from './format.js';
+export function PostCard({ post, onEdit, onDelete, }) {
+    const mediaCount = post.media?.length ?? 0;
+    return (_jsxs(Card, { p: "$3", gap: "$2.5", borderWidth: 1, borderColor: "$borderColor", width: "100%", children: [_jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(ChannelBadge, { channel: post.channel }), _jsx(StatusTag, { status: post.status })] }), _jsxs(XStack, { gap: "$1", children: [onEdit ? (_jsx(Button, { size: "$2", chromeless: true, icon: _jsx(Pencil, { size: 15 }), onPress: () => onEdit(post) })) : null, onDelete ? (_jsx(Button, { size: "$2", chromeless: true, icon: _jsx(Trash2, { size: 15 }), onPress: () => onDelete(post) })) : null] })] }), _jsx(Text, { fontSize: "$3", color: "$color12", children: post.content }), _jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", children: [post.scheduleAt ? (_jsx(Text, { fontSize: "$1", color: "$color11", children: formatPostTime(post.scheduleAt) })) : (_jsx(YStack, {})), mediaCount ? (_jsxs(Text, { fontSize: "$1", color: "$color10", children: [mediaCount, " media"] })) : null] })] }));
+}
+//# sourceMappingURL=PostCard.js.map

package/dist/product/social/PostCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostCard.js","sourceRoot":"","sources":["../../../src/product/social/PostCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;GAIG;AACH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAMzC,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,QAAQ,GAKT;IACC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,CAAA;IAC1C,OAAO,CACL,MAAC,IAAI,IAAC,CAAC,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,WAAW,EAAE,CAAC,EAAE,WAAW,EAAC,cAAc,EAAC,KAAK,EAAC,MAAM,aAC7E,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAC,IAAI,aACrD,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC7B,KAAC,YAAY,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAI,EACvC,KAAC,SAAS,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,IAC3B,EACT,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACb,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,UAAU,QAAC,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAI,CACzF,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,UAAU,QAAC,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAI,CAC3F,CAAC,CAAC,CAAC,IAAI,IACD,IACF,EAET,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,YACjC,IAAI,CAAC,OAAO,GACR,EAEP,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAC,IAAI,aACpD,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACjB,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,YACjC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,GAC3B,CACR,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,KAAG,CACX,EACA,UAAU,CAAC,CAAC,CAAC,CACZ,MAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,aACjC,UAAU,cACN,CACR,CAAC,CAAC,CAAC,IAAI,IACD,IACJ,CACR,CAAA;AACH,CAAC"}

package/dist/product/social/PostComposer.cjs

@@ -0,0 +1,64 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMPOSE_MODES = void 0;
+exports.PostComposer = PostComposer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * PostComposer — compose one post: body, network, and the intent (save a draft,
+ * schedule it, or publish now). Owns the form state, the validation, and the ONE
+ * mapping from an intent to the (status, scheduleAt) the backend stores; the host
+ * owns persistence. Extracted from Hanzo Social (social.hanzo.ai).
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const Field_1 = require("../Field.cjs");
+const PrimaryButton_1 = require("../PrimaryButton.cjs");
+const format_1 = require("./format.cjs");
+/** Compose intents → the (status, scheduleAt) the backend stores. */
+exports.COMPOSE_MODES = ['draft', 'schedule', 'now'];
+const COMPOSE_LABEL = {
+    draft: 'Save draft',
+    schedule: 'Schedule',
+    now: 'Publish now',
+};
+function PostComposer({ channels, providers, onSubmit, }) {
+    const [content, setContent] = (0, react_1.useState)('');
+    const [channel, setChannel] = (0, react_1.useState)(channels[0] ?? 'x');
+    const [mode, setMode] = (0, react_1.useState)('draft');
+    const [scheduleAt, setScheduleAt] = (0, react_1.useState)('');
+    const [saving, setSaving] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.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 = (0, format_1.parsePostTime)(scheduleAt);
+            if (at <= Math.floor(Date.now() / 1000)) {
+                setError('Pick a future date and time to schedule.');
+                return;
+            }
+            status = 'scheduled';
+        }
+        else if (mode === 'now') {
+            status = 'scheduled'; // scheduled + scheduleAt 0 ⇒ the backend publishes on create
+        }
+        setSaving(true);
+        setError(null);
+        const message = await onSubmit({ content: content.trim(), channel, status, scheduleAt: at }, mode);
+        // On success the host unmounts this panel, so `saving` deliberately stays set —
+        // the button never flickers back to enabled on the way out.
+        if (message) {
+            setError(message);
+            setSaving(false);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$3", p: "$4", children: [(0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Content", children: (0, jsx_runtime_1.jsx)(Field_1.FieldTextArea, { value: content, onChange: setContent, disabled: saving }) }), (0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Channel", children: (0, jsx_runtime_1.jsx)(Field_1.FieldSelect, { value: channel, options: channels, onChange: setChannel, disabled: saving }) }), (0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "When", children: (0, jsx_runtime_1.jsx)(Field_1.FieldSelect, { value: mode, options: [...exports.COMPOSE_MODES], onChange: (v) => setMode(v), disabled: saving }) }), mode === 'schedule' ? ((0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Schedule at", children: (0, jsx_runtime_1.jsx)(Field_1.FieldText, { value: scheduleAt, onChange: setScheduleAt, placeholder: "2026-07-15 09:00", disabled: saving }) })) : null, unconfigured ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "flex-start", gap: "$2", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.AlertTriangle, { size: 14, color: "var(--yellow10)" }), (0, jsx_runtime_1.jsxs)(gui_1.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 ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$red10", children: error })) : null, (0, jsx_runtime_1.jsx)(PrimaryButton_1.PrimaryButton, { onPress: submit, disabled: saving, children: saving ? 'Working…' : COMPOSE_LABEL[mode] })] }));
+}

package/dist/product/social/PostComposer.d.ts

@@ -1,4 +1,4 @@
-import type { ProviderCapability } from './api';
+import type { ProviderCapability } from './api.js';
 /** Compose intents → the (status, scheduleAt) the backend stores. */
 export declare const COMPOSE_MODES: readonly ["draft", "schedule", "now"];
 export type ComposeMode = (typeof COMPOSE_MODES)[number];
@@ -22,3 +22,4 @@ export declare function PostComposer({ channels, providers, onSubmit, }: {
      */
     onSubmit: (draft: PostDraft, mode: ComposeMode) => Promise<string | null>;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PostComposer.d.ts.map

package/dist/product/social/PostComposer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostComposer.d.ts","sourceRoot":"","sources":["../../../src/product/social/PostComposer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAE/C,qEAAqE;AACrE,eAAO,MAAM,aAAa,uCAAwC,CAAA;AAClE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;AAOxD,yEAAyE;AACzE,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE;IACD,gEAAgE;IAChE,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,iFAAiF;IACjF,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CAC1E,2CAoFA"}

package/dist/product/social/PostComposer.js

@@ -0,0 +1,61 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PostComposer — compose one post: body, network, and the intent (save a draft,
+ * schedule it, or publish now). Owns the form state, the validation, and the ONE
+ * mapping from an intent to the (status, scheduleAt) the backend stores; the host
+ * owns persistence. Extracted from Hanzo Social (social.hanzo.ai).
+ */
+import { useState } from 'react';
+import { Text, XStack, YStack } from '@hanzo/gui';
+import { AlertTriangle } from '@hanzogui/lucide-icons-2';
+import { FieldRow, FieldSelect, FieldText, FieldTextArea } from '../Field.js';
+import { PrimaryButton } from '../PrimaryButton.js';
+import { parsePostTime } from './format.js';
+/** Compose intents → the (status, scheduleAt) the backend stores. */
+export const COMPOSE_MODES = ['draft', 'schedule', 'now'];
+const COMPOSE_LABEL = {
+    draft: 'Save draft',
+    schedule: 'Schedule',
+    now: 'Publish now',
+};
+export 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() / 1000)) {
+                setError('Pick a future date and time to schedule.');
+                return;
+            }
+            status = 'scheduled';
+        }
+        else if (mode === 'now') {
+            status = 'scheduled'; // scheduled + scheduleAt 0 ⇒ the backend publishes on create
+        }
+        setSaving(true);
+        setError(null);
+        const message = await onSubmit({ content: content.trim(), channel, status, scheduleAt: at }, mode);
+        // On success the host unmounts this panel, so `saving` deliberately stays set —
+        // the button never flickers back to enabled on the way out.
+        if (message) {
+            setError(message);
+            setSaving(false);
+        }
+    };
+    return (_jsxs(YStack, { gap: "$3", p: "$4", children: [_jsx(FieldRow, { label: "Content", children: _jsx(FieldTextArea, { value: content, onChange: setContent, disabled: saving }) }), _jsx(FieldRow, { label: "Channel", children: _jsx(FieldSelect, { value: channel, options: channels, onChange: setChannel, disabled: saving }) }), _jsx(FieldRow, { label: "When", children: _jsx(FieldSelect, { value: mode, options: [...COMPOSE_MODES], onChange: (v) => setMode(v), disabled: saving }) }), mode === 'schedule' ? (_jsx(FieldRow, { label: "Schedule at", children: _jsx(FieldText, { value: scheduleAt, onChange: setScheduleAt, placeholder: "2026-07-15 09:00", disabled: saving }) })) : null, unconfigured ? (_jsxs(XStack, { items: "flex-start", gap: "$2", children: [_jsx(AlertTriangle, { size: 14, color: "var(--yellow10)" }), _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 ? (_jsx(Text, { fontSize: "$2", color: "$red10", children: error })) : null, _jsx(PrimaryButton, { onPress: submit, disabled: saving, children: saving ? 'Working…' : COMPOSE_LABEL[mode] })] }));
+}
+//# sourceMappingURL=PostComposer.js.map

package/dist/product/social/PostComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostComposer.js","sourceRoot":"","sources":["../../../src/product/social/PostComposer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,qEAAqE;AACrE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAU,CAAA;AAElE,MAAM,aAAa,GAAgC;IACjD,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,aAAa;CACnB,CAAA;AAWD,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,GAYT;IACC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAA;IAClE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAc,OAAO,CAAC,CAAA;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAEvD,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAA;IACzD,MAAM,YAAY,GAAG,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,qBAAqB,CAAA;IAEnG,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;QACxB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;YACpB,QAAQ,CAAC,sBAAsB,CAAC,CAAA;YAChC,OAAM;QACR,CAAC;QACD,IAAI,MAAM,GAAG,OAAO,CAAA;QACpB,IAAI,EAAE,GAAG,CAAC,CAAA;QACV,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACxB,EAAE,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;YAC9B,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;gBACxC,QAAQ,CAAC,0CAA0C,CAAC,CAAA;gBACpD,OAAM;YACR,CAAC;YACD,MAAM,GAAG,WAAW,CAAA;QACtB,CAAC;aAAM,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YAC1B,MAAM,GAAG,WAAW,CAAA,CAAC,6DAA6D;QACpF,CAAC;QACD,SAAS,CAAC,IAAI,CAAC,CAAA;QACf,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAA;QAClG,gFAAgF;QAChF,4DAA4D;QAC5D,IAAI,OAAO,EAAE,CAAC;YACZ,QAAQ,CAAC,OAAO,CAAC,CAAA;YACjB,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,aACrB,KAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,YACvB,KAAC,aAAa,IAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAI,GAChE,EACX,KAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,YACvB,KAAC,WAAW,IAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAI,GACjF,EACX,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,YACpB,KAAC,WAAW,IACV,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,CAAC,GAAG,aAAa,CAAC,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAgB,CAAC,EAC1C,QAAQ,EAAE,MAAM,GAChB,GACO,EACV,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,KAAC,QAAQ,IAAC,KAAK,EAAC,aAAa,YAC3B,KAAC,SAAS,IACR,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAC,kBAAkB,EAC9B,QAAQ,EAAE,MAAM,GAChB,GACO,CACZ,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,CAAC,CAAC,CAAC,CACd,MAAC,MAAM,IAAC,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,IAAI,aACjC,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,iBAAiB,GAAG,EACnD,MAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,aACjC,OAAO,yDAA2C,GAAG,EAAE,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,wFAEhF,IACA,CACV,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,YAC/B,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,aAAa,IAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAC7C,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,GAC5B,IACT,CACV,CAAA;AACH,CAAC"}

package/dist/product/social/ProviderReadinessList.cjs

@@ -0,0 +1,16 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProviderReadinessList = ProviderReadinessList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ProviderReadinessList — each network's LIVE publish-readiness: ready, or the
+ * exact OAuth-app credentials this deployment still needs. Honest by construction
+ * (it can only render what the server reported) so a connect flow never fabricates
+ * a "connected". Extracted from Hanzo Social (social.hanzo.ai).
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+function ProviderReadinessList({ providers }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color10", children: "Network publish-readiness" }), providers.map((p) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", gap: "$3", py: "$1", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [p.credentialsConfigured ? ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.CheckCircle2, { size: 14, color: "var(--green10)" })) : ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.AlertTriangle, { size: 14, color: "var(--yellow10)" })), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", children: p.provider })] }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$color10", children: p.credentialsConfigured ? 'Ready' : `needs ${p.missingCredentials.join(', ')}` })] }, p.provider)))] }));
+}

package/dist/product/social/ProviderReadinessList.d.ts

@@ -1,4 +1,5 @@
-import type { ProviderCapability } from './api';
+import type { ProviderCapability } from './api.js';
 export declare function ProviderReadinessList({ providers }: {
     providers: ProviderCapability[];
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProviderReadinessList.d.ts.map

package/dist/product/social/ProviderReadinessList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderReadinessList.d.ts","sourceRoot":"","sources":["../../../src/product/social/ProviderReadinessList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAE/C,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,kBAAkB,EAAE,CAAA;CAAE,2CAuBvF"}

package/dist/product/social/ProviderReadinessList.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ProviderReadinessList — each network's LIVE publish-readiness: ready, or the
+ * exact OAuth-app credentials this deployment still needs. Honest by construction
+ * (it can only render what the server reported) so a connect flow never fabricates
+ * a "connected". Extracted from Hanzo Social (social.hanzo.ai).
+ */
+import { Text, XStack, YStack } from '@hanzo/gui';
+import { AlertTriangle, CheckCircle2 } from '@hanzogui/lucide-icons-2';
+export function ProviderReadinessList({ providers }) {
+    return (_jsxs(YStack, { gap: "$2", children: [_jsx(Text, { fontSize: "$2", color: "$color10", children: "Network publish-readiness" }), providers.map((p) => (_jsxs(XStack, { items: "center", justify: "space-between", gap: "$3", py: "$1", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [p.credentialsConfigured ? (_jsx(CheckCircle2, { size: 14, color: "var(--green10)" })) : (_jsx(AlertTriangle, { size: 14, color: "var(--yellow10)" })), _jsx(Text, { fontSize: "$2", children: p.provider })] }), _jsx(Text, { fontSize: "$1", color: "$color10", children: p.credentialsConfigured ? 'Ready' : `needs ${p.missingCredentials.join(', ')}` })] }, p.provider)))] }));
+}
+//# sourceMappingURL=ProviderReadinessList.js.map

package/dist/product/social/ProviderReadinessList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderReadinessList.js","sourceRoot":"","sources":["../../../src/product/social/ProviderReadinessList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;GAKG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGtE,MAAM,UAAU,qBAAqB,CAAC,EAAE,SAAS,EAAuC;IACtF,OAAO,CACL,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,0CAE7B,EACN,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,MAAC,MAAM,IAAkB,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,aAC9E,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC5B,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CACzB,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,gBAAgB,GAAG,CAClD,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,iBAAiB,GAAG,CACpD,EACD,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,YAAE,CAAC,CAAC,QAAQ,GAAQ,IAChC,EACT,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,YACjC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAC1E,KAXI,CAAC,CAAC,QAAQ,CAYd,CACV,CAAC,IACK,CACV,CAAA;AACH,CAAC"}

package/dist/product/social/SocialResource.cjs

@@ -0,0 +1,147 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SocialResource = SocialResource;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * SocialResource — the ONE Hanzo Social product, assembled from the pieces in this
+ * folder and driven by the injected `/v1/social` client. Sibling of CommerceResource:
+ * it owns the fetch → honest loading / empty / error lifecycle and the drawers, so a
+ * host is a transport binding plus a mount, nothing more.
+ *
+ * Every host renders THIS — the console's Publish product (and its social.hanzo.ai
+ * host-mode) and the dedicated Hanzo Social app. Before it existed the whole
+ * orchestration lived in the console's own SocialModule, so a second app could only
+ * copy-paste it.
+ *
+ * Host-agnostic: no router, no auth module, no app `~/lib`. States are honest —
+ * loading, a BackendStateCard on a `/v1` failure, real empty states, and a publish
+ * failure surfaced verbatim (a 503 carries the exact missing OAuth-app credentials).
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const BackendState_1 = require("../BackendState.cjs");
+const DataTable_1 = require("../DataTable.cjs");
+const EmptyState_1 = require("../EmptyState.cjs");
+const Field_1 = require("../Field.cjs");
+const PageHeader_1 = require("../PageHeader.cjs");
+const PrimaryButton_1 = require("../PrimaryButton.cjs");
+const StatusTag_1 = require("../StatusTag.cjs");
+const SlideOver_1 = require("../SlideOver.cjs");
+const format_1 = require("./format.cjs");
+const PostAgenda_1 = require("./PostAgenda.cjs");
+const PostComposer_1 = require("./PostComposer.cjs");
+const ProviderReadinessList_1 = require("./ProviderReadinessList.cjs");
+const SocialSummaryBar_1 = require("./SocialSummaryBar.cjs");
+const ViewToggle_1 = require("./ViewToggle.cjs");
+const api_1 = require("./api.cjs");
+const POST_COLUMNS = [
+    { key: 'content', header: 'Post', render: (p) => (0, format_1.postPreview)(p.content) },
+    { key: 'channel', header: 'Channel', render: (p) => p.channel || '—' },
+    { key: 'status', header: 'Status', render: (p) => (0, jsx_runtime_1.jsx)(StatusTag_1.StatusTag, { status: p.status }) },
+    { key: 'scheduleAt', header: 'Scheduled', render: (p) => (0, format_1.formatPostTime)(p.scheduleAt) },
+];
+const ACCOUNT_COLUMNS = [
+    { key: 'handle', header: 'Account', render: (a) => a.handle || '—' },
+    { key: 'provider', header: 'Network', render: (a) => a.provider || '—' },
+    { key: 'status', header: 'Status', render: (a) => (0, jsx_runtime_1.jsx)(StatusTag_1.StatusTag, { status: a.status }) },
+];
+/** The post detail drawer — full content + publish results + a real Publish action. */
+function PostDetail({ api, post, onChanged }) {
+    const [publishing, setPublishing] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.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) {
+            // A 503 (not configured) carries the exact missing credentials — show it verbatim.
+            setError((0, BackendState_1.classifyBackend)(e).message || 'Publish failed.');
+        }
+        finally {
+            setPublishing(false);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$3", p: "$4", children: [(0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Content", children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", children: post.content || '—' }) }), (0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Channel", children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", children: post.channel }) }), (0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Status", children: (0, jsx_runtime_1.jsx)(StatusTag_1.StatusTag, { status: post.status }) }), post.scheduleAt > 0 ? ((0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Scheduled", children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", children: (0, format_1.formatPostTime)(post.scheduleAt) }) })) : null, post.media.length > 0 ? ((0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Media", children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1", children: post.media.map((m) => ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color11", children: m }, m))) }) })) : null, post.externalId ? ((0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "External id", children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", className: "hz-tnum", children: post.externalId }) })) : null, post.error ? ((0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Last error", children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$red10", children: post.error }) })) : null, error ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$red10", children: error })) : null, canPublish ? ((0, jsx_runtime_1.jsx)(PrimaryButton_1.PrimaryButton, { onPress: publish, disabled: publishing, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Send, { size: 16 }), children: publishing ? 'Publishing…' : 'Publish now' })) : null] }));
+}
+/** The connect drawer — LIVE per-network readiness above a real account add. */
+function ConnectAccount({ api, providers, onCreated, }) {
+    const [provider, setProvider] = (0, react_1.useState)('x');
+    const [handle, setHandle] = (0, react_1.useState)('');
+    const [saving, setSaving] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const submit = async () => {
+        setSaving(true);
+        setError(null);
+        try {
+            await api.accounts.create({ provider, handle: handle.trim(), status: 'connected' });
+            onCreated();
+        }
+        catch (e) {
+            setError((0, BackendState_1.classifyBackend)(e).message || 'Failed to connect account.');
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$4", p: "$4", children: [(0, jsx_runtime_1.jsx)(ProviderReadinessList_1.ProviderReadinessList, { providers: providers }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$3", children: [(0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Network", children: (0, jsx_runtime_1.jsx)(Field_1.FieldSelect, { value: provider, options: [...api_1.PROVIDERS], onChange: setProvider, disabled: saving }) }), (0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: "Handle", children: (0, jsx_runtime_1.jsx)(Field_1.FieldText, { value: handle, onChange: setHandle, placeholder: "@hanzo", disabled: saving }) }), error ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$red10", children: error })) : null, (0, jsx_runtime_1.jsx)(PrimaryButton_1.PrimaryButton, { onPress: submit, disabled: saving, children: saving ? 'Connecting…' : 'Connect account' })] })] }));
+}
+function SocialResource({ api, title = 'Publish', subtitle = 'Compose, schedule and publish your content across networks — per org, over the native /v1/social engine.', }) {
+    const [state, setState] = (0, react_1.useState)({ phase: 'loading' });
+    const [view, setView] = (0, react_1.useState)('list');
+    const [composing, setComposing] = (0, react_1.useState)(false);
+    const [connecting, setConnecting] = (0, react_1.useState)(false);
+    const [openPost, setOpenPost] = (0, react_1.useState)(null);
+    const load = (0, react_1.useCallback)(async () => {
+        setState({ phase: 'loading' });
+        try {
+            const [summary, posts, accounts, providers] = await Promise.all([
+                api.summary(),
+                api.posts.list(),
+                api.accounts.list(),
+                api.providers(),
+            ]);
+            setState({ phase: 'ready', data: { summary, posts, accounts, providers } });
+        }
+        catch (e) {
+            setState({ phase: 'error', error: (0, BackendState_1.classifyBackend)(e) });
+        }
+    }, [api]);
+    (0, react_1.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;
+    /**
+     * Persist a composed draft. Total by contract (the composer never throws): resolve
+     * null when it landed, or the message to keep on screen. A publish-now whose fan-out
+     * failed comes back as a `failed` post — that is a message, not a success.
+     */
+    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 (0, BackendState_1.classifyBackend)(e).message || 'Failed to create post.';
+        }
+        setComposing(false);
+        void load();
+        return null;
+    };
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$4", p: "$4", children: [(0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { title: title, subtitle: subtitle, actions: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PrimaryButton_1.PrimaryButton, { onPress: () => setComposing(true), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: 16 }), children: "New post" }), (0, jsx_runtime_1.jsx)(PrimaryButton_1.PrimaryButton, { onPress: () => setConnecting(true), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Link2, { size: 16 }), children: "Connect account" }), (0, jsx_runtime_1.jsx)(PrimaryButton_1.PrimaryButton, { onPress: () => void load(), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.RefreshCw, { size: 16 }), children: "Refresh" })] }) }), state.phase === 'error' ? ((0, jsx_runtime_1.jsx)(BackendState_1.BackendStateCard, { state: state.error, onRetry: () => void load() })) : empty ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$4", children: [state.phase === 'ready' ? (0, jsx_runtime_1.jsx)(SocialSummaryBar_1.SocialSummaryBar, { summary: state.data.summary }) : null, (0, jsx_runtime_1.jsx)(EmptyState_1.EmptyState, { icon: lucide_icons_2_1.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) } })] })) : ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$5", children: [state.phase === 'ready' ? (0, jsx_runtime_1.jsx)(SocialSummaryBar_1.SocialSummaryBar, { summary: state.data.summary }) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$3", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", gap: "$2", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Send, { size: 16 }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$5", fontWeight: "500", children: "Posts" })] }), (0, jsx_runtime_1.jsx)(ViewToggle_1.ViewToggle, { view: view, onChange: setView })] }), view === 'list' ? ((0, jsx_runtime_1.jsx)(DataTable_1.DataTable, { columns: POST_COLUMNS, rows: posts, loading: state.phase === 'loading', empty: "No posts yet.", rowKey: (p) => p.id, onRowPress: (p) => setOpenPost(p) })) : ((0, jsx_runtime_1.jsx)(PostAgenda_1.PostAgenda, { posts: posts, onOpen: (p) => setOpenPost(p) }))] }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Link2, { size: 16 }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$5", fontWeight: "500", children: "Accounts" })] }), (0, jsx_runtime_1.jsx)(DataTable_1.DataTable, { columns: ACCOUNT_COLUMNS, rows: accounts, loading: state.phase === 'loading', empty: "No accounts connected yet.", rowKey: (a) => a.id })] })] })), (0, jsx_runtime_1.jsx)(SlideOver_1.SlideOver, { open: composing, onClose: () => setComposing(false), title: "New post", icon: lucide_icons_2_1.Send, ariaLabel: "New post", children: (0, jsx_runtime_1.jsx)(PostComposer_1.PostComposer, { channels: [...api_1.PROVIDERS], providers: providers, onSubmit: submitDraft }) }), (0, jsx_runtime_1.jsx)(SlideOver_1.SlideOver, { open: connecting, onClose: () => setConnecting(false), title: "Connect account", icon: lucide_icons_2_1.Link2, ariaLabel: "Connect account", children: (0, jsx_runtime_1.jsx)(ConnectAccount, { api: api, providers: providers, onCreated: () => {
+                        setConnecting(false);
+                        void load();
+                    } }) }), (0, jsx_runtime_1.jsx)(SlideOver_1.SlideOver, { open: openPost !== null, onClose: () => setOpenPost(null), title: "Post", icon: lucide_icons_2_1.Send, ariaLabel: "Post detail", children: openPost ? ((0, jsx_runtime_1.jsx)(PostDetail, { api: api, post: openPost, onChanged: () => {
+                        setOpenPost(null);
+                        void load();
+                    } })) : null })] }));
+}

package/dist/product/social/SocialResource.d.ts

@@ -1,7 +1,8 @@
-import { type SocialApi } from './api';
+import { type SocialApi } from './api.js';
 export declare function SocialResource({ api, title, subtitle, }: {
     /** The bound `/v1/social` client — `createSocialApi(<host transport>)`. */
     api: SocialApi;
     title?: string;
     subtitle?: string;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SocialResource.d.ts.map

package/dist/product/social/SocialResource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialResource.d.ts","sourceRoot":"","sources":["../../../src/product/social/SocialResource.tsx"],"names":[],"mappings":"AAmCA,OAAO,EAKL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AAoJd,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,KAAiB,EACjB,QAAqH,GACtH,EAAE;IACD,2EAA2E;IAC3E,GAAG,EAAE,SAAS,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,2CAgKA"}