@galda/cli 0.10.0

package/app/theme.css

@@ -0,0 +1,126 @@
+/* ============================================================================
+   Agent Manager — DESIGN TOKENS & THEME  (owned by the design/CDO role)
+   ----------------------------------------------------------------------------
+   This is the ONLY file the design role edits. Colors, fonts, shadows, spacing
+   scale, and the light/dark palette live here as CSS variables. Every color in
+   the app resolves through these tokens (no hard-coded colors in index.html), so
+   :root = W4 "white" default and body[data-theme="dark"] swaps the whole palette
+   (and the two fonts) with no per-rule overrides. --iri (the iridescent gradient)
+   is identical in both themes: it is the AI signature (logo + send), never a
+   general accent. Layout/structure CSS + HTML + JS live in index.html (impl role).
+   Source of truth: docs/design/DESIGN-RULES.md · layout: docs/ux-rework-handoff.md
+   ========================================================================== */
+:root{
+  /* brand fonts FINAL (HANDOFF-v45 §1, Masa確定 2026-07-07): UI = Mona Sans,
+     mono = IBM Plex Mono — one stack for ALL themes (per-theme font overrides
+     removed: they shadowed the brand tokens and reverted the UI to Inter/SF). */
+  --ui:'Mona Sans',-apple-system,system-ui,sans-serif;
+  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
+  --canvas:#e9ebee; --paper:#ffffff; --panel:#ffffff; --surface:#ffffff; --surface2:#f0f2f5; --chip:#d7dbe1;
+  --ink:#1d1d1f; --ink2:#6e6e73; --ink3:#86868b;
+  --tint:20,23,31;
+  --hair:rgba(var(--tint),.10); --hair2:rgba(var(--tint),.16);
+  --glass:rgb(255 255 255 / .72);
+  --green-rgb:10,154,106; --blue-rgb:56,116,214; --amber-rgb:176,120,20; --danger-rgb:200,44,44;
+  --purple-rgb:150,90,220; --glow-rgb:120,150,230;
+  --green:rgb(var(--green-rgb)); --amber:rgb(var(--amber-rgb)); --blue:rgb(var(--blue-rgb)); --danger:rgb(var(--danger-rgb));
+  --iri:linear-gradient(112deg,#b794f6 0%,#7cc4ff 38%,#5ce0c0 72%,#ffd27a 100%);
+  --on-accent:#0a0a0b; --invink:#ffffff;
+  --send-bg:#1d1d1f; --send-ink:#ffffff;
+  --thumbbg:#dfe3e8; --dropline:#1d1d1f;
+  --media-btn:#222; --media-ink:#fff; --media-scrim:rgba(0,0,0,.55);
+  --errbg:rgb(253 237 237 / .96);
+  /* flagship surface tokens (DESIGN-RULES §1.5 layout port): row/control hover fill,
+     softer row hover, queue-tray inner surface. Values = flagship :root (W4). */
+  --hover:rgba(20,23,31,.05); --hover-s:rgba(20,23,31,.045); --surf:rgba(20,23,31,.025);
+}
+/* Theme 3 — Banff (DESIGN-RULES v3 §6.5): scene backdrop behind BLACK glass
+   panels, light ink. Faithful port of flagship internal body[data-theme=4]
+   (panel rgba(12,13,17,.72) / ink #ecebe5 / white hairlines / soft status hues).
+   The backdrop (__bg3 photos/dark scenes) + glass are structural (index.html). */
+body[data-theme="banff"]{
+  --canvas:transparent; --paper:rgba(12,13,17,.78); --panel:rgba(12,13,17,.72); --surface:rgba(255,255,255,.06); --surface2:rgba(12,13,17,.5); --chip:rgba(255,255,255,.10);
+  --ink:#ecebe5; --ink2:#a9a59c; --ink3:#8b887f;
+  --tint:255,255,255;
+  --hair:rgba(var(--tint),.09); --hair2:rgba(var(--tint),.16);
+  --glass:rgba(12,13,17,.6);
+  --green-rgb:79,215,156; --blue-rgb:124,196,255; --amber-rgb:224,180,92; --danger-rgb:240,115,111;
+  --purple-rgb:183,148,246; --glow-rgb:146,180,255;
+  --green:rgb(var(--green-rgb)); --amber:rgb(var(--amber-rgb)); --blue:rgb(var(--blue-rgb)); --danger:rgb(var(--danger-rgb));
+  --on-accent:#0a0a0b; --invink:#0a0a0b;
+  --send-bg:#101014; --send-ink:#ffffff;
+  --thumbbg:#000; --dropline:#fff;
+  --media-btn:#222; --media-ink:#fff; --media-scrim:rgba(0,0,0,.55);
+  --errbg:rgba(60,30,30,.8);
+  /* flagship surface tokens — flagship internal T4 (black glass) values */
+  --hover:rgba(255,255,255,.06); --hover-s:rgba(255,255,255,.05); --surf:rgba(255,255,255,.04);
+}
+/* "dark" is the legacy palette (kept for old layouts only — NOT selectable, v3 §6.5) */
+body[data-theme="dark"],body[data-theme="midnight"],body[data-theme="cinema"]{
+  --canvas:#0a0a0b; --paper:#0d0d0f; --panel:#09090a; --surface:#161619; --surface2:#08080a; --chip:#26262b;
+  --ink:#e9e7e2; --ink2:#a3a097; --ink3:#6b6862;
+  --tint:255,255,255;
+  --hair:rgba(var(--tint),.07); --hair2:rgba(var(--tint),.12);
+  --glass:rgba(22,22,27,.55);
+  --green-rgb:52,211,153; --blue-rgb:124,196,255; --amber-rgb:224,180,92; --danger-rgb:255,120,120;
+  --purple-rgb:183,148,246; --glow-rgb:146,180,255;
+  --on-accent:#0a0a0b; --invink:#0a0a0b;
+  --send-bg:var(--iri); --send-ink:#0a0a0b;
+  --thumbbg:#000; --dropline:#fff;
+  --errbg:rgba(60,30,30,.8);
+  /* flagship surface tokens — flagship internal T5/T6 (dark) values */
+  --hover:rgba(255,255,255,.06); --hover-s:rgba(255,255,255,.05); --surf:rgba(255,255,255,.04);
+}
+/* Theme 4 — Glass: ARCHIVED (v3 §6.5 row 4 / §7 decision log 2026-07-07).
+   Not selectable from any UI; the token block + WebGL pipeline stay dormant/intact
+   so the archive can be revived from the e574 loop without re-porting.
+   Original: 本物ガラス (DESIGN-RULES §6.5 theme 4): WebGL refraction glass.
+   Tokens = flagship internal body[data-theme="3"] with the gs1 クリア白 (clear
+   white, DEFAULT) text values — faithful port, no new colours. The glass slabs
+   themselves are drawn by the #glassgl WebGL pipeline (index.html); DOM panels
+   go transparent there. These tokens carry the white-family ink, hairlines,
+   status hues, the R2 "well" material (--well-*: local re-blur + tint behind
+   dense text) and the shared text-shadow (--tsh). gs2-4 text-style variants
+   override the well/tsh/surface values via body[data-gs] (index.html). */
+body[data-theme="glass"]{
+  --canvas:rgba(8,11,18,.42); --paper:rgba(12,13,17,.78); --panel:rgba(12,13,17,.72); --surface:rgba(255,255,255,.06); --surface2:rgba(12,13,17,.5); --chip:rgba(255,255,255,.10);
+  --ink:#ffffff; --ink2:rgba(255,255,255,.80); --ink3:rgba(255,255,255,.56);
+  --tint:255,255,255;
+  --hair:rgba(255,255,255,.16); --hair2:rgba(255,255,255,.24);
+  --glass:rgba(12,13,17,.6);
+  --green-rgb:102,230,198; --blue-rgb:143,208,255; --amber-rgb:230,192,106; --danger-rgb:255,138,134;
+  --purple-rgb:183,148,246; --glow-rgb:146,180,255;
+  --green:rgb(var(--green-rgb)); --amber:rgb(var(--amber-rgb)); --blue:rgb(var(--blue-rgb)); --danger:rgb(var(--danger-rgb));
+  --on-accent:#0a0a0b; --invink:#0a0a0b;
+  --send-bg:#101014; --send-ink:#ffffff;
+  --thumbbg:#000; --dropline:#fff;
+  --media-btn:#222; --media-ink:#fff; --media-scrim:rgba(0,0,0,.55);
+  --errbg:rgba(60,30,30,.8);
+  /* gs1 クリア白: dark-smoke local wells + clear glass; selection/hover = dark smoke */
+  --hover:rgba(6,9,15,.34); --hover-s:rgba(6,9,15,.26); --surf:rgba(6,9,15,.20);
+  --well-bg:rgba(6,9,15,.36); --well-br:.9; --well-b:9px;
+  --tsh:0 1px 3px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.5);
+}
+/* Gradient — 初期リリースの既定テーマ (DESIGN-RULES v3 §6.5 · Masa 2026-07-07). 背景=端まで
+   全周テーマ色・パネルは白・文字は黒（黒系グラデ選択時は data-arcdark=1 で白反転）。
+   パレット=flagship ARC17[1] Lavender(既定) の実値。忠実な移植（新規創作ではない）。逸脱なし。
+   背景グラデの適用(structural)は index.html 側で --edgeG / --edgeA/B を使って行う。
+   緑/赤は Cinema の Vivid 値 #4fd79c / #f0736f（§6.5: W4の深緑/暗赤は濃すぎる）。 */
+body[data-theme="gradient"]{
+  --edgeA:#C7B5FF; --edgeB:#7C9EFF;   /* Lavender — 背景グラデの両端色 */
+  --canvas:#ece9f6; --paper:#ffffff; --panel:#ffffff; --surface:#ffffff; --surface2:#f4f2fb; --chip:#e4e0f5;
+  --ink:#17181c; --ink2:#4c4d57; --ink3:#6b6c78;
+  --tint:20,23,31;
+  --hair:rgba(var(--tint),.10); --hair2:rgba(var(--tint),.16);
+  --glass:rgb(255 255 255 / .72);
+  --green-rgb:79,215,156; --blue-rgb:37,99,235; --amber-rgb:184,134,11; --danger-rgb:240,115,111;
+  --purple-rgb:150,90,220; --glow-rgb:120,150,230;
+  --green:rgb(var(--green-rgb)); --amber:rgb(var(--amber-rgb)); --blue:rgb(var(--blue-rgb)); --danger:rgb(var(--danger-rgb));
+  --on-accent:#0a0a0b; --invink:#ffffff;
+  --send-bg:#1d1d1f; --send-ink:#ffffff;
+  --thumbbg:#e6e2f2; --dropline:#1d1d1f;
+  --media-btn:#222; --media-ink:#fff; --media-scrim:rgba(0,0,0,.55);
+  --errbg:rgb(253 237 237 / .96);
+  /* flagship surface tokens — same ink-based values as W4 (panels stay white on Arc) */
+  --hover:rgba(20,23,31,.05); --hover-s:rgba(20,23,31,.045); --surf:rgba(20,23,31,.025);
+}

