agentgui 1.0.958 → 1.0.960

package/site/app/js/backend.js

@@ -93,6 +93,45 @@ export function downloadUrl(base, filePath) {
   return withToken(base + '/api/download/' + encodeURIComponent(filePath));
 }
 
+// ---------- File mutations (confined server endpoints) ----------
+
+// Shared shape: each throws an Error carrying .status so the app maps
+// 403/404/409/413 to plain human copy instead of the raw server string.
+async function mutateJSON(base, route, body) {
+  const r = await authedFetch(base + route, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(body),
+  });
+  const j = await r.json().catch(() => ({}));
+  if (!r.ok) { const e = new Error(j.error || (route + ': ' + r.status)); e.status = r.status; throw e; }
+  return j;
+}
+
+// Stat a path (GET /api/stat/<encoded>) for cwd validation. Returns {ok, dir}.
+// Throws an Error carrying .status (403 outside roots, 404 missing).
+export async function statPath(base, p) {
+  const r = await authedFetch(base + '/api/stat/' + encodeURIComponent(p));
+  const j = await r.json().catch(() => ({}));
+  if (!r.ok) { const e = new Error(j.error || ('stat: ' + r.status)); e.status = r.status; throw e; }
+  return j;
+}
+
+export function renameEntry(base, filePath, newName) { return mutateJSON(base, '/api/rename', { path: filePath, newName }); }
+export function deleteEntry(base, filePath, recursive) { return mutateJSON(base, '/api/delete', { path: filePath, recursive: !!recursive }); }
+export function makeDir(base, dirPath, name) { return mutateJSON(base, '/api/mkdir', { dir: dirPath, name }); }
+
+// Upload a File/Blob as raw bytes (PUT /api/upload-file). onProgress is not
+// available via fetch streaming everywhere, so progress is per-file (done or
+// not) - the kit UploadProgress shows per-file rows, which this satisfies.
+export async function uploadFile(base, dirPath, file, overwrite) {
+  const qs = '?dir=' + encodeURIComponent(dirPath) + '&name=' + encodeURIComponent(file.name) + (overwrite ? '&overwrite=1' : '');
+  const r = await authedFetch(base + '/api/upload-file' + qs, { method: 'PUT', body: file });
+  const j = await r.json().catch(() => ({}));
+  if (!r.ok) { const e = new Error(j.error || ('upload: ' + r.status)); e.status = r.status; throw e; }
+  return j;
+}
+
 // ---------- History (HTTP, served by ccsniff) ----------
 
 export async function listSessions(base) {
@@ -324,15 +363,57 @@ export async function* streamChat(base, { model, messages, signal, agentId, resu
       else if (block?.type === 'result') push({ type: 'result', block });
     } else if (ev.type === 'streaming_complete') {
       finish();
+    } else if (ev.type === 'streaming_cancelled') {
+      push({ type: 'cancelled' });
+      finish();
     } else if (ev.type === 'streaming_error') {
-      errored = ev.error || 'streaming error';
+      // A remote stop (another tab / dashboard stop-all) is not a failure: the
+      // server marks it cancelled; surface it as a distinct event so the app
+      // can label the turn 'stopped' instead of a normal finish or error red.
+      if (ev.cancelled || ev.error === 'cancelled') {
+        push({ type: 'cancelled' });
+      } else {
+        errored = ev.error || 'streaming error';
+      }
       finish();
     }
   });
 
