@galda/cli 0.10.122 → 0.10.123

package/app/index.html

@@ -1292,6 +1292,79 @@
   body[data-layout="flagship"] .gearpop{position:fixed;top:120px;right:auto;width:380px;max-height:calc(100vh - 160px);border-radius:14px;
     background:color-mix(in srgb,var(--panel) 74%,transparent);
     -webkit-backdrop-filter:blur(28px) saturate(1.35);backdrop-filter:blur(28px) saturate(1.35)}
+  /* ── Settings = a centred two-column dialog (CDO 2026-08-02, pattern C) ────────────
+     Four sections that each hold ten-plus controls are a sidebar's job, not a tab
+     strip's: the 380px column beside the rail was showing them 380px at a time, and
+     the panel covered the feed while doing it. Same parts, new frame — the tab
+     buttons keep their data-gctab wiring, the sticky Save/Cancel footer keeps its
+     shape, and everything below 760px still gets the bottom sheet further down.
+     Scoped to flagship only: the legacy anchored popover in other layouts is
+     untouched (it is 320px wide and a left rail would ruin it).
+     No scrim (Masa 2026-08-02): a dimmed board made opening Settings feel like a modal
+     interruption. The dialog just appears — its own shadow separates it from the board,
+     and outside-tap/Esc already close it.
+     ONE HEIGHT for every section (Masa 2026-08-02): the panel used to resize as you moved
+     between Theme (long) and MCP (short), so the thing under your cursor jumped. The frame
+     is fixed and the content column scrolls inside it. */
+  body[data-layout="flagship"] .gearpop.open{display:flex;flex-direction:row;gap:22px;
+    /* Straddles the rail rather than sitting dead centre (Masa 2026-08-02): landing on top
+       of the rail says "this belongs to the gear you just pressed", and it leaves the feed
+       — the thing you were reading — visible on the right instead of split in half. */
+    top:50%;left:96px;transform:translateY(-50%);right:auto;bottom:auto;
+    width:min(880px,calc(100vw - 128px));max-width:none;height:min(720px,86vh);max-height:86vh;
+    border-radius:16px;padding:18px 20px 0;
+    overflow:hidden; /* the .gbody column scrolls, not the frame */
+    /* Lifted off the board instead of matching it: on the dark themes --panel is very near
+       black, so a black dialog on a black board read as a hole rather than a surface. The
+       mix is ink-based, so it lightens in the dark and stays white on the light themes. */
+    background:color-mix(in srgb,var(--ink) 5%,rgb(from var(--panel) r g b));
+    -webkit-backdrop-filter:none;backdrop-filter:none;
+    box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px var(--hair2)}
+  body[data-layout="flagship"] .gearpop .gnav{flex:0 0 158px;display:flex;flex-direction:column;gap:2px;
+    border-right:1px solid var(--hair);padding:2px 12px 12px 0}
+  body[data-layout="flagship"] .gearpop .gnav .ggrp{font:600 9px/1 var(--mono);letter-spacing:.12em;
+    text-transform:uppercase;color:var(--ink3);padding:14px 10px 6px}
+  body[data-layout="flagship"] .gearpop .gnav .ggrp:first-child{padding-top:2px}
+  body[data-layout="flagship"] .gearpop .gnav button{border:0;background:none;text-align:left;
+    padding:8px 10px;border-radius:8px;cursor:pointer;font:500 12.5px/1 var(--ui);color:var(--ink2)}
+  body[data-layout="flagship"] .gearpop .gnav button:hover{color:var(--ink)} /* glyph only (§5.5) */
+  body[data-layout="flagship"] .gearpop .gnav button.on{background:var(--hover);color:var(--ink);font-weight:600}
+  body[data-layout="flagship"] .gearpop .gcol{flex:1;min-width:0;display:flex;flex-direction:column}
+  /* padding-bottom: the note used to end flush against the frame's edge with nowhere for
+     the eye to land (Masa 2026-08-02). Also the scroll's own breathing room. */
+  body[data-layout="flagship"] .gearpop .gbody{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-bottom:26px}
+  body[data-layout="flagship"] .gearpop .gbody > h4:first-child{margin-top:2px}
+  body[data-layout="flagship"] .gearpop .cfoot{margin:14px -20px 0;padding:14px 20px;bottom:0;border-radius:0;
+    background:color-mix(in srgb,var(--ink) 5%,rgb(from var(--panel) r g b))}
+  /* ONE COLUMN (Masa 2026-08-02). This was two-across, and reading it was worse, not
+     better: a settings row is label + description + control on one line, so pairing two
+     of them puts four things on a line and the eye stops knowing which control belongs to
+     which label. The width now buys long descriptions that no longer wrap, which is what
+     it should have bought in the first place. The class stays a grid so the group keeps
+     one place to change. */
+  .gearpop .gtwo{display:grid;grid-template-columns:1fr}
+  /* The free-tier Upgrade CTA is a bare button, not a .srow — as a full-width grid child
+     it read as a banner. .bx-up-set pins width:100%, right in the 320px popover, wrong
+     here. Keep it the size of its label, on the right edge where every other control in
+     this list sits (Masa 2026-08-02) — a lone left-aligned button broke the column of
+     chips it belongs to. */
+  .gearpop .gtwo > .bx-cta{justify-self:end;align-self:center;margin:9px 0;width:auto}
+  /* ── FEEDBACK: the founder's note, last thing in SETTINGS (Masa 2026-08-02) ────────
+     A letter, not a settings row: hairline above, mono label, plain prose, one mail
+     button. No fill, no badge, no icon block (§5.5). It lives inside the scrolling
+     body so it never covers the sticky Save/Cancel. */
+  .gearpop .gfeed{border-top:1px solid var(--hair);margin-top:13px;padding-top:13px}
+  .gearpop .gfeed.gsolo{border-top:0;margin-top:2px;padding-top:0}
+  .gearpop .gfeed.gsolo p{font-size:13px;line-height:1.8;max-width:56ch;margin-bottom:13px}
+  .gearpop .gfeed.gsolo .gsig{font-size:12px;margin-bottom:18px}
+  .gearpop .gfeed.gsolo .gmail{height:32px;padding:0 15px;font-size:12.5px}
+  .gearpop .gfeed h4{margin:0 0 8px}
+  .gearpop .gfeed p{font-size:11.5px;line-height:1.75;color:var(--ink2);margin:0 0 9px;max-width:54ch}
+  .gearpop .gfeed .gsig{font-size:11px;color:var(--ink3);margin:0 0 11px}
+  .gearpop .gfeed .gmail{display:inline-flex;align-items:center;gap:6px;height:27px;padding:0 12px;
+    border-radius:8px;background:var(--chipbg);color:var(--ink);text-decoration:none;font:500 11.5px/1 var(--mono)}
+  .gearpop .gfeed .gmail:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 10%,rgb(from var(--panel) r g b))}
+  .gearpop .gfeed .gmail svg{width:12px;height:12px;opacity:.55;fill:none;stroke:currentColor;stroke-width:1.4}
   /* settings = EDIT SESSION (HANDOFF-v45 §3, flagship .cfoot/.mcpbox port): sticky footer,
      always visible over the internal scroll — Save = ink-solid persists, Cancel = ghost
      restores the open-time snapshot. */
