@hanzo/build 0.2.44 → 0.2.46

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/claims.d.ts

@@ -5,9 +5,9 @@
 /** The token's claims, or null when it is not a JWT. */
 export declare function claims(token: string | null): Record<string, unknown> | null;
 /**
- * Whether the token says its person administers `org`. Org admin, read off the
- * token's own `orgs` claim — never the reserved `admin` org, which is platform
- * authority and not what a builder decides anything by. The platform enforces
- * it again; this only decides which publish path is offered.
+ * Whether the token says its person administers `org`: owner or admin, read off
+ * the token's own `orgs` claim — never the reserved `admin` org, which is
+ * platform authority and not what a builder decides anything by. The platform
+ * enforces it again; this only decides which controls are offered.
  */
 export declare function administers(token: string | null, org: string | null): boolean;

package/lib/claims.js

@@ -16,15 +16,20 @@ export function claims(token) {
         return null;
     }
 }
+/** The coarse IAM roles that administer an org: its owner and its admins. */
+const ADMIN = ['owner', 'admin'];
 /**
- * Whether the token says its person administers `org`. Org admin, read off the
- * token's own `orgs` claim — never the reserved `admin` org, which is platform
- * authority and not what a builder decides anything by. The platform enforces
- * it again; this only decides which publish path is offered.
+ * Whether the token says its person administers `org`: owner or admin, read off
+ * the token's own `orgs` claim — never the reserved `admin` org, which is
+ * platform authority and not what a builder decides anything by. The platform
+ * enforces it again; this only decides which controls are offered.
  */
 export function administers(token, org) {
     if (!org)
         return false;
     const set = claims(token)?.orgs;
-    return (Array.isArray(set) ? set : []).some((r) => r?.org === org && r.role === 'admin');
+    return (Array.isArray(set) ? set : []).some((r) => {
+        const m = r;
+        return m?.org === org && ADMIN.includes(m.role);
+    });
 }

package/lib/host.d.ts

