@saadnvd1/agent-os 0.3.603 → 0.3.605

package/scripts/check-bundle.mjs

@@ -1,7 +1,10 @@
-// The app's first-load JavaScript, held under a budget: a heavy library
-// imported eagerly (a syntax highlighter's every grammar, a diagram renderer)
-// fails here instead of shipping to the phone. Run after `next build`.
-import { readFileSync } from "fs";
+// The app's first-load JavaScript, watched against a budget. Going over it
+// warns rather than fails: growth is sometimes worth it, and the point is to
+// notice a big jump (a syntax highlighter's every grammar, a diagram renderer
+// imported eagerly) before it ships to the phone. On CI the warning becomes an
+// annotation on the PR. A missing or unreadable size still fails, so a broken
+// check can't pass quietly. Run after `next build`.
+import { appendFileSync, readFileSync } from "fs";
 
 // Bytes, uncompressed. 1.04 MB when this was set (2026-10-07), down from 2.07.
 const BUDGETS = { "/": 1_200_000 };
@@ -9,7 +12,20 @@ const BUDGETS = { "/": 1_200_000 };
 const statsPath =
   process.argv[2] ?? ".next/diagnostics/route-bundle-stats.json";
 const stats = JSON.parse(readFileSync(statsPath, "utf-8"));
+const kb = (n) => `${Math.round(n / 1024)} KB`;
 let failed = false;