@@ -1333,14 +1406,6 @@
   .gearpop .srow.dis{opacity:.38;pointer-events:none}
   .gearpop .srow .sl{flex:1;min-width:0;font-size:12.5px;color:var(--ink)}
   .gearpop .srow .sd{display:block;font-size:10.5px;color:var(--ink3);margin-top:2px}
-  /* Project rules read-only view (§1.5a): a quiet framed panel under its row —
-     mono filename label + the file body, scrollable. Reuses --canvas/--hair so it
-     matches the MCP box; no new surface invented. */
-  .gearpop .rulesview{margin:2px 0 9px;display:flex;flex-direction:column;gap:8px}
-  .gearpop .rulesfile{background:var(--canvas);border-radius:8px;overflow:hidden}
-  .gearpop .rulesname{font:600 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:8px 10px 0}
-  .gearpop .rulestext{margin:6px 0 0;padding:0 10px 10px;max-height:220px;overflow:auto;font:400 11px/1.6 var(--mono);color:var(--ink2);white-space:pre-wrap;word-break:break-word}
-  .gearpop .rulesempty{color:var(--ink3);font-style:italic}
   /* MCP tab: live status dot + connect command + quiet explanation */
   .gearpop .mcpstat{display:flex;align-items:center;gap:8px;font:600 11px/1 var(--ui);color:var(--ink);padding:2px 0 10px}
   .gearpop .mcpstat i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px rgba(var(--green-rgb),.5)}
@@ -2987,6 +3052,16 @@
     body[data-layout="flagship"] .gearpop{left:8px!important;right:8px!important;top:auto!important;
       bottom:calc(env(safe-area-inset-bottom) + 8px)!important;width:auto!important;max-width:none!important;
       max-height:82dvh!important;border-radius:16px;padding-top:8px}
