@uniqueli/openwork 0.2.3 → 0.2.4

package/README.md

@@ -107,6 +107,19 @@ CUSTOM_MODEL=your-model-name  # optional
 
 ## Changelog
 
+### v0.2.4 (2026-02-06)
+- ✨ **聊天建议卡片**: 新对话空状态下显示可点击的建议卡片（文件整理、内容创作、文档处理），点击即可快速开始对话
+
+### v0.2.3 (2026-02-04)
+- ✨ **Skills System**: 新增技能配置系统，支持 12 个内置技能和自定义技能创建
+- 🐛 修复 `deleteUserSkill` 误删所有技能记录的严重 Bug
+- 🐛 修复 Switch 组件、创建技能对话框、技能过滤等多个问题
+- ⚡ 技能初始化改为懒加载，提升启动性能
+
+### v0.2.2 (2026-xx-xx)
+- ✨ 支持多个自定义 API 配置
+- 🔧 动态 Provider 系统
+
 ### v0.2.1 (2026-01-19)
 - 🐛 **Critical Fix**: Fixed "Missing credentials" error for users without OpenAI API key
 - 🔧 Custom API now works correctly even when OPENAI_API_KEY is not set in environment

package/out/renderer/assets/{index-BmPF126u.css → index-B2t12qbx.css}

@@ -489,6 +489,10 @@
     margin-top: calc(var(--spacing) * 2);
   }
 
+  .mt-6 {
+    margin-top: calc(var(--spacing) * 6);
+  }
+
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
@@ -1434,6 +1438,16 @@
     }
   }
 
+  .bg-accent\/30 {
+    background-color: var(--accent);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-accent\/30 {
+      background-color: color-mix(in oklab, var(--accent) 30%, transparent);
+    }
+  }
+
   .bg-amber-500\/5 {
     background-color: #f99c000d;
   }

package/out/renderer/assets/{index-DTaVewa6.js → index-Be3u7LN6.js}

@@ -12785,6 +12785,24 @@ const Music = createLucideIcon("Music", [
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["circle", { cx: "18", cy: "16", r: "3", key: "1hluhg" }]
 ]);
+const PenTool = createLucideIcon("PenTool", [
+  [
+    "path",
+    {
+      d: "M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z",
+      key: "nt11vn"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18",
+      key: "15qc1e"
+    }
+  ],
+  ["path", { d: "m2.3 2.3 7.286 7.286", key: "1wuzzi" }],
+  ["circle", { cx: "11", cy: "11", r: "2", key: "xmgehs" }]
+]);
 const Pencil = createLucideIcon("Pencil", [
   [
     "path",
@@ -75841,6 +75859,76 @@ function ContextUsageIndicator({
     ] }) })
   ] });
 }