-  // If the websocket drops mid-stream, streaming_complete will never arrive -
-  // surface an error and end the iterator instead of hanging forever.
-  const onWs = (s) => { if ((s === 'closed' || s === 'error') && !done) { errored = errored || 'connection lost during stream'; finish(); } };
+  // If the websocket drops mid-stream, streaming_complete will never arrive.
+  // Don't fail immediately: the client auto-reconnects (and the open handler
+  // re-subscribes this session's listeners), so give it a ~12s grace window.
+  // Only if the socket is still down when the timer expires do we surface the
+  // error and end the iterator instead of hanging forever.
+  const WS_GRACE_MS = 12000;
+  let graceTimer = null;
+  const onWs = (s) => {
+    if (done) return;
+    if (s === 'open') {
+      // Reconnected in time - the open handler already re-subscribed us.
+      if (graceTimer) { clearTimeout(graceTimer); graceTimer = null; }
+      // streaming_complete is fire-and-forget with no replay: if the turn
+      // finished while the socket was down, no terminal frame will ever
+      // arrive. Verify the session is still alive server-side; if it is
+      // gone, settle the iterator with a plain incomplete marker instead of
+      // hanging busy forever.
+      wsCall(base, 'chat.active', {}).then((d) => {
+        if (done) return;
+        const sessions = (d && d.sessions) || [];
+        const alive = Array.isArray(sessions) && sessions.some(x => x && x.sessionId === sessionId);
+        if (!alive) {
+          errored = errored || 'connection dropped mid-turn - the response may be incomplete; events were not replayed';
+          finish();
+        }
+      }).catch(() => {});
+      return;
+    }
+    if ((s === 'closed' || s === 'error') && !graceTimer) {
+      graceTimer = setTimeout(() => {
+        graceTimer = null;
+        if (!done) { errored = errored || 'connection lost during stream'; finish(); }
+      }, WS_GRACE_MS);
+    }
+  };
   const unsubWs = onWsStatus ? onWsStatus(onWs) : null;
 
   // Wire AbortSignal to chat.cancel - and end the iterator immediately so the
