@galda/cli 0.10.122 → 0.10.124

package/app/index.html

@@ -237,8 +237,11 @@
   .composer-wrap{flex:0 0 auto;padding:8px 22px 18px}
   .composer{position:relative;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:8px;border:1px solid var(--hair2);
     border-radius:16px;background:var(--glass);backdrop-filter:blur(22px);padding:10px 12px}
+  /* max-height reads the same --compmax dial the JS auto-grow uses. It was a second,
+     independent 120 here, so raising the JS cap did nothing — the box stayed at 120 while
+     the dial said 280 (measured). One number, two consumers. */
   .composer textarea{background:transparent;border:0;resize:none;color:var(--ink);font:inherit;font-size:14px;
-    line-height:1.5;outline:none;max-height:120px;padding:2px 2px 0}
+    line-height:1.5;outline:none;max-height:var(--compmax,120px);padding:2px 2px 0}
   .composer textarea::placeholder{color:var(--ink3)}
   /* slash-command palette — floats above the whole composer (Claude-Code style).
      Reuses the .appmenu/.skillmenu popover language: 1px hairline, tokens, no
@@ -1292,6 +1295,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 +1409,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)}
@@ -1690,7 +1758,12 @@
   #fsRoot.lanefold .lanetg{left:50%;margin-left:-14px} /* no rotation (v45 §4) */
   #fsRoot.lanefold .fslane{flex-basis:44px;padding:18px 7px}
   #fsRoot.lanefold .fslane>*:not(.lanetg){display:none}
-  #fsRoot .lanegrip{position:absolute;left:-3px;top:0;bottom:0;width:7px;cursor:col-resize;z-index:2}
+  /* The grip sits on the edge that faces the chat. It was pinned to the lane's LEFT,
+     which was right while the lane lived on the right of the chat — once the board took
+     the middle (swapmid) that edge faces the rail and the board could not be widened at
+     all from its own right side (Masa 2026-08-03: 右側の幅が変えられない). */
+  #fsRoot .lanegrip{position:absolute;left:-3px;right:auto;top:0;bottom:0;width:7px;cursor:col-resize;z-index:2}
+  #fsRoot.swapmid .lanegrip{left:auto;right:-3px}
   #fsRoot .lanegrip::after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:2px;height:34px;border-radius:2px;background:var(--hair2);opacity:0;transition:opacity .15s}
   #fsRoot .fslane:hover .lanegrip::after{opacity:1}
   #fsRoot .lanebody{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
@@ -1732,7 +1805,81 @@
   /* ---- kanban board: fills the SAME lane slot the To Do list uses (var(--lanew-board), independent
      from the list's own var(--lanew)) — swapping List⇄Board never resizes the lane or the chat.
      5+ columns don't fit the lane width, so it scrolls horizontally in place instead of growing. ---- */
-  #fsRoot .fslane.boardmode{flex-basis:var(--lanew-board,372px)}
+  /* Unset = the board fills the row and the CHAT's min-width is the only thing that
+     stops it (Masa 2026-08-03: 既定を kanban に・添付画像くらいの幅で). Letting flexbox
+     hold the floor beats computing a width in JS: the boot-order guess came out 60px
+     wide and the composer's button row clipped by 72px, and a JS correction loop then
+     overshot the other way (lane 41% of the window at 1280). --lanew-board is still the
+     one dial the drag grip writes, so a dragged width keeps winning. */
+  #fsRoot .fslane.boardmode{flex-basis:var(--lanew-board,100%);flex-shrink:1;min-width:280px}
+  /* 460, not the 440 the JS constant claims. Measured by walking the chat's width in 4px
+     steps and watching .crow overflow: it clears at 452 and still spills 12px at 440, so
+     the old figure had drifted from whatever the composer's button row costs today. 460
+     leaves a little slack. Below this those chips clip off the card's edge. It only bites
+     in board mode — in List the chat is ~848px and nowhere near it. .fscenter sits BEFORE
+     .fslane in the DOM, so no sibling selector reaches it; the state is mirrored onto
+     #fsRoot instead. .fscenter's own min-width:0 stays untouched — that one is load-bearing
+     (it is what stops a wide lane from overflowing the page). */
+  #fsRoot.boardmode .fscenter{min-width:460px}
+
+  /* ── Board view puts the composer UNDER the board (Masa 2026-08-03, variant b) ─────
+     The board took the middle, which left the composer in the 460px right-hand column
+     where it read cramped. It now spans the board's own width, below it, punching through
+     the lane boundary — near where it sat before the board moved.
+     It has to be a DOM move, not just CSS: #fsCompwrap's parent .fscenter is itself
+     position:relative AND overflow:hidden, so an absolutely-positioned composer anchored
+     to the chat column and got clipped by it (measured: host at 1160-1620 on a 1440px
+     window — off-screen and cropped). #fsCompBar is a direct child of #fsRoot instead. */
+  /* How tall the textarea may grow before it scrolls. It was a hard 120 in three
+     separate places; now one dial, draggable by the handle above the card and reset by
+     double-clicking it (Masa 2026-08-03: 自由にかえる・デフォルトに戻す). */
+  :root{--compmax:120px}
+  /* No visible grab line (Masa 2026-08-03: いらなそう). The top edge of the composer is
+     simply a resize zone — the cursor says so on hover, which is how the rail and lane
+     grips already work. Full width so it is easy to land on. */
+  .comphandle{display:none}
+  body[data-layout="flagship"] .comphandle{display:block;height:10px;margin:0 0 -6px;width:100%;
+    cursor:ns-resize;position:relative;touch-action:none}
+  #fsRoot .fscompbar{display:none}
+  /* Drop targets while the composer is being dragged (§5.5: a line, not a filled box). */
+  #fsRoot.compdragging .fscompbar,#fsRoot.compdragging .fscenter{outline:1px dashed var(--hair2);outline-offset:-4px;border-radius:12px}
+  #fsRoot.compdragging .comp-over{outline-color:var(--ink3)}
+  /* Once the composer moves to the chat this bar is empty, so it collapses to zero height
+     and there is nothing left to drop on — the composer could go one way and never come
+     back (Masa 2026-08-03: kanban に戻せなくなってる). It only takes up room WHILE a drag
+     is in progress, so an empty box is never sitting there the rest of the time (§1.5-3). */
+  #fsRoot.compdragging .fscompbar{min-height:72px}
+  /* While it is being carried: it follows the cursor, sits above everything, and stops
+     receiving hits so the column under the pointer is what gets highlighted. */
+  #composerWrap.compdrag-lift{position:relative;z-index:40;pointer-events:none;
+    box-shadow:0 18px 44px rgba(0,0,0,.42);opacity:.94;transition:none}
+  body.compdrag-noselect,body.compdrag-noselect *{user-select:none!important;-webkit-user-select:none!important}
+  #fsRoot.compdragging .fscompbar::after{content:"Composer";position:absolute;left:0;right:0;top:50%;
+    transform:translateY(-50%);text-align:center;font:600 10px/1 var(--mono);letter-spacing:.12em;
+    text-transform:uppercase;color:var(--ink3);pointer-events:none}
+  #fsRoot.compdragging .fscompbar:has(#composerWrap)::after{content:none}
+  /* Moving it: grab the composer anywhere that is not something you can type in or press
+     (Masa 2026-08-03: どこを掴めるか分からない). The cursor is the whole affordance — no
+     extra handle to find. */
+  body[data-layout="flagship"] #fsRoot.boardmode #composerWrap{cursor:grab}
+  body[data-layout="flagship"] #fsRoot.boardmode #composerWrap:active{cursor:grabbing}
+  /* Only the textarea is named. Forcing cursor:pointer on every button in here overrode
+     the ones that deliberately say something else — the folder row goes cursor:default
+     while a chooser is already open so it stops advertising itself as pressable, and this
+     rule was louder than that (caught by folder-picker-single-dialog). Buttons already
+     carry their own cursor; leave them alone. */
+  body[data-layout="flagship"] #fsRoot.boardmode #composerWrap textarea{cursor:text}
+  #fsRoot.boardmode .fscompbar{display:block;position:absolute;z-index:6;
+    left:18px;right:18px;bottom:14px}   /* 18px = .fslane's own side padding */
+  /* The board stops above the composer. The reserve is the bar's MEASURED height, not a
+     constant: the box is user-resizable now, so any fixed number is wrong the moment
+     someone drags it (and 136 already left the board's scrollbar 7px underneath). */
+  #fsRoot.boardmode .fslane{padding-bottom:calc(var(--compbarh,124px) + 20px)}
+  @media (max-width: 760px){
+    #fsRoot.boardmode .fscompbar{display:none}
+    #fsRoot.boardmode .fslane{padding-bottom:0}
+  }
+  #fsRoot.boardmode .fscompbar #composerWrap{width:100%;margin:0;max-width:none}
   #fsRoot .fslane.boardmode #fsTodoSec .tl,#fsRoot .fslane.boardmode #fsTodoSec .doneline,#fsRoot .fslane.boardmode #fsTodoSec #fsDonelist{display:none}
   /* Board mode = board ONLY (Masa 2026-07-17): the Review section — proof thumbnails, PR
      links, approve/dismiss, and its "N ready" summary line — is spoken by the board's own
@@ -1747,7 +1894,14 @@
     container-box position (measured identical, 63px both), but the glyph sits differently inside that box. Scoped here, not on <body>, to avoid
     a global typography change. */
   #fsRoot .fslane.boardmode #fsBoard{display:flex}