+    /* The desktop dialog above centres with a transform and lays its nav out sideways —
+       both have to be undone here or the sheet floats off-centre with a 158px rail. */
+    body[data-layout="flagship"] .gearpop.open{transform:none!important;flex-direction:column!important;
+      padding:8px 13px 0!important;gap:0!important}
+    body[data-layout="flagship"] .gearpop .gnav{flex:0 0 auto;flex-direction:row;gap:6px;overflow-x:auto;
+      scrollbar-width:none;border-right:0;border-bottom:1px solid var(--hair);padding:0 0 8px;margin-bottom:10px}
+    body[data-layout="flagship"] .gearpop .gnav::-webkit-scrollbar{display:none}
+    body[data-layout="flagship"] .gearpop .gnav .ggrp{display:none} /* group labels need a column to sit in */
+    body[data-layout="flagship"] .gearpop .gnav button{white-space:nowrap;min-height:38px;padding:0 12px;font-size:13px}
+    body[data-layout="flagship"] .gearpop .cfoot{margin:14px -13px 0;padding:12px 13px}
     body[data-layout="flagship"] .gearpop::before{content:"";position:sticky;top:0;z-index:2;display:block;
       width:38px;height:5px;margin:0 auto 12px;border-radius:3px;background:var(--hair2)}
     body[data-layout="flagship"] .gearpop .csw{width:30px;height:30px}
@@ -3255,12 +3330,6 @@
            same right column as the fold toggle above it; the menu opens BELOW the gear. -->
       <div class="lbrow"><span class="lb">Projects</span>
         <button class="ghostbtn morebtn" id="fsMoreBtn" title="Settings"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3.2"/><path d="M19.4 15a1.7 1.7 0 00.34 1.87l.06.06a2 2 0 11-2.83 2.83l-.06-.06a1.7 1.7 0 00-1.87-.34 1.7 1.7 0 00-1 1.56V21a2 2 0 11-4 0v-.09a1.7 1.7 0 00-1-1.56 1.7 1.7 0 00-1.87.34l-.06.06a2 2 0 11-2.83-2.83l.06-.06a1.7 1.7 0 00.34-1.87 1.7 1.7 0 00-1.56-1H3a2 2 0 110-4h.09a1.7 1.7 0 001.56-1 1.7 1.7 0 00-.34-1.87l-.06-.06a2 2 0 112.83-2.83l.06.06a1.7 1.7 0 001.87.34h.09a1.7 1.7 0 001-1.56V3a2 2 0 114 0v.09a1.7 1.7 0 001 1.56h.09a1.7 1.7 0 001.87-.34l.06-.06a2 2 0 112.83 2.83l-.06.06a1.7 1.7 0 00-.34 1.87v.09a1.7 1.7 0 001.56 1H21a2 2 0 110 4h-.09a1.7 1.7 0 00-1.56 1z"/></svg></button>
-        <div class="moremenu" id="fsMoreMenu">
-          <button class="ghostbtn" id="fsCust">Theme</button>
-          <button class="ghostbtn" id="fsConn">Connect MCP</button>
-          <button class="ghostbtn" id="fsHist">History</button>
-          <button class="ghostbtn" id="fsSet">Settings</button>
-        </div>
       </div>
       <button class="fshamb" id="fsHamburger" title="Open To Do and Review"><svg viewBox="0 0 24 24"><path d="M5 7h14M5 12h14M5 17h14"/></svg><span class="fshamb-lb">Review</span><span class="fshamb-n" id="fsHambN"></span></button>
       <div id="fsProjects"></div>
@@ -3565,7 +3634,7 @@ const savedTheme = (() => {
   if (v !== s) localStorage.setItem('theme', v);
   return v;
 })();