+
+function warn(text) {
+  console.warn(`bundle: ${text}`);
+  if (process.env.GITHUB_ACTIONS)
+    console.log(`::warning title=Bundle size::${text}`);
+  if (process.env.GITHUB_STEP_SUMMARY)
+    appendFileSync(
+      process.env.GITHUB_STEP_SUMMARY,
+      `> [!WARNING]\n> ${text}\n`
+    );
+}
+
 for (const [route, budget] of Object.entries(BUDGETS)) {
   const entry = stats.find((r) => r.route === route);
   if (!entry) {
@@ -18,18 +34,17 @@ for (const [route, budget] of Object.entries(BUDGETS)) {
     continue;
   }
   const bytes = entry.firstLoadUncompressedJsBytes;
-  const kb = (n) => `${Math.round(n / 1024)} KB`;
   if (typeof bytes !== "number" || !Number.isFinite(bytes)) {
     // A Next.js upgrade that renames the field must not pass by default.
     console.error(`bundle: no firstLoadUncompressedJsBytes for ${route}`);
     failed = true;
   } else if (bytes > budget) {
-    console.error(
-      `bundle: ${route} loads ${kb(bytes)} of JS first, over its ${kb(budget)} budget.\n` +
-        "  Load the heavy part with next/dynamic or import(); see what's in it with\n" +
-        "  `npx next experimental-analyze`."
+    const over = Math.round(((bytes - budget) / budget) * 100);
+    warn(
+      `${route} loads ${kb(bytes)} of JS first, ${over}% over its ${kb(budget)} budget. ` +
+        "If that's not worth it, load the heavy part with next/dynamic or import(); " +
+        "`npx next experimental-analyze` shows what's in it."
     );
-    failed = true;
   } else {
     console.log(`bundle: ${route} ${kb(bytes)} of ${kb(budget)}`);
   }

package/scripts/check-bundle.test.ts

@@ -21,9 +21,9 @@ describe("the first-load JS budget", () => {
     expect(r.code).toBe(0);
   });
 
-  it("fails a build over budget", () => {
+  it("warns, without failing, on a build over budget", () => {
     const r = run([{ route: "/", firstLoadUncompressedJsBytes: 2_000_000 }]);
-    expect([r.code, r.out]).toEqual([1, expect.stringContaining("over its")]);
+    expect([r.code, r.out]).toEqual([0, expect.stringContaining("% over its")]);
   });
 
   it("fails closed when the size is missing or not a number", () => {

package/stores/inboxUi.ts

@@ -0,0 +1,60 @@
+import { proxy } from "valtio";
+import { INBOX_TABS, type InboxTab } from "@/lib/inbox/counts";
+
+const TAB_KEY = "agentos:inbox-tab";
+const SEEN_KEY = "agentos:inbox-messages-seen";
+
+const read = (key: string) => {
+  try {
+    return typeof window === "undefined" ? null : localStorage.getItem(key);
+  } catch {
+    return null;
+  }
+};
+const write = (key: string, value: string) => {
+  try {
+    localStorage.setItem(key, value);
+  } catch {
+    // Private mode: the choice just isn't kept.
+  }
+};
+
+export const lastInboxTab = (): InboxTab | null => {
+  const saved = read(TAB_KEY);
+  return INBOX_TABS.find((t) => t === saved) ?? null;
+};
+
+// The Inbox panel, shared by the bar, the sidebar menu and the palette.
+// `request` is an explicit tab to open on; without one the panel picks.
+export const inboxUi = proxy<{
+  open: boolean;
+  request: InboxTab | null;
+  // The newest message he has looked at; null until first seen.
+  seenMessageId: number | null;
+}>({
+  open: false,
+  request: null,
+  seenMessageId: null,
+});
+
+export const inboxUiActions = {
+  open: (tab?: InboxTab) => {
+    inboxUi.request = tab ?? null;
+    inboxUi.open = true;
+  },
+  setOpen: (open: boolean) => {
+    inboxUi.open = open;
+  },
+  rememberTab: (tab: InboxTab) => write(TAB_KEY, tab),
+  loadSeen: () => {
+    if (inboxUi.seenMessageId !== null) return;
+    const saved = read(SEEN_KEY);
+    if (saved !== null && Number.isFinite(Number(saved)))
+      inboxUi.seenMessageId = Number(saved);
+  },
+  markSeen: (id: number) => {
+    if (inboxUi.seenMessageId !== null && id <= inboxUi.seenMessageId) return;
+    inboxUi.seenMessageId = id;
+    write(SEEN_KEY, String(id));
+  },
+};

package/stores/needsYouFocus.ts

@@ -1,13 +1,21 @@
 import { proxy } from "valtio";
 
-// "Show this ask", raised by the Needs-you strip and handled by the asks list
-// above the chat, which opens itself and scrolls the card into view.
+// "Show this ask", raised by the Needs-you strip and the Inbox and handled
+// by the asks list above the chat, which opens itself and scrolls the card
+// into view. "Reply to this question" is handled by the orchestrator's chat.
 export const needsYouFocus = proxy<{
   ask: { id: number; at: number } | null;
-}>({ ask: null });
+  reply: { workspaceId: string; id: number; text: string; at: number } | null;
+}>({ ask: null, reply: null });
 
 export const needsYouFocusActions = {
   ask: (id: number) => {
     needsYouFocus.ask = { id, at: Date.now() };
   },
+  reply: (workspaceId: string, id: number, text: string) => {
+    needsYouFocus.reply = { workspaceId, id, text, at: Date.now() };
+  },
+  clearReply: () => {
+    needsYouFocus.reply = null;
+  },
 };

package/components/Bus/MessagesButton.tsx

@@ -1,25 +0,0 @@
-"use client";
-
-import { MessagesSquare } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { busUiActions } from "@/stores/busUi";
-
-export function MessagesButton({
-  labelClassName,
-}: {
-  labelClassName?: string;
-}) {
-  return (
-    <Button
-      size="sm"
-      variant="ghost"
-      aria-label="Messages"
-      title="Messages"
-      className="h-7 px-2"
-      onClick={busUiActions.open}
-    >
-      <MessagesSquare className="h-4 w-4" />
-      <span className={labelClassName}>Messages</span>
-    </Button>
-  );
-}

package/components/Bus/MessagesDialog.tsx

@@ -1,176 +0,0 @@
-"use client";
-
-import { useMemo, useState } from "react";
-import { useSnapshot } from "valtio";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { useBusMessages, useBusPeers, useSendMessage } from "@/data/bus";
-import { compactTimeAgo, fromSqliteTime } from "@/lib/session-meta";
-import { busUi, busUiActions } from "@/stores/busUi";
-import { cn } from "@/lib/utils";
-
-const ALL = "all";
-
-export function MessagesDialog() {
-  const { open } = useSnapshot(busUi);
-  const { data: messages = [], isPending } = useBusMessages(open);
-  const { data: peers = [] } = useBusPeers(open);
-  const send = useSendMessage();
-  const [filter, setFilter] = useState(ALL);
-  const [to, setTo] = useState("");
-  const [body, setBody] = useState("");
-
-  const label = (p: { name: string; projectName: string | null }) =>
-    p.projectName ? `${p.projectName} / ${p.name}` : p.name;
-  const shown = useMemo(
-    () =>
-      filter === ALL
-        ? messages
-        : messages.filter((m) => m.fromId === filter || m.toId === filter),
-    [messages, filter]
-  );
-  const recipient = to || (filter !== ALL ? filter : "");
-
-  return (
-    <Dialog
-      open={open}
-      onOpenChange={(o) => {
-        // A delivery result belongs to that send only.
-        if (!o) send.reset();
-        busUiActions.setOpen(o);
-      }}
-    >
-      <DialogContent className="flex max-h-[85vh] max-w-2xl flex-col">
-        <DialogHeader>
-          <DialogTitle>Messages</DialogTitle>
-          <DialogDescription>
-            What your agent sessions are saying to each other. Agents use the{" "}
-            <code className="font-mono text-xs">aos</code> command.
-          </DialogDescription>
-        </DialogHeader>
-
-        <Select
-          value={filter}
-          onValueChange={(v) => {
-            send.reset();
-            setFilter(v);
-          }}
-        >
-          <SelectTrigger
-            aria-label="Filter by session"
-            className="w-full sm:w-72"
-          >
-            <SelectValue />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectItem value={ALL}>All sessions</SelectItem>
-            {peers.map((p) => (
-              <SelectItem key={p.id} value={p.id}>
-                {label(p)}
-              </SelectItem>
-            ))}
-          </SelectContent>
-        </Select>
-
-        <div className="min-h-40 flex-1 space-y-3 overflow-y-auto pr-1">
-          {isPending && (
-            <div className="bg-muted/40 h-16 animate-pulse rounded-xl" />
-          )}
-          {!isPending && shown.length === 0 && (
-            <p className="text-muted-foreground py-8 text-center text-sm">
-              No messages yet.
-            </p>
-          )}
-          {shown.map((m) => (
-            <div key={m.id} className="space-y-1">
-              <div className="flex items-baseline gap-2 text-xs">
-                <span
-                  className={cn("font-medium", !m.fromId && "text-primary")}
-                >
-                  {m.fromName}
-                </span>
-                <span className="text-muted-foreground/60">→</span>
-                <span className="font-medium">{m.toName}</span>
-                <span className="text-muted-foreground/60 ml-auto font-mono tabular-nums">
-                  {compactTimeAgo(fromSqliteTime(m.createdAt))}
-                </span>
-              </div>
-              <p className="bg-foreground/[0.04] rounded-lg px-3 py-2 text-sm whitespace-pre-wrap">
-                {m.body}
-              </p>
-            </div>
-          ))}
-        </div>
-
-        <form
-          onSubmit={(e) => {
-            e.preventDefault();
-            send.mutate(
-              { to: recipient, body },
-              { onSuccess: () => setBody("") }
-            );
-          }}
-          className="space-y-2"
-        >
-          <Select
-            value={recipient}
-            onValueChange={(v) => {
-              send.reset();
-              setTo(v);
-            }}
-          >
-            <SelectTrigger aria-label="Send to">
-              <SelectValue placeholder="Send to a session..." />
-            </SelectTrigger>
-            <SelectContent>
-              {peers.map((p) => (
-                <SelectItem key={p.id} value={p.id}>
-                  {label(p)}
-                  {!p.running && " (not running)"}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-          <div className="flex gap-2">
-            <Textarea
-              aria-label="Message"
-              value={body}
-              onChange={(e) => setBody(e.target.value)}
-              placeholder="Message as you"
-              rows={2}
-              className="min-h-11"
-            />
-            <Button
-              type="submit"
-              disabled={!recipient || !body.trim() || send.isPending}
-            >
-              Send
-            </Button>
-          </div>
-          {send.error && (
-            <p className="text-destructive text-xs">{send.error.message}</p>
-          )}
-          {send.data?.delivery.state === "failed" && (
-            <p className="text-destructive text-xs">
-              Saved to its inbox, but not delivered: {send.data.delivery.why}
-            </p>
-          )}
-        </form>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/components/LumifyHub/Docs/DocsButton.tsx

@@ -1,31 +0,0 @@
-"use client";
-
-import { BookOpen } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { useDocsWorkspace } from "@/data/lumifyhub/docs";
-import { docsUiActions } from "@/stores/docsUi";
-
-// Only for a project whose workspace is linked to LumifyHub.
-export function DocsButton({
-  projectId,
-  labelClassName,
-}: {
-  projectId?: string | null;
-  labelClassName?: string;
-}) {
-  const workspace = useDocsWorkspace(projectId);
-  if (!workspace) return null;
-  return (
-    <Button
-      size="sm"
-      variant="ghost"
-      aria-label="Docs"
-      title="Docs"
-      className="h-7 px-2"
-      onClick={() => docsUiActions.open(workspace.id)}
-    >
-      <BookOpen className="h-4 w-4" />
-      <span className={labelClassName}>Docs</span>
-    </Button>
-  );
-}

package/components/NotificationsMenu.tsx

@@ -1,86 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { AlertCircle, Bell, Settings } from "lucide-react";
-import { Button } from "./ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "./ui/dropdown-menu";
-import { cn } from "@/lib/utils";
-import type { NotificationSettings } from "@/lib/notifications";
-import { settingsUiActions } from "@/stores/settingsUi";
-
-interface WaitingSession {
-  id: string;
-  name: string;
-}
-
-// The bell: sessions waiting for you, and the way to Settings > Notifications.
-export function NotificationsMenu({
-  settings,
-  waitingSessions = [],
-  onSelectSession,
-}: {
-  settings: NotificationSettings;
-  waitingSessions?: WaitingSession[];
-  onSelectSession?: (id: string) => void;
-}) {
-  const [open, setOpen] = useState(false);
-  const waitingCount = waitingSessions.length;
-
-  return (
-    <DropdownMenu open={open} onOpenChange={setOpen}>
-      <DropdownMenuTrigger asChild>
-        <Button
-          variant="ghost"
-          size="icon-sm"
-          aria-label="Notifications"
-          className="relative h-7 w-7"
-        >
-          <Bell
-            className={cn(
-              "h-4 w-4",
-              !settings.sound && "text-muted-foreground"
-            )}
-          />
-          {waitingCount > 0 && (
-            <span className="absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-yellow-500 text-[10px] font-bold text-yellow-950">
-              {waitingCount}
-            </span>
-          )}
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end" className="w-52">
-        {waitingCount > 0 && (
-          <>
-            <DropdownMenuLabel className="flex items-center gap-2 text-xs text-yellow-500">
-              <AlertCircle className="h-3 w-3" />
-              Waiting for input
-            </DropdownMenuLabel>
-            {waitingSessions.map((session) => (
-              <DropdownMenuItem
-                key={session.id}
-                onClick={() => onSelectSession?.(session.id)}
-                className="text-sm"
-              >
-                {session.name}
-              </DropdownMenuItem>
-            ))}
-            <DropdownMenuSeparator />
-          </>
-        )}
-        <DropdownMenuItem
-          onClick={() => settingsUiActions.open("notifications")}
-        >
-          <Settings className="h-3 w-3" />
-          Notification settings
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}

package/components/Tasks/TasksButton.tsx

@@ -1,28 +0,0 @@
-"use client";
-
-import { ListTodo } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { tasksUiActions } from "@/stores/tasksUi";
-import { useTasksNeedingYou } from "./useTasksNeedingYou";
-
-export function TasksButton({ labelClassName }: { labelClassName?: string }) {
-  const waiting = useTasksNeedingYou();
-  return (
-    <Button
-      size="sm"
-      variant="ghost"
-      aria-label="Tasks"
-      title="Tasks"
-      className="h-7 px-2"
-      onClick={tasksUiActions.openPanel}
-    >
-      <ListTodo className="h-4 w-4" />
-      <span className={labelClassName}>Tasks</span>
-      {waiting > 0 && (
-        <span className="bg-primary text-primary-foreground rounded-full px-1.5 font-mono text-[10px] leading-4 tabular-nums">
-          {waiting}
-        </span>
-      )}
-    </Button>
-  );
-}

package/components/Tasks/TasksDialog.tsx

@@ -1,75 +0,0 @@
-"use client";
-
-import { useSnapshot } from "valtio";
-import { Plus } from "lucide-react";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
-import { useTasksQuery } from "@/data/tasks";
-import { isFinished, needsHuman } from "@/lib/tasks/state";
-import { tasksUi, tasksUiActions } from "@/stores/tasksUi";
-import { newDraft } from "@/stores/drafts";
-import { TaskRow } from "./TaskRow";
-import { BoardTodoSection } from "@/components/LumifyHub";
-import { StacksSection } from "@/components/Stacks";
-import { FeaturesSection } from "@/components/Features";
-
-export function TasksDialog() {
-  const { panelOpen } = useSnapshot(tasksUi);
-  const { data: tasks = [], isPending } = useTasksQuery();
-  const active = tasks.filter((t) => !isFinished(t.state));
-  // Whatever needs a human first.
-  active.sort(
-    (a, b) => Number(needsHuman(b.state)) - Number(needsHuman(a.state))
-  );
-  const done = tasks.filter((t) => !active.includes(t)).slice(0, 10);
-
-  return (
-    <Dialog open={panelOpen} onOpenChange={tasksUiActions.setPanelOpen}>
-      <DialogContent className="max-h-[85vh] max-w-xl overflow-y-auto [&>*]:min-w-0">
-        <DialogHeader className="flex-row items-center justify-between gap-4 space-y-0">
-          <DialogTitle>Tasks</DialogTitle>
-          <Button
-            size="sm"
-            className="mr-6"
-            onClick={() => {
-              tasksUiActions.setPanelOpen(false);
-              newDraft({ kind: "current", openPr: true });
-            }}
-          >
-            <Plus className="h-4 w-4" />
-            New task
-          </Button>
-        </DialogHeader>
-        {isPending && (
-          <div className="bg-muted/40 h-16 animate-pulse rounded-xl" />
-        )}
-        {!isPending && tasks.length === 0 && (
-          <p className="text-muted-foreground py-6 text-center text-sm">
-            No tasks yet. Start one and keep working while it runs.
-          </p>
-        )}
-        <div className="space-y-2">
-          {active.map((t) => (
-            <TaskRow key={t.id} task={t} />
-          ))}
-        </div>
-        <FeaturesSection />
-        <StacksSection />
-        <BoardTodoSection />
-        {done.length > 0 && (
-          <div className="space-y-2">
-            <p className="label-mono text-muted-foreground pt-2">Finished</p>
-            {done.map((t) => (
-              <TaskRow key={t.id} task={t} />
-            ))}
-          </div>
-        )}
-      </DialogContent>
-    </Dialog>
-  );
-}

package/stores/busUi.ts

@@ -1,12 +0,0 @@
-import { proxy } from "valtio";
-
-export const busUi = proxy({ open: false });
-
-export const busUiActions = {
-  setOpen: (open: boolean) => {
-    busUi.open = open;
-  },
-  open: () => {
-    busUi.open = true;
-  },
-};

package/stores/tasksUi.ts

@@ -1,14 +0,0 @@
-import { proxy } from "valtio";
-
-// The Tasks panel's open state, shared by the header and the sidebar menu.
-// A new task is a draft with "Open a PR when done" (stores/drafts).
-export const tasksUi = proxy({ panelOpen: false });
-
-export const tasksUiActions = {
-  openPanel: () => {
-    tasksUi.panelOpen = true;
-  },
-  setPanelOpen: (open: boolean) => {
-    tasksUi.panelOpen = open;
-  },
-};