@worca/app 1.2.0-rc.3 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worca/app",
-  "version": "1.2.0-rc.3",
+  "version": "1.2.0",
   "description": "Worca — deterministic multi-agent pipeline that drives Claude Code (headless) through Plan -> Refine -> Implement -> Review, with a CLI, an installable /worca skill, and a web UI.",
   "license": "MIT",
   "author": "Sinisha Djukic",

package/ui/public/app.js

@@ -296,6 +296,10 @@ const el = {
   chatSettingsMsg: $('#chatSettingsMsg'),
   settingsTabs: $('#settings-tabs'),
 
+  // About (Settings card): read-only app identity, painted from /api/settings
+  aboutVersion: $('#aboutVersion'),
+  aboutRepoLink: $('#aboutRepoLink'),
+
   // Guardrails view
   guardrailsList: $('#guardrails-list'),
   guardrailsMsg: $('#guardrails-msg'),
@@ -7754,7 +7758,7 @@ function setFormMsg(text, kind) {
 }
 
 // ---------------------------------------------------------------------------
-// Settings view: the machine-wide Worca CC root folder + the projects root
+// Settings view: the machine-wide Worca root folder + the projects root
 // (§5.1) whose CLAUDE.md / .claude/skills / .mcp.json every pipeline agent sees.
 // ---------------------------------------------------------------------------
 function setSettingsMsg(text, kind) {
@@ -7782,6 +7786,22 @@ function paintSettings(data) {
 // fallback so an older/partial response still fills the placeholder.
 const projectsRootFallback = (data) => data.projectsRootDefault || data.default || '';
 
+// About card: painted from the `app` block of GET /api/settings. A missing or
+// malformed payload leaves the static markup (including target/rel) untouched.
+function paintAbout(info) {
+  if (!info) return;
+  if (el.aboutVersion && info.version) {
+    el.aboutVersion.textContent = info.version;
+    // Links the version to its release tag; a missing/malformed URL leaves the
+    // anchor href-less, i.e. plain text.
+    if (typeof info.releaseUrl === 'string' && info.releaseUrl) el.aboutVersion.href = info.releaseUrl;
+  }
+  if (el.aboutRepoLink && typeof info.repoUrl === 'string' && info.repoUrl) {
+    el.aboutRepoLink.href = info.repoUrl;
+    el.aboutRepoLink.textContent = info.repoUrl.replace(/^https?:\/\//, '');
+  }
+}
+
 async function loadSettings() {
   if (!el.settingsRoot) return;
   try {
@@ -7789,6 +7809,7 @@ async function loadSettings() {
     const data = await safeJson(res);
     if (!res.ok) { setSettingsMsg(data.error || `HTTP ${res.status}`, 'err'); return; }
     paintSettings(data);
+    paintAbout(data.app);
     paintBudgetSettings(data);
     paintAskSettings(data);
     paintDebugSpawnSettings(data);

package/ui/public/ask-panel.mjs

@@ -85,6 +85,22 @@ export function shortcutLabel(win) {
   return /mac|iphone|ipad|ipod/i.test(platform) ? '⌘K' : 'Ctrl K';
 }
 
+/**
+ * Sheet geometry shared with style.css: .ask-dock{padding:0 28px 26px} and
+ * .ask-sheet{width:min(782px,100%);height:min(669px,calc(100% - 20px))}. The
+ * user's size is clamped to [minW×minH, dock inner box]. The floor IS the
+ * stylesheet default: the sheet grows from what it always was and never shrinks
+ * below it, so every layout the fixed-size sheet was designed around (the
+ * non-wrapping composer row, the popovers written in 100vh terms) still holds.
+ * Border-box px throughout — the sheet has no padding.
+ */
+export const ASK_SHEET_SIZE = Object.freeze({
+  defaultW: 782, defaultH: 669,
+  minW: 782, minH: 669,
+  dockPadX: 28, dockPadBottom: 26, topGap: 20,
+});
+const SIZE_KEY = 'worca-cc.ask.size';
+
 export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContext, openNewPipeline, loadMarkdown, hljsLoader, storage, raf, now }) {
   const storedPick = readStoredModel();   // hoisted declaration (defined below); null when nothing is stored
   const st = {
@@ -109,6 +125,9 @@ export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContex
     worktrees: [],            // P4 §10: the chat's open worktrees (snapshot-fed)
     pinned: true,
     prevFocus: null,
+    size: readStoredSize(),   // {w,h} the user's persisted sheet size (hoisted reader); null = stylesheet default
+    applied: null,            // {w,h} the inline size currently on the sheet (clamped); null = default
+    drag: null,               // the active resize gesture — see startResize()
     pendingFiles: [],
     sending: false,
     subscribedFor: null,
@@ -161,6 +180,32 @@ export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContex
       else storage.removeItem('worca-cc.ask.thread');
     } catch { /* ignore */ }
   }
+  /** The persisted sheet size, or null when nothing usable is stored. Clamped later, against a live dock. */
+  function readStoredSize() {
+    try {
+      const raw = storage.getItem(SIZE_KEY);
+      const v = raw ? JSON.parse(raw) : null;
+      if (v && Number.isFinite(v.w) && Number.isFinite(v.h)) return { w: Math.round(v.w), h: Math.round(v.h) };
+    } catch { /* storage unavailable */ }
+    return null;
+  }
+  function storeSize(size) {
+    try {
+      if (size) storage.setItem(SIZE_KEY, JSON.stringify({ w: size.w, h: size.h }));
+      else storage.removeItem(SIZE_KEY);
+    } catch { /* ignore */ }
+  }
+
+  /**
+   * Size the composer textarea to its content, one line minimum, 120px maximum.
+   * Bound to the input event; every programmatic write to el.input.value (the
+   * post-send clear, appendToComposer) must call it too, since assignment
+   * fires no input event and the box would keep the previous draft's height.
+   */
+  function fitInput() {
+    el.input.style.height = 'auto';
+    el.input.style.height = `${Math.min(el.input.scrollHeight || 0, 120)}px`;
+  }
 
   // ---- tiny DOM helpers -----------------------------------------------------
   function make(tag, className, text) {
@@ -257,10 +302,12 @@ export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContex
     el.jump.hidden = true;
     el.jump.addEventListener('click', jumpToLatest);
     sheet.appendChild(el.jump);
+    for (const edge of ['n', 'e', 'w', 'ne', 'nw']) sheet.appendChild(buildResizeHandle(edge));
     dock.appendChild(sheet);
     dock.appendChild(pill);
     el.pill = pill;
     el.sheet = sheet;
+    el.dock = dock;           // measured by dockInner(); `root` is TDZ here
     return dock;
   }
 
@@ -430,6 +477,7 @@ export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContex
       // No provisional title from the prompt: the header keeps "Ask Worca" until
       // the ask-title frame lands (ask-model marks title dirty, flushExtra repaints).
       el.input.value = '';
+      fitInput();                                    // a programmatic clear fires no input event
       st.pendingFiles = [];
       renderChips();
       subscribe(id);
@@ -455,10 +503,7 @@ export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContex
     el.input.addEventListener('keydown', (e) => {
       if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) { e.preventDefault(); sendMessage(); }
     });
-    el.input.addEventListener('input', () => {
-      el.input.style.height = 'auto';
-      el.input.style.height = `${Math.min(el.input.scrollHeight || 0, 120)}px`;
-    });
+    el.input.addEventListener('input', fitInput);
     wrap.appendChild(el.input);
 
     el.composerMsg = make('div', 'ask-composer-msg');
@@ -581,6 +626,7 @@ export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContex
     st.prevFocus = doc.activeElement;
     el.pill.hidden = true;
     el.sheet.hidden = false;
+    restoreSize();                                 // the sheet has a box now — clamp the stored size to the dock
     st.pinned = true;
     ensureFirstOpen();
     focusComposer();
@@ -598,8 +644,8 @@ export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContex
     openSheet();                                   // no-op when already open…
     const cur = el.input.value;
     el.input.value = cur ? `${cur.replace(/\s*$/, '')}\n${add}` : add;
-    // …so the autosize listener and the focus have to be driven here.
-    el.input.dispatchEvent(new win.Event('input'));
+    // …so the autosize and the focus have to be driven here.
+    fitInput();
     focusComposer();
     try { el.input.selectionStart = el.input.selectionEnd = el.input.value.length; } catch { /* jsdom */ }
     return true;
@@ -619,6 +665,180 @@ export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContex
 
   function toggleSheet() { (st.open ? closeSheet : openSheet)(); }
 
+  // ---- resize ---------------------------------------------------------------
+  // The sheet is a bottom-anchored, horizontally centred flex child of the dock,
+  // so a top-edge drag is a pure height change and a side drag grows the width
+  // symmetrically about the centre (each edge moves half the delta, which keeps
+  // the grabbed edge under the cursor). Sizes are border-box px applied as
+  // inline width/height, so the stylesheet's default rule stays byte-identical
+  // and its max-width/max-height backstop still bounds a stale inline size.
+  //
+  // A gesture ends on pointerup/pointercancel, and — like graph/composer.mjs —
+  // on window blur, lostpointercapture (the sheet was hidden, the capture was
+  // taken) and a pointermove that reports no button held (the release landed
+  // outside the window and never reached us). All of those COMMIT: a half-done
+  // resize is still a size the user chose, unlike a half-drawn wire. Escape is
+  // the one CANCEL: the pre-drag size comes back and nothing is stored. Only a
+  // gesture that actually moved persists, and only the axis it dragged — the
+  // other axis keeps the stored preference, so a click on a dock-clamped sheet
+  // can never write the clamp back over a larger preference.
+  function buildResizeHandle(edge) {
+    const h = make('div', `ask-resize ask-resize-${edge}`);
+    h.setAttribute('data-ask-resize', edge);
+    h.setAttribute('aria-hidden', 'true');
+    h.addEventListener('pointerdown', (e) => startResize(e, edge, h));
+    h.addEventListener('lostpointercapture', () => { if (st.drag && st.drag.handle === h) finishResize(); });
+    h.addEventListener('dblclick', (e) => { e.preventDefault(); resetSize(); });
+    return h;
+  }
+
+  /** The dock's content box in px; zeros when there is no layout (hidden, detached, jsdom). */
+  function dockInner() {
+    const d = el.dock;
+    const w = d ? d.clientWidth : 0;
+    const h = d ? d.clientHeight : 0;
+    return {
+      w: w > 0 ? w - 2 * ASK_SHEET_SIZE.dockPadX : 0,
+      h: h > 0 ? h - ASK_SHEET_SIZE.dockPadBottom - ASK_SHEET_SIZE.topGap : 0,
+    };
+  }
+
+  /** Clamp to [min, dock inner]. The dock bound wins when the two conflict (a narrow viewport). */
+  function clampSize(size) {
+    const inner = dockInner();
+    const maxW = inner.w > 0 ? inner.w : Infinity;
+    const maxH = inner.h > 0 ? inner.h : Infinity;
+    return {
+      w: Math.round(Math.min(Math.max(size.w, ASK_SHEET_SIZE.minW), maxW)),
+      h: Math.round(Math.min(Math.max(size.h, ASK_SHEET_SIZE.minH), maxH)),
+    };
+  }
+
+  /** Write the inline size, or clear it (null) so min(782px,100%) rules again. */
+  function applySize(size) {
+    if (size) {
+      el.sheet.style.width = `${size.w}px`;
+      el.sheet.style.height = `${size.h}px`;
+    } else {
+      el.sheet.style.removeProperty('width');
+      el.sheet.style.removeProperty('height');
+    }
+    st.applied = size;
+  }
+
+  /** Re-apply the persisted preference against the current dock — on open and on window resize. */
+  function restoreSize() {
+    applySize(st.size ? clampSize(st.size) : null);
+  }
+
+  /** The sheet's live border-box size; the applied/default size when there is no layout. */
+  function currentSize() {
+    const w = el.sheet.offsetWidth;
+    const h = el.sheet.offsetHeight;
+    if (w > 0 && h > 0) return { w, h };
+    return st.applied ? { w: st.applied.w, h: st.applied.h } : { w: ASK_SHEET_SIZE.defaultW, h: ASK_SHEET_SIZE.defaultH };
+  }
+
+  function startResize(e, edge, handle) {
+    if (st.drag || st.destroyed || (e.button != null && e.button !== 0)) return;
+    const start = currentSize();
+    st.drag = {
+      edge, handle, pointerId: e.pointerId, x: e.clientX, y: e.clientY, w: start.w, h: start.h,
+      moved: false,                                  // set by the first pointermove that applies a size
+      before: st.applied ? { w: st.applied.w, h: st.applied.h } : null,   // what Escape restores
+    };
+    handle.classList.add('is-active');
+    el.sheet.classList.add('is-resizing');
+    // Capture is a bonus, never a precondition (Chrome throws for a synthetic
+    // pointerId; jsdom has no such method) — the document listeners carry the
+    // gesture either way, exactly like graph/composer.mjs.
+    try { handle.setPointerCapture?.(e.pointerId); } catch { /* synthetic pointer */ }
+    doc.addEventListener('pointermove', onResizeMove);
+    doc.addEventListener('pointerup', onResizeEnd);
+    doc.addEventListener('pointercancel', onResizeEnd);
+    win.addEventListener('blur', onResizeBlur);
+    e.preventDefault();                              // no text selection / focus steal mid-drag
+  }
+
+  function samePointer(g, e) {
+    return g.pointerId == null || e.pointerId == null || e.pointerId === g.pointerId;
+  }
+
+  function onResizeMove(e) {
+    const g = st.drag;
+    if (!g || !samePointer(g, e)) return;
+    if (e.buttons === 0) { finishResize(); return; }   // the release never reached us
+    g.moved = true;
+    const dx = e.clientX - g.x;
+    const dy = e.clientY - g.y;
+    let w = g.w;
+    let h = g.h;
+    if (g.edge === 'w' || g.edge === 'nw') w = g.w - 2 * dx;                  // left edge: leftwards grows
+    if (g.edge === 'e' || g.edge === 'ne') w = g.w + 2 * dx;                  // right edge: rightwards grows
+    if (g.edge === 'n' || g.edge === 'ne' || g.edge === 'nw') h = g.h - dy;   // top edge: upwards grows
+    applySize(clampSize({ w, h }));
+  }
+
+  function onResizeEnd(e) {
+    const g = st.drag;
+    if (!g || !samePointer(g, e)) return;
+    finishResize();
+  }
+
+  function onResizeBlur() { finishResize(); }
+
+  /** Idempotent; also run from destroy() so a mid-drag unmount leaves no document listeners. */
+  function finishResize() {
+    const g = endResize();
+    if (!g || !g.moved || !st.applied) return;
+    // Persist the dragged axis only; the other keeps the stored preference (or,
+    // with none stored, the size it had) — the clamp is never written back.
+    const movesW = g.edge !== 'n';
+    const movesH = g.edge !== 'e' && g.edge !== 'w';
+    const prev = st.size;
+    st.size = {
+      w: movesW || !prev ? st.applied.w : prev.w,
+      h: movesH || !prev ? st.applied.h : prev.h,
+    };
+    storeSize(st.size);
+  }
+
+  /** Escape: the pre-drag size comes back and nothing is stored. */
+  function cancelResize() {
+    const g = endResize();
+    if (!g) return;
+    applySize(g.before);
+  }
+
+  /** Tear the gesture down (listeners, classes, capture) and hand it back; null when none. */
+  function endResize() {
+    const g = st.drag;
+    if (!g) return null;
+    st.drag = null;
+    doc.removeEventListener('pointermove', onResizeMove);
+    doc.removeEventListener('pointerup', onResizeEnd);
+    doc.removeEventListener('pointercancel', onResizeEnd);
+    win.removeEventListener('blur', onResizeBlur);
+    g.handle.classList.remove('is-active');
+    el.sheet.classList.remove('is-resizing');
+    try { if (g.handle.hasPointerCapture?.(g.pointerId)) g.handle.releasePointerCapture(g.pointerId); } catch { /* already gone */ }
+    return g;
+  }
+
+  /** Double-click on any grip: back to the stylesheet default and forget the stored size. */
+  function resetSize() {
+    finishResize();
+    st.size = null;
+    applySize(null);
+    storeSize(null);
+  }
+
+  /** Window resize or dock resize (the rail toggling, the dock's slide): re-clamp — never under a held pointer. */
+  function onWinResize() {
+    if (st.destroyed || !st.open || !st.size || st.drag) return;
+    restoreSize();
+  }
+
   // ---- keyboard + pointer routing ------------------------------------------
   function containsNode(rootEl, t) { return !!(t && t.nodeType && rootEl.contains(t)); }
 
@@ -633,6 +853,7 @@ export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContex
 
   function onDocKeydown(e) {
     if (st.destroyed) return;
+    if (st.drag && e.key === 'Escape') { e.preventDefault(); cancelResize(); return; }
     if (isToggleCombo(e)) {
       if (e.repeat || e.isComposing) return;
       e.preventDefault();
@@ -2104,15 +2325,26 @@ export function createAskPanel({ doc, win, fetch, sendWs, confirm, getPageContex
   const root = buildRoot();
   doc.addEventListener('keydown', onDocKeydown, true);
   doc.addEventListener('pointerdown', onDocPointerdown, true);
+  win.addEventListener('resize', onWinResize);
+  // The rail collapsing changes the dock width by 222px with no window resize;
+  // observe the dock itself (guarded: jsdom has no ResizeObserver — P5's idiom).
+  let dockRo = null;
+  if (typeof win.ResizeObserver === 'function') {
+    dockRo = new win.ResizeObserver(onWinResize);
+    dockRo.observe(el.dock);
+  }
 
   function destroy() {
     if (st.destroyed) return;
     st.destroyed = true;
+    finishResize();                                  // a mid-drag unmount leaves no document listeners
     closePopover({ focusTrigger: false });
     if (st.elapsedTimer) { clearInterval(st.elapsedTimer); st.elapsedTimer = null; }
     if (el.orb) el.orb.stop();
     doc.removeEventListener('keydown', onDocKeydown, true);
     doc.removeEventListener('pointerdown', onDocPointerdown, true);
+    win.removeEventListener('resize', onWinResize);
+    if (dockRo) { dockRo.disconnect(); dockRo = null; }
     root.remove();
   }
 

package/ui/public/index.html

@@ -1024,12 +1024,12 @@
             <section class="card settings-card">
               <div class="field">
                 <div class="label-row">
-                  <label for="settingsRoot">Worca CC root folder</label>
-                  <button type="button" class="info-tip" aria-label="About Worca CC root folder">i<span class="tip-content hidden">
-                    The folder under which Worca CC keeps its data &mdash; a <code>.worca-cc/</code> directory holding the
+                  <label for="settingsRoot">Worca root folder</label>
+                  <button type="button" class="info-tip" aria-label="About Worca root folder">i<span class="tip-content hidden">
+                    The folder under which Worca keeps its data &mdash; a <code>.worca-cc/</code> directory holding the
                     history store, the project list, and saved workflows. Leave empty to use the default.
                     Changes apply to new runs immediately. Changing the root does <b>not</b> move existing
-                    data: Worca CC starts a fresh <code>.worca-cc/</code> under the new folder; history under
+                    data: Worca starts a fresh <code>.worca-cc/</code> under the new folder; history under
                     the old root is left in place.
                   </span></button>
                 </div>
@@ -1231,6 +1231,26 @@
               </div>
               <small class="hint" id="chatSettingsMsg"></small>
             </section>
+
+            <!-- About: intentionally no info-tip and no .hint (test/ui-settings-tooltips.test.mjs pins both). -->
+            <section class="card settings-card" id="about-card">
+              <div class="label-row">
+                <h2>About</h2>
+              </div>
+              <div class="about-row">
+                <span class="about-key">Version</span>
+                <!-- href is painted from app.releaseUrl (the worca-app-v<version> tag);
+                     without one the anchor is plain text, so the placeholder never links. -->
+                <a class="about-val about-version" id="aboutVersion"
+                   target="_blank" rel="noopener noreferrer">&mdash;</a>
+              </div>
+              <div class="about-row">
+                <span class="about-key">Repository</span>
+                <a class="about-val about-link" id="aboutRepoLink"
+                   href="https://github.com/SinishaDjukic/worca-cc"
+                   target="_blank" rel="noopener noreferrer">github.com/SinishaDjukic/worca-cc</a>
+              </div>
+            </section>
           </section>
           <!-- /pane general -->
 

package/ui/public/style.css

@@ -1574,10 +1574,23 @@ fieldset.source legend{font-weight:600;font-size:13px;padding:0 6px;color:var(--
 .topnav button.active .topnav-amt{color:inherit;}
 
 /* ---------- Settings cards ---------- */
-/* One width/centering/gap rule for all three Settings cards. */
+/* One width/centering/gap rule for every Settings card. */
 .settings-card{max-width:760px;padding:22px;margin-left:auto;margin-right:auto;}
 .settings-card + .settings-card{margin-top:18px;}
 
+/* About card rows. .about-val and .about-link share specificity on one anchor, so
+   .about-link must stay AFTER .about-val (test/ui-settings-about.test.mjs pins it). */
+.about-row{display:flex;align-items:baseline;gap:10px;font-size:13px;}
+.about-row + .about-row{margin-top:10px;}
+.about-key{flex:0 0 96px;font-weight:600;color:var(--ink-2);}
+.about-val{color:var(--ink);min-width:0;}
+.about-version{font-family:var(--mono);}
+/* Once painted with a release-tag href the version reads as a link. */
+.about-version[href]{color:var(--green-ink);text-decoration:none;}
+.about-version[href]:hover{text-decoration:underline;}
+.about-link{color:var(--green-ink);font-weight:600;text-decoration:none;overflow-wrap:anywhere;}
+.about-link:hover{text-decoration:underline;}
+
 /* ---------- Budget readout (Settings) ---------- */
 /* Section gap before the limit fields (the disclaimer hint that used to sit
    here moved into the card heading's ⓘ tooltip). */
@@ -2860,7 +2873,8 @@ body.rail-collapsed .ask-dock{left:76px;}
   font-family:var(--mono);font-weight:400;font-size:10.5px;}
 
 .ask-sheet{pointer-events:auto;position:relative;display:flex;flex-direction:column;overflow:hidden;
-  width:min(782px,100%);height:min(669px,calc(100% - 20px));background:var(--panel);
+  width:min(782px,100%);height:min(669px,calc(100% - 20px));max-width:100%;max-height:calc(100% - 20px);
+  background:var(--panel);
   border:1px solid var(--line-2);border-radius:var(--r-card);
   box-shadow:0 18px 60px rgba(25,25,27,.14),0 2px 6px rgba(25,25,27,.06);
   animation:wr-rise .26s cubic-bezier(.2,.7,.3,1) both;}
@@ -2957,7 +2971,7 @@ body.rail-collapsed .ask-dock{left:76px;}
 .ask-agent-log-t{flex:0 0 auto;color:var(--seq);}
 .ask-agent-log-text{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;}
 
-.ask-answer{max-width:92%;font-size:13.5px;line-height:1.72;color:var(--ink);}
+.ask-answer{max-width:100%;font-size:13.5px;line-height:1.72;color:var(--ink);}
 .ask-answer-plain{white-space:pre-wrap;overflow-wrap:anywhere;}
 .ask-md :is(h1,h2,h3,h4,h5,h6){margin:14px 0 6px;font-size:13.5px;font-weight:600;color:var(--ink);}
 .ask-md h1{font-size:15px;}
@@ -3145,6 +3159,41 @@ body.rail-collapsed .ask-dock{left:76px;}
 .ask-wt-row .ask-runinfo-sub.ask-wt-path{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;}
 .ask-wt-row .ask-thread-trash{flex:none;}
 
+/* Resize grips (spec §10.3 addendum). Invisible edge zones INSIDE the sheet —
+   overflow:hidden would clip anything outside it — that only change the cursor;
+   a 2px inset line appears on hover and stays while dragging (.is-active). No
+   bottom grip: the sheet is bottom-anchored. ask-panel.mjs applies the user's
+   size as inline width/height and clamps it to the dock; the max-* pair on
+   .ask-sheet above is the backstop that keeps a stale inline size inside the
+   dock (the rail collapsing changes the dock width without a window resize).
+   The floor (JS-only, the stylesheet default 782×669: the sheet grows, never
+   shrinks) is not a CSS min-* on purpose — that would overflow narrow viewports
+   that width:min(782px,100%) handles today.
+   Corners: the sheet clips at its rounded corner (inner radius = --r-card minus
+   the 1px border), so a square corner grip's straight inset lines fall almost
+   entirely outside the clip and only a ~3px sliver ever shows. Each corner is
+   therefore exactly one radius wide and carries the same outer radius, so its
+   inset shadow bends along the arc, flush with the border like the straight
+   edges; the straight grips start where the arc ends (--ask-corner). */
+.ask-resize{position:absolute;z-index:5;background:transparent;touch-action:none;--ask-grip:transparent;
+  --ask-corner:calc(var(--r-card) - 1px);transition:box-shadow .15s;}
+.ask-resize:hover{--ask-grip:var(--ink-3);}
+.ask-resize.is-active{--ask-grip:var(--ink);}
+.ask-resize-n{top:0;left:var(--ask-corner);right:var(--ask-corner);height:6px;cursor:ns-resize;box-shadow:inset 0 2px 0 var(--ask-grip);}
+.ask-resize-e{top:var(--ask-corner);right:0;bottom:var(--ask-corner);width:6px;cursor:ew-resize;box-shadow:inset -2px 0 0 var(--ask-grip);}
+.ask-resize-w{top:var(--ask-corner);left:0;bottom:var(--ask-corner);width:6px;cursor:ew-resize;box-shadow:inset 2px 0 0 var(--ask-grip);}
+.ask-resize-ne{top:0;right:0;width:var(--ask-corner);height:var(--ask-corner);cursor:nesw-resize;
+  border-top-right-radius:var(--ask-corner);box-shadow:inset -2px 2px 0 var(--ask-grip);}
+.ask-resize-nw{top:0;left:0;width:var(--ask-corner);height:var(--ask-corner);cursor:nwse-resize;
+  border-top-left-radius:var(--ask-corner);box-shadow:inset 2px 2px 0 var(--ask-grip);}
+.ask-sheet.is-resizing{user-select:none;}
+/* The ne corner grip (one radius square, z-index:5) overlaps the top-right
+   corner of the header's last icon button (30×30 at padding 13px/14px): the
+   buttons sit above the grips so a click there still closes/opens instead of
+   starting a resize, and a hurried double-click never resets the size. The
+   grip's visible band hugs the border, well outside the button box. */
+.ask-header .ask-icon-btn{position:relative;z-index:6;}
+
 /* ---------- Ask Worca dock clearance ---------- */
 /* The dock is a fixed overlay -- .ask-dock above: 26px dock padding-bottom plus the
    ~47px pill occludes a ~73px strip at the bottom of every scrollport, while the page

package/ui/server.mjs

@@ -183,7 +183,24 @@ const PUBLIC_DIR = path.join(__dirname, 'public');
 const AGENTS_DIR = path.join(PROJECT_ROOT, 'agents');
 const SKILLS_DIR = path.join(PROJECT_ROOT, 'skills');
 const require = createRequire(import.meta.url);
-const PKG_VERSION = require('../package.json').version;
+const PKG = require('../package.json');
+const PKG_VERSION = PKG.version;
+// Settings ▸ About identity, fixed at module load. repository.url is normalised
+// from npm's git forms (git+https, ssh://git@, git://, scp-style git@host:path)
+// to a browsable https URL; releaseUrl points at the tag the release workflow
+// publishes from (.github/workflows/release-npm-app.yml: worca-app-v<version>).
+const repoWebUrl = (raw) => String(raw || '')
+  .replace(/^git\+/, '')
+  .replace(/^ssh:\/\/git@/, 'https://')
+  .replace(/^git:\/\//, 'https://')
+  .replace(/^git@([^:/]+):/, 'https://$1/')
+  .replace(/\.git$/, '');
+const APP_REPO_URL = repoWebUrl(PKG.repository && PKG.repository.url);
+const APP_INFO = Object.freeze({
+  version: PKG_VERSION || '',
+  repoUrl: APP_REPO_URL,
+  releaseUrl: APP_REPO_URL && PKG_VERSION ? `${APP_REPO_URL}/releases/tag/worca-app-v${PKG_VERSION}` : '',
+});
 const HLJS_LANGUAGE_FILE_RE = /^[a-z0-9][a-z0-9-]{0,63}\.min\.js$/;
 // Primaries plus the sub-language grammars their instances register
 // (hljs-loader.mjs); a shipped but unmapped grammar stays a plain 404.
@@ -2777,6 +2794,10 @@ app.get('/api/workspaces/:id/runs/:runId/artifact', async (req, res) => {
 //   projectsRootDefault : what applies when projectsRoot is blank — the env tier
 //                         when exported, else defaultRoot(). The UI placeholder.
 //                         Additive; `default` keeps its `root` meaning.
+//   app                 : { version, repoUrl, releaseUrl } — static identity for
+//                         the About card (APP_INFO, from package.json). GET-only:
+//                         it is not a setting, so POST keeps echoing
+//                         settingsState() + chat unchanged.
 // POST /api/settings -> set either key and return the resulting full state.
 //   Only keys PRESENT in the body are written, so a projectsRoot-only POST can
 //   never reset `root` (and vice versa). An explicitly empty value still resets
@@ -2845,7 +2866,7 @@ app.post('/api/shutdown', (req, res) => {
 });
 
 app.get('/api/settings', (_req, res) => {
-  res.json({ ...settingsState(), chat: chatPrefs() });
+  res.json({ ...settingsState(), chat: chatPrefs(), app: APP_INFO });
 });
 
 app.get('/api/budget', (_req, res) => {