@geminilight/mindos 0.6.31 → 0.6.32

package/app/components/renderers/workflow-yaml/WorkflowEditor.tsx

@@ -18,7 +18,6 @@ export default function WorkflowEditor({ workflow, filePath, onChange, onSaved }
   const [saving, setSaving] = useState(false);
   const [saveError, setSaveError] = useState('');
   const [saveSuccess, setSaveSuccess] = useState(false);
-  const [showAdvanced, setShowAdvanced] = useState(!!(workflow.workDir));
 
   useEffect(() => {
     if (!saveSuccess) return;
@@ -109,19 +108,10 @@ export default function WorkflowEditor({ workflow, filePath, onChange, onSaved }
           className="w-full text-sm bg-transparent text-muted-foreground placeholder:text-muted-foreground/30 focus:outline-none border-none p-0"
         />
 
-        {/* Advanced toggle */}
-        <div className="flex items-center gap-3">
-          {!showAdvanced ? (
-            <button onClick={() => setShowAdvanced(true)}
-              className="text-2xs text-muted-foreground/50 hover:text-muted-foreground transition-colors">
-              + Working directory
-            </button>
-          ) : (
-            <div className="flex items-center gap-2 flex-1">
-              <FolderOpen size={12} className="text-muted-foreground/40 shrink-0" />
-              <DirPicker value={workflow.workDir || ''} onChange={v => updateMeta({ workDir: v || undefined })} />
-            </div>
-          )}
+        {/* Working directory — always visible */}
+        <div className="flex items-center gap-2">
+          <FolderOpen size={12} className="text-muted-foreground/40 shrink-0" />
+          <DirPicker value={workflow.workDir || ''} onChange={v => updateMeta({ workDir: v || undefined })} />
         </div>
       </div>
 
@@ -130,16 +120,16 @@ export default function WorkflowEditor({ workflow, filePath, onChange, onSaved }
         <div className="relative">
           {/* Vertical timeline line */}
           {workflow.steps.length > 1 && (
-            <div className="absolute left-[15px] top-6 bottom-16 w-px bg-border" />
+            <div className="absolute left-[19px] top-6 bottom-16 w-px bg-border" />
           )}
 
           {/* Step list */}
           <div className="flex flex-col gap-3 mb-5 relative">
             {workflow.steps.map((step, i) => (
-              <div key={step.id} className="relative pl-9">
+              <div key={step.id} className="relative pl-11">
                 {/* Timeline node */}
-                <div className="absolute left-[9px] top-3 w-[13px] h-[13px] rounded-full border-2 border-border bg-background z-10 flex items-center justify-center">
-                  <span className="text-[7px] font-bold text-muted-foreground/60">{i + 1}</span>
+                <div className="absolute left-[7px] top-3 w-[22px] h-[22px] rounded-full border-2 border-border bg-background z-10 flex items-center justify-center">
+                  <span className="text-[10px] font-bold text-muted-foreground/60">{i + 1}</span>
                 </div>
                 <StepEditor
                   step={step}
@@ -154,9 +144,9 @@ export default function WorkflowEditor({ workflow, filePath, onChange, onSaved }
           </div>
 
           {/* Add step — at the end of timeline */}
-          <div className="relative pl-9">
-            <div className="absolute left-[9px] top-2.5 w-[13px] h-[13px] rounded-full border-2 border-dashed border-border bg-background z-10 flex items-center justify-center">
-              <Plus size={7} className="text-muted-foreground/40" />
+          <div className="relative pl-11">
+            <div className="absolute left-[7px] top-2.5 w-[22px] h-[22px] rounded-full border-2 border-dashed border-border bg-background z-10 flex items-center justify-center">
+              <Plus size={9} className="text-muted-foreground/40" />
             </div>
             <button onClick={addStep}
               className="w-full text-left px-3 py-2 rounded-lg text-xs text-muted-foreground/60 hover:text-muted-foreground hover:bg-muted/40 transition-colors">

package/app/components/renderers/workflow-yaml/WorkflowRunner.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState, useRef, useCallback, useEffect } from 'react';
-import { Play, SkipForward, RotateCcw, CheckCircle2, Circle, Loader2, AlertCircle, ChevronDown, Sparkles, XCircle, Clock, ArrowRight } from 'lucide-react';
+import { Play, SkipForward, RotateCcw, CheckCircle2, Circle, Loader2, AlertCircle, ChevronDown, Sparkles, XCircle, Clock, ArrowRight, FolderOpen } from 'lucide-react';
 import { runStepWithAI, clearSkillCache } from './execution';
 import type { WorkflowYaml, WorkflowStepRuntime, StepStatus } from './types';
 
@@ -44,7 +44,7 @@ function TimelineNode({ status, index }: { status: StepStatus; index: number })
   // pending
   return (
     <div className={`${base} border-2 border-border bg-background`}>
-      <span className="text-[9px] font-bold text-muted-foreground/40">{index + 1}</span>
+      <span className="text-[11px] font-bold text-muted-foreground/50">{index + 1}</span>
     </div>
   );
 }
@@ -205,6 +205,19 @@ export default function WorkflowRunner({ workflow, filePath }: { workflow: Workf
 
   return (
     <div>
+      {/* Working directory + description */}
+      {(workflow.workDir || workflow.description) && (
+        <div className="flex items-center gap-3 mb-4 text-xs text-muted-foreground flex-wrap">
+          {workflow.workDir && (
+            <span className="flex items-center gap-1.5 font-mono text-2xs bg-muted/50 px-2 py-0.5 rounded">
+              <FolderOpen size={10} className="shrink-0" />
+              {workflow.workDir}
+            </span>
+          )}
+          {workflow.description && <span className="leading-relaxed">{workflow.description}</span>}
+        </div>
+      )}
+
       {/* Progress bar — full width, thin, elegant */}
       <div className="mb-6">
         <div className="flex items-center justify-between mb-2">

package/app/components/renderers/workflow-yaml/selectors.tsx

@@ -85,7 +85,7 @@ export function AgentSelector({ value, onChange }: { value?: string; onChange: (
         <button type="button" onClick={() => setOpen(v => !v)}
           className="w-full flex items-center justify-between px-2.5 py-1.5 text-xs rounded-md border border-border bg-background text-foreground hover:bg-muted transition-colors">
           <span className={value ? 'text-foreground truncate' : 'text-muted-foreground'}>
-            {displayName || 'Select agent'}
+            {displayName || 'MindOS'}
           </span>
           <ChevronDown size={12} className="text-muted-foreground shrink-0" />
         </button>
@@ -103,8 +103,8 @@ export function AgentSelector({ value, onChange }: { value?: string; onChange: (
       </div>
 
       <button onClick={() => select(undefined)}
-        className={`w-full text-left px-3 py-1.5 text-xs hover:bg-muted transition-colors ${!value ? 'text-[var(--amber)] font-medium' : 'text-muted-foreground'}`}>
-        (none — use default)
+        className={`w-full text-left px-3 py-1.5 text-xs hover:bg-muted transition-colors ${!value ? 'text-[var(--amber)] font-medium' : 'text-foreground'}`}>
+        MindOS <span className="text-muted-foreground/50 ml-1">(default)</span>
       </button>
       {filtered.slice(0, 30).map(a => (
         <button key={a.id} onClick={() => select(a.id)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geminilight/mindos",
-  "version": "0.6.31",
+  "version": "0.6.32",
   "description": "MindOS — Human-Agent Collaborative Mind System. Local-first knowledge base that syncs your mind to all AI Agents via MCP.",
   "keywords": [
     "mindos",