@geminilight/mindos 0.6.30 → 0.6.32

package/app/components/explore/use-cases.generated.ts

@@ -0,0 +1,76 @@
+// ⚠️ AUTO-GENERATED — DO NOT EDIT. Source: components/explore/use-cases.yaml
+// Run `npm run generate` to regenerate.
+
+/** Capability axis — maps to product pillars */
+export type UseCaseCategory = 'knowledge-management' | 'memory-sync' | 'auto-execute' | 'experience-evolution' | 'human-insights' | 'audit-control';
+
+/** Scenario axis — maps to user journey phase */
+export type UseCaseScenario = 'first-day' | 'daily' | 'project' | 'advanced';
+
+export interface UseCase {
+  id: string;
+  icon: string;
+  image?: string;
+  category: UseCaseCategory;
+  scenario: UseCaseScenario;
+}
+
+export const useCases: UseCase[] = [
+  {
+    "id": "c1",
+    "icon": "👤",
+    "category": "memory-sync",
+    "scenario": "first-day"
+  },
+  {
+    "id": "c2",
+    "icon": "📥",
+    "category": "knowledge-management",
+    "scenario": "daily"
+  },
+  {
+    "id": "c3",
+    "icon": "🔄",
+    "category": "memory-sync",
+    "scenario": "project"
+  },
+  {
+    "id": "c4",
+    "icon": "🔁",
+    "category": "experience-evolution",
+    "scenario": "daily"
+  },
+  {
+    "id": "c5",
+    "icon": "💡",
+    "category": "auto-execute",
+    "scenario": "daily"
+  },
+  {
+    "id": "c6",
+    "icon": "🚀",
+    "category": "auto-execute",
+    "scenario": "project"
+  },
+  {
+    "id": "c7",
+    "icon": "🔍",
+    "category": "knowledge-management",
+    "scenario": "project"
+  },
+  {
+    "id": "c8",
+    "icon": "🤝",
+    "category": "human-insights",
+    "scenario": "daily"
+  },
+  {
+    "id": "c9",
+    "icon": "🛡️",
+    "category": "audit-control",
+    "scenario": "advanced"
+  }
+];
+
+export const categories: UseCaseCategory[] = ["knowledge-management","memory-sync","auto-execute","experience-evolution","human-insights","audit-control"];
+export const scenarios: UseCaseScenario[] = ["first-day","daily","project","advanced"];

package/app/components/explore/use-cases.yaml

