@hanzo/ui 8.29.45 → 8.30.3

package/dist/product/social/PostAgenda.js

@@ -8,10 +8,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Text, XStack, YStack } from '@hanzo/gui';
 import { Calendar } from '@hanzogui/lucide-icons-2';
+import { useI18n } from '@hanzo/i18n/react';
 import { EmptyState } from '../EmptyState.js';
 import { StatusTag } from '../StatusTag.js';
 import { formatPostTime, postDayBucket, postPreview } from './format.js';
 export function PostAgenda({ posts, onOpen }) {
+    const { t } = useI18n();
     const days = useMemo(() => {
         const timed = posts
             .filter((p) => (p.scheduleAt ?? 0) > 0)
@@ -31,7 +33,7 @@ export function PostAgenda({ posts, onOpen }) {
         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(EmptyState, { icon: Calendar, title: t('Nothing on the calendar'), description: t('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: "$quiet", 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: '$panel' }, 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: "$soft", children: p.channel }), _jsxs(Text, { fontSize: "$1", color: "$soft", children: ["\u00B7 ", formatPostTime(p.scheduleAt ?? 0)] })] })] }), _jsx(StatusTag, { status: p.status })] }, p.id)))] }, d.label))) }));
 }

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

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

package/dist/product/social/PostCard.cjs

@@ -11,10 +11,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const gui_1 = require("@hanzo/gui");
 const plate_1 = require("../../backends/gui/plate.cjs");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("@hanzo/i18n/react");
 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)(plate_1.Plate, { 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: 16 }), 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: 16 }), onPress: () => onDelete(post) })) : null] })] }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$ink", 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: "$quiet", 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: "$soft", children: [mediaCount, " media"] })) : null] })] }));
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsxs)(plate_1.Plate, { 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: 16 }), 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: 16 }), onPress: () => onDelete(post) })) : null] })] }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$ink", 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: "$quiet", children: (0, format_1.formatPostTime)(post.scheduleAt) })) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, {})), mediaCount ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$soft", children: t('{n} media', { n: mediaCount }) })) : null] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../../src/product/social/PostCard.tsx"],"names":[],"mappings":"AAgBA,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,+BAuCA"}
+{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../../src/product/social/PostCard.tsx"],"names":[],"mappings":"AAiBA,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,+BAwCA"}

package/dist/product/social/PostCard.js

@@ -8,11 +8,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, XStack, YStack, Button } from '@hanzo/gui';
 import { Plate as Card } from '../../backends/gui/plate.js';
 import { Pencil, Trash2 } from '@hanzogui/lucide-icons-2';
+import { useI18n } from '@hanzo/i18n/react';
 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: 16 }), onPress: () => onEdit(post) })) : null, onDelete ? (_jsx(Button, { size: "$2", chromeless: true, icon: _jsx(Trash2, { size: 16 }), onPress: () => onDelete(post) })) : null] })] }), _jsx(Text, { fontSize: "$3", color: "$ink", children: post.content }), _jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", children: [post.scheduleAt ? (_jsx(Text, { fontSize: "$1", color: "$quiet", children: formatPostTime(post.scheduleAt) })) : (_jsx(YStack, {})), mediaCount ? (_jsxs(Text, { fontSize: "$1", color: "$soft", children: [mediaCount, " media"] })) : null] })] }));
+    const { t } = useI18n();
+    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: 16 }), onPress: () => onEdit(post) })) : null, onDelete ? (_jsx(Button, { size: "$2", chromeless: true, icon: _jsx(Trash2, { size: 16 }), onPress: () => onDelete(post) })) : null] })] }), _jsx(Text, { fontSize: "$3", color: "$ink", children: post.content }), _jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", children: [post.scheduleAt ? (_jsx(Text, { fontSize: "$1", color: "$quiet", children: formatPostTime(post.scheduleAt) })) : (_jsx(YStack, {})), mediaCount ? (_jsx(Text, { fontSize: "$1", color: "$soft", children: t('{n} media', { n: mediaCount }) })) : null] })] }));
 }
 //# sourceMappingURL=PostCard.js.map

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

