miantiao.me 0.2.0 → 0.3.0

package/dist/{app-YAGEJAXF.js → app-VCJ3SOSQ.js}

@@ -293,13 +293,6 @@ import { useRef as useRef8 } from "react";
 import { ThreadPrimitive, useAuiState } from "@assistant-ui/react-ink";
 import { Box as Box4, Text as Text4 } from "ink";
 
-// packages/cli/src/theme.tsx
-import { createContext, useContext, useMemo } from "react";
-import {
-  MarkdownText,
-  useShikiHighlighter
-} from "@assistant-ui/react-ink-markdown";
-
 // src/theme-data.ts
 var themes = [
   { id: "groknight", name: "GrokNight", description: "\u4E2D\u6027\u6697\u8272\uFF0C\u9ED8\u8BA4\u4E3B\u9898", dark: true, color: "#141414" },
@@ -331,7 +324,7 @@ function parseThemePreference(input) {
   const name = input?.trim().toLowerCase();
   if (!name)
     return void 0;
-  return themeOptions.find((option) => option.id === name)?.id ?? aliases[name];
+  return themeOptions.find((option) => option.id === name)?.id ?? (Object.hasOwn(aliases, name) ? aliases[name] : void 0);
 }
 function resolveTheme(preference, prefersDark2) {
   if (preference !== "auto")
@@ -342,7 +335,27 @@ function getThemeName(id) {
   return themeOptions.find((option) => option.id === id)?.name ?? id;
 }
 
+// src/agent/tool-header.ts
+function getToolHeader({ toolName, args }) {
+  switch (toolName) {
+    case "set_theme": {
+      const theme = typeof args?.theme === "string" ? args.theme : "";
+      const preference = parseThemePreference(theme);
+      return { verb: "Theme", target: preference ? getThemeName(preference) : theme };
+    }
+    case "open_page":
+      return { verb: "Open", target: typeof args?.path === "string" ? args.path : "" };
+    default:
+      return { verb: toolName, target: "" };
+  }
+}
+
 // packages/cli/src/theme.tsx
+import { createContext, useContext, useMemo } from "react";
+import {
+  MarkdownText,
+  useShikiHighlighter
+} from "@assistant-ui/react-ink-markdown";
 import { stripVTControlCharacters } from "node:util";
 import { jsx } from "react/jsx-runtime";
 function cleanText(text) {
@@ -608,7 +621,6 @@ function HomeSections({ page, ...selection }) {
 
 // packages/cli/src/chat.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var toolTitles = { set_theme: "Theme", open_page: "Open" };
 function MessageBody({ message }) {
   const { colors } = useTerminalStyle();
   if (message.role === "user") {
@@ -630,12 +642,13 @@ function MessageBody({ message }) {
         );
       }
       if (part.type === "tool-call") {
-        const title = toolTitles[part.toolName] ?? part.toolName;
+        const { verb, target } = getToolHeader(part);
         return /* @__PURE__ */ jsxs4(Text4, { color: colors.skill, children: [
           "\u25C6 ",
-          cleanText(title),
+          cleanText(verb),
           " ",
-          cleanText(part.result === void 0 ? part.argsText : String(part.result))
+          cleanText(target),
+          part.result !== void 0 && ` (${cleanText(String(part.result))})`
         ] }, part.toolCallId);
       }
       return null;
@@ -668,6 +681,14 @@ import { useEffect as useEffect5, useEffectEvent, useRef as useRef6 } from "reac
 var composerPlaceholder = "\u95EE\u70B9\u4EC0\u4E48\uFF0C\u6216\u8F93\u5165 / \u67E5\u770B\u547D\u4EE4";
 var composerBrand = { mark: "<MT/>", model: "V3.14 Pro" };
 
+// src/utils/tags.ts
+function getTagSlug(tag) {
+  return encodeURIComponent(tag);
+}
+function getTagPath(tag) {
+  return `/tags/${getTagSlug(tag)}/`;
+}
+
 // src/agent/commands.ts
 var commands = [
   { id: "help", description: "\u67E5\u770B\u53EF\u7528\u547D\u4EE4" },
@@ -676,7 +697,7 @@ var commands = [
   { id: "home", description: "\u6253\u5F00\u9996\u9875" },
   { id: "blog", description: "\u6D4F\u89C8\u5168\u90E8\u6587\u7AE0" },
   { id: "projects", description: "\u67E5\u770B\u6298\u817E\u7684\u9879\u76EE" },
-  { id: "tags", description: "\u6309\u6807\u7B7E\u6D4F\u89C8\u6587\u7AE0" },
+  { id: "tags", args: "[\u6807\u7B7E]", description: "\u6309\u6807\u7B7E\u6D4F\u89C8\u6587\u7AE0" },
   { id: "search", args: "[\u5173\u952E\u8BCD]", description: "\u641C\u7D22\u6587\u7AE0" },
   { id: "about", description: "\u5173\u4E8E\u672C\u7AD9" },
   { id: "rss", description: "\u8BA2\u9605 RSS" }
@@ -688,6 +709,13 @@ var pageCommands = {
   tags: "/tags/",
   about: "/about/"
 };
+function getCommandPath(name, args = "") {
+  if (name === "search")
+    return getSearchPath(args);
+  if (name === "tags" && args)
+    return getTagPath(args);
+  return Object.hasOwn(pageCommands, name) ? pageCommands[name] : void 0;
+}
 function parseCommand(input) {
   const match = input.trim().match(/^\/(\S+)(?:\s+([\s\S]*))?$/);
   if (!match)
@@ -704,7 +732,7 @@ import { useEffect as useEffect2, useImperativeHandle as useImperativeHandle2, u
 
 // packages/cli/src/commands.ts
 var terminalCommands = [
-  ...commands.map((command) => command.id === "tags" ? { ...command, args: "[\u6807\u7B7E]" } : command),
+  ...commands,
   { id: "read", args: "<\u7F16\u53F7\u3001slug \u6216\u8DEF\u5F84>", description: "\u9605\u8BFB\u6587\u7AE0\u5168\u6587" },
   { id: "open", args: "[\u7F16\u53F7\u6216 URL]", description: "\u5728\u6D4F\u89C8\u5668\u6253\u5F00\u5F53\u524D\u9875\u9762\u6216\u94FE\u63A5" },
   { id: "refresh", description: "\u4ECE\u5B98\u7F51\u5237\u65B0\u5F53\u524D\u9875\u9762" },
@@ -1144,28 +1172,44 @@ function TerminalPanels({
 // packages/cli/src/run-status.tsx
 import { LoadingPrimitive } from "@assistant-ui/react-ink";
 import { Box as Box9, Text as Text9 } from "ink";
+
+// src/agent/useElapsedTime.ts
 import { useEffect as useEffect4, useState as useState7 } from "react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-function RunStatus({ running, loading }) {
-  const { colors } = useTerminalStyle();
+function useElapsedTime(active, live = false) {
   const [seconds, setSeconds] = useState7(0);
   useEffect4(() => {
-    if (!running) return;
-    const started = Date.now();
+    if (!active)
+      return;
+    const startedAt = Date.now();
+    const elapsed = () => (Date.now() - startedAt) / 1e3;
+    const finish = () => setSeconds(elapsed());
     setSeconds(0);
-    const timer = setInterval(() => setSeconds(Math.floor((Date.now() - started) / 1e3)), 1e3);
-    return () => clearInterval(timer);
-  }, [running]);
+    if (!live)
+      return finish;
+    const timer = setInterval(finish, 1e3);
+    return () => {
+      clearInterval(timer);
+      finish();
+    };
+  }, [active, live]);
+  return seconds;
+}
+
+// packages/cli/src/run-status.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function RunStatus({ running, loading }) {
+  const { colors } = useTerminalStyle();
+  const seconds = useElapsedTime(running, true);
   if (!running && !loading) return null;
   return /* @__PURE__ */ jsxs9(Box9, { paddingLeft: 2, height: 1, children: [
     /* @__PURE__ */ jsx10(LoadingPrimitive.Spinner, {}),
     /* @__PURE__ */ jsxs9(Text9, { color: colors.fg, children: [
       " ",
-      loading ? "\u601D\u8003\u4E2D\u2026\u2026" : "\u56DE\u590D\u4E2D\u2026"
+      loading ? "\u601D\u8003\u4E2D\u2026" : "\u56DE\u590D\u4E2D\u2026"
     ] }),
     running && /* @__PURE__ */ jsxs9(Text9, { color: colors.muted, children: [
       " ",
-      seconds,
+      Math.floor(seconds),
       "s"
     ] }),
     /* @__PURE__ */ jsx10(Box9, { flexGrow: 1 }),
@@ -1535,6 +1579,42 @@ async function loadPage(client, path, signal) {
 import { useApp, useInput as useInput8 } from "ink";
 import { useCallback as useCallback2, useState as useState10 } from "react";
 
+// src/agent/command-actions.ts
+async function runSharedCommand(name, args, actions) {
+  const path = getCommandPath(name, args);
+  if (path) {
+    actions.setPanel(null);
+    await actions.navigate(path, `/${name} ${args}`.trim());
+    return true;
+  }
+  switch (name) {
+    case "help":
+    case "rss":
+      actions.setPanel({ type: name });
+      return true;
+    case "theme": {
+      if (!args) {
+        actions.setPanel({ type: "theme" });
+        return true;
+      }
+      const preference = parseThemePreference(args);
+      if (preference) {
+        actions.setTheme(preference);
+        actions.setPanel({ type: "notice", text: `\u5DF2\u5207\u6362\u5230 ${getThemeName(preference)}` });
+      } else {
+        actions.setPanel({ type: "notice", tone: "error", text: `\u672A\u77E5\u4E3B\u9898\uFF1A${args}\u3002\u53EF\u9009\uFF1A${themeOptions.map((option) => option.id).join("\u3001")}` });
+      }
+      return true;
+    }
+    case "clear":
+      actions.clear();
+      actions.setPanel(null);
+      return true;
+    default:
+      return false;
+  }
+}
+
 // packages/cli/src/agent.ts
 import { useChatRuntime } from "@assistant-ui/ai-sdk";
 import { useEffect as useEffect7, useMemo as useMemo3 } from "react";
@@ -1853,32 +1933,16 @@ function useTerminalSession(client, initial) {
   const onCommand = async (name, args) => {
     setPreviewTheme(void 0);
     try {
-      if (pageCommands[name] && !(name === "tags" && args)) {
-        await navigate(pageCommands[name], `/${name}`);
-        return;
-      }
-      switch (name) {
-        case "help":
-        case "rss":
-          setPanel({ type: name });
-          break;
-        case "theme": {
-          const preference = parseThemePreference(args);
-          if (!args) setPanel({ type: "theme" });
-          else if (preference) onApplyTheme(preference);
-          else
-            notify(
-              `\u672A\u77E5\u4E3B\u9898\uFF1A${args}\u3002\u53EF\u9009\uFF1A${themeOptions.map((option) => option.id).join("\u3001")}`,
-              "error"
-            );
-          break;
+      if (await runSharedCommand(name, args, {
+        navigate: (path, prompt2) => navigate(name === "tags" && args ? resolveTagPath(args, index) : path, prompt2),
+        setPanel,
+        setTheme,
+        clear: () => {
+          stop();
+          runtime.thread.reset();
         }
-        case "tags":
-          await navigate(resolveTagPath(args, index), `/tags ${args}`);
-          break;
-        case "search":
-          await navigate(getSearchPath(args), `/search ${args}`.trim());
-          break;
+      })) return;
+      switch (name) {
         case "read":
           await navigate(resolveReadPath(args, page), `/read ${args}`);
           break;
@@ -1888,11 +1952,6 @@ function useTerminalSession(client, initial) {
         case "open":
           await openBrowser(resolveOpenTarget(args, page), client.site);
           break;
-        case "clear":
-          stop();
-          runtime.thread.reset();
-          onClosePanel();
-          break;
         case "quit":
           stop();
           exit();

package/dist/index.js

@@ -16,14 +16,14 @@ try {
       "miantiao.me \u2014 \u7EC8\u7AEF\u91CC\u7684\u9762\u6761\n\n\u7528\u6CD5\uFF1Anpx miantiao.me [--site <URL>]\n\n  -h, --help     \u67E5\u770B\u5E2E\u52A9\n  -v, --version  \u67E5\u770B\u7248\u672C\n  --site <URL>  \u5B98\u7F51\u5730\u5740\uFF0C\u4E5F\u53EF\u6307\u5411\u672C\u5730\u9884\u89C8\n\n\u8FDB\u5165\u540E\u8F93\u5165 /help \u67E5\u770B\u547D\u4EE4\uFF0CCtrl+C \u9000\u51FA\u3002\n\u9700\u8981 Node.js 22.14 \u6216\u66F4\u65B0\u7248\u672C\uFF0C\u4EE5\u53CA\u53EF\u4EA4\u4E92\u7684\u7EC8\u7AEF\u3002"
     );
   } else if (values.version) {
-    console.log("0.2.0");
+    console.log("0.3.0");
   } else {
     const site = new URL(values.site);
     if (!["https:", "http:"].includes(site.protocol) || site.username || site.password)
       throw new Error("--site \u5FC5\u987B\u4E3A\u4E0D\u542B\u51ED\u8BC1\u7684 HTTP \u6216 HTTPS \u5730\u5740\u3002");
     if (!process.stdin.isTTY || !process.stdout.isTTY)
       throw new Error("\u8BF7\u5728\u4EA4\u4E92\u5F0F\u7EC8\u7AEF\u8FD0\u884C npx miantiao.me\uFF1B\u4F7F\u7528 --help \u67E5\u770B\u5E2E\u52A9\u3002");
-    const { run } = await import("./app-YAGEJAXF.js");
+    const { run } = await import("./app-VCJ3SOSQ.js");
     await run(site.origin);
   }
 } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miantiao.me",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "在终端浏览 miantiao.me，与面条的 AI 助手对话。",
   "type": "module",
   "bin": {