@hanzo/build 0.2.81 → 0.2.83

package/README.md

@@ -118,9 +118,12 @@ French and right to left in Arabic.
 One of each, shared with Chat (@hanzo/rooms imports them):
 
 - `useMind` — the model and effort: `GET /v1/models` read once per platform,
-  and the choice kept in this browser (`hanzo.mind`, Enso and Medium until
-  changed). `Tune` is the chip that changes it; Settings → Code writes the same
-  choice. `@hanzo/build/mind` serves the store alone, without the builder.
+  and the choice kept in this browser (`hanzo.mind`, Enso and Auto until
+  changed). `Tune` is the row that changes it: the effort (Auto, High, XHigh,
+  Max) always, the model chip only where the host shows it (`Host.models`, a
+  composer's `model`) — on hanzo.ai, Settings' model selector. Settings → Code
+  writes the same choice. `@hanzo/build/mind` serves the store alone, without
+  the builder.
 - `prompt` / `Prompt` — the composer, as wide as the text above it (`measure`).
 - `Reply` — copy, Listen and Open under an answer.
 - `Panel` over `useDeck` — the side panel and its kept tabs.
@@ -255,8 +258,8 @@ machines follow under remote control, each linked with `hanzo link`), the
 codebase and the branch — the forge's repositories, filtered as you type, read
 again with Refresh list, and a way to Sync for a GitHub repository that is not
 there yet — then the ask, in the composer Chat draws too (`prompt`): the paperclip
-and Build or Plan at its start; the model and effort (`Tune`), dictation and
-send at its end. A codebase can be added to a project. Opening a codebase or an
+and Build or Plan at its start; the effort, the model where the host shows it
+(`Tune`), dictation and send at its end. A codebase can be added to a project. Opening a codebase or an
 issue from its own screen lands here with that choice already made.
 
 **A run.** The transcript as it streams, drawn by what each part is: what the
@@ -351,7 +354,8 @@ picker and open-in-tab; Share and Publish; the console dock under it.
 `mode`, `model` and `effort` are sent with a run as asked — Enso as
 `enso-auto`, never left out — and `issue`, the number a run started from an
 issue closes; the platform honours them where it does and nothing here
-simulates them.
+simulates them. A run takes `low`, `medium` or `high`, so Auto names `medium`
+and High, XHigh and Max name `high` (`level`).
 
 ## Layout
 
@@ -369,7 +373,7 @@ src/
   prose.tsx     markdown, drawn as text (markdown.ts reads it)
   desk.tsx      the pane beside a run
   mind.ts       the model and effort, one choice with Chat
-  prompt.tsx    the composer, and Tune, the model and effort chip
+  prompt.tsx    the composer, and Tune, the effort and model row
   reply.tsx     the row under an answer
   panel.tsx     the side panel; tabs.ts its kept tabs
   side.tsx      the column it stands in: width, the middle column, full screen

package/lib/api/links.d.ts

@@ -12,7 +12,7 @@
  * `conflict`, `pending` (not on the forge yet) or `paused` — and is absent when
  * the forge could not be read, which is not reported as healthy.
  *