-  #fsBoard::-webkit-scrollbar{height:8px}#fsBoard::-webkit-scrollbar-thumb{background:var(--hair);border-radius:6px}
+  /* The horizontal scrollbar is a hint, not furniture (Masa 2026-08-03): the track keeps
+     its 8px so nothing shifts, but the thumb is transparent until you actually scroll —
+     .sbon is added on scroll and dropped ~1.4s after the last one. */
+  #fsBoard{scrollbar-width:none}
+  #fsBoard.sbon{scrollbar-width:thin;scrollbar-color:var(--hair2) transparent}
+  #fsBoard::-webkit-scrollbar{height:8px}
+  #fsBoard::-webkit-scrollbar-thumb{background:transparent;border-radius:6px;transition:background .25s}
+  #fsBoard.sbon::-webkit-scrollbar-thumb{background:var(--hair2)}
   .fsbcol{flex:0 0 236px;max-height:100%;display:flex;flex-direction:column;min-height:0} /* 236 = flagship .labcol (was 200, a prod-side narrowing that made the board read cramped vs the Artifact) */
   .fsbcolhd{display:flex;align-items:center;gap:8px;padding:1px 4px 9px;flex:0 0 auto}
   .fsbdot{width:7px;height:7px;border-radius:50%;background:var(--stg,var(--ink3));flex:0 0 auto;box-shadow:0 0 0 3px color-mix(in srgb,var(--stg,#fff) 14%,transparent)}
@@ -1858,6 +2012,19 @@
   #fsRoot .qadd.editing{opacity:1;color:var(--ink);cursor:text}
   #fsRoot .qadd input{all:unset;display:block;min-width:0;flex:1;color:var(--ink);font:inherit;line-height:18px}
   #fsRoot .qadd input::placeholder{color:var(--ink3)}
+  /* A card that has been accepted but not started: faint until the engine picks it up. */
+  #fsRoot .lbc.is-tentative{opacity:.5}
+  /* The board's own add row. It reads and behaves like the To Do list's .qadd — before
+     this the inline field kept the browser's default chrome and landed as a white box on
+     a dark board (Masa 2026-08-03: 白いダイアログでるけどダサい). all:unset is the same
+     trick .qadd uses; the row is the field, there is no second surface. */
+  #fsRoot .fsbadd{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:9px;width:100%;
+    padding:6px 4px 6px 8px;border-radius:8px;color:var(--ink3);font-size:11.5px;cursor:pointer;
+    opacity:.45;transition:opacity .15s,color .15s}
+  #fsRoot .fsbadd:hover{opacity:1;color:var(--ink)}
+  #fsRoot .fsbadd.editing{opacity:1;color:var(--ink);cursor:text}
+  #fsRoot .fsbadd input{all:unset;display:block;min-width:0;flex:1;color:var(--ink);font:inherit;line-height:18px}
+  #fsRoot .fsbadd input::placeholder{color:var(--ink3)}
   #fsRoot .lateridle{display:flex;align-items:center;gap:9px;margin:5px 0 2px;padding:9px 10px;border:1px solid var(--hair);border-radius:8px;color:var(--ink2);font-size:10.5px;line-height:1.45}
   #fsRoot .lateridle .msg{flex:1;min-width:0}
   #fsRoot .lateridle button{height:26px;padding:0 10px;border:1px solid var(--hair2);border-radius:7px;background:var(--panel);color:var(--ink);font:600 10px/1 var(--mono);cursor:pointer;white-space:nowrap}
@@ -2987,6 +3154,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}
@@ -3013,6 +3190,7 @@
     /* Top bar = chromeless on mobile for ALL themes (Masa 2026-07-18: Midnight で上に変なフレーム
        が出ていた → Gradient と同じく枠/面なしに). Gradient already did this; extend to every theme. */
     body[data-layout="flagship"] #fsRoot .fsrail{background:transparent;box-shadow:none}
+    body[data-layout="flagship"] #fsRoot.boardmode .fscenter{min-width:0} /* stacked here — no floor to hold */
     /* Masa: on mobile drop the drag-to-swap grip (⠿) — it collides with the lane close ✕ and
        there's nothing to drag on a phone. Keep the ✕. */
     body[data-layout="flagship"] #fsRoot .panelgrip{display:none}
@@ -3141,6 +3319,8 @@
       <div id="tobottom" title="Back to latest">↓</div>
       <div class="errbar" id="errbar"></div>
       <div class="composer-wrap" id="composerWrap">
+      <!-- Drag to set how tall the box may grow; double-click to put it back (Masa 2026-08-03). -->
+      <div class="comphandle" id="compHandle" title="Drag to resize · double-click to reset"></div>
         <div class="queue" id="queue"></div>
         <!-- Context row (Masa 2026-07-22: 「claude の表記に合わせて」). The Claude app
              puts separate rounded chips above the box — repo · branch|worktree · add —
@@ -3255,12 +3435,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>
@@ -3322,6 +3496,10 @@
       </span>
       <div class="fswait" id="fsWait"><!-- waiting badge: "N Needs you / N Review" beside the toggle, board mode only (renderFsWait) --></div>
       <div class="lanegrip" id="fsGrip" title="Drag to resize"></div>
+      <!-- Board-view composer host (Masa 2026-08-03). It lives INSIDE .fslane so its width
+           is the board's width by construction — no second copy of that number to keep in
+           step, and it follows the grip when the board is resized. -->
+      <div class="fscompbar" id="fsCompBar"></div>
       <!-- mobile-only sheet header (H25②): grab handle + close X; display:none on desktop -->
       <div class="lanemtop"><span class="lanemgrab"></span><button class="lanemx" id="fsLaneClose" title="Close" aria-label="Close">✕</button></div>
       <div class="lanebody">
@@ -3565,7 +3743,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
@@ -4001,6 +4179,14 @@ function saReviewTitle(g){
   // reviewSummary.title, so they fall back to the request text unchanged (no regression).
   return String(g?.reviewSummary?.title || g?.text || g?.plan?.[0] || g?.reviewSummary?.changed || '').replace(/\s+/g, ' ').trim().slice(0, 90);
 }
+// A reply(follow-up) task's own title IS the reply text ("ok, fix the header too"), not a
+// task name — showing it as "Doing" reads like a new, unrelated task started (Masa
+// 2026-07-24). The To Do panel's Doing row already fell back to the goal's own name for a
+// reply task; the "Now doing" header did not, so the same goal read two different names in
+// the two places that are supposed to mirror each other. One function, both call sites.
+function fsDoingName(t, goal){
+  return t.reply ? (goal?.reviewSummary?.check || goal?.plan?.[0] || goal?.text || t.title) : t.title;
+}
 // H23 (2026-07-18) evidence-kind detection. flagship's demo data carries an explicit
 // `kind` field; real goals/tasks have no such field, so the review card derives one
 // from real signals it already has (a captured proof image, whether the changed files
@@ -5252,6 +5438,30 @@ function ensureLayoutAnchors(){
     if (el && !el._anchor) { const a = document.createComment('home:' + id); el.parentNode.insertBefore(a, el); el._anchor = a; }
   }
 }