@@ -354,6 +435,7 @@ export async function* streamChat(base, { model, messages, signal, agentId, resu
     if (errored) yield { type: 'error', error: errored };
   } finally {
     unsub();
+    if (graceTimer) { clearTimeout(graceTimer); graceTimer = null; }
     if (typeof unsubWs === 'function') unsubWs();
     if (signal) signal.removeEventListener?.('abort', onAbort);
   }

package/site/app/vendor/anentrypoint-design/247420.css

@@ -1700,6 +1700,19 @@
 .ds-247420 .ds-upload-item.done .ds-upload-pct { color: var(--success); }
 .ds-247420 .ds-upload-item.error .ds-upload-fill { background: var(--warn); }
 .ds-247420 .ds-upload-item.error .ds-upload-pct { color: var(--warn); }
+/* Per-row upload recovery actions (replace / dismiss) — error rows are not dead ends. */
+.ds-247420 .ds-upload-item { grid-template-columns: minmax(0, 1fr) 120px 44px auto; }
+.ds-247420 .ds-upload-actions { display: inline-flex; gap: var(--space-1); justify-content: flex-end; }
+.ds-247420 .ds-upload-act {
+  padding: 2px 10px; min-height: 24px; cursor: pointer;
+  background: var(--bg); border: var(--bw-hair) solid var(--rule); border-radius: var(--r-1);
+  color: var(--fg-2); font-family: var(--ff-body); font-size: var(--fs-micro);
+}
+.ds-247420 .ds-upload-act:hover { background: var(--bg-3); color: var(--fg); }
+.ds-247420 .ds-upload-act:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+@media (hover: none), (pointer: coarse) {
+  .ds-247420 .ds-upload-act { min-height: 44px; min-width: 44px; }
+}
 
 /* Empty state */
 .ds-247420 .ds-file-empty {
@@ -1757,6 +1770,14 @@
   font-family: inherit; font-size: var(--fs-sm);
 }
 .ds-247420 .ds-modal-input:focus { outline: 2px solid var(--accent); outline-offset: 2px; }
+/* In-body modal error (role=alert): mutation failures (409/403) surface INSIDE
+   the dialog, not behind the fixed overlay. */
+.ds-247420 .ds-modal-error {
+  margin: var(--space-2) 0 0; padding: 8px 10px;
+  border: var(--bw-hair) solid var(--flame); border-radius: var(--r-2);
+  background: color-mix(in oklab, var(--flame) 12%, var(--bg));
+  color: var(--flame); font-size: var(--fs-xs);
+}
 .ds-247420 .btn-primary.danger {
   background: var(--warn);
   border-color: var(--warn);
@@ -1886,10 +1907,12 @@
 .ds-247420 .ds-file-row:hover .ds-file-check,
 .ds-247420 .ds-file-row:focus-within .ds-file-check,
 .ds-247420 .ds-file-check.on { opacity: 1; }
-/* Touch / coarse-pointer devices have no hover — keep checkboxes visible so
-   multi-select is reachable without a pointer. */
+/* Touch / coarse-pointer devices have no hover — keep checkboxes AND the
+   per-row action buttons (rename/delete/download) visible so the file manager
+   is fully reachable without a pointer (e.g. an iPad in landscape). */
 @media (hover: none), (pointer: coarse) {
   .ds-247420 .ds-file-check { opacity: 1; }
+  .ds-247420 .ds-file-actions { opacity: 1; }
 }
 .ds-247420 .ds-file-check.on { background: var(--accent); border-color: var(--accent); }
 .ds-247420 .ds-file-row.selected {
@@ -3300,6 +3323,48 @@
 .ds-247420 .ws-drawer-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 .ds-247420 .ws-scrim { display: none; }
 
+/* ============================================================
+   Row title highlight, expanded-row actions, filter pills.
+   ============================================================ */
+
+/* Highlighted match inside a Row title (Row `highlight` prop). */
+.ds-247420 .ds-hl { background: color-mix(in oklab, var(--accent) 25%, transparent); color: inherit; border-radius: 2px; }
+
+/* Action strip rendered inside an EXPANDED Row (Row `actions` prop). The
+   buttons stop propagation so they never fire the row onClick. */
+.ds-247420 .row-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); width: 100%; padding-top: var(--space-2); }
+.ds-247420 .row-act {
+  display: inline-flex; align-items: center; justify-content: center;
+  padding: 4px 10px; min-height: 28px;
+  background: var(--bg-2); border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-1);
+  color: var(--fg-2); font-family: var(--ff-body); font-size: var(--fs-tiny); cursor: pointer;
+  transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
+}
+.ds-247420 .row-act:hover { background: var(--bg-3); color: var(--fg); }
+.ds-247420 .row-act:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+
+/* FilterPills - a group of pill toggle buttons (aria-pressed). */
+.ds-247420 .ds-filter-pills { display: flex; flex-wrap: wrap; gap: var(--space-2); }
+.ds-247420 .ds-filter-pill {
+  display: inline-flex; align-items: center; justify-content: center;
+  padding: 4px 12px; min-height: 28px;
+  background: var(--bg-2); border: var(--bw-hair) solid var(--bg-3); border-radius: 999px;
+  color: var(--fg-2); font-family: var(--ff-body); font-size: var(--fs-tiny); cursor: pointer;
+  transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
+}
+.ds-247420 .ds-filter-pill:hover { background: var(--bg-3); color: var(--fg); }
+.ds-247420 .ds-filter-pill.active { background: var(--accent-tint); color: var(--accent); border-color: var(--accent); }
+.ds-247420 .ds-filter-pill:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+
+/* Touch floor for the new small controls. */
+@media (pointer: coarse) {
+  .ds-247420 .row-act, .ds-247420 .ds-filter-pill { min-height: 44px; }
+}
+
+/* Disabled file actions (read-only row / in-flight mutation) stay visible but inert. */
+.ds-247420 .ds-file-act:disabled { opacity: .45; cursor: default; }
+.ds-247420 .ds-file-act:disabled:hover { background: transparent; color: var(--fg-3); }
+
 /* community.css */
 /* ============================================================
    247420 design system — community surface (Discord-style chat)
@@ -5021,6 +5086,50 @@
 .ds-247420 .agentchat-empty-suggestion:hover { background: color-mix(in srgb, var(--accent, var(--fg)) 12%, transparent); }
 .ds-247420 .agentchat-empty-suggestion:focus-visible { outline: 2px solid var(--accent, var(--fg)); outline-offset: 2px; }
 
+/* Guided install path in the empty state: copy line + monospaced command rows
+   (each with its own copy button) + a recheck button. No animation. */
+.ds-247420 .agentchat-install {
+  margin-top: var(--space-4, 16px);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2, 8px);
+  text-align: left;
+  width: 100%;
+}
+.ds-247420 .agentchat-install-text { margin: 0; font-size: .9em; color: var(--fg-3); }
+.ds-247420 .agentchat-install-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--space-1, 4px); }
+.ds-247420 .agentchat-install-row {
+  display: flex; align-items: center; gap: var(--space-2, 8px);
+  padding: var(--space-1, 4px) var(--space-2, 8px);
+  border: var(--bw-hair) solid var(--rule);
+  border-radius: var(--r-1, 4px);
+  background: var(--bg-2);
+}
+.ds-247420 .agentchat-install-agent { flex: 0 0 auto; font-size: var(--fs-tiny); color: var(--fg-3); min-width: 8ch; }
+.ds-247420 .agentchat-install-cmd {
+  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  font-family: var(--ff-mono); font-size: var(--fs-sm); color: var(--fg-2, var(--fg));
+}
+.ds-247420 .agentchat-install-copy {
+  flex: 0 0 auto; cursor: pointer; padding: 2px 8px; min-height: 24px;
+  border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-1, 4px);
+  background: none; color: var(--fg-3);
+  font-family: var(--ff-body); font-size: var(--fs-tiny);
+}
+.ds-247420 .agentchat-install-copy:hover { background: var(--bg-3); color: var(--fg); }
+.ds-247420 .agentchat-install-copy:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+.ds-247420 .agentchat-install-actions { display: flex; justify-content: flex-start; }
+
+/* Host-supplied transcript export actions riding the controls row. */
+.ds-247420 .agentchat-export-act {
+  cursor: pointer; padding: 4px 10px; min-height: 32px;
+  border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-1, 4px);
+  background: none; color: var(--fg-3);
+  font-family: var(--ff-body); font-size: var(--fs-tiny);
+}
+.ds-247420 .agentchat-export-act:hover { background: var(--bg-2); color: var(--fg); }
+.ds-247420 .agentchat-export-act:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+
 /* "working" tail: a long silent tool call shouldn't read as frozen. */
 .ds-247420 .agentchat-working {
   display: flex;
@@ -5303,8 +5412,123 @@
   .ds-247420 .chat-msg-action { min-width: 44px; height: 44px; }
   .ds-247420 .ds-dash-select { min-width: 44px; min-height: 44px; }
   .ds-247420 .ds-file-more-btn, .ds-247420 .ds-roots-tab, .ds-247420 .ds-dash-errors-toggle { min-height: 44px; }
+  .ds-247420 .agentchat-export-act { min-height: 44px; }
+  .ds-247420 .agentchat-install-copy { min-height: 44px; min-width: 44px; }
+}
+
+/* --- SessionMeta: middot-separated session metadata strip. Class is
+   .ds-session-meta-strip (.ds-session-meta is taken by ConversationList row
+   meta above). Wraps at narrow widths. --- */
+.ds-247420 .ds-session-meta-strip {
+  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2);
+  font-size: var(--fs-tiny); color: var(--fg-3);
+}
+.ds-247420 .ds-session-meta-item { display: inline-flex; align-items: center; gap: var(--space-1); min-width: 0; }
+.ds-247420 .ds-session-meta-item + .ds-session-meta-item::before { content: '\00B7'; color: var(--fg-3); margin-right: var(--space-1); }
+.ds-247420 .ds-session-meta-label { color: var(--fg-3); }
+.ds-247420 .ds-session-meta-value { font-family: var(--ff-mono); color: var(--fg-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ds-247420 .ds-session-meta-copy {
+  padding: 2px 8px; min-height: 24px; cursor: pointer;
+  background: var(--bg-2); border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-1);
+  color: var(--fg-3); font-family: var(--ff-body); font-size: var(--fs-micro);
+}
+.ds-247420 .ds-session-meta-copy:hover { background: var(--bg-3); color: var(--fg); }
+.ds-247420 .ds-session-meta-copy:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+@media (pointer: coarse), (max-width: 640px) {
+  .ds-247420 .ds-session-meta-copy { min-height: 44px; min-width: 44px; }
+}
+
+/* ============================================================================
+   Logic/predictability sweep (2026-06-10): composer ergonomics, turn notices,
+   windowed thread, dashboard stopping/external states, cwd validation.
+============================================================================ */
+
+/* Enter-to-send hint: visible while the composer is focused or carries a
+   draft; hidden under 420px to save rows. */
+.ds-247420 .chat-composer-hint {
+  display: none; padding: 2px var(--space-3) 0;
+  font-size: var(--fs-micro); color: var(--fg-3);
+}
+.ds-247420 .chat-composer:focus-within .chat-composer-hint,
+.ds-247420 .chat-composer.has-draft .chat-composer-hint { display: block; }
+@media (max-width: 420px) {
+  .ds-247420 .chat-composer .chat-composer-hint { display: none; }
+}
+
+/* Transient composer note (paste/drop not supported), aria-live polite. */
+.ds-247420 .chat-composer-note {
+  padding: 4px var(--space-3); font-size: var(--fs-tiny); color: var(--fg-2);
+}
+
+/* Drag-over ring: token accent, never a hex. */
+.ds-247420 .chat-composer.dragover { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: var(--r-2); }
+
+/* Per-bit composer context: only the bit that owns a control is a button. */
+.ds-247420 .chat-composer-context-bit {
+  display: inline; padding: 0; margin: 0;
+  background: none; border: none; cursor: pointer;
+  font: inherit; color: inherit; text-decoration: underline dotted;
+}
+.ds-247420 .chat-composer-context-bit:hover { color: var(--fg-2); }
+.ds-247420 .chat-composer-context-bit:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+@media (pointer: coarse) {
+  .ds-247420 .chat-composer-context-bit { min-height: 44px; }
+}
+
+/* Out-of-band turn notices: neutral tone (NOT error red) — a stopped or
+   incomplete turn must not read as a finished answer. */
+.ds-247420 .chat-msg-notice {
+  margin-top: var(--space-1); padding: 6px 10px;
+  border: var(--bw-hair) solid var(--rule); border-radius: var(--r-2);
+  background: var(--bg-2); color: var(--fg-2); font-size: var(--fs-tiny);
+}
+.ds-247420 .chat-msg-notice.is-incomplete { border-style: dashed; }
+
+/* Tail-window streaming head ('streaming · N KB so far'). */
+.ds-247420 .chat-stream-head {
+  padding: 2px 0 6px; font-family: var(--ff-mono);
+  font-size: var(--fs-micro); color: var(--fg-3);
+}
+
+/* Windowed thread: 'show N earlier turns' control at the top. */
+.ds-247420 .agentchat-earlier {
+  display: flex; align-items: center; justify-content: center;
+  gap: var(--space-3); padding: var(--space-2) var(--space-3);
+}
+.ds-247420 .agentchat-earlier-count { font-size: var(--fs-tiny); color: var(--fg-3); }
+.ds-247420 .agentchat-earlier-btn {
+  padding: 4px 12px; min-height: 32px; border: var(--bw-hair) solid var(--bg-3);
+  border-radius: var(--r-1); background: var(--bg-2); color: var(--fg-2); cursor: pointer;
+  font-family: var(--ff-body); font-size: var(--fs-tiny);
+}
+.ds-247420 .agentchat-earlier-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+@media (pointer: coarse) {
+  .ds-247420 .agentchat-earlier-btn { min-height: 44px; }
+}
+
+/* Inline cwd validation line (checking / error) under the cwd input. */
+.ds-247420 .agentchat-cwd-hint { font-size: var(--fs-tiny); color: var(--fg-3); }
+.ds-247420 .agentchat-cwd-hint.is-error { color: var(--flame); }
+
+/* Dashboard: shared session title heading (same string as the rails). */
+.ds-247420 .ds-dash-title {
+  font-size: var(--fs-body); font-weight: 600; color: var(--fg);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }
 
+/* Stopping state: in-flight cancel reads distinctly from running/error. */
+.ds-247420 .ds-dash-status.is-stopping { color: var(--amber, #d9a93a); }
+
+/* External (observed, not owned) session card: no stop control exists. */
+.ds-247420 .ds-dash-external {
+  padding: 1px 6px; border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-pill);
+  font-size: var(--fs-micro); color: var(--fg-3); text-transform: uppercase; letter-spacing: .03em;
+}
+.ds-247420 .ds-dash-card.is-external { border-style: dashed; }
+
+/* One connection vocabulary: offline (is-lost kept as legacy alias). */
+.ds-247420 .ds-dash-stream.is-offline { color: var(--flame); }
+
 /* editor-primitives.css */
 /* editor-primitives.css — chrome for in-engine editors, inspectors, IDEs,
    debug HUDs. All rules under .ds-247420 scope (build prefixes). Tokens