- * Every link the sync app holds is also a row of GET /v1/projects (apps/sync
+ * Every link the sync app holds is also a row of GET /v1/project (apps/sync
  * project.go), so this list is the org's linked projects and not a copy of them.
  */
 import { type Target } from './call.ts';

package/lib/api/links.js

@@ -12,7 +12,7 @@
  * `conflict`, `pending` (not on the forge yet) or `paused` — and is absent when
  * the forge could not be read, which is not reported as healthy.
  *
- * Every link the sync app holds is also a row of GET /v1/projects (apps/sync
+ * Every link the sync app holds is also a row of GET /v1/project (apps/sync
  * project.go), so this list is the org's linked projects and not a copy of them.
  */
 import { call } from './call.js';

package/lib/api/projects.js

@@ -1,10 +1,10 @@
 /**
  * The org's projects: what it has built, and where each one is served.
  *
- *   GET    /v1/projects                     → Project[]
- *   PATCH  /v1/projects/{slug}              rename it, or make it public or private
- *   DELETE /v1/projects/{slug}              delete it and take its site down
- *   GET    /v1/projects/{slug}/deployments  → Deployment[], newest first
+ *   GET    /v1/project                     → Project[]
+ *   PATCH  /v1/project/{slug}              rename it, or make it public or private
+ *   DELETE /v1/project/{slug}              delete it and take its site down
+ *   GET    /v1/project/{slug}/deployments  → Deployment[], newest first
  *
  * `slug` is the one key every surface shares — the address under /dev, the
  * site's name, the `project` a run is tagged with. A project belongs to the org,
@@ -52,7 +52,7 @@ export function project(raw) {
     };
 }
 export async function projects(t) {
-    const raw = await call(t, 'GET', '/v1/projects');
+    const raw = await call(t, 'GET', '/v1/project');
     const rows = Array.isArray(raw) ? raw : Array.isArray(raw?.data) ? raw.data : [];
     return rows
         .map(project)
@@ -70,11 +70,11 @@ export async function change(t, slug, what) {
     }
     if (what.visibility !== undefined)
         body.visibility = what.visibility;
-    return project(await call(t, 'PATCH', `/v1/projects/${seg(slug)}`, body));
+    return project(await call(t, 'PATCH', `/v1/project/${seg(slug)}`, body));
 }
 /** Delete a project. Its site stops answering and its slug is free again. */
 export async function remove(t, slug) {
-    await call(t, 'DELETE', `/v1/projects/${seg(slug)}`);
+    await call(t, 'DELETE', `/v1/project/${seg(slug)}`);
 }
 export function deployment(raw) {
     const d = (raw && typeof raw === 'object' ? raw : {});
@@ -90,7 +90,7 @@ export function deployment(raw) {
 }
 /** A project's deployments, newest first: the first says how its latest build went. */
 export async function deployments(t, slug) {
-    const raw = await call(t, 'GET', `/v1/projects/${seg(slug)}/deployments`);
+    const raw = await call(t, 'GET', `/v1/project/${seg(slug)}/deployments`);
     return (Array.isArray(raw) ? raw : [])
         .map(deployment)
         .filter((d) => d.id)
@@ -127,7 +127,7 @@ export async function templates(t) {
  * once, and answers `building` until it is `live` or its build failed.
  */
 export async function fork(t, slug) {
-    return project(await call(t, 'POST', '/v1/projects/fork', { slug }));
+    return project(await call(t, 'POST', '/v1/project/fork', { slug }));
 }
 /** `owner/name` from a clone URL — its last two path segments, without `.git`. */
 export function address(clone) {

package/lib/host.d.ts

@@ -107,6 +107,8 @@ export interface Host {
     browser?: Browser;
     /** The host's sidebar lists Settings' sections and Customize's tabs, so the pages draw neither. */
     sections?: boolean;
+    /** The composer names the model and offers its picker beside the effort: the person turned the model selector on in the host's settings. Absent, the effort alone. */
+    models?: boolean;
     /** The default agents Customize › Agents offers to start from. Absent, none. */
     cast?: readonly Cast[];
     /** Every persona Customize › Agents offers to start from, read when Browse opens. Absent, none. */

package/lib/index.d.ts

@@ -49,7 +49,7 @@ export { href, parse, path, PLACES, route, SESSION, SLUG, type Route, type Scree
  * (`prompt`), the row under an answer (`Reply`), and the side panel (`Panel`
  * over a `Deck` of tabs).
  */
-export { catalog, EFFORTS, FIRST, FREE, grants, isFree, keep, kept, nameOf, reasons, useCatalog, useChoice, useMind, type Choice, type Effort, type Mind } from './mind.ts';
+export { catalog, EFFORTS, FIRST, FREE, grants, isFree, keep, kept, nameOf, useCatalog, useChoice, useMind, type Choice, type Effort, type Mind } from './mind.ts';
 export { ASK, cut, GAP, MEASURE, measure, Prompt, prompt, ROUND, trigger, Tune, useEar, useMention, useUpload, type Chip, type PromptOptions } from './prompt.tsx';
 export { Plus, type Link, type PlusProps, type Row as ShelfRow, type Shelf, type Switch } from './plus.tsx';
 export { BARE, CHAT_MODES, DEV_MODES, gearOf, MODES, useGear, useLanguage, type Gear, type GearState, type Mode as GearMode } from './gear.ts';

package/lib/index.js

@@ -44,7 +44,7 @@ export { href, parse, path, PLACES, route, SESSION, SLUG } from './route.js';
  * (`prompt`), the row under an answer (`Reply`), and the side panel (`Panel`
  * over a `Deck` of tabs).
  */
-export { catalog, EFFORTS, FIRST, FREE, grants, isFree, keep, kept, nameOf, reasons, useCatalog, useChoice, useMind } from './mind.js';
+export { catalog, EFFORTS, FIRST, FREE, grants, isFree, keep, kept, nameOf, useCatalog, useChoice, useMind } from './mind.js';
 export { ASK, cut, GAP, MEASURE, measure, Prompt, prompt, ROUND, trigger, Tune, useEar, useMention, useUpload } from './prompt.js';
 export { Plus } from './plus.js';
 export { BARE, CHAT_MODES, DEV_MODES, gearOf, MODES, useGear, useLanguage } from './gear.js';

package/lib/landing.js

@@ -36,7 +36,7 @@ import { ready, SANDBOX } from './api/places.js';
 import { asHub, isForge, isHub, settle } from './choice.js';
 import { useCached, useKept, usePlaces, useRead } from './data.js';
 import { useHost, useTarget } from './host.js';
-import { useMind } from './mind.js';
+import { level, useMind } from './mind.js';
 import { usePrefs } from './prefs.js';
 import { Publish } from './publish.js';
 import { path } from './route.js';
@@ -231,7 +231,7 @@ export function Landing({ onStarted }) {
                 targetId: place.id,
                 mode,
                 model: mind.model,
-                effort: mind.effort,
+                effort: level(mind.effort),
                 issue,
             });
             setDraft('');
@@ -297,7 +297,7 @@ export function Landing({ onStarted }) {
     };
     /** Start the agent that finds a codebase's environment, and open it: its run is the progress. A refusal is the dialog's to say. */
     const setup = async (repo) => {
-        const run = await start(target, { prompt: SETUP, repo, mode: 'setup', model: mind.model, effort: mind.effort });
+        const run = await start(target, { prompt: SETUP, repo, mode: 'setup', model: mind.model, effort: level(mind.effort) });
         onStarted(run.session);
     };
     /** The codebase a dialog chose, chosen here too. */
@@ -367,7 +367,7 @@ export function Landing({ onStarted }) {
                                     plugins: carry.plugins,
                                     devices,
                                     memory: { on: carry.gear.gear.memory, set: (on) => carry.gear.set({ memory: on }) },
-                                }, on: carry.on, slash: carry.skills, at: carry.plugins, mode: carry.mode, where: where, below: _jsx(Suggestions, { rows: hints.rows, onAct: act, onDismiss: hints.dismiss }), mind: mind, limits: limits, onUpgrade: () => host.go(path({ kind: 'screen', screen: 'plans' })), voice: voice, language: prefs.language ?? null, onLanguage: (id) => void savePrefs({ language: id }), talk: talk })] })] }), _jsx(Publish, { source: adding, onClose: () => setAdding(null) }), carry.dialog, codebase ? (_jsx(SetupDialog, { repo: codebase, homes: homes, open: offering, onOpenChange: setOffering, onStart: setup, onRepo: choose, onSaved: () => {
+                                }, on: carry.on, slash: carry.skills, at: carry.plugins, mode: carry.mode, where: where, below: _jsx(Suggestions, { rows: hints.rows, onAct: act, onDismiss: hints.dismiss }), model: host.models ? mind : null, effort: mind, limits: limits, onUpgrade: () => host.go(path({ kind: 'screen', screen: 'plans' })), voice: voice, language: prefs.language ?? null, onLanguage: (id) => void savePrefs({ language: id }), talk: talk })] })] }), _jsx(Publish, { source: adding, onClose: () => setAdding(null) }), carry.dialog, codebase ? (_jsx(SetupDialog, { repo: codebase, homes: homes, open: offering, onOpenChange: setOffering, onStart: setup, onRepo: choose, onSaved: () => {
                     setOffering(false);
                     env.reload();
                 } })) : null] }));