@@ -0,0 +1,185 @@
+# MindOS Explore — Use Case Definitions (Single Source of Truth)
+#
+# To add a new use case: just append a new entry below.
+# Run `npm run generate` to regenerate use-cases.ts + i18n.
+#
+# Fields:
+#   id:       Unique identifier (e.g. c10)
+#   icon:     Emoji fallback when no image is available
+#   image:    (optional) Custom image path under /explore/. Omit to use /explore/{id}.png
+#   category: One of: knowledge-management | memory-sync | auto-execute | experience-evolution | human-insights | audit-control
+#   scenario: One of: first-day | daily | project | advanced
+#   zh/en:    Bilingual text — title, desc, prompt
+
+# ── Category & Scenario labels (used by filter UI) ──
+meta:
+  categories:
+    knowledge-management:
+      en: Knowledge Management
+      zh: 知识管理
+    memory-sync:
+      en: Memory Sync
+      zh: 记忆同步
+    auto-execute:
+      en: Auto Execute
+      zh: 自动执行
+    experience-evolution:
+      en: Experience Evolution
+      zh: 经验进化
+    human-insights:
+      en: Human Insights
+      zh: 人类洞察
+    audit-control:
+      en: Audit & Control
+      zh: 审计纠错
+  scenarios:
+    first-day:
+      en: First Day
+      zh: 初次使用
+    daily:
+      en: Daily Work
+      zh: 日常工作
+    project:
+      en: Project Work
+      zh: 项目协作
+    advanced:
+      en: Advanced
+      zh: 高级
+  ui:
+    title:
+      en: Explore Use Cases
+      zh: 探索使用场景
+    subtitle:
+      en: "Discover what you can do with MindOS \u2014 pick a scenario and try it now."
+      zh: "发现 MindOS 能帮你做什么 \u2014 选一个场景，立即体验。"
+    tryIt:
+      en: Try it
+      zh: 试一试
+    all:
+      en: All
+      zh: 全部
+    byCapability:
+      en: By Capability
+      zh: 按能力
+    byScenario:
+      en: By Scenario
+      zh: 按场景
+
+# ── Use Cases ──
+cases:
+  - id: c1
+    icon: "\U0001F464"
+    category: memory-sync
+    scenario: first-day
+    en:
+      title: Inject Your Identity
+      desc: "Tell all AI agents who you are \u2014 preferences, tech stack, communication style \u2014 in one shot."
+      prompt: "Here's my resume, read it and organize my info into MindOS."
+    zh:
+      title: 注入身份
+      desc: "让所有 AI Agent 一次认识你 \u2014 偏好、技术栈、沟通风格。"
+      prompt: 这是我的简历，读一下，把我的信息整理到 MindOS 里。
+
+  - id: c2
+    icon: "\U0001F4E5"
+    category: knowledge-management
+    scenario: daily
+    en:
+      title: Save Information
+      desc: Archive articles, meeting notes, or web pages into your knowledge base with one prompt.
+      prompt: Help me save the key points from this article into MindOS.
+    zh:
+      title: 注入信息
+      desc: 一句话归档文章、会议纪要或网页到知识库，全局可搜。
+      prompt: 帮我把这篇文章的要点整理到 MindOS 里。
+
+  - id: c3
+    icon: "\U0001F504"
+    category: memory-sync
+    scenario: project
+    en:
+      title: Cross-Agent Handoff
+      desc: "Start a plan in MindOS, continue coding in Claude Code, refine in Cursor \u2014 zero context loss."
+      prompt: Help me start coding based on the plan in MindOS.
+    zh:
+      title: 跨 Agent 切换
+      desc: "在 MindOS 写方案，在 Claude Code 写代码，在 Cursor 优化 \u2014 零重复。"
+      prompt: 帮我按 MindOS 里的 XXX 方案开始写代码。
+
+  - id: c4
+    icon: "\U0001F501"
+    category: experience-evolution
+    scenario: daily
+    en:
+      title: "Experience \u2192 SOP"
+      desc: Turn hard-won debugging sessions into reusable workflows that prevent future mistakes.
+      prompt: Help me distill this conversation into a reusable workflow in MindOS.
+    zh:
+      title: "经验\u2192SOP"
+      desc: 把踩坑经验沉淀为可复用的工作流，下次 3 分钟搞定。
+      prompt: 帮我把这次对话的经验沉淀到 MindOS，形成可复用的工作流。
+
+  - id: c5
+    icon: "\U0001F4A1"
+    category: auto-execute
+    scenario: daily
+    en:
+      title: Capture Ideas on the Go
+      desc: "Jot down an inspiration on your phone \u2014 MindOS archives, decomposes, and assigns to agents."
+      prompt: Help me organize this idea into MindOS and break it into actionable sub-tasks.
+    zh:
+      title: 手机记灵感
+      desc: 随手记下灵感，MindOS 自动归档、拆任务、多 Agent 接力执行。
+      prompt: 帮我把这个想法整理到 MindOS，拆解成可执行的子任务。
+
+  - id: c6
+    icon: "\U0001F680"
+    category: auto-execute
+    scenario: project
+    en:
+      title: Project Cold Start
+      desc: "Spin up a new project in 4 minutes \u2014 your profile and SOPs guide the scaffolding automatically."
+      prompt: Help me start a new project following the Startup SOP in MindOS.
+    zh:
+      title: 项目冷启动
+      desc: "4 分钟搭建新项目 \u2014 Profile 和 SOP 自动引导脚手架。"
+      prompt: 帮我按 MindOS 里的 Startup SOP 启动一个新项目。
+
+  - id: c7
+    icon: "\U0001F50D"
+    category: knowledge-management
+    scenario: project
+    en:
+      title: Research & Archive
+      desc: Let agents research competitors or topics for you, then file structured results in your KB.
+      prompt: "Help me research X, Y, Z products and save results to the MindOS product library."
+    zh:
+      title: 调研入库
+      desc: 让 Agent 替你跑腿调研竞品或话题，结果结构化入库。
+      prompt: 帮我调研 X、Y、Z 这几个产品，结果写入 MindOS 产品库。
+
+  - id: c8
+    icon: "\U0001F91D"
+    category: human-insights
+    scenario: daily
+    en:
+      title: Network Management
+      desc: "Log conversations with contacts, auto-generate follow-up TODOs, and keep full context."
+      prompt: "I met with someone today \u2014 update MindOS Connections and create follow-up TODOs."
+    zh:
+      title: 人脉管理
+      desc: 记录对话、自动生成跟进待办，每个联系人都有完整上下文。
+      prompt: 我今天和 XXX 聊了这些内容，帮我更新到 MindOS 并生成跟进待办。
+
+  - id: c9
+    icon: "\U0001F6E1\uFE0F"
+    category: audit-control
+    scenario: advanced
+    en:
+      title: Audit & Correct
+      desc: "Review what agents know about you, fix mistakes in one place, and all agents update instantly."
+      prompt: Check my MindOS Profile for accuracy and correct any errors.
+    zh:
+      title: 审计纠偏
+      desc: 审查 Agent 记了什么，一处修正，全局生效。
+      prompt: 帮我检查 MindOS Profile 里的技术栈偏好是否正确，有错误帮我修正。