+// Board view can host the composer in a full-width bar under both columns (?cmp trial).
+// appendChild is guarded on a real parent change so a focused #input is never detached
+// mid-typing — same rule positionLayout follows.
+// Where the composer lives. In board view it defaults to the bar under the board; drag
+// its handle onto the chat column (or back) to move it, and that choice is remembered
+// (Masa 2026-08-03). Outside board view there is only one place for it.
+// Narrow screens stack the columns, and the bar is absolutely positioned inside the lane —
+// putting the composer there pushed it clean off the right of a 390px phone (measured at
+// x=414..682 on a 390px viewport, with the column's own "New" unreachable too). Phones keep
+// the composer where it has always been.
+function composerIsStacked(){
+  return window.matchMedia('(max-width: 760px)').matches;
+}
+function composerHost(){
+  const bar = document.getElementById('fsCompBar');
+  const chat = document.getElementById('fsCompwrap');
+  const board = document.getElementById('fsRoot')?.classList.contains('boardmode');
+  if (!bar || !board || composerIsStacked()) return chat;
+  return localStorage.getItem('compHome') === 'chat' ? chat : bar;
+}
+function placeComposer(){
+  const host = composerHost(), cw = document.getElementById('composerWrap');
+  if (host && cw && cw.parentNode !== host) host.appendChild(cw);
+}
 function positionLayout(){
   ensureLayoutAnchors();
   // The settings panel escapes the hidden top bar in flagship (.top{display:none} would
@@ -5268,7 +5478,7 @@ function positionLayout(){
     // Composer (queue + input + FREE LIMIT banner) + transient #errbar live at the bottom of
     // the ONE center card — desktop and mobile alike (全面つなげた下地: feed scrolls above,
     // composer sits on the same connected surface, the queue tray shares that 下地).
-    const host = $('fsCompwrap'), cw = $('composerWrap');
+    const host = composerHost(), cw = $('composerWrap');
     if (host && cw && cw.parentNode !== host) host.appendChild(cw);
     const eb = $('errbar');
     if (host && eb && eb.parentNode !== host) host.appendChild(eb);
@@ -6844,7 +7054,11 @@ const fsUI = {
   band: Number(localStorage.getItem('fsBand') ?? 0),   // theme-6 band choice
   revMore: false,                                      // "+N more" fold on the review list (§1.5-8)
   todoFold: false, doneOpen: false, rejOpen: false, todoMore: false,
-  todoView: localStorage.getItem('fsTodoView') === 'board' ? 'board' : 'list', // To Do: list (default) / kanban board (Masa 2026-07-16)
+  // Board is the DEFAULT (Masa 2026-08-03: 明らかに kanban view の方がフックが強い).
+  // Only an explicit 'list' — a choice the person made and we stored — opts out; an
+  // empty localStorage means board, so a first visit lands on the view that shows
+  // what Galda is (columns of work moving) instead of a single list.
+  todoView: localStorage.getItem('fsTodoView') === 'list' ? 'list' : 'board',
   logOpen: new Set(), logFocus: null,                  // "View log" targets
   repsOpen: new Set(),                                 // reply-group folds
 };
@@ -7018,7 +7232,7 @@ function renderFsFeed(){
       nd.hidden = false;
       nd.innerHTML = `<span class="nd-lb">Doing</span><span class="nd-run"></span>`
         + (n != null ? `<span class="gno nd-no" data-n="${n}">#${n}</span>` : '')
-        + `<span class="nd-nm">${esc(String(t.title ?? '').replace(/\s+/g, ' ').slice(0, 90))}</span>`
+        + `<span class="nd-nm">${esc(String(fsDoingName(t, g) ?? '').replace(/\s+/g, ' ').slice(0, 90))}</span>`
         + `<span class="nd-pct">${pct}%</span><div class="nd-bar"><i style="width:${pct}%"></i></div>`;
     } else { nd.hidden = true; nd.innerHTML = ''; }
   }
@@ -7264,6 +7478,8 @@ function renderFsLane(){
   const ae = document.activeElement;
   if (ae && lane.contains(ae) && ['INPUT', 'TEXTAREA'].includes(ae.tagName)) return;
   lane.classList.toggle('boardmode', fsUI.todoView === 'board');
+  lane.closest('#fsRoot')?.classList.toggle('boardmode', fsUI.todoView === 'board');
+  placeComposer();
   syncFsTvSeg();
   renderFsReview(); renderFsTodo();
   if (fsUI.todoView === 'board') renderFsBoard();
@@ -7284,6 +7500,12 @@ function fsBoardBucket(goal, tasks){
   if (s === 'done' || s === 'reverted' || s === 'skipped') return 'done'; // terminal; skipped is finished, not in flight (it used to fall through to the doing default)
   if (s === 'rejected') return 'rejected'; // Reject = closed. Parked in the list's own Dismissed fold; the board drops it entirely (a closed todo must not linger in Doing — Masa 2026-07-21). Both 'folded' and 'rejected' used to fall through to the doing default.
   if (s === 'stacked' || s === 'sending') return 'todo';
+  // NOT moved to 'todo' here, though it was tried (Masa 2026-08-03: キューに入ってる時に
+  // kanban から消える): 'planning' means the agent is already running, and the board must
+  // place a goal in the same column the List does (Masa 2026-07-19, board-list-align).
+  // Breaking that to keep a card visible traded one inconsistency for a worse one. What
+  // actually fixes the disappearance is upstream — the card is inserted locally the moment
+  // you press Enter, and 'running' without startedAt (genuinely queued) already stays here.
   if (s === 'running' && !goal?.startedAt) return 'todo';       // goalChip: planned, nothing started yet
   // Otherwise the goal is in flight (planning / retesting / running-and-started). BUT a
   // goal whose status stuck 'running' after every task already finished is NOT moving —
@@ -7324,8 +7546,14 @@ function renderFsBoard(){
   // (#input) — the real create path (no editable rows / no per-column status invention like the
   // flagship mock; a new goal enters via the composer). Earlier this was To-Do-only, which read
   // as "position is off" against the Artifact (Masa 2026-07-18).
-  const col = (name, stg, count, html, stage) =>
-    `<section class="fsbcol" data-stage="${stage}" style="--stg:${stg}"><div class="fsbcolhd"><span class="fsbdot"></span><span class="fsbcolnm">${name}</span>${stage === 'doing' ? `<button class="fsbcpause" data-fspause="1" aria-pressed="${paused ? 'true' : 'false'}" title="${paused ? 'Resume' : 'Pause'}">${paused ? '<svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>' : '<svg viewBox="0 0 24 24"><rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/></svg>'}</button>` : ''}<span class="fsbcnt">${count}</span><button class="fsbcadd" data-fsnew="1" title="New goal"><svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg></button></div><div class="fsbbody">${html || '<div class="fsbempty">—</div>'}</div><button class="fsbadd" data-fsnew="1" title="New goal"><span class="paplus"></span>New</button></section>`;
+  // Only To Do and Backlog take a + (Masa 2026-08-03). The other columns are states the
+  // work arrives in — you cannot put something straight into Doing or Review by asking for
+  // it — so a + there offered an action that does not exist.
+  const CAN_ADD = new Set(['todo', 'later']);
+  const col = (name, stg, count, html, stage) => {
+    const plus = CAN_ADD.has(stage);
+    return `<section class="fsbcol" data-stage="${stage}" style="--stg:${stg}"><div class="fsbcolhd"><span class="fsbdot"></span><span class="fsbcolnm">${name}</span>${stage === 'doing' ? `<button class="fsbcpause" data-fspause="1" aria-pressed="${paused ? 'true' : 'false'}" title="${paused ? 'Resume' : 'Pause'}">${paused ? '<svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>' : '<svg viewBox="0 0 24 24"><rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/></svg>'}</button>` : ''}<span class="fsbcnt">${count}</span>${plus ? `<button class="fsbcadd" data-fsnew="1" title="New goal"><svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg></button>` : ''}</div><div class="fsbbody">${html || '<div class="fsbempty">—</div>'}</div>${plus ? `<div class="fsbadd" data-fsnew="1" role="button" tabindex="0" title="${stage === 'later' ? 'New Backlog goal' : 'New goal'}"><span class="paplus"></span><span>${stage === 'later' ? 'New' : 'New'}</span></div>` : ''}</section>`;
+  };
   // Depth card (CDO, Masa 2026-07-17): #NN + title, colour on the dot only, and a continuous
   // stroke + n/m ONLY while the goal is actually in flight. The column already names the
   // status, so the card never repeats it. Stopped/failed carry NO bar (a dead bar would claim
@@ -7380,6 +7608,10 @@ function renderFsBoard(){
     else if (healthyRun) dot = 'run';
     // To Do (idle) and Later carry no dot — the column already says it. Quiet = dimmer title.
     const quiet = bkt === 'todo' || bkt === 'done' || bkt === 'later';
+    // Accepted, but the engine has not started it: it stays put and reads faintly rather
+    // than looking as settled as work that is really queued behind a slot (Masa 2026-08-03:
+    // 未確定なら薄く表示されててほしい).
+    const tentative = g.local === true || g.status === 'planning' || (g.status === 'running' && !g.startedAt);
     const n = goalNo.get(g.id);
     let h = '<div class="lbc-hd">'
       + (dot ? `<span class="lbc-dot ${dot}"></span>` : '')
@@ -7405,7 +7637,7 @@ function renderFsBoard(){
         h += `<div class="lbc-meter"><span class="bar"><i style="width:${Math.round(done / total * 100)}%"></i></span><span class="frac">${done}/${total}</span></div>`;
       }
     }
-    return `<div class="lbc${quiet ? ' is-quiet' : ''}" data-fsgoal="${g.id}">${h}</div>`;
+    return `<div class="lbc${quiet ? ' is-quiet' : ''}${tentative ? ' is-tentative' : ''}" data-fsgoal="${g.id}">${h}</div>`;
   };
   const no = (g) => goalNo.get(g.id) ?? Infinity;
   const bucket = { todo: [], doing: [], needs: [], review: [], done: [], later: [], rejected: [] };
@@ -7431,8 +7663,23 @@ function renderFsBoard(){
     + (bucket.needs.length ? col('Needs you', '#ffca16', bucket.needs.length, bucket.needs.map(goalCard).join(''), 'needs') : '')
     + col('Review', 'var(--review)', reviewDigest.length, reviewDigest.map(reviewCard).join(''), 'review')
     + col('Done', 'var(--ink3)', bucket.done.length, bucket.done.slice(0, 40).map(goalCard).join(''), 'done')
-    + col('Later', 'var(--ink3)', bucket.later.length, bucket.later.map(goalCard).join(''), 'later');
-  for (const b of el.querySelectorAll('[data-fsnew]')) b.onclick = () => $('input')?.focus(); // every + New / header + focuses the composer
+    + col('Backlog', 'var(--ink3)', bucket.later.length, bucket.later.map(goalCard).join(''), 'later');
+  // + and New ADD something here (Masa 2026-08-03: + をおしてタスクを追加できるように).
+  // They used to only focus the composer, which is a box on the other side of the screen —
+  // measured on Masa's own window: activeElement really was #input, not readOnly, not
+  // disabled, so it "worked", and nothing whatsoever happened where he was looking.
+  // fsInlineNewRow + fsCreateGoal are the same pair the List view has always used for its
+  // own To Do / Backlog rows; nothing new is invented here.
+  for (const b of el.querySelectorAll('[data-fsnew]')) {
+    const colEl = b.closest('.fsbcol');
+    const stage = colEl?.dataset.stage;
+    const anchor = colEl?.querySelector('.fsbadd[data-fsnew]') || b;
+    b.onclick = (e) => {
+      e.stopPropagation();
+      const later = stage === 'later';
+      fsInlineNewRow(anchor, later ? 'Add to Backlog…' : 'Add to To Do…', (text) => fsCreateGoal(text, later));
+    };
+  }
   for (const b of el.querySelectorAll('[data-fspause]')) b.onclick = togglePauseActive; // Doing列の一時停止/再生
   for (const c of el.querySelectorAll('[data-fsgoal]')) c.onclick = (e) => {
     if (e.target.closest('button, a')) return;
@@ -7775,7 +8022,7 @@ function renderFsTodo(){
   const doingRows =
     running.filter((t) => !pausedGoalIds.has(t.goalId)).map((t) => {
       const goal = pgoals.find((g) => g.id === t.goalId);
-      const title = t.reply ? (goal?.reviewSummary?.check || goal?.plan?.[0] || goal?.text || t.title) : t.title;
+      const title = fsDoingName(t, goal);
       return `<div class="drow"><div class="trow now" data-fsgoalrow="${t.goalId}"><span class="st run"></span>${noSpan(t.goalId)}<span class="tt">${tt(title)}</span><span class="stword run">Running</span><span class="pct num">${progressFor(t)}%</span>${fsActs(t.goalId)}</div>
       <div class="tbar"><i style="width:${progressFor(t)}%"></i></div></div>`;
     }).join('')
@@ -7870,8 +8117,8 @@ function renderFsTodo(){
       ${(parkedRows || upRows) ? `<span class="tlcap"${(doingRows || paused) || needsRows || rejected.length ? '' : ' style="padding-top:0"'}>Next up</span>${parkedRows}${upRows}` : ''}
       ${queued.length > NCAP ? `<div class="morefold" id="fsTodoMore">${fsUI.todoMore ? 'less' : `+${queued.length - NCAP} more`}<span class="g">›</span></div>` : ''}
       <div class="qadd" data-fsnew="1" role="button" tabindex="0" title="New goal"><span class="paplus"></span><span>New</span></div>
-      <span class="tlcap">Later</span>
-      <div class="qadd lateradd" data-fslaternew="1" role="button" tabindex="0" title="New Later goal"><span class="paplus"></span><span>New</span></div>
+      <span class="tlcap">Backlog</span>
+      <div class="qadd lateradd" data-fslaternew="1" role="button" tabindex="0" title="New Backlog goal"><span class="paplus"></span><span>New</span></div>
       ${laterRows}
     </div>
     ${doneAll.length ? `<div class="doneline${fsUI.doneOpen ? ' open' : ''}" id="fsDoneLine">✓ Done<span class="num">${doneAll.length}</span><span class="fold">▾</span></div>
@@ -7883,7 +8130,7 @@ function renderFsTodo(){
   const laterAdd = el.querySelector('.qadd[data-fslaternew]');
   if (laterAdd) laterAdd.onclick = (e) => {
     e.stopPropagation();
-    fsInlineNewRow(laterAdd, 'Add to Later…', (text) => fsCreateGoal(text, true));
+    fsInlineNewRow(laterAdd, 'Add to Backlog…', (text) => fsCreateGoal(text, true));
   };
   const dl = el.querySelector('#fsDoneLine');
   if (dl) dl.onclick = () => { fsUI.doneOpen = !fsUI.doneOpen; dl.classList.toggle('open', fsUI.doneOpen); el.querySelector('#fsDonelist').hidden = !fsUI.doneOpen; };
@@ -7971,17 +8218,34 @@ function renderFsTodo(){
     catch { showErr('Cannot delete a running/finished goal — reply to append instead'); return; }
     if (!r.ok) showErr('Cannot delete a running/finished goal — reply to append instead'); else await refresh(); };
 }
+// The card appears the moment you press Enter, in the column you typed it into, faint —
+// then the server's real goal replaces it (Masa 2026-08-03: 通信通さず・キューに入る感じで).
+// Before this the whole thing waited on the round-trip, so the row you had just typed
+// simply was not there for as long as the POST took, which read as "it disappeared".
+// A negative id can never collide with the server's, and `local` marks it as not-yet-real.
+let localGoalSeq = 0;
 async function fsCreateGoal(text, pending){
+  const tempId = -(++localGoalSeq);
+  const ghost = {
+    id: tempId, projectId: state.active, text,
+    status: pending ? 'pending' : 'stacked',   // Backlog / To Do — the columns they were typed into
+    createdAt: new Date().toISOString(), local: true,
+  };
+  state.goals.push(ghost);
+  render();
+  const drop = () => { const i = state.goals.findIndex((g) => g.id === tempId); if (i >= 0) state.goals.splice(i, 1); };
   const r = await fetch(withKey('/api/tasks'), { method: 'POST', headers: { 'content-type': 'application/json' },
     body: JSON.stringify({ projectId: state.active, text, pr: 'auto', model: state.stickyModel, effort: state.stickyEffort, agent: state.connectedApp, mode: 'auto', pending }) });
   if (r.status === 402) {
     const data = await r.json().catch(() => ({}));
+    drop(); render();
     showBillingBlocked(data.blocked);
     return false;
   }
-  if (!r.ok) { showErr(pending ? 'Later add failed.' : 'To Do add failed.'); return false; }
+  if (!r.ok) { drop(); render(); showErr(pending ? 'Backlog add failed.' : 'To Do add failed.'); return false; }
   clearBillingBlocked();
   const goal = await r.json();
+  drop();                                  // the real one takes its place
   if (goal?.id) upsert(state.goals, goal);
   render();
   return true;
@@ -8315,13 +8579,22 @@ function renderClawdHero(){
     e.stopPropagation();
     fsUI.todoView = b.dataset.fstv; localStorage.setItem('fsTodoView', fsUI.todoView);
     $('fsLane').classList.toggle('boardmode', fsUI.todoView === 'board');
+    $('fsRoot').classList.toggle('boardmode', fsUI.todoView === 'board');
+    window.__fsApplyMidOrder?.();
+    placeComposer();
     syncFsTvSeg();
     if (fsUI.todoView === 'board') renderFsBoard();
   };
   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 +8622,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'); };
@@ -8367,7 +8636,15 @@ function renderClawdHero(){
   // minReadableCenterW, given however wide the lane currently is — no more flat 280px ceiling
   // that stopped rightward drags well short of the window edge (Masa 2026-07-16: "もっと広げ
   // られるようにできる？"). Floors at 72 (the min) on a narrow/laned-out window.
-  const railMax = () => Math.max(72, window.innerWidth - 28 - 24 - lane.getBoundingClientRect().width - minReadableCenterW);
+  // Two things were wrong here once the board took the middle (Masa 2026-08-03: 左レーンの
+  // 幅を調整できない). It subtracted (a) the LIST view's 640px reading floor even in board
+  // view, where the floor is minCenterWBoard, and (b) the lane's CURRENT width — but the
+  // lane is flex-shrink:1, so it yields when the rail grows. Together they made railMax()
+  // return the 72px floor on any normal window, so every drag collapsed the rail instead
+  // of resizing it (measured at 1440: 1440-52-760-640 = -12 → clamped to 72).
+  // Reserve the lane's MINIMUM instead, and the floor that actually applies.
+  const centreFloor = () => (lane.classList.contains('boardmode') ? minCenterWBoard : minReadableCenterW);
+  const railMax = () => Math.max(72, window.innerWidth - 28 - 24 - 280 - centreFloor());
   const saved = Number(localStorage.getItem('fsLaneW'));
   const savedRail = Number(localStorage.getItem('fsRailW'));
   const restoreLane = saved >= 280 && saved <= 540;
@@ -8391,10 +8668,45 @@ function renderClawdHero(){
   // those chips get clipped off the edge of the composer card (Masa 2026-07-16 repro:
   // dragged the board grip wide on a 1280px-wide window, "Medium"+send were cut off).
   // 440 is the smallest value that doesn't clip on a real laptop width.
-  const minCenterWBoard = 440;
+  // 460: measured, and the same number the CSS floor uses (#fsRoot.boardmode .fscenter).
+  // They were 440 here and 460 there, so a drag could store a width the CSS then refused —
+  // the lane stayed put while localStorage said otherwise.
+  const minCenterWBoard = 460;
   const boardMax = () => Math.max(280, window.innerWidth - 28 - 24
     - (document.querySelector('#fsRoot .fsrail')?.getBoundingClientRect().width || defaultRailW) - minCenterWBoard);
+  // Which panel sits next to the rail. In board view the board takes it (Masa 2026-08-03:
+  // 中央レーンに kanban) — the columns are the thing to look at, and the chat reads fine
+  // on the right. An explicit drag (fsMidLeft) always wins over this.
+  const applyMidOrder = () => {
+    const chosen = localStorage.getItem('fsMidLeft');
+    root.classList.toggle('swapmid', chosen ? chosen === 'lane' : fsUI.todoView === 'board');
+  };
+  applyMidOrder();
+  window.__fsApplyMidOrder = applyMidOrder;
   const savedBoard = Number(localStorage.getItem('fsLaneWBoard'));
+  // Nobody has dragged it yet → open at boardMax(), not the old 372px stub (Masa
+  // 2026-08-03: 添付画像くらい widely). boardMax() is already the honest ceiling — it
+  // reserves the rail's REAL width plus the 440px the composer needs before its own
+  // chips clip — so "as wide as allowed" is the widest the board can be while the
+  // chat still works. Measured 780px on a 1440px window, which is the width in the
+  // screenshot this came from. It follows the window because it is recomputed on
+  // resize for as long as the width is unsaved; the first drag pins it for good.
+  // Nobody has dragged the board yet → open it as wide as it is ALLOWED to be, not at
+  // the old 372px stub (Masa 2026-08-03). Two things had to be measured rather than
+  // reasoned about:
+  //   1. boardMax() reads the rail's real width, but at boot the rail is not laid out
+  //      yet, so it fell back to defaultRailW and returned ~60px too much (measured:
+  //      lane 840 where the arithmetic wanted 780).
+  //   2. That surplus came straight out of the chat, which dropped to 380px — and the
+  //      composer's own button row then overflowed its container by 72px, which is
+  //      exactly the clipping minCenterWBoard exists to prevent (main, for comparison:
+  //      lane 372 / chat 848 / overflow 0).
+  // So the width is not computed once and trusted. A ResizeObserver watches the chat
+  // column and gives width back to it whenever it falls under the floor — self-correcting
+  // whatever the boot order turns out to be. The first drag writes fsLaneWBoard and the
+  // observer stands down for good.
+  // Unsaved → set nothing: the CSS fallback (100% minus the chat's min-width) sizes it,
+  // and it follows the window with no listener to keep in step.
   if (savedBoard >= 280 && savedBoard <= boardMax()) root.style.setProperty('--lanew-board', `${savedBoard}px`);
   let sx = 0, sw = 0, drag = false, boarding = false;
   grip.addEventListener('mousedown', (e) => {
@@ -8404,7 +8716,10 @@ function renderClawdHero(){
   document.addEventListener('mousemove', (e) => {
     if (!drag) return;
     const max = boarding ? boardMax() : 540;
-    const w = Math.max(280, Math.min(max, sw + (sx - e.clientX)));
+    // Grip on the right edge (swapmid) → dragging right widens; on the left edge the
+    // sign flips. Same gesture either way: pull the edge you are holding.
+    const dir = root.classList.contains('swapmid') ? (e.clientX - sx) : (sx - e.clientX);
+    const w = Math.max(280, Math.min(max, sw + dir));
     root.style.setProperty(boarding ? '--lanew-board' : '--lanew', `${w}px`);
   });
   document.addEventListener('mouseup', () => {
@@ -8475,6 +8790,10 @@ function renderClawdHero(){
         const side = sideFor(p, e.clientX);
         const wantLeft = side === 'left' ? dragged : (dragged === 'center' ? 'lane' : 'center');
         root.classList.toggle('swapmid', wantLeft === 'lane');
+        // Persisted from here on (Masa 2026-08-03). It used to be session-only, which was
+        // harmless while the default never moved — now that board mode puts the lane on
+        // the left by default, an unsaved drag back would be undone by the next reload.
+        localStorage.setItem('fsMidLeft', wantLeft);
       });
     }
   })();
@@ -11961,7 +12280,7 @@ function acceptPalette(){
     $('input').value = stripLeadingCmd($('input').value);
     closePalette();
   }
-  const ta = $('input'); ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, 120) + 'px'; ta.focus();
+  const ta = $('input'); ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, composerMaxH()) + 'px'; ta.focus();
   return true;
 }
 // Close the palette on any click outside the composer.
@@ -12086,10 +12405,159 @@ $('input').addEventListener('keydown', (e) => {
   // Up-arrow on an empty input recalls the last sent goal for editing.
   if (e.key === 'ArrowUp' && !state.palette && !$('input').value && _lastSend.text) {
     e.preventDefault(); const ta = $('input'); ta.value = _lastSend.text;
-    ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, 120) + 'px';
+    ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, composerMaxH()) + 'px';
   }
 });
-$('input').addEventListener('input', () => { const ta = $('input'); ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, 120) + 'px'; localStorage.setItem('draft', ta.value); refreshPalette(); });
+// The textarea grows to a cap; the cap is the dial. Default 120 = the value that was
+// hard-coded in three places before this. Clamped to a floor that still shows one line
+// and a ceiling of half the window so the board never disappears behind the composer.
+const COMP_MAX_DEFAULT = 120;
+function composerMaxH(){
+  const v = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--compmax'), 10);
+  return Number.isFinite(v) && v > 0 ? v : COMP_MAX_DEFAULT;
+}
+function setComposerMax(px, persist){
+  const max = Math.round(Math.max(56, Math.min(px, Math.round(window.innerHeight * 0.5))));
+  document.documentElement.style.setProperty('--compmax', `${max}px`);
+  if (persist) localStorage.setItem('compMax', String(max));
+  const ta = document.getElementById('input');
+  if (ta) { ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, max) + 'px'; }
+}
+// Keep --compbarh in step with what the composer bar actually measures, so the board's
+// bottom reserve follows it (including while it is being dragged taller).
+// The board's scrollbar shows itself while you scroll and for a moment after.
+// Crossing the phone/desktop boundary changes where the composer belongs.
+(function watchComposerBreakpoint(){
+  const mq = window.matchMedia('(max-width: 760px)');
+  const on = () => { try { placeComposer(); } catch {} };
+  mq.addEventListener ? mq.addEventListener('change', on) : mq.addListener(on);
+})();
+(function boardScrollbarHint(){
+  const board = document.getElementById('fsBoard'); if (!board) return;
+  let t = null;
+  board.addEventListener('scroll', () => {
+    board.classList.add('sbon');
+    clearTimeout(t); t = setTimeout(() => board.classList.remove('sbon'), 1400);
+  }, { passive: true });
+})();
+(function trackComposerBarHeight(){
+  const bar = document.getElementById('fsCompBar'); if (!bar) return;
+  const sync = () => {
+    // 0 is a real answer, not a glitch to skip: when the composer is dragged over to the
+    // chat this bar is empty, and the board should get that space back instead of holding
+    // a 125px gap under itself for a box that is no longer there.
+    const h = Math.round(bar.getBoundingClientRect().height);
+    document.documentElement.style.setProperty('--compbarh', `${h}px`);
+  };
+  if (window.ResizeObserver) new ResizeObserver(sync).observe(bar);
+  window.addEventListener('resize', sync);
+  sync();
+})();
+// Drag the composer between "under the board" and "under Implementing". The handle is
+// the grab point — the same one that resizes it — so there is one thing to reach for.
+// A plain HTML5 drag with its own MIME type, like the panel-swap drag already in the rail,
+// so it can never be confused with a file drop or a card drag.
+(function initComposerMove(){
+  const cw = document.getElementById('composerWrap'); if (!cw) return;
+  const root = () => document.getElementById('fsRoot');
+  // The whole COLUMN is the target, not the thin bar (Masa 2026-08-03: 移動がうまくいかない
+  // 時がある). Letting go over the board itself — the obvious place to aim for when the
+  // idea is "put it under the kanban" — landed outside the 125px bar and did nothing.
+  const zones = () => [
+    [document.querySelector('#fsRoot .fslane'), 'board', document.getElementById('fsCompBar')],
+    [document.querySelector('#fsRoot .fscenter'), 'chat', document.getElementById('fsCompwrap')],
+  ].filter(([el]) => el);
+
+  // Pointer events, not HTML5 drag-and-drop. The DnD version LOOKED right — dragstart
+  // fired and the outlines appeared — but nothing moved in a real browser, and the
+  // synthetic DragEvents I tested with only proved the handlers were wired (Masa: 枠はでる
+  // けど移動が出来ない). The rail and lane grips here have always been mousedown/mousemove/
+  // mouseup; this matches them, and a real mouse can be driven through it in a test.
+  let dragging = false, armed = false, sx = 0, sy = 0, hot = null;
+  const THRESHOLD = 4; // a click on the card must not read as a drag
+
+  const zoneUnder = (x, y) => {
+    for (const z of zones()) {
+      const r = z[0].getBoundingClientRect();
+      if (x >= r.left && x <= r.right && y >= r.top && y <= r.bottom) return z;
+    }
+    return null;
+  };
+  const paint = (target) => {
+    for (const z of zones()) {
+      z[0].classList.toggle('comp-over', z[0] === target);
+      z[2]?.classList.toggle('comp-over', z[0] === target);
+    }
+  };
+  const stop = () => {
+    dragging = armed = false; hot = null;
+    root()?.classList.remove('compdragging');
+    document.body.classList.remove('compdrag-noselect');
+    cw.classList.remove('compdrag-lift');
+    cw.style.transform = '';
+    paint(null);
+  };
+
+  cw.addEventListener('mousedown', (e) => {
+    if (e.button !== 0) return;
+    if (!root()?.classList.contains('boardmode')) return;         // nowhere to move it to
+    if (e.target.closest('textarea,button,select,input,a,[contenteditable],#compHandle')) return;
+    armed = true; sx = e.clientX; sy = e.clientY;
+    // Without this the browser starts a text selection from the card and sweeps it across
+    // everything the pointer passes (Masa 2026-08-03: テキストが広範囲で選択される).
+    e.preventDefault();
+  });
+  document.addEventListener('mousemove', (e) => {
+    if (!armed) return;
+    const dx = e.clientX - sx, dy = e.clientY - sy;
+    if (!dragging) {
+      if (Math.abs(dx) + Math.abs(dy) < THRESHOLD) return;
+      dragging = true;
+      root().classList.add('compdragging');
+      document.body.classList.add('compdrag-noselect');
+      cw.classList.add('compdrag-lift');
+    }
+    e.preventDefault();
+    // It follows the cursor. Without this there was no way to tell it had been picked up
+    // (Masa: 掴めてるかわからない) — the lane grip moves its edge, so this moves the card.
+    cw.style.transform = `translate(${Math.round(dx)}px, ${Math.round(dy)}px)`;
+    hot = zoneUnder(e.clientX, e.clientY);
+    paint(hot ? hot[0] : null);
+  });
+  document.addEventListener('mouseup', () => {
+    if (!armed) return;
+    const home = dragging && hot ? hot[1] : null;
+    stop();
+    if (!home) return;
+    localStorage.setItem('compHome', home);
+    placeComposer();
+  });
+})();
+(function initComposerResize(){
+  const saved = Number(localStorage.getItem('compMax'));
+  if (saved >= 56) setComposerMax(saved, false);
+  const h = document.getElementById('compHandle'); if (!h) return;
+  let sy = 0, sh = 0, dragging = false;
+  const down = (e) => { dragging = true; sy = (e.touches ? e.touches[0].clientY : e.clientY);
+    sh = composerMaxH(); e.preventDefault(); };
+  const move = (e) => { if (!dragging) return;
+    const y = (e.touches ? e.touches[0].clientY : e.clientY);
+    setComposerMax(sh + (sy - y), false); };            // drag UP = taller
+  const up = () => { if (!dragging) return; dragging = false;
+    localStorage.setItem('compMax', String(composerMaxH())); };
+  h.addEventListener('mousedown', down); h.addEventListener('touchstart', down, { passive: false });
+  document.addEventListener('mousemove', move); document.addEventListener('touchmove', move, { passive: false });
+  document.addEventListener('mouseup', up); document.addEventListener('touchend', up);
+  // Double-click puts it back — the same gesture the project rows already use for "undo
+  // my fiddling", and the handle says so in its title.
+  h.addEventListener('dblclick', () => {
+    localStorage.removeItem('compMax');
+    document.documentElement.style.removeProperty('--compmax');
+    const ta = document.getElementById('input');
+    if (ta) { ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, COMP_MAX_DEFAULT) + 'px'; }
+  });
+})();
+$('input').addEventListener('input', () => { const ta = $('input'); ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, composerMaxH()) + 'px'; localStorage.setItem('draft', ta.value); refreshPalette(); });
 $('input').addEventListener('paste', (e) => {
   for (const item of e.clipboardData?.items ?? []) {
     if (item.type.startsWith('image/')) { e.preventDefault(); uploadFile(item.getAsFile()); }
@@ -12762,11 +13230,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 +13329,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 +13566,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 +13592,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 +13605,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 +13630,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 +13714,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 +13732,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 +13764,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 +13826,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.124",
   "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": {