package/lib/merge.d.ts

@@ -42,7 +42,7 @@ export interface Project {
     synced: string;
     /** Its link's state: `synced`, `conflict`, `pending`, `paused`, `linked` when its forge copy could not be read; '' with no link. */
     status: string;
-    /** The org's project (GET /v1/projects) that builds from it, by slug, or ''. */
+    /** The org's project (GET /v1/project) that builds from it, by slug, or ''. */
     slug: string;
     /** The name GitHub's listing says it takes on the forge once brought there, or ''. */
     codebase: string;
@@ -124,7 +124,7 @@ export interface Linked {
     status: string;
     branch: string;
 }
-/** One of the org's projects (GET /v1/projects) that builds from a repository. */
+/** One of the org's projects (GET /v1/project) that builds from a repository. */
 export interface Site {
     slug: string;
     /** Its clone address. */

package/lib/mind.d.ts

@@ -1,12 +1,14 @@
 import { type Target } from './api/call.ts';
 import { type Model } from './api/models.ts';
-export type Effort = 'low' | 'medium' | 'high';
-/** The efforts, in English and marked (`phrase`): the composer draws each word through `t`. */
+export type Effort = 'auto' | 'high' | 'xhigh' | 'max';
+/** The efforts, in order, in English and marked (`phrase`): the composer draws each word through `t`. */
 export declare const EFFORTS: readonly {
     id: Effort;
     label: string;
     note: string;
 }[];
+/** The effort a coding run names (apps/coding takes low, medium or high): medium for Auto, high for the rest. */
+export declare const level: (effort: Effort) => 'medium' | 'high';
 /** What a person chose: the model (Enso routes) and the effort. */
 export interface Choice {
     model: string;
@@ -17,14 +19,12 @@ export declare const FIRST: Choice;
 export declare const FREE = "enso-free";
 /** Whether a plan grants only the free lane. An unknown plan is not taken for Free. */
 export declare const isFree: (plan: string | null | undefined) => boolean;
-/** The kept choice, Enso and Medium where nothing is kept. Stable while the stored text is. */
+/** The kept choice, Enso and Auto where nothing is kept. Stable while the stored text is. Low and Medium, offered once, read as Auto. */
 export declare function kept(): Choice;
 /** Keep a change, in this browser, for every surface that reads it. */
 export declare function keep(patch: Partial<Choice>): void;
 /** The kept choice and the way to change it. The server and the first render read the default. */
 export declare function useChoice(): readonly [Choice, (patch: Partial<Choice>) => void];
-/** Whether `model` takes an effort: the router and an undescribed model do, a listed one only if it reasons. */
-export declare function reasons(model: string, catalog: readonly Model[]): boolean;
 /** A model's name as the catalog spells it; Enso for the router. */
 export declare function nameOf(model: string, catalog: readonly Model[]): string;
 /** An id said as a name: its last path part, each word capitalised (`enso-flash` → Enso Flash). */

package/lib/mind.js

@@ -5,16 +5,20 @@
  *   GET /v1/models   the catalog, read once per platform and shared
  *   hanzo.mind       the person's choice, in this browser: {model, effort}
  *
- * Effort is on the chip and the model is one press in. Enso routes every ask —
- * a message in Chat, a step in Dev — so naming a model is an override, and the
- * panel says so before it offers one. A premium model is picked for the screen
- * it was picked on (`usePick`) and never kept, so the next conversation or run
- * opens on what was kept, Enso until something else is.
+ * The effort is always under the composer; the model chip only where the host
+ * shows it (Hanzo's Advanced settings › model selector, `Host.models`). Enso
+ * routes every ask — a message in Chat, a step in Dev — so naming a model is an
+ * override, and the panel says so before it offers one. A premium model is
+ * picked for the screen it was picked on (`usePick`) and never kept, so the next
+ * conversation or run opens on what was kept, Enso until something else is.
  *
- * The efforts are the set both planes take: `reasoning_effort` on a completion
- * and `effort` on a coding run (apps/coding `efforts`). A model the catalog
- * lists as not reasoning offers none; Enso and a model the catalog does not
- * describe offer all three.
+ * The efforts are Auto, High, XHigh and Max, Chat's words (Hanzo's
+ * ThinkingEffort), Auto until another is chosen. A coding run takes low, medium
+ * or high (apps/coding `efforts`), so `level` is what a run names: medium for
+ * Auto, what a run took before anyone chose, and high for the rest, the most it
+ * takes. Auto names one rather than none, because a run that names none takes
+ * an effort the person saved to their account once (apps/coding start.go) and
+ * no screen shows any more.
  */
 import { phrase } from '@hanzo/i18n';
 import { parseModels } from '@hanzo/ui/models/catalog';
@@ -22,13 +26,16 @@ import { useEffect, useState, useSyncExternalStore } from 'react';
 import { Refusal } from './api/call.js';
 import { ENSO, models as read } from './api/models.js';
 import { usePick } from './pick.js';
-/** The efforts, in English and marked (`phrase`): the composer draws each word through `t`. */
+/** The efforts, in order, in English and marked (`phrase`): the composer draws each word through `t`. */
 export const EFFORTS = [
-    { id: 'low', label: phrase('Low'), note: phrase('A quick pass') },
-    { id: 'medium', label: phrase('Medium'), note: phrase('Thinks before it answers') },
-    { id: 'high', label: phrase('High'), note: phrase('Slow and careful, for hard problems') },
+    { id: 'auto', label: phrase('Auto'), note: phrase('Adaptive reasoning based on task complexity') },
+    { id: 'high', label: phrase('High'), note: phrase('Deep reasoning for complex problems') },
+    { id: 'xhigh', label: phrase('XHigh'), note: phrase('Extended multi-step reasoning for hard tasks') },
+    { id: 'max', label: phrase('Max'), note: phrase('Maximum compute and exhaustive verification') },
 ];
-export const FIRST = { model: ENSO, effort: 'medium' };
+/** The effort a coding run names (apps/coding takes low, medium or high): medium for Auto, high for the rest. */
+export const level = (effort) => (effort === 'auto' ? 'medium' : 'high');
+export const FIRST = { model: ENSO, effort: 'auto' };
 /** What Free answers on: the catalog's free lane, Enso's first. `free` is an alias of it. */
 export const FREE = 'enso-free';
 /** Whether a plan grants only the free lane. An unknown plan is not taken for Free. */
@@ -49,7 +56,7 @@ let raw;
 let held = FIRST;
 /** A choice the browser would not store, held for the page. */
 let memo = null;
-/** The kept choice, Enso and Medium where nothing is kept. Stable while the stored text is. */
+/** The kept choice, Enso and Auto where nothing is kept. Stable while the stored text is. Low and Medium, offered once, read as Auto. */
 export function kept() {
     if (memo)
         return memo;
@@ -74,7 +81,8 @@ export function kept() {
 }
 /** Keep a change, in this browser, for every surface that reads it. */
 export function keep(patch) {
-    const next = { ...kept(), ...patch };
+    const was = kept();
+    const next = { ...was, ...patch, effort: patch.effort === undefined ? was.effort : effortOf(patch.effort) };
     try {
         store()?.setItem(KEY, JSON.stringify(next));
         memo = null;
@@ -98,13 +106,6 @@ function subscribe(change) {
 export function useChoice() {
     return [useSyncExternalStore(subscribe, kept, () => FIRST), keep];
 }
-/** Whether `model` takes an effort: the router and an undescribed model do, a listed one only if it reasons. */
-export function reasons(model, catalog) {
-    if (model === ENSO)
-        return true;
-    const row = catalog.find((m) => m.id === model);
-    return !row || row.supports_reasoning === true;
-}
 /** A model's name as the catalog spells it; Enso for the router. */
 export function nameOf(model, catalog) {
     if (model === ENSO)

package/lib/plugins/index.d.ts

@@ -2,7 +2,7 @@
  * The plugins the composer offers, from `+` › Plugins and by typing `@`: only
  * those that run for this person, each on Hanzo's own services.
  *
- *   Work in a project   the org has a project (GET /v1/projects)
+ *   Work in a project   the org has a project (GET /v1/project)
  *   Deep research       signed in: web search, page reading and a Hanzo model, as the person
  *   Sketch              always: it draws in the page
  *   Template Creator    an org admin: only an admin writes the org's skills

package/lib/plugins/project.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Work in a project: pick one of the org's projects (GET /v1/projects). A
+ * Work in a project: pick one of the org's projects (GET /v1/project). A
  * conversation does not belong to a project — work in one is a Dev run tagged
  * with it — so a message in the composer starts a Dev run on the picked project
  * (POST /v1/agent/coding, the person's saved model) and opens it; with nothing

package/lib/project.js

@@ -64,7 +64,7 @@ import { useKept, useProjects, useRead, useRun } from './data.js';
 import { Merge } from './git.js';
 import { Gutter } from './gutter.js';
 import { useHost, useTarget } from './host.js';
-import { useMind } from './mind.js';
+import { level, useMind } from './mind.js';
 import { Out } from './out.js';
 import { Prompt, useEar } from './prompt.js';
 import { useSpoken } from './voice.js';
@@ -353,7 +353,7 @@ export function Project({ at }) {
                 mode,
                 // Enso named as itself: a run that names none takes the person's saved coding default.
                 model: mind.model,
-                effort: mind.effort,
+                effort: level(mind.effort),
             });
             setDraft('');
             setPicked([]);
@@ -424,7 +424,7 @@ export function Project({ at }) {
                                                     ? t('{repo} is open on {branch}. Say what to change and it gets built there.', { repo: `${named.org}/${named.name}`, branch: home })
                                                     : t('{name} is loaded. Say what to change and it gets built.', { name: slug }) })) : (ordered.map((r) => (_jsxs(YStack, { gap: "$2", children: [_jsx(Turn, { run: r, open: r.id === current, onOpen: () => setChosen(r.id), project: slug }), r.id === current ? (_jsxs(YStack, { gap: "$1", paddingInlineStart: "$2", borderInlineStartWidth: 1, borderColor: "$borderColor", children: [fold(run.events.map((e) => ({ kind: e.kind, actor: who(e.actor), seq: e.seq, id: e.id, text: said(e, run.record?.mode, t) })).filter((b) => b.text)).map((b) => (_jsx(SizableText, { size: "$1", color: "$soft", children: b.text }, b.key))), pr.href ? (_jsxs(XStack, { items: "center", gap: "$2", flexWrap: "wrap", children: [_jsxs(Out, { href: pr.href, label: t('Open pull request {pr}', { pr: pr.label }), children: [_jsx(SizableText, { size: "$1", color: "$ink", textDecorationLine: "underline", children: t('Pull request {pr}', { pr: pr.label }) }), _jsx(ExternalLink, { size: 11 })] }), _jsx(Merge, { session: r.id, open: proposing, onMerged: merged })] })) : null] })) : null] }, r.id)))) }), _jsxs(YStack, { "data-slot": "project-ask", px: "$3", pb: "$3", gap: "$2", minW: 0, $md: { pr: 0 }, children: [note ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note })) : null, picked.length ? _jsx(Attachments, { items: picked, onRemove: () => setPicked([]) }) : null, attached.length ? (_jsx(XStack, { gap: 6, flexWrap: "wrap", children: _jsx(Files, { files: attached, onFiles: setAttached }) })) : null, _jsx(Prompt, { framed: true, value: draft, onChange: setDraft, onSend: () => void (current && running ? steer(current) : send()), onStop: current
                             ? () => void stop(target, current).then(() => setNote(t('Stop requested — the run keeps its work on its branch')), (e) => setNote(e.message))
-                            : undefined, busy: busy || (running && !draft.trim()), placeholder: running ? t('Steer this run') : t('Ask Hanzo for edits'), label: t('Ask Hanzo for edits'), plus: { upload: () => pick(attached, setAttached, setNote, t) }, mode: running ? null : { value: mode === 'plan' ? 'plan' : 'auto', set: (m) => setMode(m === 'plan' ? 'plan' : 'build'), items: ['auto', 'plan'] }, mind: running ? null : mind, voice: voice })] }), wide && !shut ? (_jsx(Gutter, { side: "left", span: across, floor: CHAT_FLOOR, ceil: most, reset: CHAT_WIDTH, onSpan: setSplit, label: t('Resize the chat'), gap: GUTTER })) : null] }));
+                            : undefined, busy: busy || (running && !draft.trim()), placeholder: running ? t('Steer this run') : t('Ask Hanzo for edits'), label: t('Ask Hanzo for edits'), plus: { upload: () => pick(attached, setAttached, setNote, t) }, mode: running ? null : { value: mode === 'plan' ? 'plan' : 'auto', set: (m) => setMode(m === 'plan' ? 'plan' : 'build'), items: ['auto', 'plan'] }, model: running || !host.models ? null : mind, effort: running ? null : mind, voice: voice })] }), wide && !shut ? (_jsx(Gutter, { side: "left", span: across, floor: CHAT_FLOOR, ceil: most, reset: CHAT_WIDTH, onSpan: setSplit, label: t('Resize the chat'), gap: GUTTER })) : null] }));
     // The preview stays loaded while another view is open, so coming back to it
     // is the page as it was left.
     const preview = (_jsxs(YStack, { "data-slot": "preview", flex: 1, minH: 0, minW: 0, gap: "$2", display: view === 'preview' ? 'flex' : 'none', children: [_jsxs(XStack, { "data-slot": "preview-bar", items: "center", gap: "$1.5", minW: 0, shrink: 0, "$max-md": { px: '$2' }, children: [_jsx(XStack, { render: "button", "aria-label": t('Reload the preview'), onPress: () => frame.current?.reload(), p: "$1.5", rounded: "$3", hoverStyle: { bg: '$hover' }, children: _jsx(RefreshCcw, { size: 16 }) }), _jsx(PageSelect, { pages: pages, value: page, onChange: setPage, shrink: 1 }), _jsx(XStack, { flex: 1 }), _jsx(Views, { views: DEVICES, value: device, onChange: (d) => setDevice(d), label: t('Device'), labels: "none" }), src ? (_jsx(Out, { href: src, label: t('Open in a new tab'), children: _jsx(XStack, { p: "$1.5", rounded: "$3", hoverStyle: { bg: '$hover' }, children: _jsx(ExternalLink, { size: 16 }) }) })) : null] }), _jsx(PreviewFrame, { ref: frame, src: src, title: t('{title} preview', { title }), device: device, onBridge: onBridge, empty: _jsxs(YStack, { items: "center", gap: "$2", p: "$6", children: [_jsx(SizableText, { size: "$3", color: "$ink", children: stalled

package/lib/prompt.d.ts

@@ -57,8 +57,10 @@ export interface PromptOptions {
     /** Above the frame, at its width: what the draft is sent with. */
     head?: ReactNode;
     field?: ComposerProps['field'];
-    /** The model and effort. Null where the next send uses neither (steering a run). */
-    mind?: Mind | null;
+    /** The model chip: given only where the person turned the model selector on (the host's setting). Absent, no model is named. */
+    model?: Mind | null;
+    /** The effort selector (Auto, High, XHigh, Max). Null where the next send takes none (steering a run). */
+    effort?: Mind | null;
     limits?: PauseSource | null;
     /** A model the plan does not grant was asked for: the way to the plan that does. */
     onUpgrade?: (model: string) => void;
@@ -94,9 +96,10 @@ export interface PromptOptions {
     /** A phone: suggestions go above the frame and every target is 44px. */
     narrow?: boolean;
 }
-/** The row under the frame: where (Dev), then the model, the effort and the mode. */
-export declare function Tune({ mind, mode, where, onUpgrade, limits }: {
-    mind?: Mind | null;
+/** The row under the frame: where (Dev), then the model where the host shows it, the effort and the mode. */
+export declare function Tune({ model, effort, mode, where, onUpgrade, limits, }: {
+    model?: Mind | null;
+    effort?: Mind | null;
     mode?: PromptOptions['mode'];
     where?: ReactNode;
     onUpgrade?: (model: string) => void;

package/lib/prompt.js

@@ -6,10 +6,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * one round button that is voice mode while the draft is empty, send once it
  * has words, and stop while a turn runs. Nothing else is in the frame.
  *
- * Under the frame, at its end, one quiet row: the model, the effort (dim) and
- * the mode as a pill, each opening its choices; Dev puts where the run goes
- * and its repository at the row's start (`where`). Under that, the person's
- * suggestions (`below`; above the frame on a phone).
+ * Under the frame, at its end, one quiet row: the model (only where the host
+ * shows it), the effort (dim) and the mode as a pill, each opening its choices;
+ * Dev puts where the run goes and its repository at the row's start (`where`).
+ * Under that, the person's suggestions (`below`; above the frame on a phone).
  *
  * `/` opens the skills and `@` the plugins, in a list just above the frame.
  *
@@ -37,7 +37,7 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { ENSO } from './api/models.js';
 import { MODES } from './gear.js';
 import { Dictation } from './mic.js';
-import { EFFORTS, grants, nameOf, reasons, ROUTER_IDS } from './mind.js';
+import { EFFORTS, grants, nameOf, ROUTER_IDS } from './mind.js';
 import { Plus } from './plus.js';
 import { english } from './say.js';
 /** The reading measure: @hanzo/design's prose width, which Width (appearance) retunes. */
@@ -119,15 +119,14 @@ function Model({ mind, onUpgrade, limits }) {
                                         return (_jsx(DropdownMenuItem, { "data-slot": "model-row", "data-model": m.id, "data-paused": paused ? 'true' : undefined, onSelect: () => (ok ? mind.pick(m.id) : onUpgrade?.(m.id)), children: _jsxs(XStack, { flex: 1, items: "center", gap: 8, children: [_jsx(SizableText, { fontSize: 14, color: ok ? '$ink' : '$hint', numberOfLines: 1, flex: 1, children: nameOf(m.id, mind.models) }), ok ? null : (_jsx(SizableText, { fontSize: 12, color: "$hint", px: 6, py: 1, rounded: 6, borderWidth: 1, borderColor: "$borderColor", children: t('Upgrade') })), ok && paused ? (_jsx(SizableText, { fontSize: 12, color: "$hint", children: t('Paused') })) : null, m.id === mind.model ? _jsx(Check, { size: 14, color: "var(--primary)", "aria-hidden": true }) : null] }) }, m.id));
                                     })] }, g.key))), more > 0 ? (_jsx(SizableText, { fontSize: 12, color: "$hint", px: 8, py: 8, children: t('Type to search {count} more models', { count: more }) })) : null] })] })] }));
 }
