@saadnvd1/agent-os 0.3.541 → 0.3.543

package/README.md

@@ -23,7 +23,7 @@ and check on all of it from your phone.
 - **Project config.** `agentos.json` gives each session its own ports, environment, files and a private Postgres copy. [More](docs/reference/project-config.md)
 - **Schedules and recipes.** Start work on a timer, or save a job that comes up again. [More](docs/guides/schedules.md)
 - **Plans in pieces and stacks.** A plan splits into several PRs only for a real reason; a board can run as stacked PRs. [More](docs/guides/tasks.md#plans-in-pieces)
-- **Machine load and status.** A load gauge, each session's share of CPU and memory, and Needs you, Working and Done as it changes. [More](docs/guides/sessions.md)
+- **Machine load and status.** A load gauge, each session's share of CPU and memory, and Needs you, Working, In review and Done as it changes. [More](docs/guides/sessions.md)
 - **Workspaces.** Group projects, finish work with Done, and get a log of every merged task. [More](docs/reference/workspaces.md)
 - **LumifyHub (optional).** Boards, cards and docs for a workspace, if you want them. [More](docs/lumifyhub.md)
 - **Also:** a ⌘K palette, code search, a file picker, a git panel, dev servers, up to four panes, and dictation.

package/components/Away/AwayToggle.tsx

@@ -51,7 +51,7 @@ export function AwayToggle() {
           }
           disabled={setAway.isPending}
           className={cn(
-            "relative h-11 w-11 md:h-8 md:w-8",
+            "relative h-11 w-11 md:h-8 md:w-8 [@media(hover:none)]:md:h-11 [@media(hover:none)]:md:w-11",
             away &&
               "bg-amber-500/20 text-amber-700 ring-1 ring-amber-500/50 hover:bg-amber-500/30 dark:text-amber-300"
           )}

package/components/SessionList/LoadGauge.tsx

@@ -37,7 +37,7 @@ export function LoadGauge() {
           size="icon-sm"
           aria-label={`Machine load ${load.level}. ${summary}`}
           title={summary}
-          className="-ml-1.5 h-11 w-11 shrink-0 md:ml-0 md:h-8 md:w-6"
+          className="-ml-1.5 h-11 w-11 shrink-0 md:ml-0 md:h-8 md:w-6 [@media(hover:none)]:md:-ml-1.5 [@media(hover:none)]:md:h-11 [@media(hover:none)]:md:w-11"
         >
           <span className={cn("h-2 w-2 rounded-full", DOT[load.level])} />
         </Button>

package/components/SessionList/ProjectFilter.tsx

@@ -25,7 +25,7 @@ export function ProjectFilter({
         <button
           type="button"
           className={cn(
-            "bg-card flex min-h-11 max-w-[8.5rem] shrink-0 items-center gap-1 rounded-xl px-3 text-sm shadow-xs md:min-h-9",
+            "bg-card flex min-h-11 max-w-[7.5rem] shrink items-center gap-1 rounded-xl px-3 text-sm shadow-xs md:min-h-9 [@media(hover:none)]:md:min-h-11",
             current && "text-primary"
           )}
         >

package/components/SessionList/RowShell.tsx

@@ -65,7 +65,7 @@ export function RowShell({
       )}
     >
       {leading}
-      <span className="flex min-w-[7rem] flex-1 flex-col leading-tight">
+      <span className="@container flex min-w-0 flex-1 flex-col leading-tight">
         {children}
       </span>
       {aside}

package/components/SessionList/RowSubtitle.tsx

@@ -61,7 +61,7 @@ export function RowSubtitle({
       <LiveLine {...live} />
       {group && (
         <span
-          className="text-muted-foreground/70 flex min-w-0 shrink-0 items-center gap-1 truncate text-xs"
+          className="text-muted-foreground/70 hidden min-w-0 shrink items-center gap-1 truncate text-xs @[14rem]:flex"
           title={group.kind === "recipe" ? "A recipe run" : "A piece of a plan"}
         >
           {group.kind === "recipe" ? (
@@ -73,7 +73,7 @@ export function RowSubtitle({
         </span>
       )}
       {(project || detail || usage) && (
-        <span className="text-muted-foreground/70 truncate text-xs">
+        <span className="text-muted-foreground/70 min-w-0 truncate text-xs">
           {[usage && usageLabel(usage), detail?.slice(0, 200), project]
             .filter(Boolean)
             .join(" · ")}

package/components/SessionList/SessionList.types.ts

@@ -12,6 +12,7 @@ export interface SessionStatus {
   unread?: boolean;
   stalled?: boolean;
   compacting?: { since: number; before?: number };
+  background?: number;
   prStage?: PrStage;
 }
 

package/components/SessionList/SessionShelves.tsx

@@ -48,7 +48,10 @@ function ShelfLabel({
       type="button"
       onClick={onToggle}
       aria-expanded={!collapsed}
-      className={cn(cls, "hover:text-foreground min-h-11 w-full md:min-h-8")}
+      className={cn(
+        cls,
+        "hover:text-foreground min-h-11 w-full md:min-h-8 [@media(hover:none)]:md:min-h-11"
+      )}
     >
       {text}
     </button>
@@ -86,7 +89,7 @@ export function MachineShelves({ groups }: { groups: MachineGroup[] }) {
 }
 
 // The pinned orchestrator (or a row to start one), then Pinned, Needs you,
-// Working, Queued and Done: once for the whole list.
+// Working, In review, Queued and Done: once for the whole list.
 export function SessionShelves({
   shelves,
   queued,
@@ -136,6 +139,13 @@ export function SessionShelves({
           ))}
         </Shelf>
       )}
+      {shelves.inReview.length > 0 && (
+        <Shelf label="In review" count={shelves.inReview.length}>
+          {shelves.inReview.map((r) => (
+            <SessionRow key={r.session.id} row={r} />
+          ))}
+        </Shelf>
+      )}
       {queued.length > 0 && (
         <Shelf label="Queued" count={queued.length}>
           {queued.map((r) => (

package/components/SessionList/SidebarBody.tsx

@@ -65,6 +65,7 @@ export function SidebarBody({
     shelves.pinned.length +
     shelves.needsYou.length +
     shelves.working.length +
+    shelves.inReview.length +
     data.queued.length +
     shelves.done.length +
     data.machines.length;

package/components/SessionList/SidebarHeader.tsx

@@ -62,15 +62,15 @@ export function SidebarHeader(props: SidebarHeaderProps) {
   const workspaceId = props.workspace?.id ?? null;
   const schedules = useSchedulesGlance(workspaceId);
   return (
-    <div className="flex items-center gap-1 px-3 pt-3 pb-2">
-      <div className="flex min-w-0 flex-1 items-center">
+    <div className="flex flex-wrap items-center gap-x-1 px-3 pt-3 pb-2">
+      <div className="flex min-w-[9.5rem] flex-1 items-center">
         <WorkspaceSwitcher
           workspaces={props.workspaces}
           current={props.workspace}
         />
         <LoadGauge />
       </div>
-      <div className="flex shrink-0 items-center gap-0.5">
+      <div className="ml-auto flex shrink-0 items-center gap-0.5">
         <AwayToggle />
         <ADropdownMenu
           trigger={
@@ -80,7 +80,7 @@ export function SidebarHeader(props: SidebarHeaderProps) {
               aria-label={
                 schedules.failedText ? `More (${schedules.failedText})` : "More"
               }
-              className="relative h-11 w-11 md:h-8 md:w-8"
+              className="relative h-11 w-11 md:h-8 md:w-8 [@media(hover:none)]:md:h-11 [@media(hover:none)]:md:w-11"
             >
               <MoreHorizontal className="h-4 w-4" />
               {schedules.failed > 0 && (
@@ -88,7 +88,7 @@ export function SidebarHeader(props: SidebarHeaderProps) {
                   aria-hidden
                   className={cn(
                     failedDot,
-                    "ring-background absolute top-2 right-2 ring-2 md:top-1 md:right-1"
+                    "ring-background absolute top-2 right-2 ring-2 md:top-1 md:right-1 [@media(hover:none)]:md:top-2 [@media(hover:none)]:md:right-2"
                   )}
                 />
               )}
@@ -149,7 +149,7 @@ export function SidebarHeader(props: SidebarHeaderProps) {
             <Button
               size="icon-sm"
               aria-label="New"
-              className="ml-0.5 h-11 w-11 rounded-[10px] md:h-8 md:w-8"
+              className="ml-0.5 h-11 w-11 rounded-[10px] md:h-8 md:w-8 [@media(hover:none)]:md:h-11 [@media(hover:none)]:md:w-11"
             >
               <Plus className="h-4 w-4" />
             </Button>

package/components/SessionList/SidebarSearch.tsx

@@ -7,7 +7,7 @@ import { sidebarUiActions } from "@/stores/sidebarUi";
 // sessions too.
 export function SidebarSearch({ query }: { query: string }) {
   return (
-    <label className="bg-card text-muted-foreground focus-within:ring-primary/40 flex min-h-11 min-w-0 flex-1 items-center gap-2 rounded-xl px-3 shadow-xs focus-within:ring-2 md:min-h-9">
+    <label className="bg-card text-muted-foreground focus-within:ring-primary/40 flex min-h-11 min-w-[6rem] flex-1 items-center gap-2 rounded-xl px-3 shadow-xs focus-within:ring-2 md:min-h-9 [@media(hover:none)]:md:min-h-11">
       <Search className="h-3.5 w-3.5 shrink-0" />
       <input
         type="search"
@@ -28,7 +28,7 @@ export function SidebarSearch({ query }: { query: string }) {
           type="button"
           aria-label="Clear search"
           onClick={() => sidebarUiActions.setQuery("")}
-          className="-mr-3 flex h-11 w-11 items-center justify-center md:h-7 md:w-7"
+          className="-mr-3 flex h-11 w-11 items-center justify-center md:h-7 md:w-7 [@media(hover:none)]:md:h-11 [@media(hover:none)]:md:w-11"
         >
           <X className="h-3.5 w-3.5" />
         </button>

package/components/SessionList/WorkspaceSwitcher.tsx

@@ -59,12 +59,11 @@ export function WorkspaceSwitcher({
           <button
             type="button"
             title={name}
-            className="hover:bg-foreground/[0.04] -ml-1.5 flex min-h-11 min-w-0 items-center gap-2 rounded-lg px-2 md:min-h-9"
+            className="hover:bg-foreground/[0.04] -ml-1.5 flex min-h-11 min-w-0 items-center gap-2 rounded-lg px-2 md:min-h-9 [@media(hover:none)]:md:min-h-11"
           >
-            <MiddleTruncate
-              text={name}
-              className="text-[15px] font-semibold tracking-tight"
-            />
+            <span className="truncate text-[15px] font-semibold tracking-tight">
+              {name}
+            </span>
             <ChevronDown className="text-muted-foreground h-3.5 w-3.5 shrink-0" />
           </button>
         </DM.DropdownMenuTrigger>
@@ -190,31 +189,3 @@ export function WorkspaceSwitcher({
     </>
   );
 }
-
-const TAIL = 4;
-
-// Cuts a name that doesn't fit in the middle ("All wo…aces"), so the end
-// that tells similar names apart stays: the head truncates, the tail doesn't.
-function MiddleTruncate({
-  text,
-  className,
-}: {
-  text: string;
-  className?: string;
-}) {
-  if (text.length <= TAIL * 2) {
-    return <span className={`truncate ${className}`}>{text}</span>;
-  }
-  // Screen readers get the name whole, not as two words.
-  return (
-    <span className={`flex min-w-0 ${className}`}>
-      <span className="sr-only">{text}</span>
-      <span aria-hidden className="truncate whitespace-pre">
-        {text.slice(0, -TAIL)}
-      </span>
-      <span aria-hidden className="shrink-0 whitespace-pre">
-        {text.slice(-TAIL)}
-      </span>
-    </span>
-  );
-}

package/components/SessionList/index.tsx

@@ -31,7 +31,7 @@ const flatten = (rows: SidebarRow[]): string[] =>
   rows.flatMap((r) => [r.session.id, ...flatten(r.workers)]);
 
 // One flat list of the workspace's sessions, on shelves: Pinned, Needs
-// you, Working, Done.
+// you, Working, In review, Done.
 export function SessionList({
   activeSessionId,
   sessionStatuses,
@@ -62,6 +62,7 @@ export function SessionList({
         ...shelves.pinned,
         ...shelves.needsYou,
         ...shelves.working,
+        ...shelves.inReview,
         ...shelves.done,
         ...data.machines.flatMap((g) => g.rows),
       ]),

package/components/ThemeToggle.tsx

@@ -30,7 +30,11 @@ export function ThemeToggle() {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button variant="ghost" size="icon" className="h-8 w-8">
+        <Button
+          variant="ghost"
+          size="icon"
+          className="h-8 w-8 [@media(hover:none)]:md:h-11 [@media(hover:none)]:md:w-11"
+        >
           <Palette className="h-4 w-4" />
           <span className="sr-only">Change theme</span>
         </Button>

package/lib/db/queries.ts

@@ -33,7 +33,7 @@ export function sessionListColumns(db: Database.Database, alias = ""): string {
     .map((c) => `${prefix}${c}`)
     .join(", ");
   // The recipe run or feature piece a session is, as JSON, for its row's chip.
-  const recipe = `(SELECT json_object('id', r.id, 'name', r.name, 'seq', rr.seq) FROM recipe_runs rr JOIN recipes r ON r.id = rr.recipe_id WHERE rr.session_id = ${alias || "sessions"}.id)`;
+  const recipe = `(SELECT json_object('id', r.id, 'name', r.name, 'seq', rr.seq, 'status', rr.status) FROM recipe_runs rr JOIN recipes r ON r.id = rr.recipe_id WHERE rr.session_id = ${alias || "sessions"}.id)`;
   const piece = `(SELECT json_object('feature', f.id, 'name', f.name, 'position', fp.position, 'total', (SELECT COUNT(*) FROM feature_pieces WHERE feature_id = f.id AND status != 'dropped')) FROM feature_pieces fp JOIN features f ON f.id = fp.feature_id WHERE fp.session_id = ${alias || "sessions"}.id)`;
   return `${list}, (${prefix}task_brief IS NOT NULL AND ${prefix}task_brief != '') AS has_brief, ${recipe} AS recipe_run, ${piece} AS feature_piece`;
 }

package/lib/sidebar/machines.ts

@@ -40,7 +40,13 @@ export function machineGroups(
       return {
         hostId,
         name,
-        rows: [...s.pinned, ...s.needsYou, ...s.working, ...s.done],
+        rows: [
+          ...s.pinned,
+          ...s.needsYou,
+          ...s.working,
+          ...s.inReview,
+          ...s.done,
+        ],
       };
     })
     .filter((g) => g.rows.length > 0)

package/lib/sidebar/rollup.ts

@@ -30,6 +30,7 @@ export function rollups(
     ...shelves.pinned,
     ...shelves.needsYou,
     ...shelves.working,
+    ...shelves.inReview,
     ...shelves.done,
   ]);
   for (const row of rows) {

package/lib/sidebar/shelves.ts

@@ -1,9 +1,9 @@
 // The sidebar's one flat list, sorted onto shelves: the workspace's pinned
-// orchestrator, Pinned, Needs you, Working, then Done. Client-safe: no database.
+// orchestrator, Pinned, Needs you, Working, In review, then Done. Client-safe: no database.
 import type { Session } from "@/lib/db/types";
 import { fromSqliteTime } from "@/lib/session-meta";
 import type { PrStage } from "@/lib/tasks/pr-stage";
-import type { TaskState } from "@/lib/tasks/state";
+import { isFinished, type TaskState } from "@/lib/tasks/state";
 
 // Why a session is blocked on you.
 export type SessionNeed =
@@ -33,6 +33,8 @@ export interface RowStatus {
   stalled?: boolean;
   // A chat summarising its context (status stays "running").
   compacting?: { since: number; before?: number };
+  // Background commands, subagents and monitors still running.
+  background?: number;
   asks?: number;
   prStage?: PrStage;
   // A program's own message (OSC 7501): untrusted, plain text only.
@@ -61,6 +63,7 @@ export interface Shelves {
   pinned: SidebarRow[];
   needsYou: SidebarRow[];
   working: SidebarRow[];
+  inReview: SidebarRow[];
   done: SidebarRow[];
 }
 
@@ -70,6 +73,17 @@ export function taskNeed(state: TaskState | undefined): SessionNeed | null {
   return null;
 }
 
+// Where a row that needs nothing and isn't running goes: an open PR or a plan
+// waiting on approval is in review, any other unfinished task is mid-job, and
+// only finished work or a plain idle session is done.
+export function quietShelf(
+  task: TaskState | undefined
+): "inReview" | "working" | "done" {
+  if (task === "review" || task === "plan-ready") return "inReview";
+  if (!task || isFinished(task)) return "done";
+  return "working";
+}
+
 // An approval or a question beats what the task says; a terminal waiting
 // for input or an errored chat only counts when the task has nothing.
 export function needOf(
@@ -118,6 +132,20 @@ const newestFirst = (a: SidebarRow, b: SidebarRow) =>
 const oldestFirst = (a: SidebarRow, b: SidebarRow) =>
   a.session.created_at.localeCompare(b.session.created_at);
 
+const OPEN_RUN = ["queued", "starting", "running"];
+
+// A recipe run that hasn't reported its result yet: its session going quiet
+// between turns (an EAS build running in the background, say) isn't it ending.
+// The list query carries the run as JSON.
+export function recipeRunOpen(session: Pick<Session, "recipe_run">): boolean {
+  if (!session.recipe_run) return false;
+  try {
+    return OPEN_RUN.includes(JSON.parse(session.recipe_run)?.status);
+  } catch {
+    return false;
+  }
+}
+
 function toRow(input: ShelfInput, session: Session): SidebarRow {
   const status = input.statuses[session.id];
   return {
@@ -125,7 +153,10 @@ function toRow(input: ShelfInput, session: Session): SidebarRow {
     status,
     need: needOf(session, status, input.tasks[session.id]),
     unread: !!status?.unread,
-    working: status?.status === "running",
+    working:
+      status?.status === "running" ||
+      (status?.background ?? 0) > 0 ||
+      recipeRunOpen(session),
     compacting: !!status?.compacting,
     workers: [],
     task: input.tasks[session.id],
@@ -169,6 +200,7 @@ export function buildShelves(input: ShelfInput): Shelves {
     pinned: [],
     needsYou: [],
     working: [],
+    inReview: [],
     done: [],
   };
   for (const row of top) {
@@ -178,12 +210,13 @@ export function buildShelves(input: ShelfInput): Shelves {
     else if (pinned && role !== "orchestrator") shelves.pinned.push(row);
     else if (row.need) shelves.needsYou.push(row);
     else if (row.working) shelves.working.push(row);
-    else shelves.done.push(row);
+    else shelves[quietShelf(row.task)].push(row);
   }
   shelves.orchestrators.sort(oldestFirst);
   shelves.pinned.sort(oldestFirst);
   shelves.needsYou.sort(newestFirst);
   shelves.working.sort(newestFirst);
+  shelves.inReview.sort(newestFirst);
   shelves.done.sort(newestFirst);
   return shelves;
 }
@@ -265,6 +298,7 @@ function sameStatus(a: RowStatus | undefined, b: RowStatus | undefined) {
     !!a.stalled === !!b.stalled &&
     (a.compacting?.since ?? null) === (b.compacting?.since ?? null) &&
     (a.compacting?.before ?? null) === (b.compacting?.before ?? null) &&
+    (a.background ?? 0) === (b.background ?? 0) &&
     a.asks === b.asks &&
     (a.prStage?.stage ?? null) === (b.prStage?.stage ?? null) &&
     (a.prStage?.number ?? null) === (b.prStage?.number ?? null) &&

package/lib/status/collect.ts

@@ -26,7 +26,7 @@ import { noteWaiting } from "../notify/push/waiting";
 import { getDb } from "../db";
 import { beginPass, chatMemo } from "./incremental";
 import { chatCompacting, chatState } from "../chat/runner";
-import { chatActivityLine, chatStall } from "../chat/activity";
+import { chatActivity, chatActivityLine, chatStall } from "../chat/activity";
 import {
   chatNeed,
   isUnread,
@@ -72,6 +72,8 @@ export interface SessionStatusResponse {
   stalled?: boolean;
   // A chat whose agent is summarising its context ("status" stays running).
   compacting?: Compacting;
+  // Background commands, subagents and monitors a chat still has running.
+  background?: number;
   // Where a task's PR is in the gates (lib/tasks/pr-stage.ts).
   prStage?: PrStage;
   // A program's own message (OSC 7501): untrusted, plain text only.
@@ -474,6 +476,7 @@ async function collect(full = false): Promise<StatusSnapshot> {
     (s) => s.view === "chat" && (!s.host_id || s.host_id === "local")
   )) {
     const state = chatState(session.id);
+    const background = chatActivity(session.id)?.background;
     const orchestrator = session.role === "orchestrator";
     // What the database says; the rest below moves with time or the process.
     const base = chatMemo(pass, session.id, orchestrator, state ?? "", () => {
@@ -498,6 +501,7 @@ async function collect(full = false): Promise<StatusSnapshot> {
       ...(chatCompacting(session.id) && {
         compacting: chatCompacting(session.id)!,
       }),
+      ...(background && { background }),
       ...(orchestrator && { asks: base.asks }),
     };
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saadnvd1/agent-os",
-  "version": "0.3.541",
+  "version": "0.3.543",
   "description": "Self-hosted web UI for managing Claude Code sessions",
   "bin": {
     "agent-os": "scripts/agent-os"