@@ -37,7 +37,7 @@ export interface Host {
     chooseTheme?: (theme: Theme) => void;
     /** Who is signed in, or null. */
     person: Person | null;
-    /** Whether the person administers `org`: an admin publishes to main, anyone else opens a review. */
+    /** Whether the person administers `org` (its owner or an admin): they publish to main and change its money; anyone else opens a review and reads. */
     admin: boolean;
     /** The address under the mount: '' | a session id | a slug | '-/codebases' | '-/projects' | '-/issues' | '-/artifacts' | '-/templates'. */
     path: string;

package/lib/settings/billing.js

@@ -6,7 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { CreditCard, Download, Plus, X } from '@hanzogui/lucide-icons-2';
-import { Button, Dialog, DialogContent, DialogTitle } from '@hanzo/ui';
+import { Button, Dialog, DialogContent, DialogTitle, toast } from '@hanzo/ui';
 import { useState } from 'react';
 import { cancel, current, detach, invoices, label, methods, money, pdf, reactivate, subscriptions, } from '../api/billing.js';
 import { useRead } from '../data.js';
@@ -30,13 +30,15 @@ export function Billing() {
         return (_jsxs(YStack, { gap: "$5", children: [_jsx(Heading, { title: "Billing" }), _jsx(Soft, { children: "Sign in to see this organization\u2019s billing." })] }));
     }
     const plan = current(subs.value);
+    const empty = !cards.error && !cards.loading && cards.value.length === 0;
+    // A done act is a toast; a refused one stays on the page, beside what was tried.
     const act = async (what, done, after) => {
         setWorking(true);
         setNote('');
         try {
             await what();
             after();
-            setNote(done);
+            toast.success(done);
         }
         catch (e) {
             setNote(e.message);
@@ -49,9 +51,9 @@ export function Billing() {
                                     ? subs.error.message
                                     : plan
                                         ? terms(plan)
-                                        : 'No paid plan. Usage is paid from the balance.' })] }), _jsx(Button, { size: "sm", variant: "outline", onPress: () => host.go(path({ kind: 'screen', screen: 'plans' })), children: "Adjust plan" })] }), _jsx(Group, { title: "Payment", detail: "The card a plan renews on and a top-up charges.", action: host.admin ? (_jsxs(Button, { size: "sm", variant: "outline", onPress: () => setAdding(true), children: [_jsx(Plus, { size: 14 }), " Add card"] })) : undefined, children: cards.error ? (_jsx(Soft, { children: cards.error.message })) : cards.loading && !cards.value.length ? (_jsx(Soft, { children: "Reading cards\u2026" })) : cards.value.length === 0 ? (_jsx(Card, { children: _jsx(Soft, { children: "No card on file." }) })) : (_jsx(Card, { children: cards.value.map((m, i) => (_jsx(Row, { first: i === 0, leading: _jsx(CreditCard, { size: 16 }), title: label(m), detail: [m.expires ? `Expires ${m.expires}` : '', m.default ? 'Default' : ''].filter(Boolean).join(' · ') || undefined, trailing: host.admin ? (_jsx(XStack, { render: "button", "aria-label": `Remove ${label(m)}`, p: "$1", onPress: () => void act(() => detach(t, m.id), `${label(m)} is removed`, cards.reload), children: _jsx(X, { size: 14 }) })) : undefined }, m.id))) })) }), _jsx(Group, { title: "Invoices", children: bills.error ? (_jsx(Soft, { children: bills.error.message })) : bills.loading && !bills.value.length ? (_jsx(Soft, { children: "Reading invoices\u2026" })) : bills.value.length === 0 ? (_jsx(Card, { children: _jsx(Soft, { children: "No invoices yet." }) })) : (_jsxs(Card, { children: [_jsxs(XStack, { px: "$3", py: "$2", gap: "$3", children: [_jsx(SizableText, { flex: 1, size: "$1", color: "$soft", children: "Date" }), _jsx(SizableText, { width: 90, size: "$1", color: "$soft", style: { textAlign: 'right' }, children: "Total" }), _jsx(SizableText, { width: 70, size: "$1", color: "$soft", "$max-sm": { display: 'none' }, children: "Status" }), _jsx(YStack, { width: 64 })] }), bills.value.map((b) => (_jsxs(XStack, { items: "center", gap: "$3", px: "$3", py: "$2.5", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { flex: 1, size: "$2", color: "$ink", numberOfLines: 1, children: day(b.date) || b.number || b.id }), _jsx(SizableText, { width: 90, size: "$2", color: "$ink", style: { textAlign: 'right' }, children: money(b.total, b.currency) }), _jsx(SizableText, { width: 70, size: "$1", color: "$soft", "$max-sm": { display: 'none' }, children: word(b.status) }), _jsx(XStack, { width: 64, justify: "flex-end", children: _jsx(Button, { size: "sm", variant: "ghost", "aria-label": `View invoice ${b.number || day(b.date)}`, onPress: () => setOpen(b), children: "View" }) })] }, b.id)))] })) }), plan ? (_jsx(Group, { title: "Cancellation", children: _jsx(Card, { children: _jsx(Row, { first: true, title: plan.ending ? `Your plan ends on ${day(plan.ends)}` : 'Cancel plan', detail: plan.ending ? 'Keep it, and it renews as before.' : 'It runs to the end of the period you paid for, then ends.', trailing: !host.admin ? undefined : plan.ending ? (_jsx(Button, { size: "sm", variant: "outline", disabled: working, onPress: () => void act(() => reactivate(t, plan.id), 'Your plan renews as before', subs.reload), children: "Keep plan" })) : (_jsx(Button, { size: "sm", variant: "destructive", disabled: working, onPress: () => setEnding(true), children: "Cancel" })) }) }) })) : null, _jsx(Note, { children: note }), _jsx(AddCard, { open: adding, onOpenChange: setAdding, onSaved: (m) => {
+                                        : 'No paid plan. Usage is paid from the balance.' })] }), _jsx(Button, { size: "sm", variant: "outline", onPress: () => host.go(path({ kind: 'screen', screen: 'plans' })), children: "Adjust plan" })] }), _jsxs(Group, { title: "Payment", detail: "The card a plan renews on and a top-up charges.", action: host.admin && (cards.error || cards.value.length > 0) ? (_jsxs(Button, { size: "sm", variant: "outline", onPress: () => setAdding(true), children: [_jsx(Plus, { size: 14 }), " Add card"] })) : undefined, children: [cards.error ? (_jsx(Soft, { children: cards.error.message })) : cards.loading && !cards.value.length ? (_jsx(Soft, { children: "Reading cards\u2026" })) : empty ? (_jsxs(XStack, { items: "center", gap: "$3", px: "$4", py: "$4", borderWidth: 1, borderColor: "$borderColor", rounded: "$3", flexWrap: "wrap", children: [_jsx(CreditCard, { size: 20 }), _jsxs(YStack, { flex: 1, minW: 180, gap: "$1", children: [_jsx(SizableText, { size: "$3", color: "$ink", children: "No card on file." }), _jsx(SizableText, { size: "$2", color: "$soft", children: host.admin ? 'Add one to pay for a plan or a top-up. Adding it charges nothing.' : 'An org admin adds cards.' })] }), host.admin ? (_jsxs(Button, { onPress: () => setAdding(true), children: [_jsx(Plus, { size: 16 }), " Add card"] })) : null] })) : (_jsx(Card, { children: cards.value.map((m, i) => (_jsx(Row, { first: i === 0, leading: _jsx(CreditCard, { size: 16 }), title: label(m), detail: [m.expires ? `Expires ${m.expires}` : '', m.default ? 'Default' : ''].filter(Boolean).join(' · ') || undefined, trailing: host.admin ? (_jsx(Button, { size: "sm", variant: "ghost", "aria-label": `Remove ${label(m)}`, disabled: working, onPress: () => void act(() => detach(t, m.id), `${label(m)} is removed`, cards.reload), children: "Remove" })) : undefined }, m.id))) })), !host.admin && cards.value.length ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "An org admin adds and removes cards." })) : null] }), _jsx(Group, { title: "Invoices", children: bills.error ? (_jsx(Soft, { children: bills.error.message })) : bills.loading && !bills.value.length ? (_jsx(Soft, { children: "Reading invoices\u2026" })) : bills.value.length === 0 ? (_jsx(Card, { children: _jsx(Soft, { children: "No invoices yet." }) })) : (_jsxs(Card, { children: [_jsxs(XStack, { px: "$3", py: "$2", gap: "$3", children: [_jsx(SizableText, { flex: 1, size: "$1", color: "$soft", children: "Date" }), _jsx(SizableText, { width: 90, size: "$1", color: "$soft", style: { textAlign: 'right' }, children: "Total" }), _jsx(SizableText, { width: 70, size: "$1", color: "$soft", "$max-sm": { display: 'none' }, children: "Status" }), _jsx(YStack, { width: 64 })] }), bills.value.map((b) => (_jsxs(XStack, { items: "center", gap: "$3", px: "$3", py: "$2.5", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { flex: 1, size: "$2", color: "$ink", numberOfLines: 1, children: day(b.date) || b.number || b.id }), _jsx(SizableText, { width: 90, size: "$2", color: "$ink", style: { textAlign: 'right' }, children: money(b.total, b.currency) }), _jsx(SizableText, { width: 70, size: "$1", color: "$soft", "$max-sm": { display: 'none' }, children: word(b.status) }), _jsx(XStack, { width: 64, justify: "flex-end", children: _jsx(Button, { size: "sm", variant: "ghost", "aria-label": `View invoice ${b.number || day(b.date)}`, onPress: () => setOpen(b), children: "View" }) })] }, b.id)))] })) }), plan ? (_jsx(Group, { title: "Cancellation", children: _jsx(Card, { children: _jsx(Row, { first: true, title: plan.ending ? `Your plan ends on ${day(plan.ends)}` : 'Cancel plan', detail: plan.ending ? 'Keep it, and it renews as before.' : 'It runs to the end of the period you paid for, then ends.', trailing: !host.admin ? undefined : plan.ending ? (_jsx(Button, { size: "sm", variant: "outline", disabled: working, onPress: () => void act(() => reactivate(t, plan.id), 'Your plan renews as before', subs.reload), children: "Keep plan" })) : (_jsx(Button, { size: "sm", variant: "destructive", disabled: working, onPress: () => setEnding(true), children: "Cancel" })) }) }) })) : null, _jsx(Note, { children: note }), _jsx(AddCard, { open: adding, onOpenChange: setAdding, onSaved: (m) => {
                     cards.reload();
-                    setNote(`${label(m)} is saved`);
+                    toast.success(`${label(m)} is saved`);
                 } }), plan ? (_jsx(Ending, { plan: plan, open: ending, working: working, onOpenChange: setEnding, onConfirm: () => void act(() => cancel(t, plan.id), `Your plan ends on ${day(plan.ends)}`, () => {
                     setEnding(false);
                     subs.reload();

package/lib/settings/card.js

@@ -101,5 +101,5 @@ export function AddCard({ open, onOpenChange, onSaved }) {
     const why = cfg.error ? cfg.error.message : !cfg.loading && !ready(p) ? 'This deployment takes no cards yet.' : '';
     return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { maxW: 440, showCloseButton: false, children: [_jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", children: [_jsx(DialogTitle, { children: "Add a card" }), _jsx(XStack, { render: "button", "aria-label": "Close", p: "$1", onPress: () => onOpenChange(false), children: _jsx(X, { size: 16 }) })] }), _jsxs(YStack, { gap: "$3", children: [why ? (_jsx(SizableText, { size: "$2", color: "$soft", children: why })) : (_jsxs(_Fragment, { children: [_jsxs(YStack, { minH: 96, "aria-label": "Card details", children: [_jsx("div", { ref: setBox, style: { minHeight: 96 } }), !mounted && !note ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "Loading the card form\u2026" })) : null] }), _jsx(SizableText, { size: "$1", color: "$soft", children: p && p.environment !== 'production'
                                         ? 'Sandbox: use a test card. Nothing is charged.'
-                                        : 'The card number goes to the payment processor, never to Hanzo.' })] })), note ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note })) : null, _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "ghost", onPress: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { size: "sm", disabled: !mounted || working, onPress: () => void add(), children: "Save card" })] })] })] }) }));
+                                        : 'The card number goes to the payment processor, never to Hanzo. Saving it charges nothing.' })] })), note ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note })) : null, _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "ghost", onPress: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { size: "sm", disabled: !mounted || working, onPress: () => void add(), children: "Save card" })] })] })] }) }));
 }

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.44",
+  "version": "0.2.46",
   "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.",