@@ -1 +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,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACxD,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,MAAM,YAC7B,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,QAAQ,YAC/B,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,OAAO,aAC9B,UAAU,cACN,CACR,CAAC,CAAC,CAAC,IAAI,IACD,IACJ,CACR,CAAA;AACH,CAAC"}
+{"version":3,"file":"PostCard.js","sourceRoot":"","sources":["../../../src/product/social/PostCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;GAIG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,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,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,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,MAAM,YAC7B,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,QAAQ,YAC/B,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,GAC3B,CACR,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,KAAG,CACX,EACA,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,YAC9B,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,GAC7B,CACR,CAAC,CAAC,CAAC,IAAI,IACD,IACJ,CACR,CAAA;AACH,CAAC"}

package/dist/product/social/PostComposer.cjs

@@ -13,15 +13,17 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const i18n_1 = require("@hanzo/i18n");
+const react_2 = require("@hanzo/i18n/react");
 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',
+    draft: (0, i18n_1.phrase)('Save draft'),
+    schedule: (0, i18n_1.phrase)('Schedule'),
+    now: (0, i18n_1.phrase)('Publish now'),
 };
 function PostComposer({ channels, providers, onSubmit, }) {
     const [content, setContent] = (0, react_1.useState)('');
@@ -30,11 +32,12 @@ function PostComposer({ channels, providers, onSubmit, }) {
     const [scheduleAt, setScheduleAt] = (0, react_1.useState)('');
     const [saving, setSaving] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
+    const { t } = (0, react_2.useI18n)();
     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.');
+            setError(t('Content is required.'));
             return;
         }
         let status = 'draft';
@@ -42,7 +45,7 @@ function PostComposer({ channels, providers, onSubmit, }) {
         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.');
+                setError(t('Pick a future date and time to schedule.'));
                 return;
             }
             status = 'scheduled';
@@ -60,5 +63,8 @@ function PostComposer({ channels, providers, onSubmit, }) {
             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: "$soft", 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] })] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$3", p: "$4", children: [(0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: t('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: t('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: t('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: t('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.jsx)(gui_1.Text, { fontSize: "$1", color: "$soft", children: t('{channel} isn’t configured to publish yet — needs {credentials}. The post is saved and marked failed on publish until credentials are supplied.', {
+                            channel,
+                            credentials: cap?.missingCredentials.join(', ') ?? '',
+                        }) })] })) : 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 ? t('Working…') : t(COMPOSE_LABEL[mode]) })] }));
 }

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

@@ -1 +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,YAAI,OAAO,EAAE,UAAU,EAAE,KAAK,CAAU,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,+BAoFA"}
+{"version":3,"file":"PostComposer.d.ts","sourceRoot":"","sources":["../../../src/product/social/PostComposer.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAE/C,qEAAqE;AACrE,eAAO,MAAM,aAAa,YAAI,OAAO,EAAE,UAAU,EAAE,KAAK,CAAU,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,+BAuFA"}

package/dist/product/social/PostComposer.js

@@ -9,15 +9,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Text, XStack, YStack } from '@hanzo/gui';
 import { AlertTriangle } from '@hanzogui/lucide-icons-2';
+import { phrase } from '@hanzo/i18n';
+import { useI18n } from '@hanzo/i18n/react';
 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',
+    draft: phrase('Save draft'),
+    schedule: phrase('Schedule'),
+    now: phrase('Publish now'),
 };
 export function PostComposer({ channels, providers, onSubmit, }) {
     const [content, setContent] = useState('');
@@ -26,11 +28,12 @@ export function PostComposer({ channels, providers, onSubmit, }) {
     const [scheduleAt, setScheduleAt] = useState('');
     const [saving, setSaving] = useState(false);
     const [error, setError] = useState(null);
+    const { t } = useI18n();
     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.');
+            setError(t('Content is required.'));
             return;
         }
         let status = 'draft';
@@ -38,7 +41,7 @@ export function PostComposer({ channels, providers, onSubmit, }) {
         if (mode === 'schedule') {
             at = parsePostTime(scheduleAt);
             if (at <= Math.floor(Date.now() / 1000)) {
-                setError('Pick a future date and time to schedule.');
+                setError(t('Pick a future date and time to schedule.'));
                 return;
             }
             status = 'scheduled';
@@ -56,6 +59,9 @@ export function PostComposer({ channels, providers, onSubmit, }) {
             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: "$soft", 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] })] }));
