@hanzo/build 0.2.51 → 0.2.53

package/lib/environment.js

@@ -13,8 +13,9 @@ import { Plus, X } from '@hanzogui/lucide-icons-2';
 import { Button, Dialog, DialogContent, DialogTitle, Input, Textarea } from '@hanzo/ui';
 import { useEffect, useState } from 'react';
 import { start } from './api/coding.js';
-import { read, refuse, removeSecret, save, setSecret, SETUP } from './api/environment.js';
+import { plain, read, refuse, removeSecret, save, setSecret, SETUP } from './api/environment.js';
 import { useRead } from './data.js';
+import { matches } from './merge.js';
 import { useHost, useTarget } from './host.js';
 const mono = { fontFamily: 'var(--f-mono, ui-monospace, monospace)' };
 export function Environment({ repo, busy }) {
@@ -44,7 +45,7 @@ export function Environment({ repo, busy }) {
         return _jsx(Soft, { children: "This run has no codebase, so it has no environment." });
     }
     if (env.error) {
-        return _jsx(Soft, { children: env.error.message });
+        return _jsx(Soft, { children: `${repo}’s environment could not be read right now.` });
     }
     if (!shown) {
         return _jsx(Soft, { children: "Reading the environment\u2026" });
@@ -63,7 +64,7 @@ export function Environment({ repo, busy }) {
             return true;
         }
         catch (e) {
-            setNote(e.message);
+            setNote(plain(e, repo, 'save'));
             return false;
         }
         finally {
@@ -78,7 +79,7 @@ export function Environment({ repo, busy }) {
             host.go(run.session);
         }
         catch (e) {
-            setNote(e.message);
+            setNote(plain(e, repo, 'start'));
             setWorking(false);
         }
     };
@@ -102,27 +103,66 @@ export function Environment({ repo, busy }) {
 /**
  * New's offer to set a codebase up. An agent onboards it, or an org admin saves
  * it empty and writes the scripts by hand beside the next run.
+ *
+ * The repository is chosen from the org's own (the forge's, and every linked
+ * repository's copy there), never typed: a name that is not one of them — a
+ * board's key handed over as a codebase — is said so and cannot be set up.
  */
-export function SetupDialog({ repo, open, onOpenChange, onStart, onSaved, }) {
+export function SetupDialog({ repo, homes, open, onOpenChange, onStart, onSaved, onRepo, }) {
     const host = useHost();
     const t = useTarget();
-    const [working, setWorking] = useState(false);
+    const [chosen, setChosen] = useState(repo);
+    const [q, setQ] = useState('');
+    const [working, setWorking] = useState('');
     const [note, setNote] = useState('');
-    const run = async (what, done) => {
-        setWorking(true);
+    const [last, setLast] = useState('');
+    useEffect(() => {
+        if (!open)
+            return;
+        setChosen(repo);
+        setQ('');
+        setNote('');
+        setLast('');
+    }, [open, repo]);
+    const list = homes.value.homes;
+    const home = list.find((h) => h.name.toLowerCase() === chosen.toLowerCase()) ?? null;
+    // A name the whole list does not hold is not the org's; with part of the list unread, the platform decides.
+    const stranger = Boolean(chosen) && !home && homes.value.whole && !homes.loading;
+    const ready = Boolean(chosen) && !stranger && !homes.loading;
+    const shown = list.filter((h) => matches(q, h.label, h.name)).slice(0, 6);
+    const run = async (what) => {
+        if (!ready)
+            return;
+        // The org's own spelling of the name, when the list holds it.
+        const repo = home?.name ?? chosen;
+        setWorking(what);
+        setLast(what);
         setNote('');
         try {
-            await what();
-            done();
+            if (what === 'save') {
+                await save(t, repo, { install: '', start: '' });
+                onSaved(repo);
+            }
+            else {
+                await onStart(repo);
+                onOpenChange(false);
+            }
         }
         catch (e) {
-            setNote(e.message);
+            setNote(plain(e, repo, what));
         }
         finally {
-            setWorking(false);
+            setWorking('');
         }
     };
-    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: "Set up an environment" }), _jsx(XStack, { render: "button", "aria-label": "Close", p: "$1", onPress: () => onOpenChange(false), children: _jsx(X, { size: 16 }) })] }), _jsxs(YStack, { gap: "$3", children: [_jsxs(YStack, { gap: "$1.5", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Repository" }), _jsx(XStack, { px: "$3", py: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", children: _jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: repo }) })] }), _jsx(SizableText, { size: "$2", color: "$soft", children: "An agent onboards the codebase: it explores it, writes the install and start scripts, and names the secrets it needs. It takes several minutes. Interrupt it anytime, or take over in the terminal." }), note ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note })) : null, _jsxs(XStack, { gap: "$2", justify: "space-between", items: "center", children: [host.admin ? (_jsx(Button, { size: "sm", variant: "secondary", disabled: working, onPress: () => void run(() => save(t, repo, { install: '', start: '' }), onSaved), children: "Skip & save" })) : (_jsx(YStack, {})), _jsx(Button, { size: "sm", variant: "primary", disabled: working, onPress: () => void run(onStart, () => onOpenChange(false)), children: "Start agent" })] })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { maxW: 480, showCloseButton: false, children: [_jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", children: [_jsx(DialogTitle, { children: "Set up an environment" }), _jsx(XStack, { render: "button", "aria-label": "Close", p: "$1", onPress: () => onOpenChange(false), children: _jsx(X, { size: 16 }) })] }), _jsxs(YStack, { gap: "$3", children: [_jsxs(YStack, { gap: "$1.5", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Repository" }), _jsx(XStack, { px: "$3", py: "$2", rounded: "$3", borderWidth: 1, borderColor: stranger ? '$ink' : '$borderColor', items: "center", gap: "$2", "aria-label": "Chosen repository", children: _jsx(SizableText, { size: "$2", color: home || (chosen && !stranger) ? '$ink' : '$soft', numberOfLines: 1, flex: 1, minW: 0, children: home ? home.label : chosen || 'Choose a repository' }) }), stranger ? (_jsx(SizableText, { size: "$1", color: "$ink", role: "alert", children: `${chosen} is not one of this organization’s repositories. Choose one below.` })) : null, _jsx(Input, { value: q, onChangeText: setQ, placeholder: "Find a repository\u2026", "aria-label": "Find a repository" }), _jsx(YStack, { gap: 2, "aria-label": "Repositories", children: homes.loading && !list.length ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "Reading the repositories\u2026" })) : homes.error && !list.length ? (_jsxs(XStack, { items: "center", gap: "$2", flexWrap: "wrap", children: [_jsx(SizableText, { size: "$1", color: "$soft", children: "The repository list could not be read right now." }), _jsx(Button, { size: "sm", variant: "outline", onPress: homes.reload, children: "Read again" })] })) : shown.length === 0 ? (_jsx(SizableText, { size: "$1", color: "$soft", children: list.length ? 'Nothing matches.' : 'This organization has no repositories on the forge yet.' })) : (shown.map((h) => {
+                                        const on = h.name.toLowerCase() === chosen.toLowerCase();
+                                        return (_jsx(XStack, { render: "button", "aria-pressed": on, "aria-label": `Choose ${h.label}`, onPress: () => {
+                                                setChosen(h.name);
+                                                setNote('');
+                                                onRepo(h);
+                                            }, px: "$2.5", py: "$1.5", rounded: "$2", bg: on ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, children: _jsx(SizableText, { size: "$2", color: on ? '$ink' : '$soft', numberOfLines: 1, children: h.label }) }, h.name));
+                                    })) })] }), _jsx(SizableText, { size: "$2", color: "$soft", children: "An agent onboards the codebase: it explores it, writes the install and start scripts, and names the secrets it needs. It takes several minutes. Interrupt it anytime, or take over in the terminal." }), note ? (_jsxs(XStack, { items: "center", gap: "$2", flexWrap: "wrap", children: [_jsx(SizableText, { size: "$1", color: "$ink", role: "status", flex: 1, minW: 200, children: note }), last ? (_jsx(Button, { size: "sm", variant: "outline", disabled: working !== '', onPress: () => void run(last), children: "Try again" })) : null] })) : null, _jsxs(XStack, { gap: "$2", justify: "space-between", items: "center", children: [host.admin ? (_jsx(Button, { size: "sm", variant: "secondary", disabled: working !== '' || !ready, onPress: () => void run('save'), children: working === 'save' ? 'Saving…' : 'Skip & save' })) : (_jsx(YStack, {})), _jsx(Button, { size: "sm", variant: "primary", disabled: working !== '' || !ready, onPress: () => void run('start'), children: working === 'start' ? 'Starting the agent…' : 'Start agent' })] })] })] }) }));
 }
 function Script({ label, value, onChange, locked, hint }) {
     return (_jsxs(YStack, { gap: "$2", children: [_jsx(SizableText, { size: "$2", color: "$ink", children: label }), _jsx(Textarea, { value: value, onChangeText: onChange, disabled: locked, placeholder: hint, "aria-label": label, rows: 3, style: mono })] }));

package/lib/foot.js

@@ -1,16 +1,19 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The rail's foot: the card that offers Hanzo in Slack, and the menu the account
- * row opens — who is signed in, the organization they act in, Settings, Usage,
- * the plans, help and logging out.
+ * row opens — who is signed in, the plan and its meter (`Meter`), the
+ * organization they act in, Settings, Usage, Billing, the plans, help and
+ * logging out.
  * Everything it opens is an address of this page, but help, which is the
  * documentation.
  */
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { Popover, SizableText, XStack, YStack } from '@hanzo/gui';
-import { Gauge, LifeBuoy, LogOut, Settings, Slack as Mark, Sparkles, X } from '@hanzogui/lucide-icons-2';
+import { CreditCard, Gauge, LifeBuoy, LogOut, Settings, Slack as Mark, Sparkles, X } from '@hanzogui/lucide-icons-2';
 import { MenuLabel, MenuRow, MenuRule } from '@hanzo/ui/product';
-import { useHost } from './host.js';
+import { useHost, useTarget } from './host.js';
+import { Meter } from './meter.js';
+import { useStanding } from './standing.js';
 import { path } from './route.js';
 export const DOCS = 'https://docs.hanzo.ai/docs/dev';
 /** Hanzo in Slack is set up under Settings; the card goes there, and once dismissed stays gone. */
@@ -52,17 +55,18 @@ export function useWho() {
  */
 export function Who({ open, onOpenChange, narrow }) {
     const host = useHost();
+    const standing = useStanding(useTarget(), open);
     // The organizations this person acts in; choosing one reloads the page scoped to it.
     const orgs = host.memberships ?? (host.org ? [host.org] : []);
     const go = (p) => {
         onOpenChange(false);
         host.go(p);
     };
-    return (_jsxs(Popover, { open: open, onOpenChange: onOpenChange, placement: narrow ? 'right-end' : 'top-start', allowFlip: true, stayInFrame: true, offset: 6, children: [_jsx(Popover.Anchor, { position: "absolute", l: 8, b: 8, width: narrow ? 48 : 256, height: 36, pointerEvents: "none" }), _jsx(Popover.Content, { role: "menu", "aria-label": "Account", items: "stretch", borderWidth: 1, elevation: "$2", px: "$1", py: "$1", width: 260, bg: "$panel", borderColor: "$borderColor", children: _jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { size: "$2", color: "$soft", px: "$2", py: "$1.5", numberOfLines: 1, children: host.person?.email || host.person?.name || '' }), orgs.length ? (_jsxs(_Fragment, { children: [_jsx(MenuRule, {}), _jsx(MenuLabel, { children: "Organization" }), _jsx(YStack, { role: "radiogroup", "aria-label": "Organizations", gap: "$1", children: orgs.map((o) => (_jsx(MenuRow, { label: o, active: o === host.org, onPress: () => {
+    return (_jsxs(Popover, { open: open, onOpenChange: onOpenChange, placement: narrow ? 'right-end' : 'top-start', allowFlip: true, stayInFrame: true, offset: 6, children: [_jsx(Popover.Anchor, { position: "absolute", l: 8, b: 8, width: narrow ? 48 : 256, height: 36, pointerEvents: "none" }), _jsx(Popover.Content, { role: "menu", "aria-label": "Account", items: "stretch", borderWidth: 1, elevation: "$2", px: "$1", py: "$1", width: 260, bg: "$panel", borderColor: "$borderColor", children: _jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { size: "$2", color: "$soft", px: "$2", py: "$1.5", numberOfLines: 1, children: host.person?.email || host.person?.name || '' }), _jsx(MenuRule, {}), _jsx(Meter, { read: standing, onPlans: () => go(path({ kind: 'screen', screen: 'plans' })), onBilling: () => go(path({ kind: 'settings', section: 'billing' })) }), orgs.length ? (_jsxs(_Fragment, { children: [_jsx(MenuRule, {}), _jsx(MenuLabel, { children: "Organization" }), _jsx(YStack, { role: "radiogroup", "aria-label": "Organizations", gap: "$1", children: orgs.map((o) => (_jsx(MenuRow, { label: o, active: o === host.org, onPress: () => {
                                             onOpenChange(false);
                                             if (o !== host.org)
                                                 host.chooseOrg?.(o);
-                                        } }, o))) })] })) : null, _jsx(MenuRule, {}), _jsx(MenuRow, { label: "Settings", icon: _jsx(Settings, { size: 16 }), onPress: () => go(path({ kind: 'settings', section: 'general' })) }), _jsx(MenuRow, { label: "Usage", icon: _jsx(Gauge, { size: 16 }), onPress: () => go(path({ kind: 'settings', section: 'usage' })) }), _jsx(MenuRow, { label: "View all plans", icon: _jsx(Sparkles, { size: 16 }), onPress: () => go(path({ kind: 'screen', screen: 'plans' })) }), _jsx(MenuRow, { label: "Get help", icon: _jsx(LifeBuoy, { size: 16 }), onPress: () => {
+                                        } }, o))) })] })) : null, _jsx(MenuRule, {}), _jsx(MenuRow, { label: "Settings", icon: _jsx(Settings, { size: 16 }), onPress: () => go(path({ kind: 'settings', section: 'general' })) }), _jsx(MenuRow, { label: "Usage", icon: _jsx(Gauge, { size: 16 }), onPress: () => go(path({ kind: 'settings', section: 'usage' })) }), _jsx(MenuRow, { label: "Billing", icon: _jsx(CreditCard, { size: 16 }), onPress: () => go(path({ kind: 'settings', section: 'billing' })) }), _jsx(MenuRow, { label: "View all plans", icon: _jsx(Sparkles, { size: 16 }), onPress: () => go(path({ kind: 'screen', screen: 'plans' })) }), _jsx(MenuRow, { label: "Get help", icon: _jsx(LifeBuoy, { size: 16 }), onPress: () => {
                                 onOpenChange(false);
                                 window.open(DOCS, '_blank', 'noopener,noreferrer');
                             } }), host.signOut ? (_jsxs(_Fragment, { children: [_jsx(MenuRule, {}), _jsx(MenuRow, { label: "Log out", icon: _jsx(LogOut, { size: 16 }), onPress: () => {