@volter/world-console 2.0.7 → 2.0.9

package/dist/client/console.tsx

@@ -429,7 +429,7 @@ type Diff = { base: { id: string; at: string | null }; changes: Array<{ twin: st
 type Branch = { name: string; at?: { instant?: string }; createdAt: string; expiresAt: string | null };
 /** The branches door: the host's snapshots of this World, and the World's own named branches (`volter world branch`),
  *  one of which, `checkedOut`, is the one this serve holds. */
-type BranchesDoor = { branches: Branch[]; checkedOut?: string; named?: Array<{ name: string; running: boolean }> };
+type BranchesDoor = { branches: Branch[]; checkedOut?: string; named?: Array<{ name: string; running: boolean }>; canServe?: boolean };
 /** What the World's session answered: its scope; `unknown` when the host has no session door (a write then says). */
 type Scope = 'pending' | 'read' | 'write' | 'unknown';
 
@@ -936,6 +936,15 @@ function BranchList({ name, token, canWrite, branches, opens, note, remove, onCh
   const list = branches.state === 'ok' ? branches.data.branches : [];
   const [making, setMaking] = useState(false); const [busy, setBusy] = useState(false); const [error, setError] = useState<string | null>(null);
   const [label, setLabel] = useState(''); const [when, setWhen] = useState<'now' | 'at'>('now'); const [at, setAt] = useState(''); const [hours, setHours] = useState('24');
+  // SERVE ANOTHER of the World's own branches here: the World switches under this page, which then reads it afresh
+  const [serving, setServing] = useState<string | null>(null); const [serveError, setServeError] = useState<string | null>(null);
+  const serveHere = async (branch: string): Promise<void> => {
+    setServing(branch); setServeError(null);
+    const r = await door(token, `/-/${name}/branches/${encodeURIComponent(branch)}/serve`, { method: 'POST' }).catch(() => null);
+    if (r?.ok) { location.reload(); return; }
+    setServing(null);
+    setServeError(r ? ((await r.json().catch(() => null)) as { error?: string } | null)?.error ?? `${r.status}` : `${ORIGIN} did not answer`);
+  };
   // made here: kept with its tokens so it opens in this tab; not `made` (a snapshot's "Return to live" never removes it: it lives as long as it was given)
   const make = async (body: Record<string, unknown>, opened: string): Promise<{ name: string } | string> => {
     const r = await door(token, `/-/${name}/branches`, { method: 'POST', body: JSON.stringify(body) }).catch(() => null);
@@ -1010,15 +1019,17 @@ function BranchList({ name, token, canWrite, branches, opens, note, remove, onCh
       ) : null}
       {branches.state === 'ok' && (branches.data.named?.length ?? 0) > 0 ? (
         <>
-        <p className="lede">This World's own branches (<code>volter world branch</code>). One runs at a time; this page shows the one served here. Another is served by stopping this serve, <code>volter world checkout &lt;branch&gt;</code>, and serving again.</p>
+        <p className="lede">This World's own branches (<code>volter world branch</code>). One runs at a time; {branches.data.canServe ? <>“Serve here” stops this one's twins and serves that one in its place.</> : <>this host serves one of them; another is served by <code>volter world checkout &lt;branch&gt;</code> where the World lives, then serving again.</>}</p>
+        {serveError ? <p role="alert">{serveError}</p> : null}
         <div className="block">
           <table className="dense" aria-label="World branches">
-            <thead><tr><th>Branch</th><th>State</th></tr></thead>
+            <thead><tr><th>Branch</th><th>State</th><th /></tr></thead>
             <tbody>
               {branches.data.named!.map((b) => (
                 <tr key={b.name}>
                   <td><b>{b.name}</b>{b.name === branches.data.checkedOut ? <> <span className="badge">served here</span></> : null}</td>
                   <td className="mode">{b.running ? 'running' : 'stopped'}</td>
+                  <td className="num row-actions">{canWrite && branches.data.canServe && b.name !== branches.data.checkedOut ? <button type="button" disabled={serving !== null} onClick={() => void serveHere(b.name)}>{serving === b.name ? 'Switching…' : 'Serve here'}</button> : null}</td>
                 </tr>
               ))}
             </tbody>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volter/world-console",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "The dashboard of Volter World: a World's pages, the same on a laptop, a self-hosted host and the hosted cloud — mounted by the host at /-/console/. A pure frontend over the World's own doors; its kit (./kit) is the pieces the platform's pages share.",
   "type": "module",
   "exports": {
@@ -23,8 +23,8 @@
     "react-dom": "^19.2.7"
   },
   "devDependencies": {
-    "@volter/world-host": "2.0.11",
-    "@volter/world-runtime": "2.0.12",
+    "@volter/world-host": "2.0.14",
+    "@volter/world-runtime": "2.0.15",
     "@volter/world-tooling": "0.1.0",
     "@types/bun": "^1.2.20",
     "@types/node": "^24.0.0",