stagent 0.1.9 → 0.1.11

package/src/app/globals.css

@@ -446,11 +446,6 @@
   box-shadow: var(--glass-shadow-sm);
 }
 
-/* Temperature slider gradient track */
-.slider-temperature [data-slot="slider-range"] {
-  background: linear-gradient(90deg, oklch(0.6 0.18 260), oklch(0.7 0.15 55));
-}
-
 [data-slot="popover-content"],
 [data-slot="dropdown-menu-content"],
 [data-slot="select-content"] {

package/src/app/tasks/page.tsx

@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export default function TasksIndexPage() {
+  redirect("/dashboard");
+}

package/src/app/workflows/from-assist/page.tsx

@@ -0,0 +1,35 @@
+import Link from "next/link";
+import { db } from "@/lib/db";
+import { projects } from "@/lib/db/schema";
+import { Button } from "@/components/ui/button";
+import { ArrowLeft } from "lucide-react";
+import { WorkflowConfirmationView } from "@/components/workflows/workflow-confirmation-view";
+import { listProfiles } from "@/lib/agents/profiles/registry";
+
+export const dynamic = "force-dynamic";
+
+export default async function WorkflowFromAssistPage() {
+  const allProjects = await db
+    .select({ id: projects.id, name: projects.name })
+    .from(projects)
+    .orderBy(projects.name);
+
+  const profiles = listProfiles().map((p) => ({
+    id: p.id,
+    name: p.name,
+  }));
+
+  return (
+    <div className="gradient-ocean-mist min-h-screen p-6">
+      <div>
+        <Link href="/tasks/new?restore=1">
+          <Button variant="ghost" size="sm" className="mb-4">
+            <ArrowLeft className="h-4 w-4 mr-1" />
+            Back to Task
+          </Button>
+        </Link>
+        <WorkflowConfirmationView projects={allProjects} profiles={profiles} />
+      </div>
+    </div>
+  );
+}

package/src/components/profiles/profile-detail-view.tsx

@@ -18,7 +18,6 @@ import {
   Sparkles,
   Tag,
   User,
-  Thermometer,
   Repeat,
   FileOutput,
   Wrench,
@@ -262,20 +261,6 @@ export function ProfileDetailView({ profileId, isBuiltin, initialProfile }: Prof
             <CardTitle className="text-sm font-medium">Configuration</CardTitle>
           </CardHeader>
           <CardContent className="space-y-3">
-            {/* Temperature Gauge */}
-            {profile.temperature !== undefined && (
-              <div className="flex items-center gap-2">
-                <Thermometer className="h-3.5 w-3.5 text-muted-foreground shrink-0" />
-                <span className="text-xs text-muted-foreground w-20">Temperature</span>
-                <div className="flex-1 h-1.5 rounded-full bg-muted">
-                  <div
-                    className="h-full rounded-full bg-primary"
-                    style={{ width: `${(profile.temperature / 2) * 100}%` }}
-                  />
-                </div>
-                <span className="text-xs font-medium w-8 text-right">{profile.temperature}</span>
-              </div>
-            )}
             {/* Max Turns */}
             {profile.maxTurns !== undefined && (
               <div className="flex items-center gap-2">
@@ -294,7 +279,7 @@ export function ProfileDetailView({ profileId, isBuiltin, initialProfile }: Prof
                 </Badge>
               </div>
             )}
-            {!profile.temperature && !profile.maxTurns && !profile.outputFormat && (
+            {!profile.maxTurns && !profile.outputFormat && (
               <p className="text-sm text-muted-foreground">Default configuration</p>
             )}
           </CardContent>

package/src/components/profiles/profile-form-view.tsx

@@ -70,7 +70,6 @@ export function ProfileFormView({
   ]);
   const [codexInstructions, setCodexInstructions] = useState("");
   const [allowedTools, setAllowedTools] = useState("");
-  const [temperature, setTemperature] = useState(0.5);
   const [maxTurns, setMaxTurns] = useState(30);
   const [outputFormat, setOutputFormat] = useState("");
   const [submitting, setSubmitting] = useState(false);
@@ -94,7 +93,6 @@ export function ProfileFormView({
           profile.runtimeOverrides?.["openai-codex-app-server"]?.instructions ?? ""
         );
         setAllowedTools(profile.allowedTools?.join(", ") ?? "");
-        setTemperature(profile.temperature ?? 0.5);
         setMaxTurns(profile.maxTurns ?? 30);
         setOutputFormat(profile.outputFormat ?? "");
       })
@@ -145,7 +143,6 @@ export function ProfileFormView({
             }
           : undefined,
       allowedTools: parseCommaSeparated(allowedTools),
-      temperature,
       maxTurns,
       outputFormat: outputFormat.trim() || undefined,
     };
@@ -307,25 +304,6 @@ export function ProfileFormView({
         {/* Model Tuning */}
         <FormSectionCard icon={SlidersHorizontal} title="Model Tuning">
           <div className="space-y-4">
-            <div className="space-y-2">
-              <div className="flex items-center justify-between">
-                <Label htmlFor="profile-temp">Temperature</Label>
-                <Badge variant="secondary" className="tabular-nums text-xs">
-                  {temperature.toFixed(2)}
-                </Badge>
-              </div>
-              <div className="slider-temperature">
-                <Slider
-                  id="profile-temp"
-                  min={0}
-                  max={1}
-                  step={0.05}
-                  value={[temperature]}
-                  onValueChange={([v]) => setTemperature(v)}
-                />
-              </div>
-              <p className="text-xs text-muted-foreground">Lower = deterministic, higher = creative</p>
-            </div>
             <div className="space-y-2">
               <div className="flex items-center justify-between">
                 <Label htmlFor="profile-turns">Max Turns</Label>

package/src/components/projects/project-card.tsx

@@ -1,8 +1,10 @@
 "use client";
 
+import Link from "next/link";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { FolderKanban, FolderOpen } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { FolderKanban, FolderOpen, Pencil } from "lucide-react";
 import { projectStatusVariant } from "@/lib/constants/status-colors";
 
 interface ProjectCardProps {
@@ -19,40 +21,50 @@ interface ProjectCardProps {
 
 export function ProjectCard({ project, onEdit }: ProjectCardProps) {
   return (
-    <Card
-      tabIndex={0}
-      className="surface-card cursor-pointer transition-colors hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-xl"
-      onKeyDown={(e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onEdit(project.id, e.currentTarget);
-        }
-      }}
-      onClick={(e) => onEdit(project.id, e.currentTarget)}
-    >
-      <CardHeader className="flex flex-row items-center justify-between pb-2">
-        <CardTitle className="text-base font-medium">{project.name}</CardTitle>
-        <Badge variant={projectStatusVariant[project.status] ?? "secondary"}>
-          {project.status}
-        </Badge>
-      </CardHeader>
-      <CardContent>
-        {project.description && (
-          <p className="text-sm text-muted-foreground line-clamp-2 mb-3">
-            {project.description}
-          </p>
-        )}
-        <div className="flex items-center gap-1 text-xs text-muted-foreground">
-          <FolderKanban className="h-3 w-3" />
-          <span>{project.taskCount} tasks</span>
-        </div>
-        {project.workingDirectory && (
-          <div className="flex items-center gap-1 text-xs text-muted-foreground mt-1">
-            <FolderOpen className="h-3 w-3" />
-            <span className="truncate">{project.workingDirectory}</span>
+    <Link href={`/projects/${project.id}`} className="block">
+      <Card
+        tabIndex={0}
+        className="surface-card cursor-pointer transition-colors hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-xl"
+      >
+        <CardHeader className="flex flex-row items-center justify-between pb-2">
+          <CardTitle className="text-base font-medium">{project.name}</CardTitle>
+          <div className="flex items-center gap-1.5">
+            <Button
+              variant="ghost"
+              size="icon"
+              className="h-7 w-7"
+              onClick={(e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                onEdit(project.id, e.currentTarget);
+              }}
+              aria-label={`Edit ${project.name}`}
+            >
+              <Pencil className="h-3.5 w-3.5" />
+            </Button>
+            <Badge variant={projectStatusVariant[project.status] ?? "secondary"}>
+              {project.status}
+            </Badge>
           </div>
-        )}
-      </CardContent>
-    </Card>
+        </CardHeader>
+        <CardContent>
+          {project.description && (
+            <p className="text-sm text-muted-foreground line-clamp-2 mb-3">
+              {project.description}
+            </p>
+          )}
+          <div className="flex items-center gap-1 text-xs text-muted-foreground">
+            <FolderKanban className="h-3 w-3" />
+            <span>{project.taskCount} tasks</span>
+          </div>
+          {project.workingDirectory && (
+            <div className="flex items-center gap-1 text-xs text-muted-foreground mt-1">
+              <FolderOpen className="h-3 w-3" />
+              <span className="truncate">{project.workingDirectory}</span>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+    </Link>
   );
 }

package/src/components/tasks/ai-assist-panel.tsx

@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { Sparkles, Check, X } from "lucide-react";
+import { Sparkles, Check, X, GitBranch } from "lucide-react";
 
 interface TaskSuggestion {
   title: string;
@@ -27,6 +27,7 @@ interface AIAssistPanelProps {
   onApplyDescription: (description: string) => void;
   onCreateSubtasks: (subtasks: TaskSuggestion[]) => void;
   onResultChange?: (hasResult: boolean) => void;
+  onCreateWorkflow?: (result: AssistResult) => void;
 }
 
 const patternLabels: Record<string, string> = {
@@ -34,6 +35,9 @@ const patternLabels: Record<string, string> = {
   sequence: "Sequence",
   "planner-executor": "Planner → Executor",
   checkpoint: "Human Checkpoint",
+  parallel: "Parallel",
+  loop: "Loop",
+  swarm: "Swarm",
 };
 
 const complexityColors: Record<string, string> = {
@@ -88,6 +92,7 @@ export function AIAssistPanel({
   onApplyDescription,
   onCreateSubtasks,
   onResultChange,
+  onCreateWorkflow,
 }: AIAssistPanelProps) {
   const [loading, setLoading] = useState(false);
   const [result, setResult] = useState<AssistResult | null>(null);
@@ -205,15 +210,31 @@ export function AIAssistPanel({
                 <span className="text-xs font-medium text-muted-foreground">
                   Suggested Breakdown ({result.breakdown.length} sub-tasks)
                 </span>
-                <Button
-                  type="button"
-                  variant="ghost"
-                  size="sm"
-                  className="h-6 text-xs"
-                  onClick={() => onCreateSubtasks(result.breakdown)}
-                >
-                  Create All
-                </Button>
+                <div className="flex gap-1">
+                  {onCreateWorkflow &&
+                    result.breakdown.length >= 2 &&
+                    result.recommendedPattern !== "single" && (
+                    <Button
+                      type="button"
+                      variant="ghost"
+                      size="sm"
+                      className="h-6 text-xs"
+                      onClick={() => onCreateWorkflow(result)}
+                    >
+                      <GitBranch className="h-3 w-3 mr-1" />
+                      Workflow
+                    </Button>
+                  )}
+                  <Button
+                    type="button"
+                    variant="ghost"
+                    size="sm"
+                    className="h-6 text-xs"
+                    onClick={() => onCreateSubtasks(result.breakdown)}
+                  >
+                    Create All
+                  </Button>
+                </div>
               </div>
               <div className="max-h-60 overflow-y-auto space-y-1.5">
                 {result.breakdown.map((sub, i) => (

package/src/components/tasks/task-card.tsx

@@ -5,7 +5,7 @@ import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { Card } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { AlertCircle, Bot, ArrowUp, ArrowDown, Minus, Trash2, Check, X, Loader2, Square, CheckSquare, Pencil } from "lucide-react";
+import { AlertCircle, Bot, ArrowUp, ArrowDown, Minus, Trash2, Check, X, Loader2, Square, CheckSquare, Pencil, Workflow } from "lucide-react";
 import type { TaskStatus } from "@/lib/constants/task-status";
 
 export interface TaskItem {
@@ -18,6 +18,8 @@ export interface TaskItem {
   agentProfile: string | null;
   projectId: string | null;
   projectName?: string;
+  linkedWorkflowId?: string;
+  linkedWorkflowStatus?: string;
   result: string | null;
   sessionId: string | null;
   resumeCount: number;
@@ -151,6 +153,19 @@ export function TaskCard({
                   <span className="truncate">{task.assignedAgent}</span>
                 </Badge>
               )}
+              {task.linkedWorkflowId && (
+                <Badge
+                  variant="outline"
+                  className="text-xs gap-1 cursor-pointer hover:bg-accent/50"
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    window.open(`/workflows/${task.linkedWorkflowId}`, "_self");
+                  }}
+                >
+                  <Workflow className="h-3 w-3 shrink-0" aria-hidden="true" />
+                  {task.linkedWorkflowStatus === "completed" ? "Workflow done" : "Workflow"}
+                </Badge>
+              )}
               {isFailed && <AlertCircle className="h-3.5 w-3.5 text-destructive" aria-label="Task failed" />}
               {isRunning && (
                 <span className="flex h-2 w-2" aria-label="Task running">

package/src/components/tasks/task-create-panel.tsx

@@ -18,7 +18,13 @@ import { Bot, FileText, Settings, Paperclip } from "lucide-react";
 import { toast } from "sonner";
 import { AIAssistPanel } from "./ai-assist-panel";
 import { FileUpload } from "./file-upload";
+import type { TaskAssistResponse } from "@/lib/agents/runtime/task-assist-types";
 import { FormSectionCard } from "@/components/shared/form-section-card";
+import {
+  saveAssistState,
+  loadTaskFormState,
+  clearTaskFormState,
+} from "@/lib/workflows/assist-session";
 import {
   type AgentRuntimeId,
   DEFAULT_AGENT_RUNTIME,
@@ -79,6 +85,24 @@ export function TaskCreatePanel({ projects, defaultProjectId }: TaskCreatePanelP
       .catch(() => {});
   }, []);
 
+  // Restore form state when returning from workflow confirmation
+  useEffect(() => {
+    const params = new URLSearchParams(window.location.search);
+    if (params.get("restore") !== "1") return;
+    const saved = loadTaskFormState();
+    if (saved) {
+      setTitle(saved.title);
+      setDescription(saved.description);
+      setProjectId(saved.projectId);
+      setPriority(saved.priority);
+      setAgentProfile(saved.agentProfile);
+      setAssignedAgent(saved.assignedAgent);
+      clearTaskFormState();
+    }
+    // Clean up URL param without triggering navigation
+    window.history.replaceState({}, "", window.location.pathname);
+  }, []);
+
   const selectedRuntimeId = (assignedAgent ||
     DEFAULT_AGENT_RUNTIME) as AgentRuntimeId;
   const selectedProfile = profiles.find((profile) => profile.id === agentProfile);
@@ -351,8 +375,23 @@ export function TaskCreatePanel({ projects, defaultProjectId }: TaskCreatePanelP
                   }
                   router.push("/dashboard");
                 }}
+                onCreateWorkflow={(result) => {
+                  saveAssistState({
+                    assistResult: result as TaskAssistResponse,
+                    formState: {
+                      title,
+                      description,
+                      projectId,
+                      priority,
+                      agentProfile,
+                      assignedAgent,
+                    },
+                  });
+                  router.push("/workflows/from-assist");
+                }}
               />
             </div>
+
           </div>
         </form>
       </CardContent>