@mndrk/agx 2.4.6 → 2.4.8

package/cloud-runtime/standalone/apps/local/app/api/projects/[id]/objectives/[objectiveId]/program/route.ts

@@ -0,0 +1,77 @@
+import { NextRequest, NextResponse } from "next/server";
+import { loadProjectObjectiveContext } from "../../_shared";
+import { readProgram, writeProgram } from "@/src/objectives/program";
+import { logger } from "@/lib/logger";
+
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+
+type RouteContext = { params: Promise<{ id: string; objectiveId: string }> };
+
+async function resolveParams(params: RouteContext["params"]) {
+  const resolved = await params;
+  const projectId = typeof resolved?.id === "string" ? resolved.id.trim() : "";
+  const objectiveId =
+    typeof resolved?.objectiveId === "string" ? resolved.objectiveId.trim() : "";
+  if (!projectId || !objectiveId) return null;
+  return { projectId, objectiveId };
+}
+
+export async function GET(_request: NextRequest, context: RouteContext) {
+  try {
+    const resolved = await resolveParams(context.params);
+    if (!resolved) {
+      return NextResponse.json({ error: "Objective not found" }, { status: 404 });
+    }
+
+    const objectiveContext = await loadProjectObjectiveContext(
+      resolved.projectId,
+      resolved.objectiveId,
+    );
+    if (!objectiveContext) {
+      return NextResponse.json({ error: "Objective not found" }, { status: 404 });
+    }
+
+    const { project, objective } = objectiveContext;
+    const slug = project.slug ?? project.id;
+    const program = readProgram(slug, objective.key);
+
+    return NextResponse.json({ program });
+  } catch (error) {
+    logger.error("Failed to load program", logger.formatError(error));
+    return NextResponse.json({ error: "Failed to load program" }, { status: 500 });
+  }
+}
+
+export async function PUT(request: NextRequest, context: RouteContext) {
+  try {
+    const resolved = await resolveParams(context.params);
+    if (!resolved) {
+      return NextResponse.json({ error: "Objective not found" }, { status: 404 });
+    }
+
+    const objectiveContext = await loadProjectObjectiveContext(
+      resolved.projectId,
+      resolved.objectiveId,
+    );
+    if (!objectiveContext) {
+      return NextResponse.json({ error: "Objective not found" }, { status: 404 });
+    }
+
+    const rawBody = await request.json().catch(() => null);
+    if (!rawBody || typeof rawBody !== "object" || Array.isArray(rawBody)) {
+      return NextResponse.json({ error: "Invalid program payload" }, { status: 400 });
+    }
+    const body = rawBody as Record<string, unknown>;
+    const content = typeof body.content === "string" ? body.content : "";
+
+    const { project, objective } = objectiveContext;
+    const slug = project.slug ?? project.id;
+    const program = writeProgram(slug, objective.key, content);
+
+    return NextResponse.json({ program });
+  } catch (error) {
+    logger.error("Failed to save program", logger.formatError(error));
+    return NextResponse.json({ error: "Failed to save program" }, { status: 500 });
+  }
+}

package/cloud-runtime/standalone/apps/local/app/api/projects/[id]/workspace/export/route.ts

@@ -0,0 +1,35 @@
+import { NextRequest, NextResponse } from "next/server";
+import { getProjectWithRepos, getProjectWorkspaceEntries } from "@/lib/db";
+import { logger } from "@/lib/logger";
+import { serializeWorkspace } from "@/lib/workspace-yaml";
+
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+
+type RouteContext = { params: Promise<{ id: string }> };
+
+/** GET /api/projects/[id]/workspace/export — export workspace map YAML */
+export async function GET(_request: NextRequest, context: RouteContext) {
+  try {
+    const { id: projectIdOrSlug } = await context.params;
+    const project = await getProjectWithRepos(projectIdOrSlug);
+    if (!project) {
+      return NextResponse.json({ error: "Project not found" }, { status: 404 });
+    }
+
+    const entries = await getProjectWorkspaceEntries(project.id);
+    const yaml = serializeWorkspace(entries);
+    const filename = `workspace-${project.slug || project.id}.yaml`;
+
+    return new NextResponse(yaml, {
+      status: 200,
+      headers: {
+        "Content-Type": "text/yaml; charset=utf-8",
+        "Content-Disposition": `attachment; filename="${filename}"`,
+      },
+    });
+  } catch (error) {
+    logger.error("Error exporting workspace YAML", logger.formatError(error));
+    return NextResponse.json({ error: "Failed to export workspace YAML" }, { status: 500 });
+  }
+}

