@mndrk/agx 2.4.5 → 2.4.7

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

@@ -66,7 +66,7 @@ export default function TeamDetailPage({
 
   // Add agent
   const [showAddAgent, setShowAddAgent] = useState(false);
-  const [addMode, setAddMode] = useState<"existing" | "preset">("existing");
+  const [addMode, setAddMode] = useState<"existing" | "preset" | "scratch">("existing");
   const [selectedPresetId, setSelectedPresetId] = useState<string | null>(null);
   const [selectedExistingId, setSelectedExistingId] = useState<string | null>(null);
   const [addingAgent, setAddingAgent] = useState(false);
@@ -444,9 +444,65 @@ export default function TeamDetailPage({
                 >
                   From Preset
                 </button>
+                <button
+                  onClick={() => setAddMode("scratch")}
+                  className={`text-xs font-medium px-3 py-1.5 rounded-lg transition-colors ${
+                    addMode === "scratch"
+                      ? "bg-[var(--primary)] text-white"
+                      : "bg-[var(--card-bg)] border border-[var(--border)] text-[var(--muted-foreground)]"
+                  }`}
+                >
+                  From Scratch
+                </button>
               </div>
 
-              {addMode === "existing" ? (
+              {addMode === "scratch" ? (
+                <AgentForm
+                  title="Create agent"
+                  initial={{ name: "", role: "", provider: "claude", model: "", identity: "", skills: [], skillBindings: [] }}
+                  submitLabel="Create & Add"
+                  onSubmit={async (data) => {
+                    if (!project) return;
+                    setAddingAgent(true);
+                    try {
+                      const createRes = await fetch("/api/participants", {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json" },
+                        body: JSON.stringify({
+                          name: data.name,
+                          role: data.role || null,
+                          provider: data.provider,
+                          model: data.model || null,
+                          color: data.color,
+                          ...(data.identity ? { identity: data.identity } : {}),
+                          skills: data.skills ?? [],
+                          skillBindings: data.skillBindings ?? [],
+                        }),
+                      });
+                      if (!createRes.ok) throw new Error("Failed to create agent");
+                      const created = await createRes.json();
+                      const agentId = created.id ?? created.participant?.id;
+                      await fetch(`/api/projects/${project.id}/agents`, {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json" },
+                        body: JSON.stringify({ agentId }),
+                      });
+                      await fetch(`/api/projects/${project.id}/teams/${teamId}/agents`, {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json" },
+                        body: JSON.stringify({ agentId, roleKey: "member" }),
+                      });
+                      setShowAddAgent(false);
+                      await Promise.all([fetchTeam(), fetchParticipants()]);
+                    } catch {
+                      /* silent */
+                    } finally {
+                      setAddingAgent(false);
+                    }
+                  }}
+                  onCancel={() => setShowAddAgent(false)}
+                />
+              ) : addMode === "existing" ? (
                 <div className="space-y-3">
                   {existingAgentOptions.length === 0 ? (
                     <p className="text-xs text-[var(--muted-foreground)]">

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

@@ -16,6 +16,7 @@ import {
   Pencil,
   User,
   Sparkles,
+  Search,
 } from "lucide-react";
 import { useUrlSelection } from "@/hooks/useUrlSelection";
 import { usePromptJobs } from "@/hooks/usePromptJobs";
@@ -35,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,
@@ -68,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 {
@@ -133,7 +129,7 @@ function SectionLabel({ children }: { children: React.ReactNode }) {
 
 // ── Create/Edit Modal ────────────────────────────────────────────────────────
 
-interface AgentOption {
+export interface AgentOption {
   id: string;
   name: string;
   provider: string;
@@ -163,12 +159,12 @@ function Label({ children }: { children: React.ReactNode }) {
   );
 }
 
-function agentAvatar(id: string, color: string, size = 24) {
+export function agentAvatar(id: string, color: string, size = 24) {
   const bg = color ? color.replace("#", "") : "e2e8f0";
   return `https://api.dicebear.com/9.x/bottts-neutral/svg?seed=${encodeURIComponent(id)}&size=${size}&backgroundColor=${bg}`;
 }
 
-function AgentDropdown({
+export function AgentDropdown({
   agents,
   value,
   onChange,
@@ -178,8 +174,23 @@ function AgentDropdown({
   onChange: (id: string) => void;
 }) {
   const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
   const selected = agents.find((a) => a.id === value);
 
+  useEffect(() => {
+    if (!open) setQuery("");
+  }, [open]);
+
+  const q = query.trim().toLowerCase();
+  const filteredAgents = q
+    ? agents.filter(
+        (a) =>
+          a.name.toLowerCase().includes(q) ||
+          a.provider.toLowerCase().includes(q) ||
+          (a.model ?? "").toLowerCase().includes(q)
+      )
+    : agents;
+
   return (
     <div className="relative">
       <Label>Agent</Label>
@@ -217,38 +228,62 @@ function AgentDropdown({
       </button>
 
       {open && (
-        <div className="absolute z-20 mt-1 w-full rounded-lg border border-[var(--card-border)] bg-[var(--card-bg)] shadow-lg max-h-[280px] overflow-y-auto">
-          {agents.map((a) => (
-            <button
-              key={a.id}
-              type="button"
-              onClick={() => {
-                onChange(a.id);
-                setOpen(false);
-              }}
-              className={`w-full flex items-center gap-2.5 px-3 py-2.5 text-left transition-colors hover:bg-[var(--muted)] ${value === a.id ? "bg-[var(--muted)]" : ""}`}
-            >
-              <img
-                src={agentAvatar(a.id, a.color)}
-                alt=""
-                className="size-6 rounded-full shrink-0"
+        <div className="absolute z-20 mt-1 w-full rounded-lg border border-[var(--card-border)] bg-[var(--card-bg)] shadow-lg flex flex-col max-h-[320px]">
+          <div className="sticky top-0 shrink-0 border-b border-[var(--card-border)] bg-[var(--card-bg)] px-2 py-2">
+            <div className="relative">
+              <Search
+                size={12}
+                className="absolute left-2.5 top-1/2 -translate-y-1/2 text-[var(--muted-foreground)]"
               />
-              <div className="min-w-0 flex-1">
-                <div className="text-xs font-medium text-[var(--foreground)] truncate">
-                  {a.name}
-                </div>
-                <div className="text-[10px] text-[var(--muted-foreground)]">
-                  {a.provider}
-                  {a.model ? ` / ${a.model}` : ""}
-                </div>
+              <input
+                type="text"
+                value={query}
+                onChange={(e) => setQuery(e.target.value)}
+                autoFocus
+                placeholder="Search agents..."
+                className="w-full rounded-md border border-[var(--card-border)] bg-[var(--muted)] pl-7 pr-2 py-1.5 text-xs text-[var(--foreground)] placeholder:text-[var(--muted-foreground)] focus:outline-none focus:border-[var(--foreground)]"
+              />
+            </div>
+          </div>
+          <div className="min-h-0 flex-1 overflow-y-auto">
+            {filteredAgents.length === 0 ? (
+              <div className="px-3 py-4 text-center text-[11px] text-[var(--muted-foreground)]">
+                No agents match "{query}"
               </div>
-              {value === a.id && (
-                <span className="text-xs text-[var(--foreground)]">
-                  &#10003;
-                </span>
-              )}
-            </button>
-          ))}
+            ) : (
+              filteredAgents.map((a) => (
+                <button
+                  key={a.id}
+                  type="button"
+                  onClick={() => {
+                    onChange(a.id);
+                    setOpen(false);
+                  }}
+                  className={`w-full flex items-center gap-2.5 px-3 py-2.5 text-left transition-colors hover:bg-[var(--muted)] ${value === a.id ? "bg-[var(--muted)]" : ""}`}
+                >
+                  <img
+                    src={agentAvatar(a.id, a.color)}
+                    alt=""
+                    className="size-6 rounded-full shrink-0"
+                  />
+                  <div className="min-w-0 flex-1">
+                    <div className="text-xs font-medium text-[var(--foreground)] truncate">
+                      {a.name}
+                    </div>
+                    <div className="text-[10px] text-[var(--muted-foreground)]">
+                      {a.provider}
+                      {a.model ? ` / ${a.model}` : ""}
+                    </div>
+                  </div>
+                  {value === a.id && (
+                    <span className="text-xs text-[var(--foreground)]">
+                      &#10003;
+                    </span>
+                  )}
+                </button>
+              ))
+            )}
+          </div>
         </div>
       )}
     </div>

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>