+    return (_jsxs(YStack, { gap: "$3", p: "$4", children: [_jsx(FieldRow, { label: t('Content'), children: _jsx(FieldTextArea, { value: content, onChange: setContent, disabled: saving }) }), _jsx(FieldRow, { label: t('Channel'), children: _jsx(FieldSelect, { value: channel, options: channels, onChange: setChannel, disabled: saving }) }), _jsx(FieldRow, { label: t('When'), children: _jsx(FieldSelect, { value: mode, options: [...COMPOSE_MODES], onChange: (v) => setMode(v), disabled: saving }) }), mode === 'schedule' ? (_jsx(FieldRow, { label: t('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)" }), _jsx(Text, { fontSize: "$1", color: "$soft", children: t('{channel} isn’t configured to publish yet — needs {credentials}. The post is saved and marked failed on publish until credentials are supplied.', {
+                            channel,
+                            credentials: cap?.missingCredentials.join(', ') ?? '',
+                        }) })] })) : null, error ? (_jsx(Text, { fontSize: "$2", color: "$red10", children: error })) : null, _jsx(PrimaryButton, { onPress: submit, disabled: saving, children: saving ? t('Working…') : t(COMPOSE_LABEL[mode]) })] }));
 }
 //# sourceMappingURL=PostComposer.js.map

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

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

package/dist/product/social/ProviderReadinessList.cjs

@@ -11,6 +11,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("@hanzo/i18n/react");
 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: "$soft", 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: "$soft", children: p.credentialsConfigured ? 'Ready' : `needs ${p.missingCredentials.join(', ')}` })] }, p.provider)))] }));
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$soft", children: t('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: "$soft", children: p.credentialsConfigured ? t('Ready') : t('needs {credentials}', { credentials: p.missingCredentials.join(', ') }) })] }, p.provider)))] }));
 }

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

