@mndrk/agx 2.4.4 → 2.4.6

package/cloud-runtime/standalone/apps/local/components/tracking/TaskIdentifierPrefix.tsx

@@ -0,0 +1,174 @@
+"use client";
+
+import { useCallback, useEffect, useState } from "react";
+import { Loader2 } from "lucide-react";
+
+const PREFIX_REGEX = /^[A-Z]{2,10}$/;
+
+export function TaskIdentifierPrefix({
+  projectId,
+  trackerType,
+}: {
+  projectId: string;
+  trackerType?: string;
+}) {
+  if (trackerType === "github") return null;
+
+  return <TaskIdentifierPrefixInner projectId={projectId} />;
+}
+
+function TaskIdentifierPrefixInner({ projectId }: { projectId: string }) {
+  const [prefix, setPrefix] = useState("");
+  const [initialPrefix, setInitialPrefix] = useState<string | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [loadError, setLoadError] = useState<string | null>(null);
+  const [validationError, setValidationError] = useState<string | null>(null);
+  const [saving, setSaving] = useState(false);
+  const [saveError, setSaveError] = useState<string | null>(null);
+  const [savedAt, setSavedAt] = useState<number | null>(null);
+
+  const loadProject = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch(`/api/projects/${projectId}`, { cache: "no-store" });
+      if (!res.ok) throw new Error("Failed to load project");
+      const data = (await res.json()) as { project: { identifier_prefix?: string | null } };
+      const existing = data.project?.identifier_prefix ?? null;
+      setInitialPrefix(existing);
+      setPrefix(existing ?? "");
+      setLoadError(null);
+    } catch {
+      setLoadError("Failed to load project settings");
+    } finally {
+      setLoading(false);
+    }
+  }, [projectId]);
+
+  useEffect(() => {
+    void loadProject();
+  }, [loadProject]);
+
+  const validate = useCallback((value: string) => {
+    if (!value) return null;
+    if (!PREFIX_REGEX.test(value)) {
+      return "Must be 2-10 uppercase letters (e.g. TSK, AGX).";
+    }
+    return null;
+  }, []);
+
+  const handleSave = useCallback(
+    async (nextValue: string | null) => {
+      setSaving(true);
+      setSaveError(null);
+      try {
+        const res = await fetch(`/api/projects/${projectId}`, {
+          method: "PATCH",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ identifier_prefix: nextValue }),
+        });
+        if (!res.ok) {
+          const data = await res.json().catch(() => ({}));
+          throw new Error((data as { error?: string })?.error ?? "Failed to save");
+        }
+        const data = (await res.json()) as { project: { identifier_prefix?: string | null } };
+        const applied = data.project?.identifier_prefix ?? null;
+        setInitialPrefix(applied);
+        setPrefix(applied ?? "");
+        setSavedAt(Date.now());
+      } catch (err) {
+        setSaveError(err instanceof Error ? err.message : "Failed to save");
+      } finally {
+        setSaving(false);
+      }
+    },
+    [projectId],
+  );
+
+  const onSaveClick = () => {
+    const trimmed = prefix.trim().toUpperCase();
+    const err = validate(trimmed);
+    if (err) {
+      setValidationError(err);
+      return;
+    }
+    setValidationError(null);
+    void handleSave(trimmed ? trimmed : null);
+  };
+
+  const onClearClick = () => {
+    setValidationError(null);
+    void handleSave(null);
+  };
+
+  const dirty = (initialPrefix ?? "") !== prefix.trim().toUpperCase();
+
+  return (
+    <section className="border border-zinc-200 dark:border-zinc-800 rounded-lg p-5 space-y-4 mx-6 mb-6">
+      <div>
+        <h2 className="text-sm font-medium">Task identifier prefix</h2>
+        <p className="text-xs text-zinc-500 mt-0.5">
+          Used to identify tasks in branches, PR titles, and links (e.g.{" "}
+          <span className="font-mono">TSK-42</span>). Set once; existing tasks keep their current
+          identifiers.
+        </p>
+      </div>
+
+      {loading ? (
+        <div className="flex items-center gap-2 text-sm text-zinc-500">
+          <Loader2 className="w-4 h-4 animate-spin" />
+          Loading...
+        </div>
+      ) : loadError ? (
+        <p className="text-sm text-red-500">{loadError}</p>
+      ) : (
+        <div className="space-y-2">
+          <div className="flex items-center gap-2">
+            <input
+              type="text"
+              value={prefix}
+              onChange={(e) => {
+                setPrefix(e.target.value.toUpperCase());
+                setValidationError(null);
+                setSaveError(null);
+              }}
+              onBlur={(e) => {
+                const v = e.target.value.trim().toUpperCase();
+                setValidationError(validate(v));
+              }}
+              placeholder="TSK"
+              maxLength={10}
+              className="w-40 px-2 py-1.5 text-sm font-mono rounded border border-zinc-300 dark:border-zinc-700 bg-transparent"
+            />
+            <button
+              type="button"
+              onClick={onSaveClick}
+              disabled={saving || !dirty || !!validationError}
+              className="text-xs px-3 py-1.5 rounded bg-zinc-900 text-white dark:bg-white dark:text-zinc-900 hover:opacity-90 disabled:opacity-50"
+            >
+              {saving ? "Saving..." : "Save"}
+            </button>
+            {initialPrefix ? (
+              <button
+                type="button"
+                onClick={onClearClick}
+                disabled={saving}
+                className="text-xs px-3 py-1.5 rounded border border-zinc-300 dark:border-zinc-700 hover:bg-zinc-100 dark:hover:bg-zinc-800 disabled:opacity-50"
+              >
+                Clear
+              </button>
+            ) : null}
+          </div>
+          <p className="text-xs text-zinc-500">
+            2-10 uppercase letters, matching{" "}
+            <span className="font-mono">/^[A-Z]{"{2,10}"}$/</span>.
+          </p>
+          {validationError && <p className="text-xs text-red-500">{validationError}</p>}
+          {saveError && <p className="text-xs text-red-500">{saveError}</p>}
+          {savedAt && !saveError && !validationError && (
+            <p className="text-xs text-emerald-600 dark:text-emerald-400">Saved.</p>
+          )}
+        </div>
+      )}
+    </section>
+  );
+}

