stagent 0.1.11 → 0.1.13

package/src/components/workflows/workflow-list.tsx

@@ -11,6 +11,7 @@ import { EmptyState } from "@/components/shared/empty-state";
 import { GitBranch, Plus, Pencil, Copy, RotateCcw, Trash2, Layers } from "lucide-react";
 import { toast } from "sonner";
 import { workflowStatusVariant, patternLabels } from "@/lib/constants/status-colors";
+import { IconCircle, getWorkflowIconFromName } from "@/lib/constants/card-icons";
 
 interface Workflow {
   id: string;
@@ -137,6 +138,7 @@ export function WorkflowList({ projects }: WorkflowListProps) {
             const pattern = getPattern(wf.definition);
             const stepCount = getStepCount(wf.definition);
             const promptPreview = getPromptPreview(wf.definition);
+            const wfIcon = getWorkflowIconFromName(wf.name, pattern);
             return (
               <Card
                 key={wf.id}
@@ -146,11 +148,9 @@ export function WorkflowList({ projects }: WorkflowListProps) {
                 onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); router.push(`/workflows/${wf.id}`); } }}
               >
                 <CardHeader className="pb-2">
-                  <div className="flex items-center justify-between">
-                    <CardTitle className="text-base font-medium">{wf.name}</CardTitle>
-                    <Badge variant={workflowStatusVariant[wf.status] ?? "secondary"}>
-                      {wf.status}
-                    </Badge>
+                  <div className="flex items-center gap-3">
+                    <IconCircle icon={wfIcon.icon} colors={wfIcon.colors} />
+                    <CardTitle className="min-w-0 truncate text-base font-medium">{wf.name}</CardTitle>
                   </div>
                 </CardHeader>
                 <CardContent>
@@ -164,49 +164,54 @@ export function WorkflowList({ projects }: WorkflowListProps) {
                       {promptPreview}
                     </p>
                   )}
-                  <div className="flex items-center gap-1 mt-3">
-                    {wf.status === "draft" && (
-                      <Button
-                        variant="ghost"
-                        size="icon"
-                        className="h-7 w-7"
-                        aria-label="Edit workflow"
-                        onClick={(e) => { e.stopPropagation(); router.push(`/workflows/${wf.id}/edit`); }}
-                      >
-                        <Pencil className="h-3.5 w-3.5" />
-                      </Button>
-                    )}
-                    <Button
-                      variant="ghost"
-                      size="icon"
-                      className="h-7 w-7"
-                      aria-label="Clone workflow"
-                      onClick={(e) => { e.stopPropagation(); router.push(`/workflows/${wf.id}/edit?clone=true`); }}
-                    >
-                      <Copy className="h-3.5 w-3.5" />
-                    </Button>
-                    {(wf.status === "completed" || wf.status === "failed") && (
+                  <div className="flex items-center justify-between mt-3">
+                    <Badge variant={workflowStatusVariant[wf.status] ?? "secondary"}>
+                      {wf.status}
+                    </Badge>
+                    <div className="flex items-center gap-1">
+                      {wf.status === "draft" && (
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          className="h-7 w-7"
+                          aria-label="Edit workflow"
+                          onClick={(e) => { e.stopPropagation(); router.push(`/workflows/${wf.id}/edit`); }}
+                        >
+                          <Pencil className="h-3.5 w-3.5" />
+                        </Button>
+                      )}
                       <Button
                         variant="ghost"
                         size="icon"
                         className="h-7 w-7"
-                        aria-label="Re-run workflow"
-                        onClick={(e) => { e.stopPropagation(); handleRerun(wf.id); }}
-                      >
-                        <RotateCcw className="h-3.5 w-3.5" />
-                      </Button>
-                    )}
-                    {wf.status !== "active" && (
-                      <Button
-                        variant="ghost"
-                        size="icon"
-                        className="h-7 w-7 text-destructive"
-                        aria-label="Delete workflow"
-                        onClick={(e) => { e.stopPropagation(); setConfirmDeleteId(wf.id); }}
+                        aria-label="Clone workflow"
+                        onClick={(e) => { e.stopPropagation(); router.push(`/workflows/${wf.id}/edit?clone=true`); }}
                       >
-                        <Trash2 className="h-3.5 w-3.5" />
+                        <Copy className="h-3.5 w-3.5" />
                       </Button>
-                    )}
+                      {(wf.status === "completed" || wf.status === "failed") && (
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          className="h-7 w-7"
+                          aria-label="Re-run workflow"
+                          onClick={(e) => { e.stopPropagation(); handleRerun(wf.id); }}
+                        >
+                          <RotateCcw className="h-3.5 w-3.5" />
+                        </Button>
+                      )}
+                      {wf.status !== "active" && (
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          className="h-7 w-7 text-destructive"
+                          aria-label="Delete workflow"
+                          onClick={(e) => { e.stopPropagation(); setConfirmDeleteId(wf.id); }}
+                        >
+                          <Trash2 className="h-3.5 w-3.5" />
+                        </Button>
+                      )}
+                    </div>
                   </div>
                 </CardContent>
               </Card>

