openclaw-node-harness 2.0.4 → 2.1.0

package/mission-control/src/components/board/kanban-column.tsx

@@ -1,8 +1,11 @@
 "use client";
 
-import { useState } from "react";
-import { TaskCard } from "./task-card";
+import { useState, useMemo } from "react";
+import { TaskCard, SignetCard } from "./task-card";
 import type { Task } from "@/lib/hooks";
+import { X, ChevronDown } from "lucide-react";
+
+export type CardSize = "full" | "compact" | "signet";
 
 const COLUMN_LABELS: Record<string, string> = {
   backlog: "Backlog",
@@ -18,17 +21,26 @@ const COLUMN_DOT_COLORS: Record<string, string> = {
   done: "bg-zinc-400",
 };
 
+const DONE_WINDOWS = [
+  { key: "1d", label: "Today", ms: 24 * 60 * 60 * 1000 },
+  { key: "3d", label: "3 days", ms: 3 * 24 * 60 * 60 * 1000 },
+  { key: "7d", label: "Week", ms: 7 * 24 * 60 * 60 * 1000 },
+  { key: "all", label: "All", ms: 0 },
+] as const;
+
 interface KanbanColumnProps {
   column: string;
   tasks: Task[];
   childrenMap: Record<string, Task[]>;
   onTaskClick: (task: Task) => void;
   onMoveTask: (taskId: string, targetColumn: string) => void;
+  onClearDone?: () => void;
   label?: string;
   dotColor?: string;
   highlight?: boolean;
   bulkMode?: boolean;
   bulkSelection?: Set<string>;
+  cardSize?: CardSize;
 }
 
 export function KanbanColumn({
@@ -37,13 +49,33 @@ export function KanbanColumn({
   childrenMap,
   onTaskClick,
   onMoveTask,
+  onClearDone,
   label,
   dotColor,
   highlight,
   bulkMode,
   bulkSelection,
+  cardSize = column === "done" ? "signet" : "full",
 }: KanbanColumnProps) {
   const [dragOver, setDragOver] = useState(false);
+  const [doneWindow, setDoneWindow] = useState<string>("3d");
+  const [doneWindowOpen, setDoneWindowOpen] = useState(false);
+  // Track expanded signets (signet → full card inline)
+  const [expandedSignets, setExpandedSignets] = useState<Set<string>>(new Set());
+
+  // Filter done column by time window
+  const filteredTasks = useMemo(() => {
+    if (column !== "done" || doneWindow === "all") return tasks;
+    const windowDef = DONE_WINDOWS.find((w) => w.key === doneWindow);
+    if (!windowDef || windowDef.ms === 0) return tasks;
+    const cutoff = Date.now() - windowDef.ms;
+    return tasks.filter((t) => {
+      const ts = new Date(t.updatedAt).getTime();
+      return ts >= cutoff;
+    });
+  }, [tasks, column, doneWindow]);
+
+  const hiddenCount = tasks.length - filteredTasks.length;
 
   return (
     <div
@@ -75,26 +107,110 @@ export function KanbanColumn({
           {label ?? COLUMN_LABELS[column] ?? column}
         </span>
         <span className="ml-auto text-[10px] text-muted-foreground">
-          {tasks.length}
+          {filteredTasks.length}
+          {hiddenCount > 0 && (
+            <span className="text-muted-foreground/40"> ({hiddenCount} older)</span>
+          )}
         </span>
       </div>
 
-      <div className="flex-1 overflow-y-auto p-2 space-y-2 min-h-[120px]">
-        {tasks.map((task) => (
-          <TaskCard
-            key={task.id}
-            task={task}
-            children={childrenMap[task.id] ?? []}
-            currentColumn={column}
-            onClick={() => onTaskClick(task)}
-            onTaskClick={onTaskClick}
-            onMove={(targetCol) => onMoveTask(task.id, targetCol)}
-            selected={bulkMode && bulkSelection?.has(task.id)}
-            bulkMode={bulkMode}
-          />
-        ))}
-
-        {tasks.length === 0 && (
+      {/* Done column controls */}
+      {column === "done" && (
+        <div className="flex items-center gap-1 px-2 py-1.5 border-b border-border/50">
+          {/* Time window selector */}
+          <div className="relative">
+            <button
+              onClick={() => setDoneWindowOpen(!doneWindowOpen)}
+              className="flex items-center gap-1 px-2 py-0.5 text-[10px] text-muted-foreground rounded hover:bg-accent transition-colors"
+            >
+              {DONE_WINDOWS.find((w) => w.key === doneWindow)?.label ?? "3 days"}
+              <ChevronDown className="h-2.5 w-2.5" />
+            </button>
+            {doneWindowOpen && (
+              <div className="absolute top-full left-0 mt-0.5 z-20 bg-card border border-border rounded-md shadow-lg py-0.5">
+                {DONE_WINDOWS.map((w) => (
+                  <button
+                    key={w.key}
+                    onClick={() => {
+                      setDoneWindow(w.key);
+                      setDoneWindowOpen(false);
+                    }}
+                    className={`block w-full text-left px-3 py-1 text-[10px] hover:bg-accent transition-colors ${
+                      doneWindow === w.key ? "text-foreground font-medium" : "text-muted-foreground"
+                    }`}
+                  >
+                    {w.label}
+                  </button>
+                ))}
+              </div>
+            )}
+          </div>
+
+          {/* Clear done button */}
+          {onClearDone && filteredTasks.length > 0 && (
+            <button
+              onClick={onClearDone}
+              className="ml-auto flex items-center gap-1 px-2 py-0.5 text-[10px] text-muted-foreground hover:text-red-400 rounded hover:bg-red-500/10 transition-colors"
+              title="Archive visible done tasks"
+            >
+              <X className="h-2.5 w-2.5" />
+              Clear
+            </button>
+          )}
+        </div>
+      )}
+
+      <div className={`flex-1 overflow-y-auto p-2 ${cardSize === "signet" ? "space-y-1" : "space-y-2"} min-h-[120px]`}>
+        {filteredTasks.map((task) => {
+          const isExpandedSignet = expandedSignets.has(task.id);
+          const effectiveSize = isExpandedSignet ? "full" : cardSize;
+
+          if (effectiveSize === "signet") {
+            return (
+              <SignetCard
+                key={task.id}
+                task={task}
+                onClick={() => onTaskClick(task)}
+                onExpand={() => {
+                  setExpandedSignets((prev) => {
+                    const next = new Set(prev);
+                    next.add(task.id);
+                    return next;
+                  });
+                }}
+              />
+            );
+          }
+
+          return (
+            <TaskCard
+              key={task.id}
+              task={task}
+              children={childrenMap[task.id] ?? []}
+              currentColumn={column}
+              onClick={() => {
+                if (isExpandedSignet) {
+                  // Expanded signet → click opens edit dialog
+                  onTaskClick(task);
+                  // Collapse back to signet
+                  setExpandedSignets((prev) => {
+                    const next = new Set(prev);
+                    next.delete(task.id);
+                    return next;
+                  });
+                } else {
+                  onTaskClick(task);
+                }
+              }}
+              onTaskClick={onTaskClick}
+              onMove={(targetCol) => onMoveTask(task.id, targetCol)}
+              selected={bulkMode && bulkSelection?.has(task.id)}
+              bulkMode={bulkMode}
+            />
+          );
+        })}
+
+        {filteredTasks.length === 0 && (
           <div className="flex items-center justify-center h-20 text-xs text-muted-foreground/50">
             {dragOver ? "Drop here" : "No tasks"}
           </div>

package/mission-control/src/components/board/task-card.tsx

@@ -1,6 +1,8 @@
 "use client";
 
-import { useState } from "react";
+const AGENT_NAME = process.env.NEXT_PUBLIC_AGENT_NAME || "Daedalus";
+
+import { useState, useMemo } from "react";
 import { formatDistanceToNow } from "date-fns";
 import {
   User,
@@ -84,11 +86,22 @@ export function TaskCard({
   const [addingItem, setAddingItem] = useState(false);
   const [newItemTitle, setNewItemTitle] = useState("");
   const [saving, setSaving] = useState(false);
+  const collabData = useMemo(() => {
+    try {
+      return task.collaboration
+        ? typeof task.collaboration === "string"
+          ? JSON.parse(task.collaboration)
+          : task.collaboration
+        : null;
+    } catch {
+      return null;
+    }
+  }, [task.collaboration]);
   const statusColor = STATUS_COLORS[task.status] ?? STATUS_COLORS.queued;
   const colIdx = COLUMNS_ORDER.indexOf(currentColumn);
   const isLive = task.id === "__LIVE_SESSION__";
   const isActive = !isLive && task.status === "running";
-  const isDaedalusWorking = isActive && task.owner?.toLowerCase() === "daedalus" && !!task.acknowledgedAt;
+  const isDaedalusWorking = isActive && task.owner?.toLowerCase() === AGENT_NAME.toLowerCase() && !!task.acknowledgedAt;
   const isMeta = isMetaTask(task);
   const metaColor = task.color || '#7c3aed';
   const MetaIcon = isMeta ? TYPE_ICONS[task.type || ''] || null : null;
@@ -235,6 +248,11 @@ export function TaskCard({
                 MESH{task.meshNode ? ` · ${task.meshNode}` : ""}
               </span>
             )}
+            {collabData && (
+              <span className="inline-flex items-center gap-0.5 text-[9px] font-mono px-1.5 py-0.5 rounded bg-purple-500/20 text-purple-400">
+                {collabData.mode}{collabData.max_rounds ? ` · ${collabData.max_rounds}R` : ""}
+              </span>
+            )}
             {task.owner && (
               task.status === "running" ? (
                 <span className="inline-flex items-center gap-1 text-[10px] font-semibold rounded-full px-2 py-0.5 bg-purple-500/20 text-purple-400">
@@ -452,3 +470,38 @@ export function TaskCard({
     </div>
   );
 }
+
+/* ─── Signet Card ─── compact pill for done column */
+
+interface SignetCardProps {
+  task: Task;
+  onClick: () => void;
+  onExpand: () => void;
+}
+
+export function SignetCard({ task, onClick, onExpand }: SignetCardProps) {
+  const statusColor = STATUS_COLORS[task.status] ?? STATUS_COLORS.queued;
+  const ownerInitial = task.owner ? task.owner.charAt(0).toUpperCase() : "";
+
+  return (
+    <div
+      className="group flex items-center gap-1.5 rounded-md border border-border/50 bg-card px-2 py-1 cursor-pointer hover:bg-accent/30 hover:border-border transition-colors"
+      onClick={onExpand}
+      onDoubleClick={(e) => {
+        e.stopPropagation();
+        onClick();
+      }}
+      title={`${task.title} — ${task.status}${task.owner ? ` (${task.owner})` : ""}\nClick to expand, double-click to edit`}
+    >
+      <span className={`inline-block h-1.5 w-1.5 rounded-full shrink-0 ${statusColor.split(" ")[0].replace("/20", "/60").replace("/10", "/50")}`} />
+      <span className="text-[11px] text-foreground truncate flex-1 min-w-0">
+        {task.title}
+      </span>
+      {ownerInitial && (
+        <span className="text-[9px] text-muted-foreground shrink-0 font-medium">
+          {ownerInitial}
+        </span>
+      )}
+    </div>
+  );
+}

package/mission-control/src/components/board/unified-task-dialog.tsx

@@ -1,8 +1,11 @@
 "use client";
 
+const AGENT_NAME = process.env.NEXT_PUBLIC_AGENT_NAME || "Daedalus";
+
 import { useState, useEffect, useCallback, useRef } from "react";
-import { X, Zap, Paperclip, Trash2, ArrowLeftFromLine, ArrowRightFromLine, Clock, User } from "lucide-react";
+import { X, Zap, Paperclip, Trash2, ArrowLeftFromLine, ArrowRightFromLine, Clock, User, Cpu } from "lucide-react";
 import { createTask, updateTask, createProject, type Task } from "@/lib/hooks";
+import { ExecutionConfig, type ExecutionFields } from "./execution-config";
 
 const TYPES = ["project", "pipeline", "phase"] as const;
 type HierarchyType = (typeof TYPES)[number];
@@ -90,6 +93,17 @@ export function UnifiedTaskDialog({
   const [showInCalendar, setShowInCalendar] = useState(false);
   const [acknowledgedAt, setAcknowledgedAt] = useState<string | null>(null);
   const [artifacts, setArtifacts] = useState<string[]>([]);
+  const [execFields, setExecFields] = useState<ExecutionFields>({
+    execution: "local",
+    collaboration: null,
+    preferred_nodes: [],
+    exclude_nodes: [],
+    cluster_id: null,
+    metric: null,
+    budget_minutes: 30,
+    scope: [],
+    needs_approval: true,
+  });
   const [dragOver, setDragOver] = useState(false);
   const [saving, setSaving] = useState(false);
   const initializedForOpen = useRef(false);
@@ -147,6 +161,24 @@ export function UnifiedTaskDialog({
       setShowInCalendar(!!item.showInCalendar);
       setAcknowledgedAt(item.acknowledgedAt ?? null);
       setArtifacts(item.artifacts ?? []);
+      // Execution config
+      const collabParsed = item.collaboration
+        ? (typeof item.collaboration === "string" ? (() => { try { return JSON.parse(item.collaboration as string); } catch { return null; } })() : item.collaboration)
+        : null;
+      const prefNodes = item.preferredNodes
+        ? (typeof item.preferredNodes === "string" ? (() => { try { return JSON.parse(item.preferredNodes as string); } catch { return []; } })() : item.preferredNodes)
+        : [];
+      setExecFields({
+        execution: item.execution || "local",
+        collaboration: collabParsed,
+        preferred_nodes: prefNodes,
+        exclude_nodes: [],
+        cluster_id: item.clusterId || null,
+        metric: item.metric || null,
+        budget_minutes: item.budgetMinutes || 30,
+        scope: item.scope ? (typeof item.scope === "string" ? (() => { try { return JSON.parse(item.scope as string); } catch { return []; } })() : item.scope) : [],
+        needs_approval: item.needsApproval !== 0,
+      });
     } else {
       setId("");
       setTitle("");
@@ -172,6 +204,17 @@ export function UnifiedTaskDialog({
       setCapacityClass("normal");
       setAutoPriority(0);
       setArtifacts([]);
+      setExecFields({
+        execution: "local",
+        collaboration: null,
+        preferred_nodes: [],
+        exclude_nodes: [],
+        cluster_id: null,
+        metric: null,
+        budget_minutes: 30,
+        scope: [],
+        needs_approval: true,
+      });
     }
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open, item, defaultType, defaultParentId, defaultScheduledDate]);
@@ -306,7 +349,7 @@ export function UnifiedTaskDialog({
           start_date: isHierarchyMode ? (startDate || null) : undefined,
           end_date: isHierarchyMode ? (endDate || null) : undefined,
           color: isHierarchyMode ? (color || null) : undefined,
-          needs_approval: needsApproval,
+          needs_approval: !isHierarchyMode && execFields.execution === "mesh" ? false : needsApproval,
           trigger_kind: triggerKind,
           trigger_at: triggerAt || null,
           trigger_cron: triggerCron || null,
@@ -316,6 +359,17 @@ export function UnifiedTaskDialog({
           auto_priority: autoPriority,
           show_in_calendar: showInCalendar,
           artifacts: artifacts.length > 0 ? artifacts : null,
+          // Execution fields (non-hierarchy only)
+          ...(!isHierarchyMode ? {
+            execution: execFields.execution,
+            collaboration: execFields.collaboration,
+            preferred_nodes: execFields.preferred_nodes,
+            exclude_nodes: execFields.exclude_nodes,
+            cluster_id: execFields.cluster_id,
+            metric: execFields.metric,
+            budget_minutes: execFields.budget_minutes,
+            scope: execFields.scope,
+          } : {}),
         } as Record<string, unknown>);
         if (result?.error) {
           alert(`Update failed: ${result.error}`);
@@ -377,7 +431,7 @@ export function UnifiedTaskDialog({
           scheduled_date: scheduledDate || undefined,
           project: project || undefined,
           parent_id: parentId || undefined,
-          needs_approval: needsApproval,
+          needs_approval: execFields.execution === "mesh" ? false : needsApproval,
           trigger_kind: triggerKind,
           trigger_at: triggerAt || undefined,
           trigger_cron: triggerCron || undefined,
@@ -386,6 +440,15 @@ export function UnifiedTaskDialog({
           capacity_class: capacityClass,
           auto_priority: autoPriority || undefined,
           artifacts: artifacts.length > 0 ? artifacts : undefined,
+          // Execution fields
+          execution: execFields.execution || undefined,
+          collaboration: execFields.collaboration || undefined,
+          preferred_nodes: execFields.preferred_nodes.length ? execFields.preferred_nodes : undefined,
+          exclude_nodes: execFields.exclude_nodes.length ? execFields.exclude_nodes : undefined,
+          cluster_id: execFields.cluster_id || undefined,
+          metric: execFields.metric || undefined,
+          budget_minutes: execFields.budget_minutes || undefined,
+          scope: execFields.scope.length ? execFields.scope : undefined,
         });
       }
       onClose();
@@ -430,7 +493,7 @@ export function UnifiedTaskDialog({
               </span>
             </label>
             {/* Daedalus acknowledgment checkbox — shows when auto-dispatched */}
-            {item && status === "running" && owner?.toLowerCase() === "daedalus" && (
+            {item && status === "running" && owner?.toLowerCase() === AGENT_NAME.toLowerCase() && (
               <label className="flex items-center gap-2 cursor-pointer group ml-2">
                 <input
                   type="checkbox"
@@ -884,6 +947,21 @@ export function UnifiedTaskDialog({
             </div>
           </div>
 
+          {/* Execution section */}
+          {!isHierarchyMode && (
+            <div className="border border-border/50 rounded-lg p-3 space-y-3">
+              <p className="text-xs font-semibold text-foreground flex items-center gap-1.5">
+                <Cpu className="h-3.5 w-3.5 text-cyan-400" />
+                Execution
+              </p>
+              <ExecutionConfig
+                value={execFields}
+                onChange={setExecFields}
+                disabled={!!item?.meshTaskId}
+              />
+            </div>
+          )}
+
           {/* Next Action */}
           <div>
             <label className="block text-xs font-medium text-muted-foreground mb-1">

package/mission-control/src/components/cowork/cluster-card.tsx

@@ -0,0 +1,176 @@
+"use client";
+
+import { useState } from "react";
+import {
+  ChevronDown,
+  ChevronRight,
+  Plus,
+  Trash2,
+  Send,
+} from "lucide-react";
+import type { ClusterView } from "@/lib/hooks";
+import { deleteCluster, removeClusterMember, updateClusterMember } from "@/lib/hooks";
+import { RoleBadge, RolePicker } from "./role-picker";
+
+interface ClusterCardProps {
+  cluster: ClusterView;
+  onDispatch: (clusterId: string) => void;
+  onAddNode: (clusterId: string) => void;
+}
+
+export function ClusterCard({
+  cluster,
+  onDispatch,
+  onAddNode,
+}: ClusterCardProps) {
+  const [expanded, setExpanded] = useState(false);
+
+  const onlineCount = cluster.members.filter(
+    (m) => m.nodeStatus === "online"
+  ).length;
+
+  const handleDelete = async () => {
+    if (!confirm(`Archive cluster "${cluster.name}"?`)) return;
+    await deleteCluster(cluster.id);
+  };
+
+  const handleRemoveMember = async (nodeId: string) => {
+    if (!confirm(`Remove ${nodeId} from ${cluster.name}?`)) return;
+    await removeClusterMember(cluster.id, nodeId);
+  };
+
+  const handleRoleChange = async (nodeId: string, role: string) => {
+    await updateClusterMember(cluster.id, nodeId, role);
+  };
+
+  const statusDot: Record<string, string> = {
+    online: "bg-green-400",
+    degraded: "bg-yellow-400",
+    offline: "bg-zinc-600",
+    unknown: "bg-zinc-600",
+  };
+
+  return (
+    <div className="rounded-lg border border-border bg-card">
+      {/* Header */}
+      <div
+        className="flex items-center justify-between px-4 py-3 cursor-pointer"
+        onClick={() => setExpanded(!expanded)}
+      >
+        <div className="flex items-center gap-3">
+          {expanded ? (
+            <ChevronDown className="h-4 w-4 text-muted-foreground" />
+          ) : (
+            <ChevronRight className="h-4 w-4 text-muted-foreground" />
+          )}
+          {cluster.color && (
+            <span
+              className="h-3 w-3 rounded-full"
+              style={{ backgroundColor: cluster.color }}
+            />
+          )}
+          <span className="font-medium text-sm">{cluster.name}</span>
+          <span className="rounded-full bg-accent px-2 py-0.5 text-[10px] text-muted-foreground">
+            {cluster.members.length} nodes
+          </span>
+          <span className="text-[10px] text-green-400">
+            {onlineCount} online
+          </span>
+        </div>
+      </div>
+
+      {/* Members */}
+      <div className="flex flex-wrap gap-1.5 px-4 pb-2">
+        {cluster.members.map((m) => (
+          <span
+            key={m.nodeId}
+            className="inline-flex items-center gap-1.5 rounded-md bg-accent/30 px-2 py-1 text-xs"
+          >
+            <span
+              className={`h-1.5 w-1.5 rounded-full ${statusDot[m.nodeStatus] ?? "bg-zinc-600"}`}
+            />
+            <span className="font-mono text-[11px]">
+              {m.nodeId.split("-")[0]}
+            </span>
+            <RoleBadge role={m.role} />
+          </span>
+        ))}
+      </div>
+
+      {/* Defaults */}
+      <div className="flex gap-3 px-4 pb-3 text-[10px] text-muted-foreground">
+        <span>{cluster.defaultMode}</span>
+        <span>{cluster.defaultConvergence}</span>
+        <span>max {cluster.maxRounds} rounds</span>
+      </div>
+
+      {/* Actions */}
+      <div className="flex gap-2 px-4 pb-3">
+        <button
+          onClick={(e) => {
+            e.stopPropagation();
+            onDispatch(cluster.id);
+          }}
+          className="flex items-center gap-1 rounded px-2 py-1 text-xs bg-cyan-500/10 text-cyan-400 hover:bg-cyan-500/20 transition-colors"
+        >
+          <Send className="h-3 w-3" />
+          Assign Task
+        </button>
+        <button
+          onClick={(e) => {
+            e.stopPropagation();
+            onAddNode(cluster.id);
+          }}
+          className="flex items-center gap-1 rounded px-2 py-1 text-xs bg-accent text-muted-foreground hover:text-foreground transition-colors"
+        >
+          <Plus className="h-3 w-3" />
+          Add Node
+        </button>
+      </div>
+
+      {/* Expanded: member management */}
+      {expanded && (
+        <div className="border-t border-border px-4 py-3 space-y-2">
+          {cluster.description && (
+            <p className="text-xs text-muted-foreground mb-3">
+              {cluster.description}
+            </p>
+          )}
+          {cluster.members.map((m) => (
+            <div
+              key={m.nodeId}
+              className="flex items-center justify-between rounded bg-accent/20 px-3 py-2"
+            >
+              <div className="flex items-center gap-2">
+                <span
+                  className={`h-2 w-2 rounded-full ${statusDot[m.nodeStatus] ?? "bg-zinc-600"}`}
+                />
+                <span className="font-mono text-xs">{m.nodeId}</span>
+              </div>
+              <div className="flex items-center gap-2">
+                <RolePicker
+                  value={m.role}
+                  onChange={(role) => handleRoleChange(m.nodeId, role)}
+                />
+                <button
+                  onClick={() => handleRemoveMember(m.nodeId)}
+                  className="text-muted-foreground hover:text-red-400 transition-colors"
+                >
+                  <Trash2 className="h-3.5 w-3.5" />
+                </button>
+              </div>
+            </div>
+          ))}
+          <div className="flex justify-end pt-2">
+            <button
+              onClick={handleDelete}
+              className="text-[10px] text-red-400/60 hover:text-red-400 transition-colors"
+            >
+              Archive cluster
+            </button>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}