package/cloud-runtime/standalone/apps/local/app/api/projects/[id]/workspace/import/route.ts

@@ -0,0 +1,91 @@
+import { NextRequest, NextResponse } from "next/server";
+import {
+  createWorkspaceEntry,
+  getProjectWithRepos,
+  getProjectWorkspace,
+  getProjectWorkspaceEntries,
+  updateWorkspaceEntry,
+} from "@/lib/db";
+import { logger } from "@/lib/logger";
+import { deserializeWorkspace } from "@/lib/workspace-yaml";
+
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+
+type RouteContext = { params: Promise<{ id: string }> };
+
+function workspaceKey(category: string, name: string): string {
+  return `${category}\u0000${name}`;
+}
+
+/** POST /api/projects/[id]/workspace/import — import workspace map YAML */
+export async function POST(request: NextRequest, context: RouteContext) {
+  try {
+    const { id: projectIdOrSlug } = await context.params;
+    const project = await getProjectWithRepos(projectIdOrSlug);
+    if (!project) {
+      return NextResponse.json({ error: "Project not found" }, { status: 404 });
+    }
+
+    const yamlBody = await request.text();
+    if (!yamlBody.trim()) {
+      return NextResponse.json({ error: "Empty request body" }, { status: 400 });
+    }
+
+    let doc;
+    try {
+      doc = deserializeWorkspace(yamlBody);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Invalid YAML";
+      return NextResponse.json({ error: message }, { status: 400 });
+    }
+
+    const existingEntries = await getProjectWorkspaceEntries(project.id);
+    const existingByKey = new Map(
+      existingEntries.map((entry) => [workspaceKey(entry.category, entry.name), entry]),
+    );
+
+    const nextSortOrderByCategory = new Map<string, number>();
+    let created = 0;
+    let updated = 0;
+
+    for (const entry of doc.entries) {
+      const key = workspaceKey(entry.category, entry.name);
+      const sort_order = nextSortOrderByCategory.get(entry.category) ?? 0;
+      nextSortOrderByCategory.set(entry.category, sort_order + 1);
+
+      const existing = existingByKey.get(key);
+      if (existing) {
+        await updateWorkspaceEntry(project.id, existing.id, {
+          purpose: entry.purpose,
+          sort_order,
+        });
+        updated += 1;
+        continue;
+      }
+
+      await createWorkspaceEntry(project.id, {
+        category: entry.category,
+        name: entry.name,
+        path: null,
+        purpose: entry.purpose,
+        sort_order,
+      });
+      created += 1;
+    }
+
+    const workspace = await getProjectWorkspace(project.id);
+    return NextResponse.json({
+      success: true,
+      summary: {
+        created,
+        updated,
+        total: doc.entries.length,
+      },
+      workspace,
+    });
+  } catch (error) {
+    logger.error("Error importing workspace YAML", logger.formatError(error));
+    return NextResponse.json({ error: "Failed to import workspace YAML" }, { status: 500 });
+  }
+}

package/cloud-runtime/standalone/apps/local/app/api/prompt-jobs/route.ts