package/src/components/workflows/workflow-status-view.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect, useState, useCallback } from "react";
 import { useRouter } from "next/navigation";
+import Link from "next/link";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
@@ -20,12 +21,21 @@ import {
   Clock3,
   GitBranch,
   MessageSquareMore,
+  ChevronDown,
+  ChevronRight,
+  FileText,
+  Paperclip,
 } from "lucide-react";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
 import { toast } from "sonner";
 import { workflowStatusVariant, patternLabels } from "@/lib/constants/status-colors";
+import { IconCircle, getWorkflowIconFromName } from "@/lib/constants/card-icons";
 import { LoopStatusView } from "./loop-status-view";
 import { ConfirmDialog } from "@/components/shared/confirm-dialog";
+import { LightMarkdown } from "@/components/shared/light-markdown";
 import { SwarmDashboard } from "./swarm-dashboard";
+import { WorkflowFullOutput } from "./workflow-full-output";
 import type { LoopState, LoopConfig, SwarmConfig } from "@/lib/workflows/types";
 
 interface StepWithState {
@@ -43,6 +53,14 @@ interface StepWithState {
   };
 }
 
+interface DocumentInfo {
+  id: string;
+  originalName: string;
+  mimeType: string;
+  storagePath: string;
+  direction: string;
+}
+
 interface WorkflowStatusData {
   id: string;
   name: string;
@@ -54,6 +72,8 @@ interface WorkflowStatusData {
   loopConfig?: LoopConfig;
   loopState?: LoopState;
   swarmConfig?: SwarmConfig;
+  stepDocuments?: Record<string, DocumentInfo[]>;
+  parentDocuments?: DocumentInfo[];
 }
 
 interface WorkflowStatusViewProps {
@@ -69,6 +89,72 @@ const stepStatusIcons: Record<string, React.ReactNode> = {
   waiting_dependencies: <Clock3 className="h-4 w-4 text-status-warning" />,
 };
 
+/** Expandable step result: collapsed LightMarkdown preview + full markdown on expand */
+export function ExpandableResult({ result }: { result: string }) {
+  const [expanded, setExpanded] = useState(false);
+
+  if (!result) return null;
+
+  return (
+    <div className="mt-2">
+      {expanded ? (
+        <>
+          <div className="prose prose-sm dark:prose-invert max-w-none max-h-96 overflow-auto rounded-md border bg-muted/30 p-3">
+            <ReactMarkdown remarkPlugins={[remarkGfm]}>{result}</ReactMarkdown>
+          </div>
+          <Button
+            variant="ghost"
+            size="sm"
+            className="mt-1 h-6 text-xs text-muted-foreground"
+            onClick={() => setExpanded(false)}
+          >
+            <ChevronDown className="h-3 w-3 mr-1" />
+            Collapse
+          </Button>
+        </>
+      ) : (
+        <>
+          <LightMarkdown content={result.slice(0, 500)} lineClamp={2} />
+          {result.length > 200 && (
+            <Button
+              variant="ghost"
+              size="sm"
+              className="mt-1 h-6 text-xs text-muted-foreground"
+              onClick={() => setExpanded(true)}
+            >
+              <ChevronRight className="h-3 w-3 mr-1" />
+              Expand
+            </Button>
+          )}
+        </>
+      )}
+    </div>
+  );
+}
+
+/** Document list for a single step or parent task */
+function DocumentList({ docs, label }: { docs: DocumentInfo[]; label: string }) {
+  if (docs.length === 0) return null;
+
+  return (
+    <div className="mt-3">
+      <p className="text-xs font-medium text-muted-foreground mb-1.5">{label}</p>
+      <div className="space-y-1">
+        {docs.map((doc) => (
+          <Link
+            key={doc.id}
+            href={`/documents/${doc.id}`}
+            className="flex items-center gap-2 text-xs text-brand-blue hover:underline"
+          >
+            <FileText className="h-3 w-3 shrink-0" />
+            {doc.originalName}
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+}
+
 
 export function WorkflowStatusView({ workflowId }: WorkflowStatusViewProps) {
   const router = useRouter();
@@ -218,16 +304,31 @@ export function WorkflowStatusView({ workflowId }: WorkflowStatusViewProps) {
       ? data.steps.find((step) => step.dependsOn?.length) ?? null
       : null;
 
+  // Collect all completed step outputs for full output sheet
+  const completedStepOutputs = data.steps
+    .filter((s) => s.state.result && s.state.status === "completed")
+    .map((s) => ({ name: s.name, result: s.state.result! }));
+
+  // Check for any documents
+  const hasStepDocs = data.stepDocuments && Object.keys(data.stepDocuments).length > 0;
+  const hasParentDocs = data.parentDocuments && data.parentDocuments.length > 0;
+
   return (
-    <>
+    <div className="space-y-6">
       <Card>
         <CardHeader>
           <div className="flex items-center justify-between">
-            <div>
-              <CardTitle>{data.name}</CardTitle>
-              <p className="text-sm text-muted-foreground mt-1">
-                {patternLabels[data.pattern] ?? data.pattern}
-              </p>
+            <div className="flex items-center gap-3">
+              <IconCircle
+                icon={getWorkflowIconFromName(data.name, data.pattern).icon}
+                colors={getWorkflowIconFromName(data.name, data.pattern).colors}
+              />
+              <div>
+                <CardTitle>{data.name}</CardTitle>
+                <p className="text-sm text-muted-foreground mt-1">
+                  {patternLabels[data.pattern] ?? data.pattern}
+                </p>
+              </div>
             </div>
             <div className="flex items-center gap-2">
               <Badge variant={workflowStatusVariant[data.status] ?? "secondary"}>
@@ -363,9 +464,14 @@ export function WorkflowStatusView({ workflowId }: WorkflowStatusViewProps) {
                                 </p>
                               )}
                               {step.state.result && step.state.status === "completed" && (
-                                <p className="mt-2 text-xs text-muted-foreground line-clamp-4">
-                                  {step.state.result.slice(0, 260)}
-                                </p>
+                                <ExpandableResult result={step.state.result} />
+                              )}
+                              {/* Step output documents */}
+                              {step.state.taskId && data.stepDocuments?.[step.state.taskId] && (
+                                <DocumentList
+                                  docs={data.stepDocuments[step.state.taskId]}
+                                  label="Generated Files"
+                                />
                               )}
                             </div>
                           </div>
@@ -409,10 +515,15 @@ export function WorkflowStatusView({ workflowId }: WorkflowStatusViewProps) {
                             )}
                             {synthesisStep.state.result &&
                               synthesisStep.state.status === "completed" && (
-                                <p className="mt-2 text-xs text-muted-foreground line-clamp-4">
-                                  {synthesisStep.state.result.slice(0, 260)}
-                                </p>
+                                <ExpandableResult result={synthesisStep.state.result} />
                               )}
+                            {/* Synthesis step documents */}
+                            {synthesisStep.state.taskId && data.stepDocuments?.[synthesisStep.state.taskId] && (
+                              <DocumentList
+                                docs={data.stepDocuments[synthesisStep.state.taskId]}
+                                label="Generated Files"
+                              />
+                            )}
                           </div>
                         </div>
                       </div>
@@ -448,9 +559,14 @@ export function WorkflowStatusView({ workflowId }: WorkflowStatusViewProps) {
                           </p>
                         )}
                         {step.state.result && step.state.status === "completed" && (
-                          <p className="text-xs text-muted-foreground mt-1 line-clamp-2">
-                            {step.state.result.slice(0, 200)}
-                          </p>
+                          <ExpandableResult result={step.state.result} />
+                        )}
+                        {/* Step output documents */}
+                        {step.state.taskId && data.stepDocuments?.[step.state.taskId] && (
+                          <DocumentList
+                            docs={data.stepDocuments[step.state.taskId]}
+                            label="Generated Files"
+                          />
                         )}
                       </div>
                     </div>
@@ -459,9 +575,40 @@ export function WorkflowStatusView({ workflowId }: WorkflowStatusViewProps) {
               )}
             </div>
           )}
+
+          {/* Documents section — parent inputs and step outputs */}
+          {(hasParentDocs || hasStepDocs) && (
+            <div className="mt-6 pt-4 border-t border-border/50">
+              <div className="flex items-center gap-2 mb-3">
+                <Paperclip className="h-4 w-4 text-muted-foreground" />
+                <p className="text-sm font-medium">Documents</p>
+              </div>
+              {hasParentDocs && (
+                <DocumentList docs={data.parentDocuments!} label="Input Files" />
+              )}
+              {hasStepDocs && Object.entries(data.stepDocuments!).map(([taskId, docs]) => {
+                const step = data.steps.find((s) => s.state.taskId === taskId);
+                return (
+                  <DocumentList
+                    key={taskId}
+                    docs={docs}
+                    label={step ? `Output: ${step.name}` : "Output Files"}
+                  />
+                );
+              })}
+            </div>
+          )}
         </CardContent>
       </Card>
 
+      {/* Full output — inline below workflow card when completed */}
+      {data.status === "completed" && completedStepOutputs.length > 0 && (
+        <WorkflowFullOutput
+          workflowName={data.name}
+          steps={completedStepOutputs}
+        />
+      )}
+
       {/* Delete confirmation */}
       <ConfirmDialog
         open={confirmDelete}
@@ -472,6 +619,6 @@ export function WorkflowStatusView({ workflowId }: WorkflowStatusViewProps) {
         onConfirm={handleDelete}
         destructive
       />
-    </>
+    </div>
   );
 }

package/src/lib/agents/learned-context.ts

@@ -58,14 +58,24 @@ function getNextVersion(profileId: string): number {
 // Proposal flow
 // ---------------------------------------------------------------------------
 
-/** Insert a context proposal and create a notification for human review */
+/**
+ * Insert a context proposal and optionally create a notification for human review.
+ *
+ * When `options.silent` is true, the proposal row is created but no notification
+ * is generated. This is used by the learning session system to buffer proposals
+ * during workflow execution — a batch notification is created when the session closes.
+ *
+ * Returns the learned_context row ID (not the notification ID) so callers can
+ * reference the proposal regardless of whether a notification was created.
+ */
 export async function proposeContextAddition(
   profileId: string,
   taskId: string,
-  additions: string
+  additions: string,
+  options?: { silent?: boolean }
 ): Promise<string> {
   const version = getNextVersion(profileId);
-  const notificationId = crypto.randomUUID();
+  const notificationId = options?.silent ? null : crypto.randomUUID();
   const rowId = crypto.randomUUID();
   const now = new Date();
 
@@ -83,19 +93,21 @@ export async function proposeContextAddition(
     createdAt: now,
   });
 
-  // Create notification for human review
-  await db.insert(notifications).values({
-    id: notificationId,
-    taskId,
-    type: "context_proposal",
-    title: `Context proposal for ${profileId}`,
-    body: additions.slice(0, 500),
-    toolName: profileId,
-    toolInput: JSON.stringify({ profileId, additions, learnedContextId: rowId }),
-    createdAt: now,
-  });
+  // Create notification for human review (unless silent)
+  if (notificationId) {
+    await db.insert(notifications).values({
+      id: notificationId,
+      taskId,
+      type: "context_proposal",
+      title: `Context proposal for ${profileId}`,
+      body: additions.slice(0, 500),
+      toolName: profileId,
+      toolInput: JSON.stringify({ profileId, additions, learnedContextId: rowId }),
+      createdAt: now,
+    });
+  }
 
-  return notificationId;
+  return rowId;
 }
 
 // ---------------------------------------------------------------------------