@hanzo/build 0.2.43 → 0.2.45

package/lib/api/auto.d.ts

@@ -8,6 +8,7 @@
  *   DELETE /v1/auto/automations/{id}       delete it, its schedule and its runs
  *   POST   /v1/auto/automations/{id}/run   {run: {id, status}}  one run, now
  *   GET    /v1/auto/automations/{id}/runs  {data: [run]}        newest first
+ *   POST   /v1/auto/automations/{id}/runs/{run}/review  {post}  post a held post, or discard it
  *   GET    /v1/auto/templates              {data: [starter]}    to start a new one from
  *
  * Each run is one Dev run in this organization, started as the person who last
@@ -38,6 +39,8 @@ export interface Draft {
     schedule: Schedule;
     permissions: Permissions;
     notify: boolean;
+    /** The connected accounts each run's answer is posted to: x, linkedin, facebook. */
+    postTo: string[];
     enabled: boolean;
 }
 export interface Last {
@@ -57,7 +60,13 @@ export interface Automation extends Draft {
     created: string;
     updated: string;
 }
-/** One run: succeeded, failed, running, queued, skipped or refused. */
+/** Where one post went: its link, or the platform's reason it did not go. */
+export interface Posted {
+    to: string;
+    url: string;
+    error: string;
+}
+/** One run: succeeded, failed, running, queued, review (a post waiting for you), skipped or refused. */
 export interface Run {
     id: string;
     status: string;
@@ -66,6 +75,9 @@ export interface Run {
     summary: string;
     /** The Dev run it started, or null when it started none. */
     session: string | null;
+    /** The post its agent wrote, for an automation that posts. */
+    draft: string;
+    posts: Posted[];
 }
 /** One automation as the platform answers it, or null for a row with no id. */
 export declare function read(raw: unknown): Automation | null;
@@ -83,6 +95,8 @@ export declare function start(t: Target, id: string): Promise<{
     status: string;
 }>;
 export declare function runs(t: Target, id: string): Promise<Run[]>;
+/** Post a held post to the automation's accounts, or discard it. */
+export declare function review(t: Target, id: string, runId: string, post: boolean): Promise<Run>;
 /** A schedule the way a person says it. */
 export declare function words(s: Schedule): string;
 /** A ready-made automation to start a new one from. Its schedule names no zone: the page fills in the person's. */

package/lib/api/auto.js

@@ -8,6 +8,7 @@
  *   DELETE /v1/auto/automations/{id}       delete it, its schedule and its runs
  *   POST   /v1/auto/automations/{id}/run   {run: {id, status}}  one run, now
  *   GET    /v1/auto/automations/{id}/runs  {data: [run]}        newest first
+ *   POST   /v1/auto/automations/{id}/runs/{run}/review  {post}  post a held post, or discard it
  *   GET    /v1/auto/templates              {data: [starter]}    to start a new one from
  *
  * Each run is one Dev run in this organization, started as the person who last
@@ -44,6 +45,7 @@ export function read(raw) {
         schedule: schedule(o.schedule),
         permissions: o.permissions === 'auto' ? 'auto' : 'ask',
         notify: o.notify === true,
+        postTo: (Array.isArray(o.postTo) ? o.postTo : []).filter((x) => typeof x === 'string'),
         enabled: o.enabled === true,
         draft: o.draft === true,
         next: nullable(o.next),
@@ -103,10 +105,21 @@ export async function runs(t, id) {
     return list(await call(t, 'GET', `/v1/auto/automations/${seg(id)}/runs`))
         .map((raw) => {
         const o = obj(raw);
-        return { id: str(o.id), status: str(o.status), at: str(o.at), finished: nullable(o.finished), summary: str(o.summary), session: session(o.transcript) };
+        return run(o);
     })
         .filter((r) => r.id);
 }
+function run(o) {
+    const posts = (Array.isArray(o.posts) ? o.posts : [])
+        .map(obj)
+        .filter((p) => str(p.to))
+        .map((p) => ({ to: str(p.to), url: /^https:\/\//.test(str(p.url)) ? str(p.url) : '', error: str(p.error) }));
+    return { id: str(o.id), status: str(o.status), at: str(o.at), finished: nullable(o.finished), summary: str(o.summary), session: session(o.transcript), draft: str(o.draft), posts };
+}
+/** Post a held post to the automation's accounts, or discard it. */
+export async function review(t, id, runId, post) {
+    return run(obj(await call(t, 'POST', `/v1/auto/automations/${seg(id)}/runs/${seg(runId)}/review`, { post })));
+}
 const DAYS = { mon: 'Mondays', tue: 'Tuesdays', wed: 'Wednesdays', thu: 'Thursdays', fri: 'Fridays', sat: 'Saturdays', sun: 'Sundays' };
 /** A schedule the way a person says it. */
 export function words(s) {

package/lib/api/provider.d.ts

@@ -1,6 +1,7 @@
 /**
  * The organization's connectors: a Slack workspace, the GitHub accounts the
- * platform's GitHub App is installed on.
+ * platform's GitHub App is installed on, and the social accounts automations
+ * post to.
  *
  *   GET  /v1/provider/{id}              one connector and this org's connection to it
  *   POST /v1/provider/{id}/connect      {return} → {authorizeUrl}: the provider's own consent page (org admin)
@@ -25,6 +26,19 @@ export interface Connector {
 }
 export declare function connector(raw: unknown, id?: string): Connector;
 export declare function read(t: Target, id: string): Promise<Connector>;
+/**
+ * The social accounts an organization connects. An automation posts text to
+ * the ones that take it; Instagram and TikTok take only images and video, and
+ * say so. `needs` is what connecting waits on while Hanzo's app with the
+ * platform is not set up.
+ */
+export declare const SOCIAL: readonly {
+    id: string;
+    name: string;
+    posts: boolean;
+    needs: string;
+    takes?: string;
+}[];
 /** The provider's consent page for this org; its return lands on `back` when that is a Hanzo app page. */
 export declare function authorize(t: Target, id: string, back?: string): Promise<string>;
 export declare function disconnect(t: Target, id: string): Promise<void>;

package/lib/api/provider.js

@@ -1,6 +1,7 @@
 /**
  * The organization's connectors: a Slack workspace, the GitHub accounts the
- * platform's GitHub App is installed on.
+ * platform's GitHub App is installed on, and the social accounts automations
+ * post to.
  *
  *   GET  /v1/provider/{id}              one connector and this org's connection to it
  *   POST /v1/provider/{id}/connect      {return} → {authorizeUrl}: the provider's own consent page (org admin)
@@ -34,7 +35,37 @@ export async function read(t, id) {
 const CONSENT = {
     slack: /^https:\/\/slack\.com\//,
     github: /^https:\/\/github\.com\//,
+    x: /^https:\/\/(twitter|x)\.com\//,
+    linkedin: /^https:\/\/www\.linkedin\.com\//,
+    facebook: /^https:\/\/www\.facebook\.com\//,
+    instagram: /^https:\/\/www\.facebook\.com\//,
+    tiktok: /^https:\/\/www\.tiktok\.com\//,
 };
+/**
+ * The social accounts an organization connects. An automation posts text to
+ * the ones that take it; Instagram and TikTok take only images and video, and
+ * say so. `needs` is what connecting waits on while Hanzo's app with the
+ * platform is not set up.
+ */
+export const SOCIAL = [
+    { id: 'x', name: 'X', posts: true, needs: 'X posting needs Hanzo’s X developer app with paid API access; it is not set up yet.' },
+    { id: 'linkedin', name: 'LinkedIn', posts: true, needs: 'LinkedIn posting needs Hanzo’s LinkedIn app with Share on LinkedIn; it is not set up yet.' },
+    { id: 'facebook', name: 'Facebook', posts: true, needs: 'Facebook Page posting needs Hanzo’s Meta app, approved by Meta App Review to publish to Pages; it is not set up yet.' },
+    {
+        id: 'instagram',
+        name: 'Instagram',
+        posts: false,
+        needs: 'Instagram posting needs Hanzo’s Meta app, approved by Meta App Review; it is not set up yet.',
+        takes: 'Instagram takes photos and reels, not text, so automations do not post to it.',
+    },
+    {
+        id: 'tiktok',
+        name: 'TikTok',
+        posts: false,
+        needs: 'TikTok posting needs TikTok’s audit of Hanzo’s app; it is not set up yet.',
+        takes: 'TikTok takes videos and photos, not text, so automations do not post to it.',
+    },
+];
 /** The provider's consent page for this org; its return lands on `back` when that is a Hanzo app page. */
 export async function authorize(t, id, back) {
     const url = str(obj(await call(t, 'POST', `/v1/provider/${seg(id)}/connect`, back ? { return: back } : {})).authorizeUrl);

package/lib/automations.js

@@ -20,7 +20,11 @@ import { ChipSelect } from '@hanzo/ui/product';
 import { useLimits } from '@hanzo/ui/product/useLimits';
 import { useEffect, useId, useMemo, useRef, useState } from 'react';
 import { ago } from './ago.js';
-import { automation, automations, changes, create, remove, runs, save, start, starters, words } from './api/auto.js';
+import { automation, automations, changes, create, remove, review, runs, save, start, starters, words } from './api/auto.js';
+import { current, subscriptions } from './api/billing.js';
+import { SOCIAL } from './api/provider.js';
+import { Out } from './out.js';
+import { useSocial } from './settings/integrations.js';
 import { Refusal } from './api/call.js';
 import { ENSO, limits as readLimits, models } from './api/models.js';
 import { Choice, Confirm, Field, Line, Sheet } from './customize/ui.js';
@@ -57,8 +61,17 @@ const PERMISSIONS = [
     { id: 'auto', label: 'Act on its own' },
 ];
 /** A run's status as the rail's dot draws it. */
-const DOT = { succeeded: 'done', failed: 'error', running: 'running', queued: 'running', skipped: 'stopped', refused: 'stopped' };
-const WORD = { succeeded: 'Succeeded', failed: 'Failed', running: 'Running', queued: 'Queued', skipped: 'Skipped', refused: 'Refused' };
+const DOT = { succeeded: 'done', failed: 'error', running: 'running', queued: 'running', review: 'paused', skipped: 'stopped', refused: 'stopped' };
+const WORD = {
+    succeeded: 'Succeeded',
+    failed: 'Failed',
+    running: 'Running',
+    queued: 'Queued',
+    review: 'Waiting for your review',
+    skipped: 'Skipped',
+    refused: 'Refused',
+};
+const NAME = Object.fromEntries(SOCIAL.map((p) => [p.id, p.name]));
 const live = (s) => s === 'running' || s === 'queued';
 /** The schedule a kind starts from, keeping whatever of `was` still applies. */
 function shaped(kind, was) {
@@ -107,6 +120,7 @@ const drafted = (a) => ({
     schedule: a.schedule,
     permissions: a.permissions,
     notify: a.notify,
+    postTo: a.postTo,
     enabled: a.draft ? true : a.enabled,
 });
 /** `next`, keeping each field of `cur` the person changed from `was` since. */
@@ -118,9 +132,9 @@ function rebase(cur, was, next) {
     }
     return out;
 }
-/** A run refused for want of credit. */
-const broke = (e) => e instanceof Refusal && e.status === 402;
-const BROKE = 'This organization has no credit for a run. Add credit, then Run now again.';
+/** A run the platform refused for want of a plan: a free org with no credit for the run fee. */
+const unplanned = (e) => e instanceof Refusal && e.status === 402;
+const PLAN = 'Automations run on a paid plan; on Free each run needs $1 of credit, and this organization has none. Upgrade to run it.';
 export function Automations() {
     const host = useHost();
     const t = useTarget();
@@ -146,12 +160,12 @@ export function Automations() {
 /** One automation in the list: its name opens it, and its switch arms it. */
 function Item({ a, onOpen, onSwitch }) {
     const about = useId();
-    return (_jsxs(XStack, { items: "center", gap: "$3", px: "$3", py: "$2.5", borderTopWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsxs(XStack, { render: "button", "aria-label": `Open ${a.name}`, "aria-describedby": about, onPress: onOpen, flex: 1, minW: 0, items: "center", gap: "$3", children: [_jsx(Workflow, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, flex: 1, minW: 0, style: { textAlign: 'left' }, children: a.name }), _jsxs(XStack, { id: about, items: "center", gap: "$3", children: [a.draft ? (_jsx(SizableText, { size: "$1", color: "$soft", px: "$2", rounded: "$2", borderWidth: 1, borderColor: "$borderColor", children: "Draft" })) : null, _jsx(SizableText, { size: "$1", color: "$soft", width: 220, numberOfLines: 1, style: { textAlign: 'left' }, children: a.draft ? 'Needs instructions' : words(a.schedule) }), _jsxs(XStack, { width: 150, items: "center", gap: "$2", children: [a.last ? _jsx(StatusDot, { status: DOT[a.last.status] ?? 'idle' }) : null, _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: a.last ? `${WORD[a.last.status] ?? a.last.status} · ${ago(a.last.at)}` : 'Never run' })] })] })] }), _jsx(XStack, { width: 56, justify: "flex-end", children: _jsx(Switch, { checked: a.enabled, disabled: a.draft, onCheckedChange: onSwitch, "aria-label": `${a.name} on` }) })] }));
+    return (_jsxs(XStack, { items: "center", gap: "$3", px: "$3", py: "$2.5", borderTopWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsxs(XStack, { render: "button", "aria-label": `Open ${a.name}`, "aria-describedby": about, onPress: onOpen, flex: 1, minW: 0, items: "center", gap: "$3", flexWrap: "wrap", rowGap: "$1", children: [_jsx(Workflow, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, flex: 1, minW: 120, style: { textAlign: 'left' }, children: a.name }), _jsxs(XStack, { id: about, items: "center", gap: "$3", flexWrap: "wrap", rowGap: "$1", maxW: "100%", children: [a.draft ? (_jsx(SizableText, { size: "$1", color: "$soft", px: "$2", rounded: "$2", borderWidth: 1, borderColor: "$borderColor", children: "Draft" })) : null, _jsx(SizableText, { size: "$1", color: "$soft", width: 220, numberOfLines: 1, style: { textAlign: 'left' }, children: a.draft ? 'Needs instructions' : words(a.schedule) }), _jsxs(XStack, { width: 150, items: "center", gap: "$2", children: [a.last ? _jsx(StatusDot, { status: DOT[a.last.status] ?? 'idle' }) : null, _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: a.last ? `${WORD[a.last.status] ?? a.last.status} · ${ago(a.last.at)}` : 'Never run' })] })] })] }), _jsx(XStack, { width: 56, justify: "flex-end", children: _jsx(Switch, { checked: a.enabled, disabled: a.draft, onCheckedChange: onSwitch, "aria-label": `${a.name} on` }) })] }));
 }
 function Empty({ says, children }) {
     return (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$4", px: "$4", py: "$8", gap: "$3", items: "center", children: [_jsx(SizableText, { size: "$2", color: "$soft", style: { textAlign: 'center' }, children: says }), children] }));
 }
-const BLANK = () => ({ name: '', instructions: '', model: null, schedule: { kind: 'manual' }, permissions: 'ask', notify: false, enabled: true });
+const BLANK = () => ({ name: '', instructions: '', model: null, schedule: { kind: 'manual' }, permissions: 'ask', notify: false, postTo: [], enabled: true });
 /** One automation: what it does and when, its switch, Run now, and its runs. `new` writes one. */
 export function Editor({ id }) {
     const host = useHost();
@@ -172,8 +186,13 @@ export function Editor({ id }) {
     const [busy, setBusy] = useState('');
     const [note, setNote] = useState('');
     const [asking, setAsking] = useState(false);
-    const [leaving, setLeaving] = useState(false);
-    const [credit, setCredit] = useState(false);
+    // Where a move away from unsaved work was headed, while it asks first; '' for nowhere.
+    const [leaving, setLeaving] = useState('');
+    const [upgrade, setUpgrade] = useState(false);
+    const social = useSocial(signed, SOCIAL.filter((p) => p.posts).map((p) => p.id));
+    const subs = useRead(signed ? () => subscriptions(t) : null, [], [t, signed]);
+    // Free is what the platform says when it names no live subscription; a read that failed says nothing.
+    const free = !subs.loading && !subs.error && !current(subs.value);
     const nameRef = useRef(null);
     const asksRef = useRef(null);
     const offered = useRead(signed && fresh ? () => starters(t) : null, [], [t, signed, fresh]);
@@ -216,7 +235,7 @@ export function Editor({ id }) {
     // An edit answers what the last line asked for, so the line goes with it.
     const set = (p) => {
         setNote('');
-        setCredit(false);
+        setUpgrade(false);
         setD((x) => ({ ...x, ...p }));
     };
     const setWhen = (p) => set({ schedule: { ...d.schedule, ...p } });
@@ -238,15 +257,15 @@ export function Editor({ id }) {
     const act = async (what, work) => {
         setBusy(what);
         setNote('');
-        setCredit(false);
+        setUpgrade(false);
         try {
             await work();
         }
         catch (e) {
-            // Wanting credit is said in these words only where a run was asked for.
-            const run = what === 'run' && broke(e);
-            setNote(run ? BROKE : e.message);
-            setCredit(run);
+            // Wanting a plan is said in these words only where a run was asked for.
+            const run = what === 'run' && unplanned(e);
+            setNote(run ? PLAN : e.message);
+            setUpgrade(run);
         }
         finally {
             setBusy('');
@@ -300,8 +319,17 @@ export function Editor({ id }) {
             setNote('Not started: the previous run is still going.');
     });
     const leave = (how) => host.go(path({ kind: 'screen', screen: 'automations' }), how);
-    // Unsaved work is not left without a word.
-    const back = () => (dirty ? setLeaving(true) : leave());
+    // A held post is answered once; its buttons go when it is.
+    const [answered, setAnswered] = useState(() => new Set());
+    const answer = (r, post) => act('review', async () => {
+        await review(t, id, r.id, post);
+        setAnswered((x) => new Set(x).add(r.id));
+        setBeat((n) => n + 1);
+        setTick((n) => n + 1);
+    });
+    // Unsaved work is not left without a word, wherever the move goes.
+    const away = (to) => (dirty ? setLeaving(to) : host.go(to));
+    const back = () => away(path({ kind: 'screen', screen: 'automations' }));
     const begin = (x) => {
         const tz = x.schedule.kind === 'manual' ? undefined : zone();
         set({ name: x.name, instructions: x.instructions, schedule: tz ? { ...x.schedule, tz } : { kind: 'manual' } });
@@ -314,6 +342,8 @@ export function Editor({ id }) {
     if (!ready)
         return _jsx(Page, { title: "Automation", onBack: () => leave(), says: "Reading the automation\u2026" });
     const s = d.schedule;
+    // An automation that posts speaks for the organization: only an admin changes it.
+    const locked = !host.admin && Boolean(a?.postTo.length);
     // A new automation or a draft has nothing to switch on until it says what to do.
     const can = switchesAlone || Boolean(d.instructions.trim());
     const on = switchesAlone ? Boolean(a?.enabled) : can && d.enabled;
@@ -324,14 +354,32 @@ export function Editor({ id }) {
                                     setBase(drafted(a));
                                     setD(drafted(a));
                                     setNote('');
-                                }, children: "Discard changes" })) : null, _jsx(Button, { size: "sm", disabled: Boolean(busy) || !(fresh || drafty || dirty), onPress: () => complete() && void keep(), children: busy === 'save' ? 'Saving…' : fresh ? 'Create' : 'Save' })] }), note ? (_jsxs(XStack, { width: "100%", maxW: 760, mx: "auto", items: "center", gap: "$3", pt: "$2", children: [_jsx(Line, { children: note }), credit ? (_jsx(Button, { size: "sm", variant: "outline", onPress: () => host.go(path({ kind: 'settings', section: 'billing' })), children: "Add credit" })) : null] })) : null] }), _jsxs(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$5", children: [_jsxs(YStack, { width: "100%", maxW: 760, mx: "auto", gap: "$5", children: [_jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { render: "h1", size: "$6", color: "$ink", numberOfLines: 1, children: fresh ? 'New automation' : a?.name }), _jsx(SizableText, { size: "$2", color: "$soft", children: fresh
+                                }, children: "Discard changes" })) : null, _jsx(Button, { size: "sm", disabled: Boolean(busy) || locked || !(fresh || drafty || dirty), onPress: () => complete() && void keep(), children: busy === 'save' ? 'Saving…' : fresh ? 'Create' : 'Save' })] }), note ? (_jsxs(XStack, { width: "100%", maxW: 760, mx: "auto", items: "center", gap: "$3", pt: "$2", children: [_jsx(Line, { children: note }), upgrade ? (_jsx(Button, { size: "sm", variant: "outline", onPress: () => away(path({ kind: 'screen', screen: 'plans' })), children: "See plans" })) : null] })) : null] }), _jsxs(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$5", children: [_jsxs(YStack, { width: "100%", maxW: 760, mx: "auto", gap: "$5", children: [locked ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "note", children: "This automation posts to the organization\u2019s accounts, so only an org admin changes it." })) : null, free ? (_jsxs(XStack, { items: "center", gap: "$3", px: "$3", py: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", flexWrap: "wrap", rowGap: "$2", children: [_jsx(SizableText, { flex: 1, minW: 200, size: "$1", color: "$soft", children: "Paid plans include automation runs. On the Free plan each run needs $1 of credit." }), _jsx(Button, { size: "sm", variant: "outline", onPress: () => away(path({ kind: 'screen', screen: 'plans' })), children: "See plans" })] })) : null, _jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { render: "h1", size: "$6", color: "$ink", numberOfLines: 1, children: fresh ? 'New automation' : a?.name }), _jsx(SizableText, { size: "$2", color: "$soft", children: fresh
                                             ? 'Name it, say what it should do, and when. It runs as you, in this organization.'
                                             : a?.draft
                                                 ? 'A draft: say what it should do and save it, and it runs.'
-                                                : [words(a.schedule), a.next && a.enabled ? `next ${local(a.next)}` : a.schedule.kind === 'manual' ? '' : 'off'].filter(Boolean).join(' · ') })] }), fresh && offered.value.length && !d.instructions.trim() ? (_jsxs(XStack, { gap: "$2", flexWrap: "wrap", rowGap: "$2", items: "center", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Start from" }), offered.value.map((x) => (_jsx(Button, { size: "sm", variant: "outline", onPress: () => begin(x), "aria-label": `Start from ${x.name}`, children: x.name }, x.key)))] })) : null, _jsx(Field, { label: "Name", children: _jsx(Input, { ref: nameRef, value: d.name, onChangeText: (v) => set({ name: v }), onSubmitEditing: () => asksRef.current?.focus(), placeholder: "Morning briefing", "aria-label": "Automation name", autoFocus: fresh }) }), _jsx(Field, { label: "Instructions (required)", hint: "What the agent does each run. It works in a Dev sandbox with this organization's connectors, MCP servers and skills.", children: _jsx(Textarea, { ref: asksRef, value: d.instructions, onChangeText: (v) => set({ instructions: v }), placeholder: "What should it do each run? For example: summarize what needs my attention today across calendar, email and messages.", "aria-label": "Instructions", rows: 7 }) }), _jsx(Field, { label: "When it runs", hint: s.kind === 'cron' ? 'Five fields: minute, hour, day of month, month, day of week.' : undefined, children: _jsxs(XStack, { gap: "$2", flexWrap: "wrap", rowGap: "$2", items: "center", children: [_jsx(ChipSelect, { name: "When it runs", label: KINDS.find((k) => k.id === s.kind).label, chosen: KINDS.find((k) => k.id === s.kind), items: KINDS, onChange: (k) => set({ schedule: shaped(k.id, s) }), placement: "bottom-start", width: 200 }), s.kind === 'weekly' ? _jsx(ChipSelect, { name: "Day", label: DAYS.find((x) => x.id === s.day)?.label ?? 'Monday', chosen: DAYS.find((x) => x.id === s.day), items: DAYS, onChange: (x) => setWhen({ day: x.id }), placement: "bottom-start", width: 180 }) : null, s.kind === 'daily' || s.kind === 'weekdays' || s.kind === 'weekly' ? (_jsx(YStack, { width: 110, children: _jsx(Input, { value: s.at ?? '', onChangeText: (v) => setWhen({ at: v.trim() }), placeholder: "09:00", "aria-label": "Time of day", inputMode: "text" }) })) : null, s.kind === 'hourly' ? (_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "at minute" }), _jsx(YStack, { width: 70, children: _jsx(Input, { value: (s.at ?? '00:00').slice(3), onChangeText: (v) => setWhen({ at: `00:${v.replace(/\D/g, '').slice(0, 2)}` }), placeholder: "00", "aria-label": "Minute", inputMode: "numeric" }) })] })) : null, s.kind === 'cron' ? (_jsx(YStack, { width: 200, children: _jsx(Input, { value: s.cron ?? '', onChangeText: (v) => setWhen({ cron: v }), placeholder: "0 9 * * 1-5", "aria-label": "Cron", autoCapitalize: "none" }) })) : null, s.kind !== 'manual' ? _jsx(ChipSelect, { name: "Time zone", label: s.tz || 'UTC', chosen: { id: s.tz || 'UTC', label: s.tz || 'UTC' }, items: zones, onChange: (z) => setWhen({ tz: z.id }), placeholder: "Search zones\u2026", placement: "bottom-start", width: 260 }) : null] }) }), _jsx(Field, { label: "Model", children: _jsx(XStack, { children: _jsx(ModelPicker, { size: "sm", name: "Model", models: catalog.value, scope: "chat", limits: limits, value: d.model ?? ENSO, onChange: (id) => set({ model: id === ENSO ? null : id }), loading: catalog.loading, error: catalog.error?.message ?? null }) }) }), _jsx(Field, { label: "Permissions", hint: d.permissions === 'auto' ? 'Works and uses connectors without stopping.' : 'Reads and researches, changes nothing, and ends with the actions it would take for you to approve.', children: _jsx(Choice, { label: "Permissions", value: d.permissions, options: PERMISSIONS, onChange: (p) => set({ permissions: p }) }) }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(SizableText, { size: "$2", color: "$ink", children: "Email me when a run ends" }), _jsx(SizableText, { size: "$1", color: "$soft", children: "One line on how it went, with a link to the run." })] }), _jsx(Switch, { checked: d.notify, onCheckedChange: (v) => set({ notify: v }), "aria-label": "Email me when a run ends" })] }), dirty && wrong && note !== wrong ? _jsx(Line, { children: wrong }) : null, a ? (_jsx(XStack, { children: _jsx(Button, { size: "sm", variant: "ghost", disabled: Boolean(busy), onPress: () => setAsking(true), children: "Delete" }) })) : null, a ? (_jsxs(YStack, { gap: "$2", children: [_jsx(SizableText, { size: "$3", color: "$ink", children: "Runs" }), history.error && !history.value.length ? (_jsx(Line, { children: history.error.message })) : !history.value.length ? (_jsx(SizableText, { size: "$2", color: "$soft", children: history.loading ? 'Reading its runs…' : a.draft ? 'It runs once its instructions are saved.' : 'No runs yet. Run now starts one.' })) : (_jsx(YStack, { role: "list", borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", "aria-label": "Run history", children: history.value.map((r, i) => (_jsxs(XStack, { role: "listitem", items: "flex-start", gap: "$3", px: "$3", py: "$2.5", borderTopWidth: i ? 1 : 0, borderColor: "$borderColor", children: [_jsx(YStack, { pt: "$1", children: _jsx(StatusDot, { status: DOT[r.status] ?? 'idle' }) }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsx(SizableText, { size: "$2", color: "$ink", children: `${WORD[r.status] ?? r.status} · ${local(r.at)}` }), _jsx(SizableText, { size: "$1", color: "$soft", style: { whiteSpace: 'pre-wrap' }, children: r.summary || (live(r.status) ? 'Working…' : '') })] }), r.session ? (_jsx(Button, { size: "sm", variant: "ghost", onPress: () => host.go(r.session), "aria-label": `Open the Dev run of ${local(r.at)}`, children: "Open run" })) : null] }, r.id))) }))] })) : null] }), a ? (_jsx(Confirm, { what: a.name, says: "It stops running, and its schedule and its runs go with it. A run going now is stopped.", open: asking, onOpenChange: setAsking, onYes: async () => {
+                                                : [words(a.schedule), a.next && a.enabled ? `next ${local(a.next)}` : a.schedule.kind === 'manual' ? '' : 'off'].filter(Boolean).join(' · ') })] }), fresh && offered.value.length && !d.instructions.trim() ? (_jsxs(XStack, { gap: "$2", flexWrap: "wrap", rowGap: "$2", items: "center", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Start from" }), offered.value.map((x) => (_jsx(Button, { size: "sm", variant: "outline", onPress: () => begin(x), "aria-label": `Start from ${x.name}`, children: x.name }, x.key)))] })) : null, _jsx(Field, { label: "Name", children: _jsx(Input, { ref: nameRef, value: d.name, onChangeText: (v) => set({ name: v }), onSubmitEditing: () => asksRef.current?.focus(), placeholder: "Morning briefing", "aria-label": "Automation name", autoFocus: fresh, disabled: locked }) }), _jsx(Field, { label: "Instructions (required)", hint: "What the agent does each run. It works in a Dev sandbox with this organization's connectors, MCP servers and skills.", children: _jsx(Textarea, { ref: asksRef, disabled: locked, value: d.instructions, onChangeText: (v) => set({ instructions: v }), placeholder: "What should it do each run? For example: summarize what needs my attention today across calendar, email and messages.", "aria-label": "Instructions", rows: 7 }) }), _jsx(Field, { label: "When it runs", hint: s.kind === 'cron' ? 'Five fields: minute, hour, day of month, month, day of week.' : undefined, children: _jsxs(XStack, { gap: "$2", flexWrap: "wrap", rowGap: "$2", items: "center", children: [_jsx(ChipSelect, { name: "When it runs", label: KINDS.find((k) => k.id === s.kind).label, chosen: KINDS.find((k) => k.id === s.kind), items: KINDS, onChange: (k) => set({ schedule: shaped(k.id, s) }), placement: "bottom-start", width: 200 }), s.kind === 'weekly' ? _jsx(ChipSelect, { name: "Day", label: DAYS.find((x) => x.id === s.day)?.label ?? 'Monday', chosen: DAYS.find((x) => x.id === s.day), items: DAYS, onChange: (x) => setWhen({ day: x.id }), placement: "bottom-start", width: 180 }) : null, s.kind === 'daily' || s.kind === 'weekdays' || s.kind === 'weekly' ? (_jsx(YStack, { width: 110, children: _jsx(Input, { value: s.at ?? '', onChangeText: (v) => setWhen({ at: v.trim() }), placeholder: "09:00", "aria-label": "Time of day", inputMode: "text" }) })) : null, s.kind === 'hourly' ? (_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "at minute" }), _jsx(YStack, { width: 70, children: _jsx(Input, { value: (s.at ?? '00:00').slice(3), onChangeText: (v) => setWhen({ at: `00:${v.replace(/\D/g, '').slice(0, 2)}` }), placeholder: "00", "aria-label": "Minute", inputMode: "numeric" }) })] })) : null, s.kind === 'cron' ? (_jsx(YStack, { width: 200, children: _jsx(Input, { value: s.cron ?? '', onChangeText: (v) => setWhen({ cron: v }), placeholder: "0 9 * * 1-5", "aria-label": "Cron", autoCapitalize: "none" }) })) : null, s.kind !== 'manual' ? _jsx(ChipSelect, { name: "Time zone", label: s.tz || 'UTC', chosen: { id: s.tz || 'UTC', label: s.tz || 'UTC' }, items: zones, onChange: (z) => setWhen({ tz: z.id }), placeholder: "Search zones\u2026", placement: "bottom-start", width: 260 }) : null] }) }), _jsx(Field, { label: "Model", children: _jsx(XStack, { children: _jsx(ModelPicker, { size: "sm", name: "Model", models: catalog.value, scope: "chat", limits: limits, value: d.model ?? ENSO, onChange: (id) => set({ model: id === ENSO ? null : id }), loading: catalog.loading, error: catalog.error?.message ?? null }) }) }), _jsx(Field, { label: "Permissions", hint: d.permissions === 'auto' ? 'Works and uses connectors without stopping.' : 'Reads and researches, changes nothing, and ends with the actions it would take for you to approve.', children: _jsx(Choice, { label: "Permissions", value: d.permissions, options: PERMISSIONS, onChange: (p) => set({ permissions: p }) }) }), _jsxs(Field, { label: "Post to", hint: !host.admin
+                                    ? 'An org admin chooses where automations post: the accounts are the organization’s.'
+                                    : !d.postTo.length
+                                        ? 'Turn an account on and each run’s answer is a post for it.'
+                                        : d.permissions === 'auto'
+                                            ? 'Each run posts what the agent writes, as written.'
+                                            : 'Each run holds what the agent writes for you to post or discard.', children: [_jsx(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: SOCIAL.filter((p) => p.posts).map((p, i) => {
+                                            const c = social.value[p.id];
+                                            const on = d.postTo.includes(p.id);
+                                            return (_jsxs(XStack, { items: "center", gap: "$3", px: "$3", py: "$2.5", borderTopWidth: i ? 1 : 0, borderColor: "$borderColor", children: [_jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsx(SizableText, { size: "$2", color: "$ink", children: p.name }), _jsx(SizableText, { size: "$1", color: "$soft", children: social.error
+                                                                    ? social.error.message
+                                                                    : !c
+                                                                        ? 'Reading…'
+                                                                        : c.connected
+                                                                            ? `Connected${c.account ? ` as ${c.account}` : ''}`
+                                                                            : `${c.available ? 'Not connected: an org admin connects it in Settings → Integrations.' : p.needs} ${on || d.permissions === 'ask'
+                                                                                ? 'Runs hold the post for you to read; posting it fails until it is connected.'
+                                                                                : 'Acting on its own, it posts only to a connected account.'}` })] }), _jsx(Switch, { checked: on, disabled: !host.admin || (!on && !c?.connected && d.permissions === 'auto'), onCheckedChange: (v) => set({ postTo: v ? [...d.postTo, p.id].sort() : d.postTo.filter((x) => x !== p.id) }), "aria-label": `Post to ${p.name}` })] }, p.id));
+                                        }) }), _jsx(XStack, { children: _jsx(Button, { size: "sm", variant: "ghost", onPress: () => away(path({ kind: 'settings', section: 'integrations' })), children: "Connect accounts" }) })] }), _jsxs(XStack, { items: "center", gap: "$3", children: [_jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(SizableText, { size: "$2", color: "$ink", children: "Email me when a run ends" }), _jsx(SizableText, { size: "$1", color: "$soft", children: "One line on how it went, with a link to the run." })] }), _jsx(Switch, { checked: d.notify, onCheckedChange: (v) => set({ notify: v }), "aria-label": "Email me when a run ends" })] }), dirty && wrong && note !== wrong ? _jsx(Line, { children: wrong }) : null, a ? (_jsx(XStack, { children: _jsx(Button, { size: "sm", variant: "ghost", disabled: Boolean(busy), onPress: () => setAsking(true), children: "Delete" }) })) : null, a ? (_jsxs(YStack, { gap: "$2", children: [_jsx(SizableText, { size: "$3", color: "$ink", children: "Runs" }), history.error && !history.value.length ? (_jsx(Line, { children: history.error.message })) : !history.value.length ? (_jsx(SizableText, { size: "$2", color: "$soft", children: history.loading ? 'Reading its runs…' : a.draft ? 'It runs once its instructions are saved.' : 'No runs yet. Run now starts one.' })) : (_jsx(YStack, { role: "list", borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", "aria-label": "Run history", children: history.value.map((r, i) => (_jsxs(XStack, { role: "listitem", items: "flex-start", gap: "$3", px: "$3", py: "$2.5", borderTopWidth: i ? 1 : 0, borderColor: "$borderColor", children: [_jsx(YStack, { pt: "$1", children: _jsx(StatusDot, { status: DOT[r.status] ?? 'idle' }) }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsx(SizableText, { size: "$2", color: "$ink", children: `${WORD[r.status] ?? r.status} · ${local(r.at)}` }), _jsx(SizableText, { size: "$1", color: "$soft", style: { whiteSpace: 'pre-wrap' }, children: r.summary || (live(r.status) ? 'Working…' : '') }), r.draft ? (_jsx(YStack, { mt: "$1.5", px: "$3", py: "$2", rounded: "$2", bg: "$raised", role: "group", "aria-label": "The post", children: _jsx(SizableText, { size: "$2", color: "$ink", style: { whiteSpace: 'pre-wrap' }, children: r.draft }) })) : null, r.posts.map((x) => (_jsxs(XStack, { items: "center", gap: "$2", pt: "$1", children: [_jsx(SizableText, { size: "$1", color: "$ink", children: NAME[x.to] ?? x.to }), x.url ? (_jsx(Out, { href: x.url, label: `Open the ${NAME[x.to] ?? x.to} post`, children: _jsx(SizableText, { size: "$1", color: "$ink", textDecorationLine: "underline", children: "Posted \u00B7 open" }) })) : (_jsx(SizableText, { size: "$1", color: "$soft", children: x.error }))] }, x.to))), r.status === 'review' && host.admin && !answered.has(r.id) ? (_jsxs(XStack, { gap: "$2", pt: "$2", children: [_jsx(Button, { size: "sm", disabled: Boolean(busy), onPress: () => void answer(r, true), "aria-label": `Post the post of ${local(r.at)}`, children: "Post it" }), _jsx(Button, { size: "sm", variant: "ghost", disabled: Boolean(busy), onPress: () => void answer(r, false), "aria-label": `Discard the post of ${local(r.at)}`, children: "Discard" })] })) : r.status === 'review' && !host.admin ? (_jsx(SizableText, { size: "$1", color: "$soft", pt: "$1", children: "An org admin posts or discards it." })) : null] }), r.session ? (_jsx(Button, { size: "sm", variant: "ghost", onPress: () => host.go(r.session), "aria-label": `Open the Dev run of ${local(r.at)}`, children: "Open run" })) : null] }, r.id))) }))] })) : null] }), a ? (_jsx(Confirm, { what: a.name, says: "It stops running, and its schedule and its runs go with it. A run going now is stopped.", open: asking, onOpenChange: setAsking, onYes: async () => {
                             await remove(t, a.id);
                             leave({ replace: true });
-                        } })) : null, _jsxs(Sheet, { title: "Leave without saving?", open: leaving, onOpenChange: setLeaving, width: 420, children: [_jsx(SizableText, { size: "$2", color: "$soft", children: fresh ? 'This automation is not created yet.' : 'Your changes to this automation are not saved.' }), _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "ghost", onPress: () => setLeaving(false), children: "Keep editing" }), _jsx(Button, { size: "sm", variant: "destructive", onPress: () => leave(), children: "Leave" })] })] })] })] }));
+                        } })) : null, _jsxs(Sheet, { title: "Leave without saving?", open: Boolean(leaving), onOpenChange: (o) => !o && setLeaving(''), width: 420, children: [_jsx(SizableText, { size: "$2", color: "$soft", children: fresh ? 'This automation is not created yet.' : 'Your changes to this automation are not saved.' }), _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "ghost", onPress: () => setLeaving(''), children: "Keep editing" }), _jsx(Button, { size: "sm", variant: "destructive", onPress: () => host.go(leaving), children: "Leave" })] })] })] })] }));
 }
 function Page({ title, says, onBack }) {
     return (_jsx(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", children: _jsxs(YStack, { width: "100%", maxW: 760, mx: "auto", gap: "$4", children: [_jsx(XStack, { children: _jsxs(Button, { size: "sm", variant: "ghost", onPress: onBack, "aria-label": "All automations", children: [_jsx(ChevronLeft, { size: 14 }), "Automations"] }) }), _jsx(SizableText, { render: "h1", size: "$6", color: "$ink", children: title }), _jsx(SizableText, { size: "$2", color: "$soft", children: says })] }) }));

package/lib/settings/index.js

@@ -16,6 +16,6 @@ export function Settings({ section }) {
     const go = (id) => host.go(path({ kind: 'settings', section: id }));
     return (_jsxs(XStack, { flex: 1, minH: 0, minW: 0, children: [_jsxs(YStack, { role: "navigation", "aria-label": "Settings", width: 220, shrink: 0, borderRightWidth: 1, borderColor: "$borderColor", px: "$2", py: "$4", gap: "$4", overflow: "scroll", "$max-md": { display: 'none' }, children: [_jsx(SizableText, { size: "$4", color: "$ink", px: "$2", children: "Settings" }), GROUPS.map((g) => {
                         const list = ENTRIES.filter((e) => e.group === g);
-                        return (_jsxs(YStack, { gap: "$0.5", children: [_jsx(SizableText, { size: "$1", color: "$soft", px: "$2", pb: "$1", children: g }), list.map((e) => (_jsx(XStack, { render: "button", "aria-label": e.label, "aria-current": e.id === entry.id ? 'page' : undefined, onPress: () => go(e.id), px: "$2", py: "$1.5", rounded: "$2", bg: e.id === entry.id ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, children: _jsx(SizableText, { size: "$2", color: e.id === entry.id ? '$ink' : '$soft', children: e.label }) }, e.id)))] }, g));
+                        return (_jsxs(YStack, { gap: "$0.5", children: [g === 'Settings' ? null : (_jsx(SizableText, { size: "$1", color: "$soft", px: "$2", pb: "$1", children: g })), list.map((e) => (_jsx(XStack, { render: "button", "aria-label": e.label, "aria-current": e.id === entry.id ? 'page' : undefined, onPress: () => go(e.id), px: "$2", py: "$1.5", rounded: "$2", bg: e.id === entry.id ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, children: _jsx(SizableText, { size: "$2", color: e.id === entry.id ? '$ink' : '$soft', children: e.label }) }, e.id)))] }, g));
                     })] }), _jsxs(YStack, { flex: 1, minW: 0, minH: 0, overflow: "scroll", children: [_jsx(XStack, { flexWrap: "wrap", gap: "$1.5", px: "$4", pt: "$3", $md: { display: 'none' }, children: ENTRIES.map((e) => (_jsx(XStack, { render: "button", "aria-label": e.label, onPress: () => go(e.id), px: "$2.5", py: "$1", rounded: "$10", borderWidth: 1, borderColor: e.id === entry.id ? '$ink' : '$borderColor', children: _jsx(SizableText, { size: "$1", color: e.id === entry.id ? '$ink' : '$soft', children: e.label }) }, e.id))) }), _jsx(YStack, { width: "100%", maxW: 760, self: "center", px: "$5", py: "$6", children: entry.body() })] })] }));
 }

package/lib/settings/integrations.d.ts

@@ -1 +1,8 @@
+import { type Connector } from '../api/provider.ts';
 export declare function Integrations(): import("react").JSX.Element;
+/**
+ * The named social connectors, by id: whether each can be connected here and
+ * whether it is. One that could not be read is left out, and its row reads on
+ * as "Reading…" rather than taking the others with it.
+ */
+export declare function useSocial(signed: boolean, ids: readonly string[]): import("../data.ts").Read<Record<string, Connector>>;

package/lib/settings/integrations.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Integrations: your own GitHub connection, the GitHub accounts the
- * organization has installed the platform's App on, and its Slack workspace.
+ * organization has installed the platform's App on, its Slack workspace, and
+ * the social accounts its automations post to.
  *
  * Connecting leaves this page once, for GitHub's or Slack's own consent screen,
  * and the platform's callback brings the person back here with the answer
@@ -10,11 +11,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the platform's rule.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { Github, Hash, Lock, Slack } from '@hanzogui/lucide-icons-2';
+import { Github, Hash, Lock, Megaphone, Slack } from '@hanzogui/lucide-icons-2';
 import { Button } from '@hanzo/ui';
 import { useState } from 'react';
 import { connect, connection, disconnect as unlinkGithub, installations } from '../api/github.js';
-import { authorize, channels, disconnect, read } from '../api/provider.js';
+import { authorize, channels, disconnect, read, SOCIAL } from '../api/provider.js';
 import { here, useBack } from '../back.js';
 import { useRead } from '../data.js';
 import { useHost, useTarget } from '../host.js';
@@ -28,12 +29,14 @@ export function Integrations() {
     const slack = useRead(signed ? () => read(t, 'slack') : null, null, [t, signed]);
     const joined = slack.value?.connected ?? false;
     const rooms = useRead(signed && joined ? () => channels(t) : null, { channels: [], next: '' }, [t, signed, joined]);
+    const social = useSocial(signed, SOCIAL.map((p) => p.id));
     const [working, setWorking] = useState(false);
     const [note, setNote] = useState('');
     useBack(t, signed, setNote, () => {
         mine.reload();
         installed.reload();
         slack.reload();
+        social.reload();
     });
     if (!signed) {
         return (_jsxs(YStack, { gap: "$5", children: [_jsx(Heading, { title: "Integrations" }), _jsx(Soft, { children: "Sign in to see this organization\u2019s integrations." })] }));
@@ -85,5 +88,31 @@ export function Integrations() {
                                                 ? 'Not connected'
                                                 : s.note || 'This deployment cannot connect Slack yet.', trailing: host.admin && s && (s.connected || s.available) ? (s.connected ? (_jsx(Button, { size: "sm", variant: "outline", disabled: working, onPress: () => void act(() => disconnect(t, 'slack'), 'Slack is disconnected', slack.reload), children: "Disconnect" })) : (_jsx(Button, { size: "sm", variant: "outline", disabled: working, onPress: () => void away(() => authorize(t, 'slack', here())), children: "Connect" }))) : null }), joined && rooms.error ? _jsx(Row, { title: "Channels", detail: rooms.error.message }) : null, joined
                                 ? rooms.value.channels.map((c) => (_jsx(Row, { leading: c.private ? _jsx(Lock, { size: 14 }) : _jsx(Hash, { size: 14 }), title: c.name || c.id, trailing: _jsx(SizableText, { size: "$1", color: c.member ? '$ink' : '$soft', children: c.member ? 'Joined' : 'Not joined' }) }, c.id)))
-                                : null] }), !host.admin ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "An org admin connects the Slack workspace." })) : null] }), _jsx(Note, { children: note })] }));
+                                : null] }), !host.admin ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "An org admin connects the Slack workspace." })) : null] }), _jsxs(Group, { title: "Social accounts", detail: "Where automations post what their agent writes.", children: [_jsx(Card, { children: SOCIAL.map((p, i) => {
+                            const c = social.value[p.id];
+                            return (_jsx(Row, { first: i === 0, leading: _jsx(Megaphone, { size: 16 }), title: c?.connected && c.account ? `${p.name} · ${c.account}` : p.name, detail: social.error
+                                    ? social.error.message
+                                    : !c
+                                        ? 'Reading…'
+                                        : c.connected
+                                            ? `Connected${c.since ? ` since ${day(c.since)}` : ''}${p.takes ? `. ${p.takes}` : ''}`
+                                            : c.available
+                                                ? p.takes || 'Not connected'
+                                                : p.takes ? `${p.takes} ${p.needs}` : p.needs, trailing: host.admin && c && (c.connected || c.available) ? (c.connected ? (_jsx(Button, { size: "sm", variant: "outline", disabled: working, onPress: () => void act(() => disconnect(t, p.id), `${p.name} is disconnected`, social.reload), children: "Disconnect" })) : (_jsx(Button, { size: "sm", variant: "outline", disabled: working, onPress: () => void away(() => authorize(t, p.id, here())), "aria-label": `Connect ${p.name}`, children: "Connect" }))) : null }, p.id));
+                        }) }), !host.admin ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "An org admin connects the organization\u2019s social accounts." })) : null] }), _jsx(Note, { children: note })] }));
+}
+/**
+ * The named social connectors, by id: whether each can be connected here and
+ * whether it is. One that could not be read is left out, and its row reads on
+ * as "Reading…" rather than taking the others with it.
+ */
+export function useSocial(signed, ids) {
+    const t = useTarget();
+    const key = ids.join(',');
+    return useRead(signed
+        ? async () => {
+            const got = await Promise.allSettled(ids.map((id) => read(t, id)));
+            return Object.fromEntries(got.flatMap((r, i) => (r.status === 'fulfilled' ? [[ids[i], r.value]] : [])));
+        }
+        : null, {}, [t, signed, key]);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.43",
+  "version": "0.2.45",
   "type": "module",
   "license": "Apache-2.0 OR MIT",
   "description": "Hanzo Build — say what you want, watch it built, deployed and running. The builder as a component, mounted by the Hanzo app at hanzo.ai.",