@@ -4,7 +4,6 @@ import { OBJECTIVE_WORKER_DEFAULT_PROMPT } from '@/src/prompt-scheduler/objectiv
 import { TASK_WORKER_DEFAULT_PROMPT as LINEAR_WORKER_DEFAULT_PROMPT } from '@/src/prompt-scheduler/task-worker-job';
 import {
   computeNextRun,
-  computePrevRun,
   normalizeLegacyConditionSchedule,
   parseCadence,
 } from '@/src/prompt-scheduler/cron';
@@ -81,13 +80,7 @@ export async function GET(req: NextRequest) {
       }
     }
 
-    const enriched = jobs.map((job) => {
-      const cronExpr = job.cronExpr || job.cadence;
-      const prevScheduledAt = cronExpr ? computePrevRun(cronExpr) : null;
-      return { ...job, prevScheduledAt };
-    });
-
-    return NextResponse.json({ count: enriched.length, jobs: enriched });
+    return NextResponse.json({ count: jobs.length, jobs });
   } catch (error) {
     logger.error('Failed to list prompt jobs', logger.formatError(error));
     return NextResponse.json(

package/cloud-runtime/standalone/apps/local/app/projects/[slug]/layout.tsx

@@ -232,7 +232,7 @@ function ProjectLayoutContent({
                   onClick={() => router.push(`/projects/${slug}/${activeProjectView === "thread" ? "" : activeProjectView}`)}
                   className="text-xs text-[var(--foreground)] hover:text-[var(--muted-foreground)] transition-colors"
                 >
-                  {{ objectives: "Objectives", teams: "Teams", folders: "Folders", "env-vars": "Environment Variables", notifications: "Notifications", linear: "Tasks", automations: "Scheduled Jobs", thread: "Chat", terminal: "Terminal" }[activeProjectView] ?? activeProjectView}
+                  {{ objectives: "Objectives", teams: "Teams", folders: "Workspace Map", "env-vars": "Environment Variables", notifications: "Notifications", linear: "Tasks", automations: "Scheduled Jobs", thread: "Chat", terminal: "Terminal" }[activeProjectView] ?? activeProjectView}
                 </button>
                 <span id="topbar-breadcrumb" className="contents" />
               </>

package/cloud-runtime/standalone/apps/local/app/projects/[slug]/thread/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import { use } from "react";
+import { ChatContainer } from "@/components/chat-ui/ChatContainer";
+
+export default function ProjectChatPage({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = use(params);
+
+  return <ChatContainer projectSlug={slug} showSidebar={false} />;
+}

package/cloud-runtime/standalone/apps/local/components/AutomationsBoard.tsx

@@ -14,6 +14,7 @@ import {
   AlertTriangle,
 } from "lucide-react";
 import { useAutomations, type AutomationItem } from "@/hooks/useAutomations";
+import { isIntervalScheduleOverdue, isScheduledRunOverdue } from "@/src/scheduling/status";
 import type { GraphSchedule } from "@/src/graph/types";
 import { cronToHuman } from "@/src/graph/nl-schedule";
 
@@ -33,22 +34,21 @@ function formatCadence(schedule: GraphSchedule): string {
 }
 
 function isScheduleOverdue(schedule: GraphSchedule): boolean {
-  if (schedule.state !== "active" || schedule.tickInProgress) return false;
-  // Case 1: next tick is in the past and hasn't run yet
-  if (schedule.nextTickAt) {
-    if (schedule.nextTickAt - Date.now() >= 0) return false;
-    if (schedule.lastTickAt && schedule.lastTickAt >= schedule.nextTickAt) {
-      // Task ran, but check if it ran late vs previous scheduled time
-      if (schedule.prevScheduledAt && schedule.lastTickAt > schedule.prevScheduledAt + 5 * 60_000) {
-        return true;
-      }
-      return false;
-    }
-    return true;
+  if (schedule.nextTickAt != null) {
+    return isScheduledRunOverdue({
+      state: schedule.state,
+      nextScheduledAt: schedule.nextTickAt,
+      lastCompletedAt: schedule.lastTickAt,
+      inProgress: schedule.tickInProgress,
+    });
   }
-  // Case 2: interval-based — check if overdue
-  if (schedule.lastTickAt) return schedule.lastTickAt + schedule.intervalMs - Date.now() < 0;
-  return false;
+
+  return isIntervalScheduleOverdue({
+    state: schedule.state,
+    lastCompletedAt: schedule.lastTickAt,
+    intervalMs: schedule.intervalMs,
+    inProgress: schedule.tickInProgress,
+  });
 }
 
 function formatNextRun(schedule: GraphSchedule): string {

package/cloud-runtime/standalone/apps/local/components/PromptJobBoard.tsx

@@ -36,6 +36,7 @@ import type {
   PromptJobExecutionMode,
 } from "@/src/prompt-scheduler/types";
 import { cronToHuman } from "@/src/graph/nl-schedule";
+import { isScheduledRunOverdue } from "@/src/scheduling/status";
 import { ScheduleConditionPicker } from "@/components/scheduling/ScheduleConditionPicker";
 import {
   TASK_WORKER_DEFAULT_PROMPT as LINEAR_WORKER_DEFAULT_PROMPT,
@@ -69,18 +70,12 @@ const RichTextEditor = dynamic(() => import("@/components/RichTextEditor"), {
 
 // ── Helpers ──────────────────────────────────────────────────────────────────
 
-function isJobOverdue(job: { nextRunAt: number | null; lastRunAt: number | null; prevScheduledAt?: number | null; state: string }): boolean {
-  if (job.state !== "active") return false;
-  // Case 1: next run is in the past and hasn't run yet
-  if (job.nextRunAt !== null && job.nextRunAt - Date.now() < 0) {
-    if (job.lastRunAt && job.lastRunAt >= job.nextRunAt) return false;
-    return true;
-  }
-  // Case 2: task ran, but late — compare last run against previous scheduled time
-  if (job.prevScheduledAt && job.lastRunAt) {
-    return job.lastRunAt > job.prevScheduledAt + 5 * 60_000; // 5 min grace
-  }
-  return false;
+function isJobOverdue(job: Pick<PromptJob, "nextRunAt" | "lastRunAt" | "state">): boolean {
+  return isScheduledRunOverdue({
+    state: job.state,
+    nextScheduledAt: job.nextRunAt,
+    lastCompletedAt: job.lastRunAt,
+  });
 }
 
 function formatNextRun(epochMs: number | null, state: string): string {

package/cloud-runtime/standalone/apps/local/components/TrackerBoard.tsx

@@ -165,6 +165,38 @@ function ThreadMessageList({
     [participants]
   );
 
+  const scrollContainerRef = useRef<HTMLDivElement>(null);
+  const [showJumpToLatest, setShowJumpToLatest] = useState(false);
+
+  useEffect(() => {
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    const handleScroll = () => {
+      const { scrollTop, scrollHeight, clientHeight } = container;
+      const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
+      setShowJumpToLatest(distanceFromBottom > 200);
+    };
+    container.addEventListener("scroll", handleScroll, { passive: true });
+    return () => container.removeEventListener("scroll", handleScroll);
+  }, []);
+
+  const jumpToLatest = useCallback(() => {
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    container.scrollTo({ top: container.scrollHeight, behavior: "smooth" });
+  }, []);
+
+  const prevMessageCountRef = useRef(0);
+  useEffect(() => {
+    if (messages.length > prevMessageCountRef.current) {
+      scrollContainerRef.current?.scrollTo({
+        top: scrollContainerRef.current.scrollHeight,
+        behavior: "smooth",
+      });
+    }
+    prevMessageCountRef.current = messages.length;
+  }, [messages.length]);
+
   const activeRunStatuses = new Set(["queued", "running", "awaiting_user", "blocked"]);
   const isWorking =
     chatRuns.some((entry) => activeRunStatuses.has(entry.status)) ||
@@ -267,7 +299,7 @@ function ThreadMessageList({
         </div>
       </header>
 
-      <div className="min-h-0 flex-1 overflow-y-auto px-6 py-6 pb-64">
+      <div ref={scrollContainerRef} className="min-h-0 flex-1 overflow-y-auto px-6 py-6 pb-64">
         {messages.length === 0 ? (
           <div className="py-8 text-center text-xs text-[var(--muted-foreground)]">
             {run.status === "queued" || run.status === "running"
@@ -359,6 +391,12 @@ function ThreadMessageList({
         )}
       </div>
 
+      <JumpToLatestButton
+        visible={showJumpToLatest && messages.length > 10}
+        onClick={jumpToLatest}
+        offsetClassName="bottom-40"
+      />
+
       <div className="absolute bottom-3 left-3 right-3 p-2">
         {run.rootMessageId ? (
           <Composer

package/cloud-runtime/standalone/apps/local/components/projects/FoldersSummaryCard.tsx

@@ -1,228 +1,83 @@
 "use client";
 
-import { useEffect, useState } from "react";
-import { FolderGit2, ArrowRight, Pencil, Plus, Trash2, X } from "lucide-react";
-import { useProjects, type ProjectRepoInput } from "@/hooks/useProjects";
-
-interface Repo {
-  id: string;
-  name: string;
-  path?: string;
-  git_url?: string;
-}
+import { ArrowRight, FolderGit2, FolderOpen } from "lucide-react";
+import { useProjectWorkspace } from "@/hooks/useProjectWorkspace";
+import { buildWorkspaceCategoryGroups } from "@/lib/project-workspace";
 
 interface FoldersSummaryCardProps {
   projectId: string;
-  repos: Repo[];
   onViewAll?: () => void;
 }
 
-export function FoldersSummaryCard({ projectId, repos, onViewAll }: FoldersSummaryCardProps) {
-  const { updateProject } = useProjects();
-  const [items, setItems] = useState(repos);
-  const [isAdding, setIsAdding] = useState(false);
-  const [editingId, setEditingId] = useState<string | null>(null);
-  const [draftName, setDraftName] = useState("");
-  const [draftPath, setDraftPath] = useState("");
-  const [status, setStatus] = useState<string | null>(null);
-
-  useEffect(() => {
-    setItems(repos);
-  }, [repos]);
-
-  const setFeedback = (message: string) => {
-    setStatus(message);
-    window.setTimeout(() => setStatus(null), 2500);
-  };
-
-  const toPayload = (nextRepos: Repo[]): ProjectRepoInput[] =>
-    nextRepos.map((repo) => ({
-      id: repo.id,
-      name: repo.name,
-      path: repo.path,
-      git_url: repo.git_url,
-    }));
-
-  const resetDraft = () => {
-    setDraftName("");
-    setDraftPath("");
-    setEditingId(null);
-    setIsAdding(false);
-  };
-
-  const startAdd = () => {
-    setEditingId(null);
-    setDraftName("");
-    setDraftPath("");
-    setIsAdding(true);
-  };
-
-  const startEdit = (repo: Repo) => {
-    setIsAdding(false);
-    setEditingId(repo.id);
-    setDraftName(repo.name);
-    setDraftPath(repo.path ?? "");
-  };
-
-  const handleSaveNew = async () => {
-    const name = draftName.trim();
-    const path = draftPath.trim();
-    if (!name || !path) return;
-
-    const nextItems = [...items, { id: `tmp-${Date.now()}`, name, path }];
-    setItems(nextItems);
-    resetDraft();
-    try {
-      await updateProject(projectId, {
-        repos: [...toPayload(items), { name, path }],
-      });
-      setFeedback("Folder added");
-    } catch {
-      setItems(items);
-      setFeedback("Failed to add folder");
-    }
-  };
-
-  const handleSaveEdit = async (repoId: string) => {
-    const name = draftName.trim();
-    const path = draftPath.trim();
-    if (!name || !path) return;
-
-    const previousItems = items;
-    const nextItems = items.map((repo) => (repo.id === repoId ? { ...repo, name, path } : repo));
-    setItems(nextItems);
-    resetDraft();
-    try {
-      await updateProject(projectId, {
-        repos: toPayload(nextItems),
-      });
-      setFeedback("Folder updated");
-    } catch {
-      setItems(previousItems);
-      setFeedback("Failed to update folder");
-    }
-  };
-
-  const handleDelete = async (repoId: string) => {
-    const previousItems = items;
-    const nextItems = items.filter((repo) => repo.id !== repoId);
-    setItems(nextItems);
-    if (editingId === repoId) {
-      resetDraft();
-    }
-    try {
-      await updateProject(projectId, {
-        repos: toPayload(nextItems),
-      });
-      setFeedback("Folder deleted");
-    } catch {
-      setItems(previousItems);
-      setFeedback("Failed to delete folder");
-    }
-  };
+export function FoldersSummaryCard({ projectId, onViewAll }: FoldersSummaryCardProps) {
+  const { workspace, entryCount, isLoading, error } = useProjectWorkspace(projectId);
+  const visibleGroups = buildWorkspaceCategoryGroups(workspace).filter((group) => group.entries.length > 0).slice(0, 3);
 
   return (
     <div className="rounded-2xl border border-[var(--card-border)] bg-[var(--card-bg)] p-4">
-      <div className="flex items-center justify-between mb-3">
+      <div className="mb-3 flex items-center justify-between">
         <div className="flex items-center gap-2">
           <FolderGit2 className="h-4 w-4 text-[var(--muted-foreground)]" />
-          <span className="text-sm font-medium text-[var(--foreground)]">Folders</span>
-          {items.length > 0 && (
+          <span className="text-sm font-medium text-[var(--foreground)]">Workspace Map</span>
+          {entryCount > 0 && (
             <span className="rounded-full bg-[var(--secondary)] px-2 py-0.5 text-xs text-[var(--muted-foreground)]">
-              {items.length}
+              {entryCount}
             </span>
           )}
         </div>
-        <div className="flex items-center gap-2">
+        {onViewAll && (
           <button
             type="button"
-            onClick={startAdd}
+            onClick={onViewAll}
             className="flex items-center gap-1 text-xs text-[var(--muted-foreground)] transition-colors hover:text-[var(--foreground)]"
           >
-            <Plus className="w-3 h-3" />
-            Add
+            View all <ArrowRight className="h-3 w-3" />
           </button>
-          {onViewAll && (
-            <button onClick={onViewAll} className="flex items-center gap-1 text-xs text-[var(--muted-foreground)] transition-colors hover:text-[var(--foreground)]">
-              View all <ArrowRight className="w-3 h-3" />
-            </button>
-          )}
-        </div>
+        )}
       </div>
 
-      {status && <p className="mb-3 text-xs text-[var(--muted-foreground)]">{status}</p>}
+      {isLoading && (
+        <p className="text-sm text-[var(--muted-foreground)]">Loading workspace map...</p>
+      )}
 
-      {(isAdding || editingId) && (
-        <div className="mb-3 space-y-2 rounded-xl border border-[var(--border)] bg-[var(--secondary)] p-3">
-          <input
-            value={draftName}
-            onChange={(e) => setDraftName(e.target.value)}
-            className="input w-full text-sm"
-            placeholder="Folder name"
-            autoFocus
-          />
-          <input
-            value={draftPath}
-            onChange={(e) => setDraftPath(e.target.value)}
-            className="input w-full text-sm"
-            placeholder="Local path"
-          />
-          <div className="flex items-center gap-2">
-            <button
-              type="button"
-              onClick={() => {
-                if (editingId) {
-                  void handleSaveEdit(editingId);
-                } else {
-                  void handleSaveNew();
-                }
-              }}
-              disabled={!draftName.trim() || !draftPath.trim()}
-              className="rounded-lg bg-[var(--foreground)] px-3 py-1.5 text-xs font-medium text-[var(--background)] disabled:opacity-40"
-            >
-              Save
-            </button>
-            <button
-              type="button"
-              onClick={resetDraft}
-              className="flex items-center gap-1 rounded-lg px-2 py-1.5 text-xs text-[var(--muted-foreground)] transition-colors hover:text-[var(--foreground)]"
-            >
-              <X className="w-3 h-3" />
-              Cancel
-            </button>
-          </div>
-        </div>
+      {!isLoading && error && (
+        <p className="text-sm text-[var(--destructive)]">Unable to load the workspace map right now.</p>
       )}
 
-      {items.length === 0 ? (
-        <p className="text-sm text-[var(--muted-foreground)]">No folders linked</p>
-      ) : (
-        <div className="space-y-2">
-          {items.slice(0, 5).map((repo) => (
-            <div key={repo.id} className="flex items-center gap-2 text-sm">
-              <FolderGit2 className="h-4 w-4 shrink-0 text-[var(--muted-foreground)]" />
-              <div className="min-w-0 flex-1">
-                <div className="truncate text-[var(--foreground)]">{repo.name}</div>
-                {repo.path && (
-                  <div className="truncate text-xs text-[var(--muted-foreground)]">{repo.path}</div>
+      {!isLoading && !error && entryCount === 0 && (
+        <p className="text-sm text-[var(--muted-foreground)]">
+          No workspace locations mapped yet. Add repositories, docs, or scripts so agents know where to work.
+        </p>
+      )}
+
+      {!isLoading && !error && entryCount > 0 && (
+        <div className="space-y-3">
+          {visibleGroups.map((group) => (
+            <div key={group.id} className="rounded-xl border border-[var(--border)] bg-[var(--secondary)]/30 px-3 py-2.5">
+              <div className="mb-2 flex items-center justify-between gap-2">
+                <span className="text-[11px] font-semibold uppercase tracking-[0.18em] text-[var(--muted-foreground)]">
+                  {group.label}
+                </span>
+                <span className="text-[11px] text-[var(--muted-foreground)]">{group.entries.length}</span>
+              </div>
+              <div className="space-y-2">
+                {group.entries.slice(0, 2).map((entry) => (
+                  <div key={entry.id} className="flex items-start gap-2 text-sm">
+                    <FolderOpen className="mt-0.5 h-3.5 w-3.5 shrink-0 text-[var(--muted-foreground)]" />
+                    <div className="min-w-0 flex-1">
+                      <div className="truncate text-[var(--foreground)]">{entry.name}</div>
+                      <div className="truncate text-xs text-[var(--muted-foreground)]">
+                        {entry.path || entry.purpose || "No path set yet"}
+                      </div>
+                    </div>
+                  </div>
+                ))}
+                {group.entries.length > 2 && (
+                  <p className="text-xs text-[var(--muted-foreground)]">
+                    + {group.entries.length - 2} more
+                  </p>
                 )}
               </div>
-              <button
-                type="button"
-                onClick={() => startEdit(repo)}
-                className="p-1 text-[var(--muted-foreground)] transition-colors hover:text-[var(--foreground)]"
-                aria-label={`Edit ${repo.name}`}
-              >
-                <Pencil className="w-3 h-3" />
-              </button>
-              <button
-                type="button"
-                onClick={() => void handleDelete(repo.id)}
-                className="p-1 text-[var(--muted-foreground)] transition-colors hover:text-[var(--destructive)]"
-                aria-label={`Delete ${repo.name}`}
-              >
-                <Trash2 className="w-3 h-3" />
-              </button>
             </div>
           ))}
         </div>