-/** The row under the frame: where (Dev), then the model, the effort and the mode. */
-export function Tune({ mind, mode, where, onUpgrade, limits }) {
+/** The row under the frame: where (Dev), then the model where the host shows it, the effort and the mode. */
+export function Tune({ model, effort, mode, where, onUpgrade, limits, }) {
     const { t } = useI18n();
-    const thinks = mind ? reasons(mind.model, mind.models) : false;
-    const pace = mind ? EFFORTS.find((e) => e.id === mind.effort) : null;
+    const pace = effort ? EFFORTS.find((e) => e.id === effort.effort) : null;
     const now = mode ? MODES.find((m) => m.id === mode.value) : undefined;
     const way = now ? t(now.label) : '';
-    return (_jsxs(XStack, { "data-slot": "tune", width: "100%", items: "center", gap: 2, flexWrap: "wrap", rowGap: 4, children: [where ? (_jsx(XStack, { items: "center", gap: 2, flexWrap: "wrap", minW: 0, "$max-sm": { width: '100%' }, children: where })) : null, _jsx(XStack, { flex: 1, "$max-sm": { display: 'none' } }), _jsxs(XStack, { items: "center", gap: 2, marginInlineStart: "auto", shrink: 0, children: [mind ? _jsx(Model, { mind: mind, onUpgrade: onUpgrade, limits: limits }) : null, mind && thinks && pace ? (_jsx(Opens, { label: t('Effort: {level}', { level: t(pace.label) }), word: t(pace.label), dim: true, children: (close) => (_jsx(Choices, { title: t('Effort'), items: EFFORTS, value: mind.effort, onPick: (e) => {
-                                mind.pace(e);
+    return (_jsxs(XStack, { "data-slot": "tune", width: "100%", items: "center", gap: 2, flexWrap: "wrap", rowGap: 4, children: [where ? (_jsx(XStack, { items: "center", gap: 2, flexWrap: "wrap", minW: 0, "$max-sm": { width: '100%' }, children: where })) : null, _jsx(XStack, { flex: 1, "$max-sm": { display: 'none' } }), _jsxs(XStack, { items: "center", gap: 2, marginInlineStart: "auto", shrink: 0, children: [model ? _jsx(Model, { mind: model, onUpgrade: onUpgrade, limits: limits }) : null, effort && pace ? (_jsx(Opens, { label: t('Effort: {level}', { level: t(pace.label) }), word: t(pace.label), dim: true, children: (close) => (_jsx(Choices, { title: t('Effort'), items: EFFORTS, value: effort.effort, onPick: (e) => {
+                                effort.pace(e);
                                 close();
                             } })) })) : null, mode ? (_jsxs(Popover, { allowFlip: true, placement: "top-end", children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(XStack, { render: "button", "data-slot": "mode", "aria-label": t('Mode: {mode}', { mode: way }), items: "center", height: 24, px: 8, marginInlineStart: 4, rounded: 6, bg: "$hover", cursor: "pointer", hoverStyle: { bg: '$raised' }, focusVisibleStyle: { outlineColor: '$outlineColor', outlineWidth: 2, outlineStyle: 'solid' }, "$max-sm": { height: 44, px: 12 }, children: _jsx(SizableText, { fontSize: 14, color: "$ink", children: way }) }) }), _jsx(PopoverContent, { solid: true, p: 6, width: 288, maxW: "calc(100vw - 24px)", children: _jsx(Choices, { title: t('Mode'), items: mode.items ? MODES.filter((m) => mode.items.includes(m.id)) : MODES, value: mode.value, onPick: mode.set }) })] })) : null] })] }));
 }
@@ -163,7 +162,7 @@ export function prompt(o, state) {
     };
     const mention = listed && shelf && typed ? (_jsx(Mention, { shelf: shelf, rows: listed, index: index, onPick: choose, skills: typed.char === '/' })) : null;
     const head = o.head || o.note || mention || (narrow && o.below) ? (_jsxs(YStack, { ...measure, gap: "$1.5", "data-slot": "prompt-head", children: [narrow ? o.below : null, o.head, mention, o.note ? (_jsx(SizableText, { "data-slot": "prompt-note", fontSize: 12, color: "$soft", text: "center", self: "center", children: o.note })) : null] })) : undefined;
-    const foot = o.mind || o.mode || o.where || (!narrow && o.below) ? (_jsxs(YStack, { ...measure, gap: 10, "data-slot": "prompt-foot", children: [_jsx(Tune, { mind: o.mind, mode: o.mode, where: o.where, onUpgrade: o.onUpgrade, limits: o.limits }), narrow ? null : o.below] })) : undefined;
+    const foot = o.model || o.effort || o.mode || o.where || (!narrow && o.below) ? (_jsxs(YStack, { ...measure, gap: 10, "data-slot": "prompt-foot", children: [_jsx(Tune, { model: o.model, effort: o.effort, mode: o.mode, where: o.where, onUpgrade: o.onUpgrade, limits: o.limits }), narrow ? null : o.below] })) : undefined;
     const round = (_jsx(Control, { type: "button", size: narrow ? TAP : ROUND, fill: true, rounded: 999, "data-slot": "composer-send", "aria-label": t(busy ? 'Stop' : 'Send'), "aria-disabled": !live || undefined, opacity: live ? 1 : 0.4, onClick: () => {
             if (!live)
                 return;

package/lib/run.js

@@ -41,7 +41,7 @@ import { verdict } from './api/verdict.js';
 import { useKept, useProjects, useRead, useRun } from './data.js';
 import { Desk, SEED } from './desk.js';
 import { useHost, useTarget } from './host.js';
-import { useMind } from './mind.js';
+import { level, useMind } from './mind.js';
 import { Out } from './out.js';
 import { Gutter } from './gutter.js';
 import { gap, pane } from './pane.js';
@@ -206,7 +206,7 @@ export function Run({ id }) {
      * itself: a run that names none takes the person's saved coding default
      * (apps/coding start.go), which is not what the composer shows.
      */
-    const tuned = (a) => ({ ...a, model: mind.model, effort: mind.effort });
+    const tuned = (a) => ({ ...a, model: mind.model, effort: level(mind.effort) });
     // A setup run's work IS its environment: the panel opens on it.
     useEffect(() => {
         if (mode === 'setup')
@@ -386,7 +386,7 @@ export function Run({ id }) {
                                                     ...(busy || waiting ? ['pause', 'resume', 'stop'] : []),
                                                 ] }), _jsx(Button, { size: "sm", disabled: notify, onPress: () => void ask(), children: notify ? say('You will be notified') : say('Notify me') })] })) : null] }), _jsx(Prompt, { framed: true, value: draft, onChange: setDraft, onSend: send, ready: Boolean(draft.trim()), disabled: !signed || busy || waiting || !(running || finished), placeholder: placeholder, label: steering ? say('Steer this run') : say('Follow up on this run'), head: files.length ? _jsx(XStack, { gap: "$1.5", flexWrap: "wrap", children: _jsx(Files, { files: files, onFiles: setFiles }) }) : undefined, plus: { upload: () => pick(files, setFiles, setNote, say) }, 
                                 // What a new run from here is made with; words that steer this run use neither.
-                                mind: signed && !steering ? mind : null, limits: limits, voice: voice })] })] }), desk && !wide ? desk_(true) : null, desk && wide ? (_jsxs(YStack, { "data-slot": "desk", ref: split.aside, ...pane, 
+                                model: signed && !steering && host.models ? mind : null, effort: signed && !steering ? mind : null, limits: limits, voice: voice })] })] }), desk && !wide ? desk_(true) : null, desk && wide ? (_jsxs(YStack, { "data-slot": "desk", ref: split.aside, ...pane, 
                 // A pane of its own beside the run's, the gutter between them (useSplit reads it as the inline-start margin).
                 marginInlineStart: gap, position: "relative", shrink: 0, minH: 0, style: split.asideStyle, children: [split.grip ? (_jsx(Gutter, { ...split.grip, label: say('Resize the side panel'), inset: pane.borderWidth })) : null, _jsx(SideProvider, { value: split.side, children: desk_(false) })] })) : null, _jsx(Dialog, { open: naming, onOpenChange: setNaming, children: _jsxs(DialogContent, { maxW: 480, children: [_jsx(DialogTitle, { children: say('Rename this run') }), _jsx(Input, { autoFocus: true, value: name, onChangeText: setName, "aria-label": say('The run’s name'), maxLength: 512, onKeyDown: (e) => {
                                 if (e.key === 'Enter')

package/lib/settings/code.js

@@ -60,7 +60,7 @@ export function Code() {
     // The choices in the reader's words, kept by id.
     const efforts = EFFORTS.map((e) => ({ ...e, label: t(e.label) }));
     const modes = MODES.map((m) => ({ ...m, label: t(m.label), hint: t(m.hint) }));
-    const effort = efforts.find((e) => e.id === choice.effort);
+    const effort = efforts.find((e) => e.id === choice.effort) ?? efforts[0];
     const mode = modes.find((m) => m.id === now.mode);
     return (_jsxs(YStack, { gap: "$6", children: [_jsx(Heading, { title: t('Code'), detail: t('How a new run starts. The model and effort are the ones Chat uses too.') }), _jsxs(Group, { title: t('Defaults'), children: [_jsxs(Card, { children: [_jsx(Row, { first: true, title: t('Model'), detail: t('Enso picks one for each step; any other model runs them all.'), trailing: _jsx(ModelPicker, { size: "sm", name: t('Default model'), models: offered, scope: "chat", value: choice.model || ENSO, onChange: (id) => choose({ model: id }), loading: catalog.loading, error: catalog.error }) }), _jsx(Row, { title: t('Effort'), detail: t('How long the agent thinks before it acts.'), trailing: _jsx(ChipSelect, { name: t('Default effort'), label: effort.label, chosen: effort, items: efforts, onChange: (e) => choose({ effort: e.id }), placement: "bottom-end", width: 180 }) }), _jsx(Row, { title: t('Mode'), detail: mode.hint, trailing: _jsx(ChipSelect, { name: t('Default mode'), label: mode.label, chosen: mode, items: modes, onChange: (m) => keep({ mode: m.id }), placement: "bottom-end", width: 260 }) }), _jsx(Row, { title: t('Where it runs'), detail: t('The Hanzo sandbox, or one of your organization’s machines.'), trailing: _jsx(ChipSelect, { name: t('Default place'), label: place.label, chosen: place, items: where, onChange: (w) => keep({ place: w.place }), placeholder: t('Search machines…'), placement: "bottom-end", loading: places.loading, error: places.error ? told(places.error, t) : null }) })] }), _jsx(Note, { children: unhonoured(now.mode, now.place, t) })] }), _jsx(Group, { title: t('Workspace'), children: _jsxs(Card, { children: [_jsx(Row, { first: true, title: t('Environments'), detail: t('What a run installs and starts in each codebase, and the secrets it exports.'), trailing: _jsx(Link, { label: t('Open Environments'), onPress: () => go('environments') }) }), _jsx(Row, { title: t('Machines'), detail: t('Your organization’s own computers that take runs.'), trailing: _jsx(Link, { label: t('Open Machines'), onPress: () => go('machines') }) })] }) }), _jsx(Note, { children: note })] }));
 }

package/lib/shelf.js

@@ -3,9 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Two shelves: the sites this org has deployed (Sites, drawn at the foot of the
  * Library — library.tsx), and the public starters (Templates).
  *
- * A project is a real row — `/v1/projects`, the same one a deployed site is
+ * A project is a real row — `/v1/project`, the same one a deployed site is
  * served from — so opening one opens its workspace at its own address. A
- * starter is taken as a COPY of its own repository (`POST /v1/projects/fork`),
+ * starter is taken as a COPY of its own repository (`POST /v1/project/fork`),
  * so what opens is that template, not a model's imitation of it.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.81",
+  "version": "0.2.83",
   "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.",