stagent 0.6.2 → 0.7.0

package/src/app/tables/templates/page.tsx

@@ -0,0 +1,19 @@
+import { listTemplates } from "@/lib/data/tables";
+import { PageShell } from "@/components/shared/page-shell";
+import { TableTemplateGallery } from "@/components/tables/table-template-gallery";
+
+export const dynamic = "force-dynamic";
+
+export default async function TableTemplatesPage() {
+  const templates = await listTemplates();
+
+  return (
+    <PageShell
+      title="Table Templates"
+      backHref="/tables"
+      backLabel="Tables"
+    >
+      <TableTemplateGallery templates={templates} />
+    </PageShell>
+  );
+}

package/src/components/chat/chat-table-result.tsx

@@ -0,0 +1,139 @@
+"use client";
+
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Table2, ChevronDown, ChevronUp, ExternalLink } from "lucide-react";
+import Link from "next/link";
+
+interface ChatTableResultProps {
+  tableId: string;
+  tableName: string;
+  columns: string[];
+  rows: Array<Record<string, unknown>>;
+  totalRows?: number;
+  aggregation?: {
+    operation: string;
+    column: string;
+    result: number;
+    count: number;
+  };
+}
+
+const MAX_VISIBLE_ROWS = 10;
+
+export function ChatTableResult({
+  tableId,
+  tableName,
+  columns,
+  rows,
+  totalRows,
+  aggregation,
+}: ChatTableResultProps) {
+  const [expanded, setExpanded] = useState(false);
+  const visibleRows = expanded ? rows : rows.slice(0, MAX_VISIBLE_ROWS);
+  const hasMore = rows.length > MAX_VISIBLE_ROWS;
+
+  if (aggregation) {
+    return (
+      <div className="rounded-lg border p-3 my-2 space-y-2">
+        <div className="flex items-center gap-2">
+          <Table2 className="h-4 w-4 text-muted-foreground" />
+          <span className="text-sm font-medium">{tableName}</span>
+          <Badge variant="secondary" className="text-xs">
+            {aggregation.operation}
+          </Badge>
+        </div>
+        <div className="flex items-baseline gap-2">
+          <span className="text-2xl font-semibold tabular-nums">
+            {typeof aggregation.result === "number"
+              ? aggregation.result.toLocaleString()
+              : String(aggregation.result)}
+          </span>
+          <span className="text-xs text-muted-foreground">
+            {aggregation.column} · {aggregation.count} rows
+          </span>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="rounded-lg border my-2 overflow-hidden">
+      <div className="flex items-center justify-between px-3 py-2 bg-muted/50">
+        <div className="flex items-center gap-2">
+          <Table2 className="h-4 w-4 text-muted-foreground" />
+          <span className="text-sm font-medium">{tableName}</span>
+          <Badge variant="secondary" className="text-xs">
+            {totalRows ?? rows.length} row{(totalRows ?? rows.length) !== 1 ? "s" : ""}
+          </Badge>
+        </div>
+        <Link
+          href={`/tables/${tableId}`}
+          className="text-xs text-muted-foreground hover:text-foreground flex items-center gap-1"
+        >
+          Open <ExternalLink className="h-3 w-3" />
+        </Link>
+      </div>
+
+      {columns.length > 0 && visibleRows.length > 0 && (
+        <div className="overflow-x-auto">
+          <table className="w-full text-xs">
+            <thead>
+              <tr className="border-b bg-muted/30">
+                {columns.slice(0, 8).map((col) => (
+                  <th key={col} className="px-3 py-1.5 text-left font-medium text-muted-foreground">
+                    {col}
+                  </th>
+                ))}
+                {columns.length > 8 && (
+                  <th className="px-3 py-1.5 text-left font-medium text-muted-foreground">
+                    +{columns.length - 8} more
+                  </th>
+                )}
+              </tr>
+            </thead>
+            <tbody>
+              {visibleRows.map((row, i) => (
+                <tr key={i} className="border-b last:border-0">
+                  {columns.slice(0, 8).map((col) => (
+                    <td key={col} className="px-3 py-1.5 max-w-[200px] truncate">
+                      {row[col] == null ? (
+                        <span className="text-muted-foreground/40">—</span>
+                      ) : (
+                        String(row[col])
+                      )}
+                    </td>
+                  ))}
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+
+      {hasMore && (
+        <div className="px-3 py-2 border-t">
+          <Button
+            variant="ghost"
+            size="sm"
+            className="w-full text-xs"
+            onClick={() => setExpanded(!expanded)}
+          >
+            {expanded ? (
+              <>
+                <ChevronUp className="h-3 w-3 mr-1" />
+                Show less
+              </>
+            ) : (
+              <>
+                <ChevronDown className="h-3 w-3 mr-1" />
+                Show all {rows.length} rows
+              </>
+            )}
+          </Button>
+        </div>
+      )}
+    </div>
+  );
+}

package/src/components/documents/document-browser.tsx

@@ -89,7 +89,7 @@ export function DocumentBrowser({
     let deleted = 0;
     for (const id of selected) {
       try {
-        const res = await fetch(`/api/documents/${id}`, { method: "DELETE" });
+        const res = await fetch(`/api/documents/${id}?cascadeDelete=true`, { method: "DELETE" });
         if (res.ok) deleted++;
       } catch {
         // Continue with remaining

package/src/components/documents/document-chip-bar.tsx

@@ -18,6 +18,7 @@ import {
   ArrowDownLeft,
   Link2,
   FolderKanban,
+  GitBranch,
 } from "lucide-react";
 import {
   getFileIcon,
@@ -127,8 +128,23 @@ export function DocumentChipBar({
         </Badge>
       </div>
 
-      {/* Row 3: Links — task, workflow, project */}
+      {/* Row 3: Links — workflow, task, project */}
       <div className="flex flex-wrap items-center gap-2">
+        {/* Workflow source */}
+        {doc.workflowId && doc.workflowName && (
+          <Badge
+            variant="secondary"
+            className="text-xs cursor-pointer hover:bg-accent gap-1"
+            onClick={() => router.push(`/workflows/${doc.workflowId}`)}
+          >
+            <GitBranch className="h-3 w-3" />
+            {doc.workflowName}
+            {doc.workflowRunNumber != null && doc.workflowRunNumber > 0 && (
+              <span className="text-muted-foreground ml-1">Run #{doc.workflowRunNumber}</span>
+            )}
+          </Badge>
+        )}
+
         {/* Task link */}
         {doc.taskTitle ? (
           <Badge

package/src/components/documents/document-detail-view.tsx

@@ -3,9 +3,12 @@
 import { useState, useEffect, useCallback } from "react";
 import { useRouter } from "next/navigation";
 import { Skeleton } from "@/components/ui/skeleton";
+import { Badge } from "@/components/ui/badge";
+import { FileText } from "lucide-react";
 import { toast } from "sonner";
 import { DocumentChipBar } from "./document-chip-bar";
 import { DocumentContentRenderer } from "./document-content-renderer";
+import { formatSize, formatRelativeTime } from "./utils";
 import type { DocumentWithRelations } from "./types";
 
 /** Serialized version of DocumentWithRelations (Date fields become strings from server) */
@@ -28,6 +31,14 @@ export function DocumentDetailView({ documentId, initialDocument }: DocumentDeta
   const [projects, setProjects] = useState<{ id: string; name: string }[]>([]);
   const [deleting, setDeleting] = useState(false);
   const [linking, setLinking] = useState(false);
+  const [versions, setVersions] = useState<Array<{
+    id: string;
+    version: number;
+    size: number;
+    status: string;
+    createdAt: string;
+    workflowRunNumber: number | null;
+  }>>([]);
 
   const refresh = useCallback(async () => {
     try {
@@ -56,6 +67,16 @@ export function DocumentDetailView({ documentId, initialDocument }: DocumentDeta
       .catch(() => {});
   }, [refresh, initialDocument]);
 
+  // Fetch version history for output documents
+  useEffect(() => {
+    if (doc?.direction === "output") {
+      fetch(`/api/documents/${documentId}/versions`)
+        .then((r) => r.ok ? r.json() : [])
+        .then(setVersions)
+        .catch(() => {});
+    }
+  }, [doc?.direction, documentId]);
+
   async function handleDelete() {
     if (!doc) return;
     setDeleting(true);
@@ -136,6 +157,36 @@ export function DocumentDetailView({ documentId, initialDocument }: DocumentDeta
         deleting={deleting}
         linking={linking}
       />
+      {/* Version History */}
+      {doc.direction === "output" && versions.length > 1 && (
+        <div className="space-y-2">
+          <h3 className="text-sm font-medium text-muted-foreground">Version History</h3>
+          <div className="surface-control rounded-lg divide-y divide-border">
+            {versions.map((v) => (
+              <button
+                key={v.id}
+                className={`w-full flex items-center gap-3 px-3 py-2 text-xs hover:bg-accent/50 transition-colors ${v.id === doc.id ? "bg-accent/30" : ""}`}
+                onClick={() => v.id !== doc.id && router.push(`/documents/${v.id}`)}
+                disabled={v.id === doc.id}
+              >
+                <FileText className="h-3.5 w-3.5 text-muted-foreground shrink-0" />
+                <span className="font-medium">v{v.version}</span>
+                {v.id === doc.id && (
+                  <Badge variant="outline" className="text-[10px] py-0 px-1.5">current</Badge>
+                )}
+                <span className="text-muted-foreground">{formatSize(v.size)}</span>
+                {v.workflowRunNumber != null && v.workflowRunNumber > 0 && (
+                  <span className="text-muted-foreground">Run #{v.workflowRunNumber}</span>
+                )}
+                <span className="text-muted-foreground ml-auto">
+                  {formatRelativeTime(typeof v.createdAt === "number" ? v.createdAt : new Date(v.createdAt).getTime())}
+                </span>
+              </button>
+            ))}
+          </div>
+        </div>
+      )}
+
       <div className="prose-reader-surface">
         <DocumentContentRenderer doc={doc} />
       </div>

package/src/components/documents/document-grid.tsx

@@ -70,6 +70,11 @@ export function DocumentGrid({
               <span className="capitalize">{doc.direction}</span>
               {doc.direction === "output" && <span>v{doc.version}</span>}
             </div>
+            {doc.workflowName && (
+              <p className="text-[10px] text-muted-foreground truncate mt-0.5">
+                {doc.workflowName}
+              </p>
+            )}
           </Card>
         );
       })}

package/src/components/documents/document-table.tsx

@@ -46,6 +46,7 @@ export function DocumentTable({
             <TableHead>Name</TableHead>
             <TableHead className="hidden md:table-cell">Size</TableHead>
             <TableHead className="hidden md:table-cell">Direction</TableHead>
+            <TableHead className="hidden lg:table-cell">Workflow</TableHead>
             <TableHead className="hidden lg:table-cell">Task</TableHead>
             <TableHead className="hidden lg:table-cell">Project</TableHead>
             <TableHead>Status</TableHead>
@@ -87,6 +88,9 @@ export function DocumentTable({
                     )}
                   </div>
                 </TableCell>
+                <TableCell className="hidden lg:table-cell text-muted-foreground text-sm truncate max-w-[140px]">
+                  {doc.workflowName ?? "—"}
+                </TableCell>
                 <TableCell className="hidden lg:table-cell text-sm">
                   {doc.taskTitle ? (
                     <span className="truncate max-w-[150px] block">{doc.taskTitle}</span>

package/src/components/documents/types.ts

@@ -3,4 +3,7 @@ import type { DocumentRow } from "@/lib/db/schema";
 export type DocumentWithRelations = DocumentRow & {
   taskTitle: string | null;
   projectName: string | null;
+  workflowId?: string | null;
+  workflowName?: string | null;
+  workflowRunNumber?: number | null;
 };

package/src/components/projects/project-form-sheet.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useCallback } from "react";
 import {
   Sheet,
   SheetContent,
@@ -19,9 +19,12 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
-import { FolderOpen, AlignLeft, FolderCode, Trash2 } from "lucide-react";
+import { FolderOpen, AlignLeft, FolderCode, Trash2, Paperclip, Plus, X } from "lucide-react";
 import { toast } from "sonner";
+import { Badge } from "@/components/ui/badge";
 import { ConfirmDialog } from "@/components/shared/confirm-dialog";
+import { DocumentPickerSheet } from "@/components/shared/document-picker-sheet";
+import { getFileIcon, formatSize } from "@/components/documents/utils";
 
 interface Project {
   id: string;
@@ -53,6 +56,9 @@ export function ProjectFormSheet({
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [confirmDelete, setConfirmDelete] = useState(false);
+  const [selectedDocIds, setSelectedDocIds] = useState<Set<string>>(new Set());
+  const [selectedDocs, setSelectedDocs] = useState<Array<{ id: string; originalName: string; mimeType: string; size: number }>>([]);
+  const [pickerOpen, setPickerOpen] = useState(false);
 
   // Pre-fill form in edit mode
   useEffect(() => {
@@ -61,15 +67,44 @@ export function ProjectFormSheet({
       setDescription(project.description ?? "");
       setWorkingDirectory(project.workingDirectory ?? "");
       setStatus(project.status);
+      // Load existing default documents
+      fetch(`/api/projects/${project.id}/documents`)
+        .then((r) => r.json())
+        .then((docs: Array<Record<string, unknown>>) => {
+          const ids = new Set(docs.map((d) => d.id as string));
+          setSelectedDocIds(ids);
+          setSelectedDocs(
+            docs.map((d) => ({
+              id: d.id as string,
+              originalName: d.originalName as string,
+              mimeType: d.mimeType as string,
+              size: d.size as number,
+            }))
+          );
+        })
+        .catch(() => {
+          setSelectedDocIds(new Set());
+          setSelectedDocs([]);
+        });
     } else if (mode === "create") {
       setName("");
       setDescription("");
       setWorkingDirectory("");
       setStatus("active");
+      setSelectedDocIds(new Set());
+      setSelectedDocs([]);
     }
     setError(null);
   }, [mode, project, open]);
 
+  const handleDocPickerConfirm = useCallback(
+    (ids: string[], meta: Array<{ id: string; originalName: string; mimeType: string; size: number }>) => {
+      setSelectedDocIds(new Set(ids));
+      setSelectedDocs(meta);
+    },
+    []
+  );
+
   async function handleSubmit(e: React.FormEvent) {
     e.preventDefault();
     if (!name.trim()) return;
@@ -85,6 +120,7 @@ export function ProjectFormSheet({
             name: name.trim(),
             description: description.trim() || undefined,
             workingDirectory: workingDirectory.trim() || undefined,
+            documentIds: selectedDocIds.size > 0 ? [...selectedDocIds] : undefined,
           }),
         });
         if (res.ok) {
@@ -104,6 +140,7 @@ export function ProjectFormSheet({
             description: description.trim() || undefined,
             workingDirectory: workingDirectory.trim() || undefined,
             status,
+            documentIds: [...selectedDocIds],
           }),
         });
         if (res.ok) {
@@ -236,6 +273,76 @@ export function ProjectFormSheet({
                 </div>
               )}
 
+              {/* Default Documents */}
+              {(isEdit || selectedDocs.length > 0) && (
+                <div className="space-y-2">
+                  <Label className="flex items-center gap-1.5">
+                    <Paperclip className="h-3.5 w-3.5 text-muted-foreground" />
+                    Default Documents
+                  </Label>
+                  <p className="text-xs text-muted-foreground">
+                    Auto-attached to new tasks and workflows in this project
+                  </p>
+                  {selectedDocs.length > 0 && (
+                    <div className="flex flex-wrap gap-2">
+                      {selectedDocs.map((doc) => {
+                        const Icon = getFileIcon(doc.mimeType);
+                        return (
+                          <Badge
+                            key={doc.id}
+                            variant="secondary"
+                            className="flex items-center gap-1.5 pl-2 pr-1 py-1"
+                          >
+                            <Icon className="h-3 w-3" />
+                            <span className="text-xs max-w-[140px] truncate">
+                              {doc.originalName}
+                            </span>
+                            <span className="text-[10px] text-muted-foreground">
+                              {formatSize(doc.size)}
+                            </span>
+                            <button
+                              type="button"
+                              onClick={() => {
+                                setSelectedDocIds((prev) => {
+                                  const next = new Set(prev);
+                                  next.delete(doc.id);
+                                  return next;
+                                });
+                                setSelectedDocs((prev) => prev.filter((d) => d.id !== doc.id));
+                              }}
+                              className="ml-0.5 rounded-full p-0.5 hover:bg-muted transition-colors"
+                              aria-label={`Remove ${doc.originalName}`}
+                            >
+                              <X className="h-3 w-3" />
+                            </button>
+                          </Badge>
+                        );
+                      })}
+                    </div>
+                  )}
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => setPickerOpen(true)}
+                    className="gap-1.5"
+                  >
+                    <Plus className="h-3.5 w-3.5" />
+                    {selectedDocs.length > 0 ? "Add More" : "Select Documents"}
+                  </Button>
+                </div>
+              )}
+
+              <DocumentPickerSheet
+                open={pickerOpen}
+                onOpenChange={setPickerOpen}
+                projectId={project?.id ?? null}
+                selectedIds={selectedDocIds}
+                onConfirm={handleDocPickerConfirm}
+                groupBy="source"
+                title="Select Default Documents"
+              />
+
               {error && (
                 <p className="text-sm text-destructive">{error}</p>
               )}

package/src/components/schedules/schedule-form.tsx

@@ -13,7 +13,10 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { Switch } from "@/components/ui/switch";
-import { Clock, Bot, Heart, Plus, X, GripVertical, Sparkles, CheckCircle2, AlertCircle } from "lucide-react";
+import { Clock, Bot, Heart, Plus, X, GripVertical, Sparkles, CheckCircle2, AlertCircle, Paperclip } from "lucide-react";
+import { Badge } from "@/components/ui/badge";
+import { DocumentPickerSheet } from "@/components/shared/document-picker-sheet";
+import { getFileIcon, formatSize } from "@/components/documents/utils";
 import {
   type AgentRuntimeId,
   DEFAULT_AGENT_RUNTIME,
@@ -59,6 +62,7 @@ export interface ScheduleFormValues {
   activeHoursEnd: number | "";
   activeTimezone: string;
   heartbeatBudgetPerDay: number | "";
+  documentIds: string[];
 }
 
 export interface ScheduleFormInitialValues {
@@ -201,6 +205,19 @@ export function ScheduleForm({
   const [activeTimezone, setActiveTimezone] = useState("UTC");
   const [heartbeatBudgetPerDay, setHeartbeatBudgetPerDay] = useState<number | "">("");
 
+  // Document picker state
+  const [selectedDocIds, setSelectedDocIds] = useState<Set<string>>(new Set());
+  const [selectedDocs, setSelectedDocs] = useState<Array<{ id: string; originalName: string; mimeType: string; size: number }>>([]);
+  const [pickerOpen, setPickerOpen] = useState(false);
+
+  const handleDocPickerConfirm = useCallback(
+    (ids: string[], meta: Array<{ id: string; originalName: string; mimeType: string; size: number }>) => {
+      setSelectedDocIds(new Set(ids));
+      setSelectedDocs(meta);
+    },
+    []
+  );
+
   useEffect(() => {
     fetch("/api/profiles")
       .then((r) => r.json())
@@ -261,6 +278,7 @@ export function ScheduleForm({
       activeHoursEnd,
       activeTimezone,
       heartbeatBudgetPerDay,
+      documentIds: [...selectedDocIds],
     });
   }
 
@@ -648,6 +666,78 @@ export function ScheduleForm({
         </div>
       )}
 
+      {/* Context Documents */}
+      <div className="space-y-2">
+        <Label className="flex items-center gap-1.5">
+          <Paperclip className="h-3.5 w-3.5 text-muted-foreground" />
+          Context Documents
+        </Label>
+        {selectedDocs.length > 0 && (
+          <div className="flex flex-wrap gap-2">
+            {selectedDocs.map((doc) => {
+              const Icon = getFileIcon(doc.mimeType);
+              return (
+                <Badge
+                  key={doc.id}
+                  variant="secondary"
+                  className="flex items-center gap-1.5 pl-2 pr-1 py-1"
+                >
+                  <Icon className="h-3 w-3" />
+                  <span className="text-xs max-w-[140px] truncate">
+                    {doc.originalName}
+                  </span>
+                  <span className="text-[10px] text-muted-foreground">
+                    {formatSize(doc.size)}
+                  </span>
+                  <button
+                    type="button"
+                    onClick={() => {
+                      setSelectedDocIds((prev) => {
+                        const next = new Set(prev);
+                        next.delete(doc.id);
+                        return next;
+                      });
+                      setSelectedDocs((prev) => prev.filter((d) => d.id !== doc.id));
+                    }}
+                    className="ml-0.5 rounded-full p-0.5 hover:bg-muted transition-colors"
+                    aria-label={`Remove ${doc.originalName}`}
+                  >
+                    <X className="h-3 w-3" />
+                  </button>
+                </Badge>
+              );
+            })}
+          </div>
+        )}
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          onClick={() => setPickerOpen(true)}
+          className="gap-1.5"
+        >
+          <Plus className="h-3.5 w-3.5" />
+          {selectedDocs.length > 0 ? "Add More" : "Select Documents"}
+        </Button>
+        {selectedDocs.length > 0 && (
+          <p className="text-xs text-muted-foreground">
+            {selectedDocs.length} document{selectedDocs.length !== 1 ? "s" : ""} will be provided as context for each firing
+          </p>
+        )}
+      </div>
+
+      <DocumentPickerSheet
+        open={pickerOpen}
+        onOpenChange={setPickerOpen}
+        projectId={projectId || null}
+        selectedIds={selectedDocIds}
+        onConfirm={handleDocPickerConfirm}
+        groupBy="source"
+        title="Select Context Documents"
+        allowCrossProject
+        selectedDocumentMeta={selectedDocs}
+      />
+
       {/* Runtime */}
       <div className="space-y-2">
         <Label className="flex items-center gap-1.5">