package/app/components/panels/DiscoverPanel.tsx

@@ -6,7 +6,7 @@ import { Lightbulb, Blocks, Zap, LayoutTemplate, User, Download, RefreshCw, Repe
 import PanelHeader from './PanelHeader';
 import { PanelNavRow, ComingSoonBadge } from './PanelNavRow';
 import { useLocale } from '@/lib/LocaleContext';
-import { useCases } from '@/components/explore/use-cases';
+import { useCases } from '@/components/explore/use-cases.generated';
 import { openAskModal } from '@/hooks/useAskModal';
 import { getPluginRenderers, isRendererEnabled, setRendererEnabled, loadDisabledState } from '@/lib/renderers/registry';
 import { Toggle } from '../settings/Primitives';

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

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import { ChevronDown, ChevronUp, Trash2 } from 'lucide-react';
+import { ChevronDown, ChevronUp, Trash2, Settings2 } from 'lucide-react';
 import { AgentSelector, ModelSelector, SkillsSelector, ContextSelector } from './selectors';
 import type { WorkflowStep } from './types';
 
@@ -15,142 +15,149 @@ interface StepEditorProps {
 }
 
 export default function StepEditor({ step, index, onChange, onDelete, onMoveUp, onMoveDown }: StepEditorProps) {
-  // Auto-expand if step has no prompt (newly created)
   const [expanded, setExpanded] = useState(!step.prompt);
+  const [showConfig, setShowConfig] = useState(false);
 
   const update = (patch: Partial<WorkflowStep>) => onChange({ ...step, ...patch });
-
-  // Merge legacy single skill into skills array for display
   const allSkills = step.skills?.length ? step.skills : (step.skill ? [step.skill] : []);
+  const hasConfig = !!(step.agent || step.model || allSkills.length || step.context?.length || step.description || step.timeout);
 
-  // Collapsed view: summary line
+  // ── Collapsed ──
   if (!expanded) {
     return (
-      <div className="group flex items-center gap-2 px-3 py-2.5 rounded-xl border border-border bg-card hover:border-[var(--amber)]/30 transition-colors cursor-pointer"
+      <div className="group flex items-start gap-2 px-3 py-2 rounded-lg hover:bg-muted/40 transition-colors cursor-pointer -ml-1"
         onClick={() => setExpanded(true)}>
-        <span className="text-2xs text-muted-foreground/60 font-mono w-5 text-center shrink-0">{index + 1}</span>
-        <span className={`text-sm font-medium truncate flex-1 ${step.name ? 'text-foreground' : 'text-muted-foreground italic'}`}>
-          {step.name || 'Untitled step'}
-        </span>
-        <div className="flex items-center gap-1 shrink-0 flex-wrap justify-end">
-          {allSkills.slice(0, 2).map(s => (
-            <span key={s} className="text-2xs px-1.5 py-0.5 rounded bg-[var(--amber)]/10 text-[var(--amber)] border border-[var(--amber)]/20">{s}</span>
-          ))}
-          {allSkills.length > 2 && (
-            <span className="text-2xs px-1 py-0.5 rounded bg-muted text-muted-foreground">+{allSkills.length - 2}</span>
+        <div className="min-w-0 flex-1">
+          <span className={`text-sm leading-tight block ${step.name ? 'text-foreground font-medium' : 'text-muted-foreground/50 italic'}`}>
+            {step.name || 'Untitled step'}
+          </span>
+          {/* Config summary pills */}
+          {hasConfig && (
+            <div className="flex items-center gap-1 mt-1 flex-wrap">
+              {step.agent && <span className="text-2xs px-1.5 py-0.5 rounded-full bg-muted text-muted-foreground">{step.agent}</span>}
+              {allSkills.slice(0, 2).map(s => (
+                <span key={s} className="text-2xs px-1.5 py-0.5 rounded-full bg-[var(--amber)]/8 text-[var(--amber)]">{s}</span>
+              ))}
+              {allSkills.length > 2 && <span className="text-2xs text-muted-foreground/50">+{allSkills.length - 2}</span>}
+              {step.context?.length ? <span className="text-2xs text-muted-foreground/50">{step.context.length} files</span> : null}
+            </div>
+          )}
+          {/* Prompt preview */}
+          {step.prompt && (
+            <p className="text-2xs text-muted-foreground/50 mt-1 line-clamp-1 leading-relaxed">{step.prompt}</p>
           )}
-          {step.agent && <span className="text-2xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground">🤖 {step.agent}</span>}
-          {step.agent && step.model && <span className="text-2xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground">🧠 {step.model}</span>}
-          {step.context?.length ? <span className="text-2xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground">📎 {step.context.length}</span> : null}
         </div>
-        <ChevronDown size={12} className="text-muted-foreground/50 shrink-0" />
+        <ChevronDown size={12} className="text-muted-foreground/30 mt-1 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" />
       </div>
     );
   }
 
-  // Expanded edit form
+  // ── Expanded ──
   return (
-    <div className="rounded-xl border border-[var(--amber)]/30 bg-card overflow-hidden">
+    <div className="rounded-lg border border-[var(--amber)]/20 bg-card overflow-hidden shadow-sm">
       {/* Header */}
-      <div className="flex items-center gap-2 px-3.5 py-2.5 border-b border-border bg-muted/30">
-        <span className="text-2xs text-muted-foreground/60 font-mono w-5 text-center shrink-0">{index + 1}</span>
-        <span className={`text-xs font-medium flex-1 truncate ${step.name ? 'text-foreground' : 'text-muted-foreground italic'}`}>
+      <div className="flex items-center gap-2 px-3 py-2 bg-muted/20">
+        <span className={`text-xs font-medium flex-1 truncate ${step.name ? 'text-foreground' : 'text-muted-foreground/50 italic'}`}>
           {step.name || 'Untitled step'}
         </span>
         <div className="flex items-center gap-0.5">
           {onMoveUp && (
-            <button onClick={onMoveUp} className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title="Move up">
-              <ChevronUp size={13} />
+            <button onClick={onMoveUp} className="p-1 rounded hover:bg-muted text-muted-foreground/50 hover:text-foreground transition-colors" title="Move up">
+              <ChevronUp size={12} />
             </button>
           )}
           {onMoveDown && (
-            <button onClick={onMoveDown} className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title="Move down">
-              <ChevronDown size={13} />
+            <button onClick={onMoveDown} className="p-1 rounded hover:bg-muted text-muted-foreground/50 hover:text-foreground transition-colors" title="Move down">
+              <ChevronDown size={12} />
             </button>
           )}
-          <button onClick={onDelete} className="p-1 rounded hover:bg-[var(--error)]/10 text-muted-foreground hover:text-[var(--error)] transition-colors" title="Delete step">
-            <Trash2 size={12} />
+          <button onClick={onDelete} className="p-1 rounded hover:bg-[var(--error)]/10 text-muted-foreground/50 hover:text-[var(--error)] transition-colors" title="Delete">
+            <Trash2 size={11} />
           </button>
-          <button onClick={() => setExpanded(false)} className="p-1 rounded hover:bg-muted text-muted-foreground transition-colors" title="Collapse">
-            <ChevronUp size={13} />
+          <button onClick={() => setExpanded(false)} className="p-1 rounded hover:bg-muted text-muted-foreground/50 transition-colors" title="Collapse">
+            <ChevronUp size={12} />
           </button>
         </div>
       </div>
 
-      {/* Form body */}
-      <div className="px-3.5 py-3 space-y-3">
-        {/* Step name */}
-        <div>
-          <label className="block text-2xs font-medium text-muted-foreground mb-1">Step name</label>
-          <input type="text" value={step.name} onChange={e => update({ name: e.target.value })}
-            placeholder="e.g. Run Tests"
-            autoFocus={!step.name}
-            className="w-full px-2.5 py-1.5 text-sm rounded-md border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
-          />
-        </div>
+      {/* Body */}
+      <div className="px-3 py-3 space-y-3">
+        {/* Name — inline style, not a labeled field */}
+        <input type="text" value={step.name} onChange={e => update({ name: e.target.value })}
+          placeholder="Step name..."
+          autoFocus={!step.name}
+          className="w-full text-sm font-medium bg-transparent text-foreground placeholder:text-muted-foreground/30 focus:outline-none border-none p-0"
+        />
 
-        {/* Prompt */}
-        <div>
-          <label className="block text-2xs font-medium text-muted-foreground mb-1">Prompt</label>
-          <textarea value={step.prompt} onChange={e => update({ prompt: e.target.value })}
-            placeholder="Describe what the AI should do in this step..."
-            rows={4}
-            className="w-full px-2.5 py-1.5 text-sm rounded-md border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-y leading-relaxed"
-          />
-        </div>
+        {/* Prompt — the main content */}
+        <textarea value={step.prompt} onChange={e => update({ prompt: e.target.value })}
+          placeholder="What should the AI do?"
+          rows={3}
+          className="w-full px-3 py-2.5 text-sm rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground/40 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-y leading-relaxed"
+        />
 
-        {/* Agent + Model */}
-        <div className={`grid ${step.agent ? 'grid-cols-2' : 'grid-cols-1'} gap-3`}>
+        {/* Agent selector — always visible, it's important */}
+        <div className={`grid ${step.agent ? 'grid-cols-2' : 'grid-cols-1'} gap-2`}>
           <div>
-            <label className="block text-2xs font-medium text-muted-foreground mb-1">Agent</label>
+            <label className="block text-2xs text-muted-foreground/60 mb-1">Agent</label>
             <AgentSelector value={step.agent} onChange={agent => update({ agent, model: agent ? step.model : undefined })} />
           </div>
           {step.agent && (
             <div>
-              <label className="block text-2xs font-medium text-muted-foreground mb-1">Model</label>
+              <label className="block text-2xs text-muted-foreground/60 mb-1">Model</label>
               <ModelSelector value={step.model} onChange={model => update({ model })} />
             </div>
           )}
         </div>
 
-        {/* Skills (multi-select) */}
-        <div>
-          <label className="block text-2xs font-medium text-muted-foreground mb-1">Skills</label>
-          <SkillsSelector
-            value={allSkills}
-            onChange={skills => update({ skills, skill: undefined })}
-          />
-        </div>
+        {/* Config toggle — progressive disclosure for skills, context, timeout */}
+        <button
+          onClick={() => setShowConfig(v => !v)}
+          className={`flex items-center gap-1.5 text-2xs transition-colors ${
+            showConfig || hasConfig ? 'text-muted-foreground' : 'text-muted-foreground/40 hover:text-muted-foreground'
+          }`}
+        >
+          <Settings2 size={11} />
+          {showConfig ? 'Less options' : 'More options'}
+          {!showConfig && hasConfig && <span className="w-1.5 h-1.5 rounded-full bg-[var(--amber)]" />}
+        </button>
 
-        {/* Context files */}
-        <div>
-          <label className="block text-2xs font-medium text-muted-foreground mb-1">Context files</label>
-          <ContextSelector
-            value={step.context ?? []}
-            onChange={context => update({ context: context.length ? context : undefined })}
-          />
-        </div>
+        {showConfig && (
+          <div className="space-y-3 pt-1">
+            {/* Skills */}
+            <div>
+              <label className="block text-2xs text-muted-foreground/60 mb-1">Skills</label>
+              <SkillsSelector value={allSkills} onChange={skills => update({ skills, skill: undefined })} />
+            </div>
 
-        {/* Description + Timeout in one row */}
-        <div className="grid grid-cols-[1fr,auto] gap-3">
-          <div>
-            <label className="block text-2xs font-medium text-muted-foreground mb-1">Description <span className="text-muted-foreground/50">(optional)</span></label>
-            <input type="text" value={step.description || ''} onChange={e => update({ description: e.target.value || undefined })}
-              placeholder="Brief description of this step"
-              className="w-full px-2.5 py-1.5 text-xs rounded-md border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
-            />
-          </div>
-          <div>
-            <label className="block text-2xs font-medium text-muted-foreground mb-1">Timeout</label>
-            <div className="flex items-center gap-1.5">
-              <input type="number" min={0} value={step.timeout || ''} onChange={e => update({ timeout: e.target.value ? Number(e.target.value) : undefined })}
-                placeholder="120"
-                className="w-20 px-2.5 py-1.5 text-xs rounded-md border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
-              />
-              <span className="text-2xs text-muted-foreground/50">sec</span>
+            {/* Context files */}
+            <div>
+              <label className="block text-2xs text-muted-foreground/60 mb-1">Context files</label>
+              <ContextSelector value={step.context ?? []} onChange={context => update({ context: context.length ? context : undefined })} />
+            </div>
+
+            {/* Description + Timeout */}
+            <div className="grid grid-cols-[1fr,auto] gap-3">
+              <div>
+                <label className="block text-2xs text-muted-foreground/60 mb-1">Description</label>
+                <input type="text" value={step.description || ''} onChange={e => update({ description: e.target.value || undefined })}
+                  placeholder="Optional note..."
+                  className="w-full px-2.5 py-1.5 text-xs rounded-md border border-border bg-background text-foreground placeholder:text-muted-foreground/30 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                />
+              </div>
+              <div>
+                <label className="block text-2xs text-muted-foreground/60 mb-1">Timeout</label>
+                <div className="flex items-center gap-1">
+                  <input type="number" min={0} value={step.timeout || ''} onChange={e => update({ timeout: e.target.value ? Number(e.target.value) : undefined })}
+                    placeholder="120"
+                    className="w-16 px-2 py-1.5 text-xs rounded-md border border-border bg-background text-foreground placeholder:text-muted-foreground/30 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                  />
+                  <span className="text-2xs text-muted-foreground/40">s</span>
+                </div>
+              </div>
             </div>
           </div>
-        </div>
+        )}
       </div>
     </div>
   );