@@ -1 +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,+BAuBvF"}
+{"version":3,"file":"ProviderReadinessList.d.ts","sourceRoot":"","sources":["../../../src/product/social/ProviderReadinessList.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAE/C,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,kBAAkB,EAAE,CAAA;CAAE,+BAwBvF"}

package/dist/product/social/ProviderReadinessList.js

@@ -8,7 +8,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { Text, XStack, YStack } from '@hanzo/gui';
 import { AlertTriangle, CheckCircle2 } from '@hanzogui/lucide-icons-2';
+import { useI18n } from '@hanzo/i18n/react';
 export function ProviderReadinessList({ providers }) {
-    return (_jsxs(YStack, { gap: "$2", children: [_jsx(Text, { fontSize: "$2", color: "$soft", 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: "$soft", children: p.credentialsConfigured ? 'Ready' : `needs ${p.missingCredentials.join(', ')}` })] }, p.provider)))] }));
+    const { t } = useI18n();
+    return (_jsxs(YStack, { gap: "$2", children: [_jsx(Text, { fontSize: "$2", color: "$soft", children: t('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: "$soft", children: p.credentialsConfigured ? t('Ready') : t('needs {credentials}', { credentials: p.missingCredentials.join(', ') }) })] }, p.provider)))] }));
 }
 //# sourceMappingURL=ProviderReadinessList.js.map

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

@@ -1 +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,OAAO,0CAE1B,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,OAAO,YAC9B,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"}
+{"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;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAG3C,MAAM,UAAU,qBAAqB,CAAC,EAAE,SAAS,EAAuC;IACtF,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,CACL,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,YAC9B,CAAC,CAAC,2BAA2B,CAAC,GAC1B,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,OAAO,YAC9B,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAC7G,KAXI,CAAC,CAAC,QAAQ,CAYd,CACV,CAAC,IACK,CACV,CAAA;AACH,CAAC"}

package/dist/product/social/SocialResource.cjs

@@ -22,6 +22,8 @@ const figures_1 = require("../figures.cjs");
 const react_1 = require("react");
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const i18n_1 = require("@hanzo/i18n");
+const react_2 = require("@hanzo/i18n/react");
 const BackendState_1 = require("../BackendState.cjs");
 const DataTable_1 = require("../DataTable.cjs");
 const EmptyState_1 = require("../EmptyState.cjs");
@@ -38,22 +40,25 @@ const SocialSummaryBar_1 = require("./SocialSummaryBar.cjs");
 const ViewToggle_1 = require("./ViewToggle.cjs");
 const api_1 = require("./api.cjs");
 const dir_1 = require("../../backends/gui/dir.cjs");
+/** Columns with their headers in the reader's language. */
+const said = (columns, t) => columns.map((c) => ({ ...c, header: t(c.header) }));
 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) },
+    { key: 'content', header: (0, i18n_1.phrase)('Post'), render: (p) => (0, format_1.postPreview)(p.content) },
+    { key: 'channel', header: (0, i18n_1.phrase)('Channel'), render: (p) => p.channel || '—' },
+    { key: 'status', header: (0, i18n_1.phrase)('Status'), render: (p) => (0, jsx_runtime_1.jsx)(StatusTag_1.StatusTag, { status: p.status }) },
+    { key: 'scheduleAt', header: (0, i18n_1.phrase)('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 }) },
+    { key: 'handle', header: (0, i18n_1.phrase)('Account'), render: (a) => a.handle || '—' },
+    { key: 'provider', header: (0, i18n_1.phrase)('Network'), render: (a) => a.provider || '—' },
+    { key: 'status', header: (0, i18n_1.phrase)('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 { t } = (0, react_2.useI18n)();
     const publish = async () => {
         setPublishing(true);
         setError(null);
@@ -63,13 +68,13 @@ function PostDetail({ api, post, onChanged }) {
         }
         catch (e) {
             // A 503 (not configured) carries the exact missing credentials — show it verbatim.
-            setError((0, BackendState_1.classifyBackend)(e).message || 'Publish failed.');
+            setError((0, BackendState_1.classifyBackend)(e).message || t('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: "$quiet", 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", ...figures_1.TABULAR, 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, { ...dir_1.mirror, size: 16 }), children: publishing ? 'Publishing…' : 'Publish now' })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$3", p: "$4", children: [(0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: t('Content'), children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", children: post.content || '—' }) }), (0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: t('Channel'), children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", children: post.channel }) }), (0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: t('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: t('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: t('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: "$quiet", children: m }, m))) }) })) : null, post.externalId ? ((0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: t('External id'), children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", ...figures_1.TABULAR, children: post.externalId }) })) : null, post.error ? ((0, jsx_runtime_1.jsx)(Field_1.FieldRow, { label: t('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, { ...dir_1.mirror, size: 16 }), children: publishing ? t('Publishing…') : t('Publish now') })) : null] }));
 }
 /** The connect drawer — LIVE per-network readiness above a real account add. */
 function ConnectAccount({ api, providers, onCreated, }) {
@@ -77,6 +82,7 @@ function ConnectAccount({ api, providers, onCreated, }) {
     const [handle, setHandle] = (0, react_1.useState)('');
     const [saving, setSaving] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
+    const { t } = (0, react_2.useI18n)();
     const submit = async () => {
         setSaving(true);
         setError(null);
@@ -85,15 +91,18 @@ function ConnectAccount({ api, providers, onCreated, }) {
             onCreated();
         }
         catch (e) {
-            setError((0, BackendState_1.classifyBackend)(e).message || 'Failed to connect account.');
+            setError((0, BackendState_1.classifyBackend)(e).message || t('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' })] })] }));
+    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: t('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: t('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 ? t('Connecting…') : t('Connect account') })] })] }));
 }