package/bin/manager-for-ai.mjs

@@ -0,0 +1,76 @@
+#!/usr/bin/env node
+// Galda — one-line launcher
+//
+//   npx galda
+//
+// Checks the environment, starts the local server, prints (and opens) the
+// keyed URL. State lives in ~/.manager-for-ai (never in the npx cache).
+
+import { spawnSync } from 'node:child_process';
+import { existsSync } from 'node:fs';
+import { join, resolve, dirname } from 'node:path';
+import { fileURLToPath, pathToFileURL } from 'node:url';
+
+const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), '..');
+const say = (m) => console.log(`[galda] ${m}`);
+// On Windows the `claude`/`ffmpeg` executables are .cmd/.ps1 shims that a bare
+// spawnSync can't resolve (ENOENT) — run through the shell there so PATHEXT
+// resolution kicks in. On macOS/Linux keep shell off (no injection surface).
+const WIN = process.platform === 'win32';
+const probe = (cmd, args) => spawnSync(cmd, args, { encoding: 'utf8', shell: WIN });
+
+// 1) claude CLI (the engine — required)
+const claude = probe('claude', ['--version']);
+if (claude.error || claude.status !== 0) {
+  say('ERROR: the `claude` CLI was not found.');
+  say('Galda runs on your Claude Code subscription (no extra API cost).');
+  say('Install it first: https://claude.com/claude-code — then log in with `claude`.');
+  process.exit(1);
+}
+say(`claude CLI: ${claude.stdout.trim()}`);
+
+// 2) Chrome (for verification proof) — recommended; warn if missing
+const chromeCandidates = [
+  process.env.CHROME_PATH,
+  '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+  '/Applications/Chromium.app/Contents/MacOS/Chromium',
+  '/usr/bin/google-chrome', '/usr/bin/google-chrome-stable', '/usr/bin/chromium-browser', '/usr/bin/chromium',
+  'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
+  'C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe',
+].filter(Boolean);
+const chrome = chromeCandidates.find((c) => existsSync(c));
+if (chrome) say(`Chrome: ${chrome}`);
+else say('WARNING: Chrome not found — proof videos are disabled. Set CHROME_PATH to enable.');
+
+// 3) ffmpeg (mp4/gif proof) — optional
+const ffmpeg = probe('ffmpeg', ['-version']);
+if (ffmpeg.error || ffmpeg.status !== 0) {
+  say('WARNING: ffmpeg not found — proof videos stay .webm (no mp4/gif). Install ffmpeg to enable.');
+}
+
+// 4) start the server (state in ~/.manager-for-ai unless MANAGER_HOME is set)
+process.env.MANAGER_OPEN_BROWSER = process.env.MANAGER_OPEN_BROWSER ?? '1';
+// Public-build defaults (this CLI is the shipped entry point): point at the
+// deployed billing worker + the fixed-URL relay unless the operator overrides.
+// Set on env BEFORE importing the server so it reads them like any other config.
+// Kept here, not in engine/server.mjs, so tests (which import the server directly)
+// and `npm start` from the repo stay env-driven and don't hit the live worker.
+// The license public key is already baked in engine/lib.mjs (offline verify).
+// Opt out with an empty value: `MANAGER_BILLING_API_URL= RELAY_URL= npx galda`.
+process.env.MANAGER_BILLING_API_URL = process.env.MANAGER_BILLING_API_URL ?? 'https://agent-manager-billing-api.a2c-tech.workers.dev';
+process.env.RELAY_URL = process.env.RELAY_URL ?? 'wss://app.galda.app/agent';
+await import(pathToFileURL(join(ROOT, 'engine', 'server.mjs')).href);
+
+// 5) fixed-URL relay (optional): if a relay is configured, connect this local
+// engine to it over an outbound WebSocket so the user reaches their Galda at a
+// stable `<id>.<domain>` from any device. Local-first is preserved — the agent
+// still runs here; the relay is only a door. Opt-in via RELAY_URL for now; the
+// public build will default it to the deployed relay. See relay/DEPLOY.md.
+if (process.env.RELAY_URL) {
+  const { spawn } = await import('node:child_process');
+  const relay = spawn(process.execPath, [join(ROOT, 'engine', 'relay-client.mjs')], { stdio: 'inherit', env: process.env });
+  const stop = () => { try { relay.kill(); } catch { /* already gone */ } };
+  process.on('exit', stop);
+  for (const sig of ['SIGINT', 'SIGTERM']) process.on(sig, () => { stop(); process.exit(0); });
+  say(`relay: connecting to ${process.env.RELAY_URL} — your fixed URL goes live once you sign in`);
+}