package/cloud-runtime/standalone/apps/local/components/tracking/TaskTrackingNav.tsx

@@ -1,8 +1,10 @@
 "use client";
 
 import Link from "next/link";
-import { Plus, AlertTriangle } from "lucide-react";
+import { useEffect, useState } from "react";
+import { Plus, AlertTriangle, ChevronRight, Book, Lock } from "lucide-react";
 import { TrackerIcon } from "./TrackerIcon";
+import type { GithubRepo } from "@/lib/github-types";
 
 interface TrackerEntry {
   type: string;
@@ -25,7 +27,7 @@ const TRACKER_LABELS: Record<string, string> = {
   jira: "Jira",
   intercom: "Intercom",
   freshdesk: "Freshdesk",
-  github: "GitHub Issues",
+  github: "GitHub",
 };
 
 function getTrackerLabel(type: string): string {
@@ -55,6 +57,28 @@ export function TaskTrackingNav({
   const connectedTrackers = sorted.filter((t) => t.connected);
   const disconnectedTrackers = sorted.filter((t) => !t.connected);
   const showConnectLink = true;
+  const hasGithub = connectedTrackers.some((t) => t.type === "github");
+
+  const [githubRepos, setGithubRepos] = useState<GithubRepo[]>([]);
+  const [githubExpanded, setGithubExpanded] = useState(true);
+  useEffect(() => {
+    if (!hasGithub) {
+      setGithubRepos([]);
+      return;
+    }
+    let cancelled = false;
+    fetch("/api/github/repos", { cache: "no-store" })
+      .then((res) => (res.ok ? res.json() : { repos: [] }))
+      .then((data: { repos?: GithubRepo[] }) => {
+        if (!cancelled) setGithubRepos(data.repos ?? []);
+      })
+      .catch(() => {
+        if (!cancelled) setGithubRepos([]);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [hasGithub]);
 
   return (
     <>
@@ -77,15 +101,53 @@ export function TaskTrackingNav({
         const isActive = isTrackingActive && activeTrackerType === tracker.type;
         return (
           <div key={tracker.type} className="workspace-sidebar__workspace-item">
-            <Link
-              href={`/projects/${projectSlug}/tracking/${tracker.type}`}
-              onClick={onLinkClick}
-              className={`workspace-sidebar__nav-item ${isActive ? "workspace-sidebar__nav-item--active" : ""}`}
-              aria-current={isActive ? "page" : undefined}
-            >
-              <TrackerIcon trackerType={tracker.type} className="flex-shrink-0 h-3.5 w-3.5 text-[var(--muted-foreground)]" />
-              <span className="workspace-sidebar__workspace-title text-sm">{getTrackerLabel(tracker.type)}</span>
-            </Link>
+            <div className="flex items-center">
+              <Link
+                href={`/projects/${projectSlug}/tracking/${tracker.type}`}
+                onClick={onLinkClick}
+                className={`workspace-sidebar__nav-item flex-1 ${isActive ? "workspace-sidebar__nav-item--active" : ""}`}
+                aria-current={isActive ? "page" : undefined}
+              >
+                <TrackerIcon trackerType={tracker.type} className="flex-shrink-0 h-3.5 w-3.5 text-[var(--muted-foreground)]" />
+                <span className="workspace-sidebar__workspace-title text-sm">{getTrackerLabel(tracker.type)}</span>
+              </Link>
+              {tracker.type === "github" && githubRepos.length > 0 && (
+                <button
+                  type="button"
+                  aria-label={githubExpanded ? "Collapse GitHub repos" : "Expand GitHub repos"}
+                  aria-expanded={githubExpanded}
+                  onClick={() => setGithubExpanded((v) => !v)}
+                  className="p-1 rounded hover:bg-[var(--item-hover-bg)] text-[var(--muted-foreground)]"
+                >
+                  <ChevronRight
+                    size={12}
+                    className={`transition-transform ${githubExpanded ? "rotate-90" : ""}`}
+                  />
+                </button>
+              )}
+            </div>
+            {tracker.type === "github" && githubExpanded && githubRepos.length > 0 && (
+              <div className="flex flex-col gap-0.5 mt-0.5 pl-5">
+                {githubRepos.map((repo) => (
+                  <Link
+                    key={repo.id}
+                    href={`/projects/${projectSlug}/tracking/github?repo=${encodeURIComponent(repo.id)}`}
+                    onClick={onLinkClick}
+                    className="workspace-sidebar__nav-item"
+                    title={repo.id}
+                  >
+                    {repo.private ? (
+                      <Lock size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
+                    ) : (
+                      <Book size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
+                    )}
+                    <span className="workspace-sidebar__workspace-title text-xs text-[var(--muted-foreground)] truncate">
+                      {repo.name}
+                    </span>
+                  </Link>
+                ))}
+              </div>
+            )}
           </div>
         );
       })}

package/cloud-runtime/standalone/apps/local/components/tracking/TrackerIcon.tsx

@@ -3,11 +3,13 @@
 import type { ComponentType } from "react";
 import { LinearIcon } from "@/lib/tracker/adapters/linear/linear-icon";
 import { JiraIcon } from "@/lib/tracker/adapters/jira/jira-icon";
+import { GitHubIcon } from "@/lib/tracker/adapters/github/github-icon";
 
 /** Client-side icon map — the adapter registry is server-only. */
 const TRACKER_ICONS: Record<string, ComponentType<{ className?: string }>> = {
   linear: LinearIcon,
   jira: JiraIcon,
+  github: GitHubIcon,
 };
 
 interface TrackerIconProps {

package/cloud-runtime/standalone/apps/local/components/tracking/TrackerSetup.tsx

@@ -3,6 +3,8 @@
 import React from "react";
 import { CheckCircle2, Key, Globe, Loader2, AlertCircle, Terminal, LogOut } from "lucide-react";
 import { TrackerIcon } from "./TrackerIcon";
+import GithubRepoManager from "./GithubRepoManager";
+import ConfirmDialog from "../ConfirmDialog";
 
 interface TrackerSetupProps {
   trackerType: string;
@@ -45,6 +47,7 @@ export default function TrackerSetup({
   const [saving, setSaving] = React.useState(false);
   const [installingCli, setInstallingCli] = React.useState<string | null>(null);
   const [mcpErrors, setMcpErrors] = React.useState<Record<string, string>>({});
+  const [confirmDisconnect, setConfirmDisconnect] = React.useState(false);
 
   const installMcp = async (cli: string) => {
     if (!onConfigureMcp) return;
@@ -88,7 +91,7 @@ export default function TrackerSetup({
           </div>
           {onDisconnect && (
             <button
-              onClick={onDisconnect}
+              onClick={() => setConfirmDisconnect(true)}
               className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-destructive transition-colors mt-1"
             >
               <LogOut className="h-3.5 w-3.5" />
@@ -97,7 +100,29 @@ export default function TrackerSetup({
           )}
         </div>
 
-        {activeClis.length > 0 && (
+        {trackerType === "github" && <GithubRepoManager projectId={projectId} />}
+
+        {onDisconnect && (
+          <ConfirmDialog
+            isOpen={confirmDisconnect}
+            title={`Disconnect ${trackerType}?`}
+            message={
+              trackerType === "github"
+                ? "This revokes the stored credentials. Your attached repositories and synced history stay — reconnecting will resume where you left off."
+                : `This revokes the stored credentials for ${trackerType}. Project settings and synced history stay.`
+            }
+            confirmLabel="Disconnect"
+            cancelLabel="Cancel"
+            variant="danger"
+            onConfirm={() => {
+              setConfirmDisconnect(false);
+              onDisconnect();
+            }}
+            onCancel={() => setConfirmDisconnect(false)}
+          />
+        )}
+
+        {trackerType !== "github" && activeClis.length > 0 && (
           <div className="w-full max-w-md">
             <div className="border rounded-xl p-5 flex flex-col gap-4">
               <div className="flex items-center gap-2">
@@ -200,16 +225,18 @@ export default function TrackerSetup({
           Connect with OAuth
         </button>
 
-        <button
-          onClick={() => {
-            setShowKeyInput(!showKeyInput);
-            setKeyError(null);
-          }}
-          className="flex items-center justify-center gap-2 w-full px-4 py-2 text-sm text-muted-foreground hover:text-foreground transition-colors font-medium"
-        >
-          <Key className="h-3.5 w-3.5" />
-          {showKeyInput ? "Use OAuth instead" : "Connect with API key"}
-        </button>
+        {trackerType !== "github" && (
+          <button
+            onClick={() => {
+              setShowKeyInput(!showKeyInput);
+              setKeyError(null);
+            }}
+            className="flex items-center justify-center gap-2 w-full px-4 py-2 text-sm text-muted-foreground hover:text-foreground transition-colors font-medium"
+          >
+            <Key className="h-3.5 w-3.5" />
+            {showKeyInput ? "Use OAuth instead" : "Connect with API key"}
+          </button>
+        )}
 
         {/* Animated API Key Section */}
         <div className={`grid transition-all duration-300 ease-in-out ${showKeyInput ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0 pointer-events-none'}`}>

package/cloud-runtime/standalone/apps/local/components/ui/ResizeHandle.tsx

@@ -4,8 +4,12 @@ import React, { useCallback, useRef } from "react";
 
 export function ResizeHandle({
   onResize,
+  className,
+  ariaLabel,
 }: {
   onResize: (delta: number) => void;
+  className?: string;
+  ariaLabel?: string;
 }) {
   const lastX = useRef(0);
   const onResizeRef = useRef(onResize);
@@ -36,7 +40,10 @@ export function ResizeHandle({
 
   return (
     <div
-      className="group relative z-10 w-0 shrink-0 cursor-col-resize"
+      role="separator"
+      aria-orientation="vertical"
+      aria-label={ariaLabel}
+      className={`group relative z-10 w-0 shrink-0 cursor-col-resize ${className ?? ""}`}
       onMouseDown={handleMouseDown}
     >
       <div className="absolute inset-y-0 -left-1 w-2 transition-colors group-hover:bg-[var(--primary)]/40" />

package/cloud-runtime/standalone/apps/local/db/sqlite/001_agx_board_schema.sql

@@ -66,7 +66,9 @@ CREATE TABLE IF NOT EXISTS projects (
     ci_cd_info TEXT,
     created_at TEXT NOT NULL DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ','now')),
     updated_at TEXT NOT NULL DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ','now')),
-    workflow_id TEXT REFERENCES workflows(id)
+    workflow_id TEXT REFERENCES workflows(id),
+    identifier_prefix TEXT,
+    next_identifier INTEGER NOT NULL DEFAULT 1
 );
 
 CREATE TABLE IF NOT EXISTS project_repos (
@@ -177,6 +179,7 @@ CREATE TABLE IF NOT EXISTS tasks (
     next_action TEXT,
     swarm INTEGER,
     graph_id TEXT,
+    identifier TEXT,
     CHECK (created_by IN ('user', 'ai')),
     CHECK (status IN ('queued', 'in_progress', 'blocked', 'completed', 'failed'))
 );
@@ -536,6 +539,8 @@ CREATE INDEX IF NOT EXISTS idx_graph_nodes_graph_id ON graph_nodes (graph_id);
 CREATE INDEX IF NOT EXISTS idx_graph_edges_graph_id ON graph_edges (graph_id);
 CREATE INDEX IF NOT EXISTS idx_graph_events_graph_id_timestamp ON graph_events (graph_id, "timestamp");
 CREATE INDEX IF NOT EXISTS idx_tasks_graph_id ON tasks (graph_id) WHERE graph_id IS NOT NULL;
+-- Note: idx_tasks_identifier is created by runTaskIdentifierMigration() after
+-- ensuring the identifier column exists on pre-existing DBs.
 
 -- ── Triggers ────────────────────────────────────────────────────────────────
 -- SQLite BEFORE triggers cannot modify NEW values. We use AFTER UPDATE triggers
@@ -619,3 +624,25 @@ CREATE TABLE IF NOT EXISTS agent_memory (
 );
 CREATE INDEX IF NOT EXISTS idx_agent_memory_agent_id ON agent_memory(agent_id);
 CREATE INDEX IF NOT EXISTS idx_agent_memory_task_id  ON agent_memory(task_id);
+
+-- Workspace entries: structured folder mapping for projects
+CREATE TABLE IF NOT EXISTS workspace_entries (
+    id TEXT NOT NULL PRIMARY KEY,
+    project_id TEXT NOT NULL REFERENCES projects(id) ON DELETE CASCADE,
+    category TEXT NOT NULL,
+    name TEXT NOT NULL,
+    path TEXT DEFAULT NULL,
+    purpose TEXT,
+    sort_order INTEGER NOT NULL DEFAULT 0,
+    created_at TEXT NOT NULL DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ','now')),
+    updated_at TEXT NOT NULL DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ','now')),
+    UNIQUE(project_id, category, name)
+);
+CREATE INDEX IF NOT EXISTS idx_workspace_entries_project_id ON workspace_entries(project_id);
+
+CREATE TRIGGER IF NOT EXISTS workspace_entries_updated_at
+    AFTER UPDATE ON workspace_entries
+    FOR EACH ROW
+    BEGIN
+        UPDATE workspace_entries SET updated_at = strftime('%Y-%m-%dT%H:%M:%fZ','now') WHERE rowid = NEW.rowid;
+    END;

package/cloud-runtime/standalone/apps/local/hooks/useActivityStream.ts

@@ -0,0 +1,170 @@
+"use client";
+
+import { useState, useEffect, useCallback, useRef, useMemo } from "react";
+import type { AgentProcessEntry } from "@/lib/agent-process-registry";
+import type { Participant } from "@/lib/types";
+import { usePromptJobs } from "./usePromptJobs";
+import { useAutomations } from "./useAutomations";
+
+export type ActivityStatus = "running" | "completed" | "failed" | "queued";
+export type ActivitySource = "Chat" | "Scheduled Task" | "Automation" | "Daemon";
+
+export interface ActivityItem {
+  id: string;
+  agentId: string | null;
+  agentName: string;
+  agentColor: string;
+  type: "chat-run" | "prompt-job" | "automation" | "process";
+  title: string;
+  source: ActivitySource;
+  status: ActivityStatus;
+  startedAt: number;
+  durationMs: number | null;
+}
+
+const ACTIVE_STATES = new Set(["spawning", "running"]);
+const ONE_HOUR = 60 * 60 * 1000;
+
+function resolveAgent(
+  agentId: string | null,
+  participants: Participant[]
+): { name: string; color: string } {
+  if (!agentId) return { name: "Unknown", color: "#6B7280" };
+  const p = participants.find((p) => p.id === agentId);
+  return p
+    ? { name: p.name, color: p.color }
+    : { name: agentId.slice(0, 8), color: "#6B7280" };
+}
+
+function processStatus(state: string): ActivityStatus {
+  if (ACTIVE_STATES.has(state)) return "running";
+  if (state === "done") return "completed";
+  if (state === "error" || state === "killed") return "failed";
+  return "completed";
+}
+
+export function useActivityStream(
+  projectId: string | null,
+  participants: Participant[]
+) {
+  const [processes, setProcesses] = useState<AgentProcessEntry[]>([]);
+  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);
+
+  const fetchProcesses = useCallback(async () => {
+    try {
+      const res = await fetch("/api/processes");
+      if (!res.ok) return;
+      const data: AgentProcessEntry[] = await res.json();
+      setProcesses(data);
+    } catch {
+      // silent — non-critical UI feature
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchProcesses();
+    intervalRef.current = setInterval(fetchProcesses, 5000);
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, [fetchProcesses]);
+
+  const { jobs } = usePromptJobs(projectId);
+  const { automations } = useAutomations();
+
+  const items = useMemo<ActivityItem[]>(() => {
+    const now = Date.now();
+    const cutoff = now - ONE_HOUR;
+    const result: ActivityItem[] = [];
+
+    // Processes → Chat / Daemon activity
+    for (const proc of processes) {
+      if (projectId && proc.projectSlug !== projectId) continue;
+      const status = processStatus(proc.state);
+      if (status !== "running" && proc.startedAt < cutoff) continue;
+      const { name, color } = resolveAgent(proc.agentId, participants);
+      result.push({
+        id: `proc-${proc.id}`,
+        agentId: proc.agentId,
+        agentName: name,
+        agentColor: color,
+        type: proc.threadId ? "chat-run" : "process",
+        title: proc.threadId ? "Chat response" : "Agent process",
+        source: proc.threadId ? "Chat" : "Daemon",
+        status,
+        startedAt: proc.startedAt,
+        durationMs: proc.lastActivity - proc.startedAt,
+      });
+    }
+
+    // Prompt jobs → Scheduled Task activity
+    for (const job of jobs) {
+      if (projectId && job.projectId !== projectId) continue;
+      const isActive =
+        job.lastOutcome === "running" || job.lastOutcome === "queued";
+      const lastRun = job.lastRunAt ?? 0;
+      if (!isActive && lastRun < cutoff) continue;
+
+      const status: ActivityStatus = isActive
+        ? job.lastOutcome === "queued"
+          ? "queued"
+          : "running"
+        : job.lastOutcome === "success"
+          ? "completed"
+          : job.lastOutcome === "failed"
+            ? "failed"
+            : "completed";
+      const { name, color } = resolveAgent(job.agentId, participants);
+      result.push({
+        id: `job-${job.id}`,
+        agentId: job.agentId,
+        agentName: name,
+        agentColor: color,
+        type: "prompt-job",
+        title: job.name,
+        source: "Scheduled Task",
+        status,
+        startedAt: lastRun,
+        durationMs: null,
+      });
+    }
+
+    // Automations
+    for (const auto of automations) {
+      if (projectId && auto.projectId !== projectId) continue;
+      const isRunning = auto.executionState === "running";
+      const updated = new Date(auto.updatedAt).getTime();
+      if (!isRunning && updated < cutoff) continue;
+
+      result.push({
+        id: `auto-${auto.taskId}`,
+        agentId: null,
+        agentName: auto.title,
+        agentColor: "#7C3AED",
+        type: "automation",
+        title: auto.title,
+        source: "Automation",
+        status: isRunning ? "running" : "completed",
+        startedAt: updated,
+        durationMs: null,
+      });
+    }
+
+    // Sort: running/queued first, then by startedAt descending
+    result.sort((a, b) => {
+      const aActive = a.status === "running" || a.status === "queued" ? 1 : 0;
+      const bActive = b.status === "running" || b.status === "queued" ? 1 : 0;
+      if (aActive !== bActive) return bActive - aActive;
+      return b.startedAt - a.startedAt;
+    });
+
+    return result;
+  }, [processes, jobs, automations, participants, projectId]);
+
+  const activeCount = useMemo(
+    () => items.filter((i) => i.status === "running" || i.status === "queued").length,
+    [items]
+  );
+
+  return { items, activeCount };
+}

package/cloud-runtime/standalone/apps/local/hooks/useProjects.ts

@@ -22,6 +22,8 @@ export interface Project {
   metadata: Record<string, unknown>;
   ci_cd_info?: string;
   workflow_id?: string | null;
+  identifier_prefix?: string | null;
+  next_identifier?: number;
   created_at: string;
   updated_at: string;
 }
@@ -71,6 +73,7 @@ export interface UpdateProjectPayload {
   metadata?: Record<string, unknown>;
   ci_cd_info?: string;
   repos?: ProjectRepoInput[];
+  identifier_prefix?: string | null;
 }
 
 interface ProjectAgentData {