@saadnvd1/agent-os 0.3.603 → 0.3.606

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;
-  },
-};