+const Card = reactExports.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      ref,
+      className: cn("rounded-sm border border-border bg-card text-card-foreground", className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+const CardHeader = reactExports.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-4", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+const CardTitle = reactExports.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { ref, className: cn("text-section-header", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+const CardDescription = reactExports.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+CardDescription.displayName = "CardDescription";
+const CardContent = reactExports.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, className: cn("p-4 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+const CardFooter = reactExports.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, className: cn("flex items-center p-4 pt-0", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+const ICON_MAP = {
+  FolderOpen,
+  PenTool,
+  FileText
+};
+const DEFAULT_SUGGESTIONS = [
+  {
+    icon: "FolderOpen",
+    title: "文件整理",
+    description: "智能整理和管理本地文件"
+  },
+  {
+    icon: "PenTool",
+    title: "内容创作",
+    description: "创建演示文稿、文档和多媒体内容"
+  },
+  {
+    icon: "FileText",
+    title: "文档处理",
+    description: "处理和分析文档数据"
+  }
+];
+function SuggestionCards({ onSelect }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "suggestion-cards", className: "grid grid-cols-3 gap-3 mt-6 w-full max-w-lg", children: DEFAULT_SUGGESTIONS.map((suggestion) => {
+    const IconComponent = ICON_MAP[suggestion.icon];
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Card,
+      {
+        className: "cursor-pointer transition-colors hover:bg-accent/50",
+        onClick: () => onSelect(suggestion),
+        "data-testid": "suggestion-card",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { className: "p-4 flex flex-col items-start gap-2", children: [
+          IconComponent && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg bg-accent/30 p-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconComponent, { className: "size-5 text-muted-foreground" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-semibold", children: suggestion.title }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: suggestion.description })
+        ] })
+      },
+      suggestion.title
+    );
+  }) });
+}
 function ChatContainer({ threadId }) {
   const inputRef = reactExports.useRef(null);
   const scrollRef = reactExports.useRef(null);
@@ -76055,11 +76143,33 @@ function ChatContainer({ threadId }) {
     await selectWorkspaceFolder(threadId, setWorkspacePath, setWorkspaceFiles, () => {
     }, void 0);
   };
+  const handleSuggestionSelect = async (suggestion) => {
+    if (isLoading || !stream || !workspacePath) return;
+    const message = suggestion.title;
+    const userMessage = {
+      id: crypto.randomUUID(),
+      role: "user",
+      content: message,
+      created_at: /* @__PURE__ */ new Date()
+    };
+    appendMessage(userMessage);
+    const currentThread = threads.find((t) => t.thread_id === threadId);
+    if (currentThread?.title?.startsWith("Thread ")) {
+      generateTitleForFirstMessage(threadId, message);
+    }
+    await stream.submit(
+      { messages: [{ type: "human", content: message }] },
+      { config: { configurable: { thread_id: threadId, model_id: currentModel } } }
+    );
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col min-h-0 overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "flex-1 min-h-0", ref: scrollRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-3xl mx-auto space-y-4", children: [
       displayMessages.length === 0 && !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-20 text-muted-foreground", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-section-header mb-2", children: "NEW THREAD" }),
-        workspacePath ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm", children: "Start a conversation with the agent" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm text-center space-y-3", children: [
+        workspacePath ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm", children: "Start a conversation with the agent" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SuggestionCards, { onSelect: handleSuggestionSelect })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm text-center space-y-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-500", children: "Select a workspace folder" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block text-xs mt-1 opacity-75", children: "The agent needs a workspace to create and modify files" })
@@ -77728,35 +77838,6 @@ function KanbanColumn({
     }
   );
 }
-const Card = reactExports.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      ref,
-      className: cn("rounded-sm border border-border bg-card text-card-foreground", className),
-      ...props
-    }
-  )
-);
-Card.displayName = "Card";
-const CardHeader = reactExports.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-4", className), ...props })
-);
-CardHeader.displayName = "CardHeader";
-const CardTitle = reactExports.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { ref, className: cn("text-section-header", className), ...props })
-);
-CardTitle.displayName = "CardTitle";
-const CardDescription = reactExports.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
-CardDescription.displayName = "CardDescription";
-const CardContent = reactExports.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, className: cn("p-4 pt-0", className), ...props })
-);
-CardContent.displayName = "CardContent";
-const CardFooter = reactExports.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, className: cn("flex items-center p-4 pt-0", className), ...props })
-);
-CardFooter.displayName = "CardFooter";
 function ThreadStatusIcon({ threadId }) {
   const { isLoading } = useThreadStream(threadId);
   if (isLoading) {
@@ -78120,7 +78201,7 @@ function App() {
         },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "app-badge-name", children: "OPENWORK" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "app-badge-version", children: "0.2.3" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "app-badge-version", children: "0.2.4" })
         ]
       }
     ),

package/out/renderer/index.html

@@ -7,8 +7,8 @@
       http-equiv="Content-Security-Policy"
       content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
     />
-    <script type="module" crossorigin src="./assets/index-DTaVewa6.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-BmPF126u.css">
+    <script type="module" crossorigin src="./assets/index-Be3u7LN6.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-B2t12qbx.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniqueli/openwork",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "A tactical agent interface for deepagentsjs with multiple custom API support",
   "main": "./out/main/index.js",
   "files": [