-const state = { repos: null, repoHome: '', /* GET /api/repos — the folders a project can point at (Context Bar) */ projects: [], goals: [], tasks: [], act: {}, actAt: {}, todos: {}, chatTurns: {}, active: localStorage.getItem('sel:project') || 'default', editing: null, attach: [], connectCommand: '', models: ['sonnet'], agentModels: null, agentEfforts: null, agents: ['claude-code', 'codex'], auth: null, expanded: new Set(), openThreads: new Set(), queueOrder: {}, queueWaits: {}, externalActivity: [], selectedGoal: null, composerDetachedGoal: null, workflowColumns: {}, wfDraft: null, reviewDefinitions: {}, rdDraft: null, runningCounts: {}, parallelLimits: null, hostReadiness: [], connectedApp: localStorage.getItem('sel:agent') || 'claude-code', reviewOpenGoal: null, reviewApprovals: {}, goalDetailOpen: null, qreplyOpen: new Set(), logCollapsed: localStorage.getItem('logCollapsed') !== '0', logEntries: [], layout: localStorage.getItem('layout') || 'flagship', theme: savedTheme, boardskin: localStorage.getItem('boardskin') || 'auto', summaryPattern: Number(localStorage.getItem('summaryPattern')) || 3, peraSpot: 0, skill: null, skillsCache: null, projectRules: {}, rulesOpen: false,
+const state = { repos: null, repoHome: '', /* GET /api/repos — the folders a project can point at (Context Bar) */ projects: [], goals: [], tasks: [], act: {}, actAt: {}, todos: {}, chatTurns: {}, active: localStorage.getItem('sel:project') || 'default', editing: null, attach: [], connectCommand: '', models: ['sonnet'], agentModels: null, agentEfforts: null, agents: ['claude-code', 'codex'], auth: null, expanded: new Set(), openThreads: new Set(), queueOrder: {}, queueWaits: {}, externalActivity: [], selectedGoal: null, composerDetachedGoal: null, workflowColumns: {}, wfDraft: null, reviewDefinitions: {}, rdDraft: null, runningCounts: {}, parallelLimits: null, hostReadiness: [], connectedApp: localStorage.getItem('sel:agent') || 'claude-code', reviewOpenGoal: null, reviewApprovals: {}, goalDetailOpen: null, qreplyOpen: new Set(), logCollapsed: localStorage.getItem('logCollapsed') !== '0', logEntries: [], layout: localStorage.getItem('layout') || 'flagship', theme: savedTheme, boardskin: localStorage.getItem('boardskin') || 'auto', summaryPattern: Number(localStorage.getItem('summaryPattern')) || 3, peraSpot: 0, skill: null, skillsCache: null,
   // per-message send overrides set via slash-commands (reset after each send,
   // except model which is sticky in localStorage). palette = open command list.
   // Scoped per project (msgByProject) so a skill/mode picked in one project can't leak
@@ -8320,8 +8389,14 @@ function renderClawdHero(){
   };
   syncFsTvSeg();
   tgUpdate();
-  $('fsMoreBtn').onclick = (e) => { e.stopPropagation(); $('fsMoreMenu').classList.toggle('open'); };
-  document.addEventListener('click', (e) => { if (!e.target.closest('#fsRoot .lbrow')) $('fsMoreMenu').classList.remove('open'); });
+  // One press, one dialog (Masa 2026-08-02). The gear used to open a four-item menu
+  // (Theme / Connect MCP / History / Settings) whose only job was to pick a tab — and the
+  // dialog now carries those same four in its own left nav, so the menu was asking people
+  // to choose twice. Press the gear, get Settings; switch inside if you want something else.
+  $('fsMoreBtn').onclick = (e) => {
+    e.stopPropagation();
+    if ($('gearPop').classList.contains('open')) custCancel(); else custOpen();
+  };
   const closeMobilePanels = () => {
     document.body.classList.remove('laneopen', 'projectsopen');
   };
@@ -8349,11 +8424,7 @@ function renderClawdHero(){
   // v46 (HANDOFF-v45 §3): the menu entries deep-link into the 4-tab settings panel —
   // Theme→THEME / Connect MCP→MCP / History→HISTORY / Settings→SETTINGS.
   // stopPropagation: the document click-away handler otherwise closes it in the same event.
-  $('fsCust').onclick = (e) => { e.stopPropagation(); $('fsMoreMenu').classList.remove('open'); custOpen('theme'); };
-  $('fsConn').onclick = (e) => { e.stopPropagation(); $('fsMoreMenu').classList.remove('open'); custOpen('mcp'); };
-  $('fsHist').onclick = (e) => { e.stopPropagation(); $('fsMoreMenu').classList.remove('open'); custOpen('history'); };
-  $('fsSet').onclick = (e) => { e.stopPropagation(); $('fsMoreMenu').classList.remove('open'); custOpen('settings'); };
-  // parallel-runs switcher (§1.5-1/-7): same toggle+click-away shape as fsMoreMenu above.
+  // parallel-runs switcher (§1.5-1/-7): toggle + click-away, the shape the rail's own menus use.
   // Row content is rebuilt by renderFsFeed() (running list changes live); the open/closed
   // class here is left alone by that rebuild so the popover doesn't snap shut mid-render.
   $('fsRunSwitch').onclick = (e) => { e.stopPropagation(); $('fsRunMenu').classList.toggle('open'); };
@@ -12762,11 +12833,38 @@ function applyCust(){
 // histHTML/setHTML/mcpHTML port). custTab is session UI state, never persisted; switching
 // tabs re-renders the panel WITHOUT touching the edit-session snapshot (custSnap) and
 // without closing. =====
-let custTab = 'theme';
+let custTab = 'settings'; // the gear opens on Settings (Masa 2026-08-02): themes are a once-a-month errand, settings are the reason people press it
 function gearTabsHTML(){
   return `<div class="ctabs">${[['theme', 'THEME'], ['history', 'HISTORY'], ['settings', 'SETTINGS'], ['mcp', 'MCP']]
     .map(([k, l]) => `<button class="ctab${custTab === k ? ' on' : ''}" data-gctab="${k}">${l}</button>`).join('')}</div>`;
 }
+// Flagship = the centred dialog (CDO pattern C): the four tabs become a left rail,
+// grouped by what they are actually about instead of sitting in one flat strip.
+// Same data-gctab contract as the tab buttons, so wireGearCommon needs no change.
+// Theme sits LAST (Masa 2026-08-02): it is the section people visit least, and it was
+// taking the top slot — the position a reader reads first — from the one they came for.
+const GEAR_NAV = [
+  ['Project', [['settings', 'Settings'], ['history', 'History'], ['mcp', 'MCP']]],
+  // Its own entry under MCP (Masa 2026-08-02) as well as the note at the foot of Settings:
+  // a person who has decided to say something should not have to scroll a settings list to
+  // find where. The heading is Contact, not Feedback — a section labelled the same as its
+  // only item is a label for nothing.
+  ['Contact', [['feedback', 'Feedback']]],
+  ['Appearance', [['theme', 'Theme']]],
+];
+function gearNavHTML(){
+  return `<nav class="gnav">${GEAR_NAV.map(([grp, items]) =>
+    `<div class="ggrp">${grp}</div>` + items.map(([k, l]) =>
+      `<button class="${custTab === k ? 'on' : ''}" data-gctab="${k}">${l}</button>`).join('')).join('')}</nav>`;
+}
+// The dialog only exists in flagship; every other layout keeps the anchored popover
+// and its top tab strip untouched.
+function gearIsDialog(){ return state.layout === 'flagship'; }
+function gearShell(html){
+  return gearIsDialog()
+    ? gearNavHTML() + `<div class="gcol"><div class="gbody">${html}</div></div>`
+    : gearTabsHTML() + html;
+}
 // HISTORY (v46): approve/dismiss history from goal state — deterministic, zero LLM.
 // HONEST DATA NOTE: the engine stamps no decidedAt on approve/dismiss (they only flip
 // goal.status — approveGoal/dismissGoal in lib.mjs), and a dismissed goal goes BACK to
@@ -12834,20 +12932,51 @@ function gearSetHTML(){
     : acct + freeUsage;
   const st = state.stability;
   const stability = st ? `<div class="srow"><div class="sl">Verification health<span class="sd">Last 24h · implementation ${st.implementationFailures} · environment ${st.verificationInfrastructure} · inconclusive ${st.timeoutsOrInconclusive} · worker holds ${st.workerHolds}</span></div><button class="optchip" data-gstability="1">Refresh</button></div>` : `<div class="srow"><div class="sl">Verification health<span class="sd">Loading…</span></div></div>`;
-  return `
-  <div class="srow"><div class="sl">Language<span class="sd">Review checklist language for this project</span></div>
+  const langRow = `<div class="srow"><div class="sl">Language<span class="sd">Review checklist language for this project</span></div>
     <button class="optchip${lang === 'auto' ? ' on' : ''}" data-gslang="auto">Auto</button>
     <button class="optchip${lang === 'en' ? ' on' : ''}" data-gslang="en">EN</button>
-    <button class="optchip${lang === 'ja' ? ' on' : ''}" data-gslang="ja">JA</button></div>
-  ${billingRow}
-  <div class="srow"><div class="sl">About Galda<span class="sd">What it is, what the agent can touch, and what leaves this machine</span></div>
-    <button class="optchip" data-gabout="1">Open</button></div>
-  ${remoteAccessRow()}
-  ${shareUsageDataRow()}
-  ${stability}
-  ${gearRulesHTML()}
-  ${hostReadinessRow()}
-  <div class="srow dis"><div class="sl">Data folder<span class="sd">Runs are stored in the engine's chat-runs folder on the host</span></div></div>`;
+    <button class="optchip${lang === 'ja' ? ' on' : ''}" data-gslang="ja">JA</button></div>`;
+  const aboutRow = `<div class="srow"><div class="sl">About Galda<span class="sd">What it is, what the agent can touch, and what leaves this machine</span></div>
+    <button class="optchip" data-gabout="1">Open</button></div>`;
+  const dataRow = `<div class="srow dis"><div class="sl">Data folder<span class="sd">Runs are stored in the engine's chat-runs folder on the host</span></div></div>`;
+  // Grouped headings + two-across rows (CDO pattern C, Masa 2026-08-02). The flat list
+  // gave a reader no way to tell "settings for this project" from "settings for this
+  // account" — the names were already there in the rows, only the structure was missing.
+  //
+  // A group with nothing in it renders nothing, heading included (§1.5-3 no empty box):
+  // remoteAccessRow/shareUsageDataRow/hostReadinessRow all return '' when the engine has
+  // not configured them, and on such a host the heading alone would be a label for air.
+  const group = (title, rows) => {
+    const body = rows.filter(Boolean).join('');
+    return body ? `<h4>${title}</h4><div class="gtwo">${body}</div>` : '';
+  };
+  return group('Project', [langRow, remoteAccessRow(), shareUsageDataRow()])
+    + group('Account', [billingRow])
+    // "System", not "This machine": hostReadinessRow() already labels itself
+    // "This machine" (and a test asserts that exact label), so the heading would
+    // have been the same words twice, three rows apart.
+    + group('System', [stability, aboutRow, hostReadinessRow(), dataRow])
+    + gearFeedbackHTML();
+}
+// The founder's note (Masa 2026-08-02). It is the last thing in SETTINGS because it
+// is the one row that asks something of the reader rather than offering a control,
+// and because a person who got this far has already formed an opinion.
+//
+// The honest limitation is the point of the copy, not an apology: few users so far
+// means workflows we have not met, and saying so is what earns the reply. Keep the
+// promise in it something Leon can actually keep.
+// `solo` = the Contact tab, where the note is the whole screen rather than the last thing
+// under a list: no hairline above it (there is nothing above it to separate from) and room
+// to breathe. Same words either way — one place to change them.
+function gearFeedbackHTML({ solo = false } = {}){
+  return `<div class="gfeed${solo ? ' gsolo' : ''}">
+    <h4>Feedback</h4>
+    <p>Galda is early. Not many people are using it yet, so there are workflows it handles badly — quite possibly parts of yours.</p>
+    <p>If it doesn't fit the way you work, write to me. I'd rather hear it straight and make it fit than guess.</p>
+    <p class="gsig">— Leon, co-founder</p>
+    <a class="gmail" href="mailto:hello@galda.app?subject=Galda%20feedback">
+      <svg viewBox="0 0 16 16"><rect x="1.5" y="3.5" width="13" height="9" rx="1.5"/><path d="M2 4.5l6 4 6-4"/></svg>hello@galda.app</a>
+  </div>`;
 }
 // The npx moment, moved to where the intent is.
 //
@@ -13040,36 +13169,16 @@ function hostReadinessRow(){
   const detail = (missing.length ? missing : checks).map((c) => c.detail).join(' · ');
   return `<div class="srow${missing.length ? '' : ' dis'}"><div class="sl">This machine<span class="sd">${esc(detail)}</span></div></div>`;
 }
-function gearRulesHTML(){
-  const r = state.projectRules[state.active];
-  if (!r || !r.files || !r.files.length) return '';
-  const names = r.files.map((f) => f.name).join(' · ');
-  const view = state.rulesOpen
-    ? `<div class="rulesview">${r.files.map((f) =>
-        `<div class="rulesfile"><div class="rulesname">${esc(f.name)}</div>`
-        + `<pre class="rulestext">${esc(f.content) || '<span class="rulesempty">(empty file)</span>'}</pre></div>`).join('')}</div>`
-    : '';
-  return `
-  <div class="srow"><div class="sl">Project rules<span class="sd">What this project tells the AI — read-only · ${esc(names)}</span></div>
-    <button class="optchip${state.rulesOpen ? ' on' : ''}" data-grules="1">${state.rulesOpen ? 'Hide' : 'View'}</button></div>
-  ${view}`;
-}
-// Fetch the active project's rules files once (cached per project), then rebuild
-// the settings panel so the row appears. The browser can't read the host FS, so
-// this is the only way in — GET /api/projects/:id/rules (engine, §1.5a).
-let rulesFetching = null;
-async function loadProjectRules(){
-  const pid = state.active;
-  if (state.projectRules[pid] || rulesFetching === pid) return;
-  rulesFetching = pid;
-  try {
-    const r = await fetch(withKey(`/api/projects/${pid}/rules`));
-    state.projectRules[pid] = r.ok ? await r.json() : { files: [] };
-  } catch { state.projectRules[pid] = { files: [] }; }
-  finally { rulesFetching = null; }
-  // Only rebuild if the settings tab is still the one on screen.
-  if ($('gearPop') && custTab === 'settings') buildGearPop();
-}
+// NO "Project rules" row (Masa 2026-08-02). It used to print CLAUDE.md / AGENTS.md
+// read-only in Settings. What ONE-CONVERSATION §1.5a actually decided was a NEGATIVE:
+// Galda must not grow its own "how we work" field, because the same rules would then
+// live in two places and drift — the repo already holds the answer. That decision does
+// not need a control to be honoured. The viewer was the incidental part, and it showed
+// a person their own file, which they can open in an editor. Removed.
+//
+// The engine keeps collectProjectRules (workerRunContext still names the files it found)
+// and its GET /api/projects/:id/rules, which nothing calls now — engine is a separate
+// lane, so that endpoint is a follow-up, not a silent edit from here.
 // MCP (v46): connection status dot + connectCommand + COPY + quiet explanation.
 // The dot is the app's own live engine link (SSE up/down) — the only real signal here.
 function gearMcpHTML(){
@@ -13086,7 +13195,7 @@ function buildGearPop(){
   // custRender, the sticky Save/Cancel footer belongs to THEME (the live-preview tab);
   // the edit session itself stays open across tabs (Esc/outside still Cancel).
   if (custTab === 'history') {
-    pop.innerHTML = gearTabsHTML() + gearHistHTML();
+    pop.innerHTML = gearShell(gearHistHTML());
     wireGearCommon(pop);
     for (const b of pop.querySelectorAll('[data-ghmore]')) b.onclick = () => {
       const r = b.closest('.hrow'); const ex = r.classList.toggle('ex'); b.textContent = ex ? 'Less' : 'More';
@@ -13099,7 +13208,7 @@ function buildGearPop(){
     return;
   }
   if (custTab === 'settings') {
-    pop.innerHTML = gearTabsHTML() + gearSetHTML();
+    pop.innerHTML = gearShell(gearSetHTML());
     wireGearCommon(pop);
     for (const b of pop.querySelectorAll('[data-gslang]')) b.onclick = () => saveLang(b.dataset.gslang);
     for (const b of pop.querySelectorAll('[data-grelay]')) b.onclick = () => saveRelayPref(b.dataset.grelay === 'on');
@@ -13124,18 +13233,20 @@ function buildGearPop(){
       catch {}
       finally { await refresh(); if ($('gearPop')) buildGearPop(); }
     };
-    const rulesBtn = pop.querySelector('[data-grules]');
-    if (rulesBtn) rulesBtn.onclick = () => { state.rulesOpen = !state.rulesOpen; buildGearPop(); };
     const stabilityBtn = pop.querySelector('[data-gstability]');
     if (stabilityBtn) stabilityBtn.onclick = () => { state.stability = null; buildGearPop(); loadStability(); };
-    loadProjectRules();
     if (!state.stability) loadStability();
     if (!state.relayPref) loadRelayPref();
     if (!state.analyticsPref) loadAnalyticsPref();
     return;
   }
+  if (custTab === 'feedback') {
+    pop.innerHTML = gearShell(gearFeedbackHTML({ solo: true }));
+    wireGearCommon(pop);
+    return;
+  }
   if (custTab === 'mcp') {
-    pop.innerHTML = gearTabsHTML() + gearMcpHTML();
+    pop.innerHTML = gearShell(gearMcpHTML());
     wireGearCommon(pop);
     const mc2 = pop.querySelector('[data-gmcpcopy]'); if (mc2) mc2.onclick = () => {
       navigator.clipboard?.writeText(state.connectCommand || '').then(() => { mc2.textContent = 'COPIED'; setTimeout(() => { mc2.textContent = 'COPY'; }, 1500); });
@@ -13206,7 +13317,7 @@ function buildGearPop(){
   const th = state.theme || 'gradient';
   const sec = (on, html) => `<div class="gsec${on ? '' : ' dis'}">${html}</div>`;
   // FONT exploration section retired (v45 §1): the brand fonts are final — no chips.
-  pop.innerHTML = gearTabsHTML() +
+  pop.innerHTML = gearShell(
     `<h4>THEME</h4><div class="swrow">${themeBtns}</div>` +
     `<h4>BOARD</h4><div class="swrow">${boardChips}</div>` +
     sec(th === 'gradient', `<h4>COLOR</h4><div class="swrow">${arcSw}</div>` +
@@ -13224,7 +13335,7 @@ function buildGearPop(){
     (cust.btn === 0 ? `<h4>RING</h4><div class="swrow">${ringSw}</div>` : '') +
     // LOGO row removed (v45 §3: code-fixed) · MCP CONNECT moved to the MCP tab (v46)
     // sticky footer (v45 §3, flagship .cfoot): Save = persist NOW / Cancel = snapshot restore
-    `<div class="cfoot"><button class="cbtn cancel" data-gccancel="1">Cancel</button><button class="cbtn save" data-gcsave="1">Save</button></div>`;
+    `<div class="cfoot"><button class="cbtn cancel" data-gccancel="1">Cancel</button><button class="cbtn save" data-gcsave="1">Save</button></div>`);
   wireGearCommon(pop);
   // EDIT SESSION (v45 §3): every handler below is LIVE PREVIEW ONLY — mutate cust/state,
   // apply to the DOM, re-render the pop. localStorage is written ONLY in custSave().
@@ -13256,16 +13367,14 @@ function buildGearPop(){
 // live previews that never persist and never close the panel; Save is the only moment
 // localStorage is written; Cancel / Esc / outside-tap restore the snapshot fully. =====
 let custSnap = null;
-function custPlace(){ // flagship: top-anchored band beside the rail (v45 §2); other layouts keep the .gearwrap anchor
-  const pop = $('gearPop');
-  if (state.layout === 'flagship') {
-    const rail = document.querySelector('#fsRoot .fsrail');
-    if (rail) pop.style.left = Math.round(rail.getBoundingClientRect().right + 8) + 'px';
-  } else pop.style.left = '';
+function custPlace(){ // flagship: centred dialog (CDO pattern C) — CSS owns the position now,
+  // so the measured rail edge that used to be written here must be cleared, or the inline
+  // left would fight left:50% and the dialog would sit off-centre. Other layouts keep the
+  // .gearwrap anchor and never had an inline left to begin with.
+  $('gearPop').style.left = '';
 }
 function custOpen(tab){
-  custTab = tab || 'theme'; // v46 deep-link (flagship __custOpen(tab)): menu entries land on their tab
-  state.rulesOpen = false; // rules panel starts collapsed each time the gear opens
+  custTab = tab || 'settings'; // v46 deep-link (flagship __custOpen(tab)): menu entries land on their tab
   custSnap = { cust: { ...cust }, theme: state.theme, band: fsUI.band };
   buildGearPop(); custPlace();
   $('gearPop').classList.add('open');
@@ -13320,15 +13429,16 @@ document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && $('gearP
 $('gearBtn').onclick = (e) => { e.stopPropagation(); const p = $('gearPop'); if (p.classList.contains('open')) custCancel(); else custOpen(); };
 // outside-tap = Cancel (v45 §3). e.composedPath() is frozen at dispatch, so a swatch that
 // buildGearPop() re-rendered (detached) mid-click still reads as INSIDE the pop —
-// selections never close the panel. Known trap (v45 §3): #fsMoreMenu clicks are excluded
-// so a menu item is never swallowed as an outside tap. #deleteConfirmOverlay is excluded
+// selections never close the panel. #fsMoreBtn (the rail gear) is excluded so its own
+// click is never read as an outside tap — otherwise pressing it would close and reopen the
+// dialog in a single press. #deleteConfirmOverlay is excluded
 // too (Masa指示 2026-07-16): it's a separate top-level overlay a settings row can open
 // (e.g. Log out) — without this, confirming/cancelling it read as an outside tap and
 // closed the settings panel underneath it as a surprise side effect.
 document.addEventListener('click', (e) => {
   const p = $('gearPop'); if (!p.classList.contains('open')) return;
   if (e.composedPath().includes(p)) return;
-  if (e.target.closest('.gearwrap') || e.target.closest('#fsCust') || e.target.closest('#fsMoreMenu') || e.target.closest('#fsMoreBtn') || e.target.closest('#deleteConfirmOverlay')) return;
+  if (e.target.closest('.gearwrap') || e.target.closest('#fsMoreBtn') || e.target.closest('#deleteConfirmOverlay')) return;
   custCancel();
 });
 // Banff BACKDROP free upload (v3 §6.5): file → dataURL → #themebg. Persists via

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galda/cli",
-  "version": "0.10.122",
+  "version": "0.10.123",
   "type": "module",
   "description": "Galda - hand off work to Claude Code or Codex, get proof back. Runs on your existing subscription, no extra API cost.",
   "scripts": {