-function SocialResource({ api, title = 'Publish', subtitle = 'Compose, schedule and publish your content across networks — per org, over the native /v1/social engine.', }) {
+function SocialResource({ api, title, subtitle, }) {
+    const { t } = (0, react_2.useI18n)();
+    const postColumns = (0, react_1.useMemo)(() => said(POST_COLUMNS, t), [t]);
+    const accountColumns = (0, react_1.useMemo)(() => said(ACCOUNT_COLUMNS, t), [t]);
     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);
@@ -130,19 +139,19 @@ function SocialResource({ api, title = 'Publish', subtitle = 'Compose, schedule
         try {
             const created = await api.posts.create(draft);
             if (mode === 'now' && created.status === 'failed')
-                return created.error || 'Publish failed.';
+                return created.error || t('Publish failed.');
         }
         catch (e) {
-            return (0, BackendState_1.classifyBackend)(e).message || 'Failed to create post.';
+            return (0, BackendState_1.classifyBackend)(e).message || t('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, { ...dir_1.mirror, 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: () => {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$4", p: "$4", children: [(0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { title: title ?? t('Publish'), subtitle: subtitle ?? t('Compose, schedule and publish your content across networks — per org, over the native /v1/social engine.'), 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: t('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: t('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: t('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: t('No posts or accounts yet'), description: t('Connect a social account, then compose, schedule and publish across X, Instagram, LinkedIn, TikTok and more.'), primary: { label: t('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, { ...dir_1.mirror, size: 16 }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$5", fontWeight: "500", children: t('Posts') })] }), (0, jsx_runtime_1.jsx)(ViewToggle_1.ViewToggle, { view: view, onChange: setView })] }), view === 'list' ? ((0, jsx_runtime_1.jsx)(DataTable_1.DataTable, { columns: postColumns, rows: posts, loading: state.phase === 'loading', empty: t('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: t('Accounts') })] }), (0, jsx_runtime_1.jsx)(DataTable_1.DataTable, { columns: accountColumns, rows: accounts, loading: state.phase === 'loading', empty: t('No accounts connected yet.'), rowKey: (a) => a.id })] })] })), (0, jsx_runtime_1.jsx)(SlideOver_1.SlideOver, { open: composing, onClose: () => setComposing(false), title: t('New post'), icon: lucide_icons_2_1.Send, ariaLabel: t('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: t('Connect account'), icon: lucide_icons_2_1.Link2, ariaLabel: t('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: () => {
+                    } }) }), (0, jsx_runtime_1.jsx)(SlideOver_1.SlideOver, { open: openPost !== null, onClose: () => setOpenPost(null), title: t('Post'), icon: lucide_icons_2_1.Send, ariaLabel: t('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.map

@@ -1 +1 @@
-{"version":3,"file":"SocialResource.d.ts","sourceRoot":"","sources":["../../../src/product/social/SocialResource.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAKL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AAqJd,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,+BAgKA"}
+{"version":3,"file":"SocialResource.d.ts","sourceRoot":"","sources":["../../../src/product/social/SocialResource.tsx"],"names":[],"mappings":"AAsCA,OAAO,EAKL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AA0Jd,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,KAAK,EACL,QAAQ,GACT,EAAE;IACD,2EAA2E;IAC3E,GAAG,EAAE,SAAS,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,+BAmKA"}

package/dist/product/social/SocialResource.js

@@ -16,9 +16,11 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * failure surfaced verbatim (a 503 carries the exact missing OAuth-app credentials).
  */
 import { TABULAR } from '../figures.js';
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { Text, XStack, YStack } from '@hanzo/gui';
 import { Share2, Send, Link2, Plus, RefreshCw } from '@hanzogui/lucide-icons-2';
+import { phrase } from '@hanzo/i18n';
+import { useI18n } from '@hanzo/i18n/react';
 import { BackendStateCard, classifyBackend } from '../BackendState.js';
 import { DataTable } from '../DataTable.js';
 import { EmptyState } from '../EmptyState.js';
@@ -35,22 +37,25 @@ import { SocialSummaryBar } from './SocialSummaryBar.js';
 import { ViewToggle } from './ViewToggle.js';
 import { PROVIDERS, } from './api.js';
 import { mirror } from '../../backends/gui/dir.js';
+/** Columns with their headers in the reader's language. */
+const said = (columns, t) => columns.map((c) => ({ ...c, header: t(c.header) }));
 const POST_COLUMNS = [
-    { key: 'content', header: 'Post', render: (p) => postPreview(p.content) },
-    { key: 'channel', header: 'Channel', render: (p) => p.channel || '—' },
-    { key: 'status', header: 'Status', render: (p) => _jsx(StatusTag, { status: p.status }) },
-    { key: 'scheduleAt', header: 'Scheduled', render: (p) => formatPostTime(p.scheduleAt) },
+    { key: 'content', header: phrase('Post'), render: (p) => postPreview(p.content) },
+    { key: 'channel', header: phrase('Channel'), render: (p) => p.channel || '—' },
+    { key: 'status', header: phrase('Status'), render: (p) => _jsx(StatusTag, { status: p.status }) },
+    { key: 'scheduleAt', header: phrase('Scheduled'), render: (p) => 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) => _jsx(StatusTag, { status: a.status }) },
+    { key: 'handle', header: phrase('Account'), render: (a) => a.handle || '—' },
+    { key: 'provider', header: phrase('Network'), render: (a) => a.provider || '—' },
+    { key: 'status', header: phrase('Status'), render: (a) => _jsx(StatusTag, { status: a.status }) },
 ];
 /** The post detail drawer — full content + publish results + a real Publish action. */
 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 { t } = useI18n();
     const publish = async () => {
         setPublishing(true);
         setError(null);
@@ -60,13 +65,13 @@ function PostDetail({ api, post, onChanged }) {
         }
         catch (e) {
             // A 503 (not configured) carries the exact missing credentials — show it verbatim.
-            setError(classifyBackend(e).message || 'Publish failed.');
+            setError(classifyBackend(e).message || t('Publish failed.'));
         }
         finally {
             setPublishing(false);
         }
     };
-    return (_jsxs(YStack, { gap: "$3", p: "$4", children: [_jsx(FieldRow, { label: "Content", children: _jsx(Text, { fontSize: "$3", children: post.content || '—' }) }), _jsx(FieldRow, { label: "Channel", children: _jsx(Text, { fontSize: "$3", children: post.channel }) }), _jsx(FieldRow, { label: "Status", children: _jsx(StatusTag, { status: post.status }) }), post.scheduleAt > 0 ? (_jsx(FieldRow, { label: "Scheduled", children: _jsx(Text, { fontSize: "$3", children: formatPostTime(post.scheduleAt) }) })) : null, post.media.length > 0 ? (_jsx(FieldRow, { label: "Media", children: _jsx(YStack, { gap: "$1", children: post.media.map((m) => (_jsx(Text, { fontSize: "$2", color: "$quiet", children: m }, m))) }) })) : null, post.externalId ? (_jsx(FieldRow, { label: "External id", children: _jsx(Text, { fontSize: "$3", ...TABULAR, children: post.externalId }) })) : null, post.error ? (_jsx(FieldRow, { label: "Last error", children: _jsx(Text, { fontSize: "$2", color: "$red10", children: post.error }) })) : null, error ? (_jsx(Text, { fontSize: "$2", color: "$red10", children: error })) : null, canPublish ? (_jsx(PrimaryButton, { onPress: publish, disabled: publishing, icon: _jsx(Send, { ...mirror, size: 16 }), children: publishing ? 'Publishing…' : 'Publish now' })) : null] }));
+    return (_jsxs(YStack, { gap: "$3", p: "$4", children: [_jsx(FieldRow, { label: t('Content'), children: _jsx(Text, { fontSize: "$3", children: post.content || '—' }) }), _jsx(FieldRow, { label: t('Channel'), children: _jsx(Text, { fontSize: "$3", children: post.channel }) }), _jsx(FieldRow, { label: t('Status'), children: _jsx(StatusTag, { status: post.status }) }), post.scheduleAt > 0 ? (_jsx(FieldRow, { label: t('Scheduled'), children: _jsx(Text, { fontSize: "$3", children: formatPostTime(post.scheduleAt) }) })) : null, post.media.length > 0 ? (_jsx(FieldRow, { label: t('Media'), children: _jsx(YStack, { gap: "$1", children: post.media.map((m) => (_jsx(Text, { fontSize: "$2", color: "$quiet", children: m }, m))) }) })) : null, post.externalId ? (_jsx(FieldRow, { label: t('External id'), children: _jsx(Text, { fontSize: "$3", ...TABULAR, children: post.externalId }) })) : null, post.error ? (_jsx(FieldRow, { label: t('Last error'), children: _jsx(Text, { fontSize: "$2", color: "$red10", children: post.error }) })) : null, error ? (_jsx(Text, { fontSize: "$2", color: "$red10", children: error })) : null, canPublish ? (_jsx(PrimaryButton, { onPress: publish, disabled: publishing, icon: _jsx(Send, { ...mirror, size: 16 }), children: publishing ? t('Publishing…') : t('Publish now') })) : null] }));
 }
 /** The connect drawer — LIVE per-network readiness above a real account add. */
 function ConnectAccount({ api, providers, onCreated, }) {
@@ -74,6 +79,7 @@ function ConnectAccount({ api, providers, onCreated, }) {
     const [handle, setHandle] = useState('');
     const [saving, setSaving] = useState(false);
     const [error, setError] = useState(null);
+    const { t } = useI18n();
     const submit = async () => {
         setSaving(true);
         setError(null);
@@ -82,15 +88,18 @@ function ConnectAccount({ api, providers, onCreated, }) {
             onCreated();
         }
         catch (e) {
-            setError(classifyBackend(e).message || 'Failed to connect account.');
+            setError(classifyBackend(e).message || t('Failed to connect account.'));
         }
         finally {
             setSaving(false);
         }
     };
-    return (_jsxs(YStack, { gap: "$4", p: "$4", children: [_jsx(ProviderReadinessList, { providers: providers }), _jsxs(YStack, { gap: "$3", children: [_jsx(FieldRow, { label: "Network", children: _jsx(FieldSelect, { value: provider, options: [...PROVIDERS], onChange: setProvider, disabled: saving }) }), _jsx(FieldRow, { label: "Handle", children: _jsx(FieldText, { value: handle, onChange: setHandle, placeholder: "@hanzo", disabled: saving }) }), error ? (_jsx(Text, { fontSize: "$2", color: "$red10", children: error })) : null, _jsx(PrimaryButton, { onPress: submit, disabled: saving, children: saving ? 'Connecting…' : 'Connect account' })] })] }));
+    return (_jsxs(YStack, { gap: "$4", p: "$4", children: [_jsx(ProviderReadinessList, { providers: providers }), _jsxs(YStack, { gap: "$3", children: [_jsx(FieldRow, { label: t('Network'), children: _jsx(FieldSelect, { value: provider, options: [...PROVIDERS], onChange: setProvider, disabled: saving }) }), _jsx(FieldRow, { label: t('Handle'), children: _jsx(FieldText, { value: handle, onChange: setHandle, placeholder: "@hanzo", disabled: saving }) }), error ? (_jsx(Text, { fontSize: "$2", color: "$red10", children: error })) : null, _jsx(PrimaryButton, { onPress: submit, disabled: saving, children: saving ? t('Connecting…') : t('Connect account') })] })] }));
 }
-export function SocialResource({ api, title = 'Publish', subtitle = 'Compose, schedule and publish your content across networks — per org, over the native /v1/social engine.', }) {
+export function SocialResource({ api, title, subtitle, }) {
+    const { t } = useI18n();
+    const postColumns = useMemo(() => said(POST_COLUMNS, t), [t]);
+    const accountColumns = useMemo(() => said(ACCOUNT_COLUMNS, t), [t]);
     const [state, setState] = useState({ phase: 'loading' });
     const [view, setView] = useState('list');
     const [composing, setComposing] = useState(false);
@@ -127,19 +136,19 @@ export function SocialResource({ api, title = 'Publish', subtitle = 'Compose, sc
         try {
             const created = await api.posts.create(draft);
             if (mode === 'now' && created.status === 'failed')
-                return created.error || 'Publish failed.';
+                return created.error || t('Publish failed.');
         }
         catch (e) {
-            return classifyBackend(e).message || 'Failed to create post.';
+            return classifyBackend(e).message || t('Failed to create post.');
         }
         setComposing(false);
         void load();
         return null;
     };
-    return (_jsxs(YStack, { gap: "$4", p: "$4", children: [_jsx(PageHeader, { title: title, subtitle: subtitle, actions: _jsxs(_Fragment, { children: [_jsx(PrimaryButton, { onPress: () => setComposing(true), icon: _jsx(Plus, { size: 16 }), children: "New post" }), _jsx(PrimaryButton, { onPress: () => setConnecting(true), icon: _jsx(Link2, { size: 16 }), children: "Connect account" }), _jsx(PrimaryButton, { onPress: () => void load(), icon: _jsx(RefreshCw, { size: 16 }), children: "Refresh" })] }) }), state.phase === 'error' ? (_jsx(BackendStateCard, { state: state.error, onRetry: () => void load() })) : empty ? (_jsxs(YStack, { gap: "$4", children: [state.phase === 'ready' ? _jsx(SocialSummaryBar, { summary: state.data.summary }) : null, _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) } })] })) : (_jsxs(YStack, { gap: "$5", children: [state.phase === 'ready' ? _jsx(SocialSummaryBar, { summary: state.data.summary }) : null, _jsxs(YStack, { gap: "$3", children: [_jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", flexWrap: "wrap", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Send, { ...mirror, size: 16 }), _jsx(Text, { fontSize: "$5", fontWeight: "500", children: "Posts" })] }), _jsx(ViewToggle, { view: view, onChange: setView })] }), view === 'list' ? (_jsx(DataTable, { columns: POST_COLUMNS, rows: posts, loading: state.phase === 'loading', empty: "No posts yet.", rowKey: (p) => p.id, onRowPress: (p) => setOpenPost(p) })) : (_jsx(PostAgenda, { posts: posts, onOpen: (p) => setOpenPost(p) }))] }), _jsxs(YStack, { gap: "$2", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Link2, { size: 16 }), _jsx(Text, { fontSize: "$5", fontWeight: "500", children: "Accounts" })] }), _jsx(DataTable, { columns: ACCOUNT_COLUMNS, rows: accounts, loading: state.phase === 'loading', empty: "No accounts connected yet.", rowKey: (a) => a.id })] })] })), _jsx(SlideOver, { open: composing, onClose: () => setComposing(false), title: "New post", icon: Send, ariaLabel: "New post", children: _jsx(PostComposer, { channels: [...PROVIDERS], providers: providers, onSubmit: submitDraft }) }), _jsx(SlideOver, { open: connecting, onClose: () => setConnecting(false), title: "Connect account", icon: Link2, ariaLabel: "Connect account", children: _jsx(ConnectAccount, { api: api, providers: providers, onCreated: () => {
+    return (_jsxs(YStack, { gap: "$4", p: "$4", children: [_jsx(PageHeader, { title: title ?? t('Publish'), subtitle: subtitle ?? t('Compose, schedule and publish your content across networks — per org, over the native /v1/social engine.'), actions: _jsxs(_Fragment, { children: [_jsx(PrimaryButton, { onPress: () => setComposing(true), icon: _jsx(Plus, { size: 16 }), children: t('New post') }), _jsx(PrimaryButton, { onPress: () => setConnecting(true), icon: _jsx(Link2, { size: 16 }), children: t('Connect account') }), _jsx(PrimaryButton, { onPress: () => void load(), icon: _jsx(RefreshCw, { size: 16 }), children: t('Refresh') })] }) }), state.phase === 'error' ? (_jsx(BackendStateCard, { state: state.error, onRetry: () => void load() })) : empty ? (_jsxs(YStack, { gap: "$4", children: [state.phase === 'ready' ? _jsx(SocialSummaryBar, { summary: state.data.summary }) : null, _jsx(EmptyState, { icon: Share2, title: t('No posts or accounts yet'), description: t('Connect a social account, then compose, schedule and publish across X, Instagram, LinkedIn, TikTok and more.'), primary: { label: t('New post'), onPress: () => setComposing(true) } })] })) : (_jsxs(YStack, { gap: "$5", children: [state.phase === 'ready' ? _jsx(SocialSummaryBar, { summary: state.data.summary }) : null, _jsxs(YStack, { gap: "$3", children: [_jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", flexWrap: "wrap", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Send, { ...mirror, size: 16 }), _jsx(Text, { fontSize: "$5", fontWeight: "500", children: t('Posts') })] }), _jsx(ViewToggle, { view: view, onChange: setView })] }), view === 'list' ? (_jsx(DataTable, { columns: postColumns, rows: posts, loading: state.phase === 'loading', empty: t('No posts yet.'), rowKey: (p) => p.id, onRowPress: (p) => setOpenPost(p) })) : (_jsx(PostAgenda, { posts: posts, onOpen: (p) => setOpenPost(p) }))] }), _jsxs(YStack, { gap: "$2", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Link2, { size: 16 }), _jsx(Text, { fontSize: "$5", fontWeight: "500", children: t('Accounts') })] }), _jsx(DataTable, { columns: accountColumns, rows: accounts, loading: state.phase === 'loading', empty: t('No accounts connected yet.'), rowKey: (a) => a.id })] })] })), _jsx(SlideOver, { open: composing, onClose: () => setComposing(false), title: t('New post'), icon: Send, ariaLabel: t('New post'), children: _jsx(PostComposer, { channels: [...PROVIDERS], providers: providers, onSubmit: submitDraft }) }), _jsx(SlideOver, { open: connecting, onClose: () => setConnecting(false), title: t('Connect account'), icon: Link2, ariaLabel: t('Connect account'), children: _jsx(ConnectAccount, { api: api, providers: providers, onCreated: () => {
                         setConnecting(false);
                         void load();
-                    } }) }), _jsx(SlideOver, { open: openPost !== null, onClose: () => setOpenPost(null), title: "Post", icon: Send, ariaLabel: "Post detail", children: openPost ? (_jsx(PostDetail, { api: api, post: openPost, onChanged: () => {
+                    } }) }), _jsx(SlideOver, { open: openPost !== null, onClose: () => setOpenPost(null), title: t('Post'), icon: Send, ariaLabel: t('Post detail'), children: openPost ? (_jsx(PostDetail, { api: api, post: openPost, onChanged: () => {
                         setOpenPost(null);
                         void load();
                     } })) : null })] }));