@within-7/minto 0.4.1 → 0.4.3

package/dist/components/TabbedListView/TabbedListView.js

@@ -1,246 +0,0 @@
-import React, { useState, useCallback, useMemo } from "react";
-import { Box, Text, useInput } from "ink";
-import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../../constants/colors.js";
-import { TabBar } from "./TabBar.js";
-import { SearchInput } from "./SearchInput.js";
-import { ScrollableList } from "./ScrollableList.js";
-import { SimpleSpinner } from "../Spinner.js";
-import { StatusOverlayContent } from "../StatusOverlayContent.js";
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-const PROMPT_HEIGHT = 5;
-const CHROME_HEIGHT = 6;
-function TabbedListView({
-  title,
-  tabs,
-  activeTab,
-  onTabChange,
-  items,
-  searchEnabled = true,
-  searchPlaceholder = "Search...",
-  searchQuery = "",
-  onSearchChange,
-  onSearchSubmit,
-  onSelect,
-  onClose,
-  onBack,
-  footerHint,
-  isLoading = false,
-  loadingText = "Loading...",
-  emptyText = "No items found",
-  groupByCategory = false,
-  renderItem,
-  statusOverlay,
-  isActive = true,
-  showItemCount = true,
-  statusDismissHint,
-  multiSelect,
-  selectedIds,
-  onSelectionChange,
-  onMultiSelect,
-  multiSelectActionLabel
-}) {
-  const { rows } = useTerminalSize();
-  const visibleCount = Math.min(
-    8,
-    Math.max(3, rows - PROMPT_HEIGHT - CHROME_HEIGHT)
-  );
-  const [focusArea, setFocusArea] = useState(
-    searchEnabled ? "search" : "list"
-  );
-  const [focusedIndex, setFocusedIndex] = useState(0);
-  const filteredItems = useMemo(() => {
-    if (!searchQuery.trim()) return items;
-    const query = searchQuery.toLowerCase();
-    return items.filter(
-      (item) => item.label.toLowerCase().includes(query) || item.description?.toLowerCase().includes(query) || item.category?.toLowerCase().includes(query)
-    );
-  }, [items, searchQuery]);
-  React.useEffect(() => {
-    setFocusedIndex(0);
-  }, [filteredItems.length, activeTab]);
-  const cycleTab = useCallback(
-    (direction) => {
-      const currentIndex = tabs.findIndex((t) => t.id === activeTab);
-      let newIndex;
-      if (direction === "right") {
-        newIndex = (currentIndex + 1) % tabs.length;
-      } else {
-        newIndex = currentIndex - 1 < 0 ? tabs.length - 1 : currentIndex - 1;
-      }
-      onTabChange(tabs[newIndex].id);
-    },
-    [tabs, activeTab, onTabChange]
-  );
-  const handleSelect = useCallback(
-    (item) => {
-      if (onSelect) {
-        onSelect(item);
-      }
-    },
-    [onSelect]
-  );
-  useInput(
-    (input, key) => {
-      if (statusOverlay && statusOverlay.type !== "loading") {
-        if (key.escape || key.return) {
-          onClose();
-        }
-        return;
-      }
-      if (statusOverlay) return;
-      if (key.escape) {
-        if (onBack) {
-          onBack();
-        } else {
-          onClose();
-        }
-        return;
-      }
-      if (key.tab) {
-        cycleTab(key.shift ? "left" : "right");
-        return;
-      }
-      if (focusArea === "tabs" || focusArea === "search") {
-        if (key.leftArrow) {
-          cycleTab("left");
-          return;
-        }
-        if (key.rightArrow) {
-          cycleTab("right");
-          return;
-        }
-      }
-      if (key.downArrow) {
-        if (focusArea === "search") {
-          setFocusArea("list");
-          return;
-        }
-        if (focusArea === "list" && filteredItems.length > 0) {
-          setFocusedIndex(
-            (prev) => prev < filteredItems.length - 1 ? prev + 1 : prev
-          );
-          return;
-        }
-      }
-      if (key.upArrow) {
-        if (focusArea === "list") {
-          if (focusedIndex > 0) {
-            setFocusedIndex((prev) => prev - 1);
-          } else if (searchEnabled) {
-            setFocusArea("search");
-          }
-          return;
-        }
-      }
-      if (key.return && focusArea === "search" && onSearchSubmit) {
-        onSearchSubmit(searchQuery);
-        return;
-      }
-      if (input === " " && multiSelect && focusArea === "list" && filteredItems.length > 0) {
-        const item = filteredItems[focusedIndex];
-        if (item && onSelectionChange) {
-          const isCurrentlySelected = selectedIds?.has(item.id) ?? false;
-          onSelectionChange(item.id, !isCurrentlySelected);
-        }
-        return;
-      }
-      if (input === "a" && multiSelect && focusArea === "list" && filteredItems.length > 0) {
-        if (onSelectionChange) {
-          const allSelected = filteredItems.every(
-            (item) => selectedIds?.has(item.id)
-          );
-          for (const item of filteredItems) {
-            onSelectionChange(item.id, !allSelected);
-          }
-        }
-        return;
-      }
-      if (key.return && focusArea === "list" && filteredItems.length > 0) {
-        if (multiSelect && selectedIds && selectedIds.size > 0 && onMultiSelect) {
-          const selectedItems = filteredItems.filter(
-            (item) => selectedIds.has(item.id)
-          );
-          if (selectedItems.length > 0) {
-            onMultiSelect(selectedItems);
-            return;
-          }
-        }
-        handleSelect(filteredItems[focusedIndex]);
-        return;
-      }
-      if (input === "/" && searchEnabled && focusArea !== "search") {
-        setFocusArea("search");
-        return;
-      }
-    },
-    { isActive }
-  );
-  const defaultHint = "\u2191\u2193 Navigate \xB7 Enter Select \xB7 Tab/\u2190\u2192 Switch \xB7 Esc Close";
-  const multiSelectHint = "\u2191\u2193 Navigate \xB7 Space Select \xB7 a All \xB7 Enter Action \xB7 Tab Switch \xB7 Esc Close";
-  const displayHint = statusOverlay ? statusOverlay.type === "loading" ? "" : statusDismissHint || "Esc Close" : multiSelect ? selectedIds && selectedIds.size > 0 && multiSelectActionLabel ? `${multiSelectActionLabel} \xB7 ${footerHint || multiSelectHint}` : footerHint || multiSelectHint : footerHint || defaultHint;
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      borderTop: true,
-      borderBottom: false,
-      borderLeft: false,
-      borderRight: false,
-      borderColor: BRAND_GRADIENT.START,
-      borderStyle: "single",
-      width: "100%",
-      paddingX: 1,
-      flexDirection: "column"
-    },
-    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C6"), /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.secondary }, " ", title), showItemCount && !statusOverlay && filteredItems.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " (", filteredItems.length, ")")),
-    /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexShrink: 0 }, /* @__PURE__ */ React.createElement(TabBar, { tabs, activeTab, onTabChange }))
-  ), /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      flexDirection: "column",
-      borderTop: false,
-      borderBottom: true,
-      borderLeft: false,
-      borderRight: false,
-      borderColor: BRAND_GRADIENT.START,
-      borderStyle: "single",
-      width: "100%",
-      paddingX: 1,
-      paddingY: 1
-    },
-    searchEnabled && !statusOverlay && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(
-      SearchInput,
-      {
-        value: searchQuery,
-        onChange: onSearchChange || (() => {
-        }),
-        placeholder: searchPlaceholder,
-        isActive: focusArea === "search"
-      }
-    )),
-    /* @__PURE__ */ React.createElement(Box, { key: `content-${activeTab}`, flexDirection: "column" }, statusOverlay ? /* @__PURE__ */ React.createElement(
-      StatusOverlayContent,
-      {
-        type: statusOverlay.type,
-        message: statusOverlay.message
-      }
-    ) : isLoading ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(SimpleSpinner, null), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", loadingText)) : filteredItems.length === 0 ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, emptyText)) : /* @__PURE__ */ React.createElement(
-      ScrollableList,
-      {
-        items: filteredItems,
-        focusedIndex,
-        onFocusChange: setFocusedIndex,
-        onSelect: handleSelect,
-        visibleCount,
-        groupByCategory,
-        renderItem,
-        multiSelect,
-        selectedIds
-      }
-    )),
-    displayHint && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, displayHint))
-  ));
-}
-export {
-  TabbedListView
-};
-//# sourceMappingURL=TabbedListView.js.map

package/dist/components/TabbedListView/TabbedListView.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TabbedListView/TabbedListView.tsx"],
-  "sourcesContent": ["/**\n * TabbedListView Component\n *\n * A reusable component matching the /command suggestion UI pattern:\n * - Tab navigation (\u2190/\u2192 or Tab key)\n * - Search input (/ to focus)\n * - Scrollable list with \u25C6 selection indicator\n * - Brand gradient colors for selection\n * - Consistent height control (MAX_VISIBLE = 8)\n * - Status overlay for loading/success/error states (maintains frame)\n * - Back navigation support (onBack)\n *\n * Based on Claude Code CLI's /plugins UI pattern.\n */\n\nimport React, { useState, useCallback, useMemo } from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport { TabBar } from './TabBar'\nimport { SearchInput } from './SearchInput'\nimport { ScrollableList } from './ScrollableList'\nimport { SimpleSpinner } from '@components/Spinner'\nimport { StatusOverlayContent } from '@components/StatusOverlayContent'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\nimport type { TabbedListViewProps, ListItem } from './types'\n\ntype FocusArea = 'tabs' | 'search' | 'list'\n\n// Heights for dynamic visible count calculation\nconst PROMPT_HEIGHT = 5 // PromptInput borders + input + hints\nconst CHROME_HEIGHT = 6 // title + tabs + search + footer + borders\n\nexport function TabbedListView({\n  title,\n  tabs,\n  activeTab,\n  onTabChange,\n  items,\n  searchEnabled = true,\n  searchPlaceholder = 'Search...',\n  searchQuery = '',\n  onSearchChange,\n  onSearchSubmit,\n  onSelect,\n  onClose,\n  onBack,\n  footerHint,\n  isLoading = false,\n  loadingText = 'Loading...',\n  emptyText = 'No items found',\n  groupByCategory = false,\n  renderItem,\n  statusOverlay,\n  isActive = true,\n  showItemCount = true,\n  statusDismissHint,\n  multiSelect,\n  selectedIds,\n  onSelectionChange,\n  onMultiSelect,\n  multiSelectActionLabel,\n}: TabbedListViewProps) {\n  // Dynamic visible count based on terminal height\n  const { rows } = useTerminalSize()\n  const visibleCount = Math.min(\n    8,\n    Math.max(3, rows - PROMPT_HEIGHT - CHROME_HEIGHT),\n  )\n\n  // Focus state: which area is currently active\n  const [focusArea, setFocusArea] = useState<FocusArea>(\n    searchEnabled ? 'search' : 'list',\n  )\n\n  // Index of focused item in the list\n  const [focusedIndex, setFocusedIndex] = useState(0)\n\n  // Filter items based on search query\n  const filteredItems = useMemo(() => {\n    if (!searchQuery.trim()) return items\n\n    const query = searchQuery.toLowerCase()\n    return items.filter(\n      item =>\n        item.label.toLowerCase().includes(query) ||\n        item.description?.toLowerCase().includes(query) ||\n        item.category?.toLowerCase().includes(query),\n    )\n  }, [items, searchQuery])\n\n  // Reset focus index when items change\n  React.useEffect(() => {\n    setFocusedIndex(0)\n  }, [filteredItems.length, activeTab])\n\n  // Handle tab cycling\n  const cycleTab = useCallback(\n    (direction: 'left' | 'right') => {\n      const currentIndex = tabs.findIndex(t => t.id === activeTab)\n      let newIndex: number\n\n      if (direction === 'right') {\n        newIndex = (currentIndex + 1) % tabs.length\n      } else {\n        newIndex = currentIndex - 1 < 0 ? tabs.length - 1 : currentIndex - 1\n      }\n\n      onTabChange(tabs[newIndex].id)\n    },\n    [tabs, activeTab, onTabChange],\n  )\n\n  // Handle item selection\n  const handleSelect = useCallback(\n    (item: ListItem) => {\n      if (onSelect) {\n        onSelect(item)\n      }\n    },\n    [onSelect],\n  )\n\n  // Keyboard input handling\n  useInput(\n    (input, key) => {\n      // Status overlay: success/error \u2192 ESC/Enter closes\n      if (statusOverlay && statusOverlay.type !== 'loading') {\n        if (key.escape || key.return) {\n          onClose()\n        }\n        return\n      }\n\n      // Status overlay: loading \u2192 ignore all input\n      if (statusOverlay) return\n\n      // Escape: onBack if provided, else onClose\n      if (key.escape) {\n        if (onBack) {\n          onBack()\n        } else {\n          onClose()\n        }\n        return\n      }\n\n      // Tab key cycles through tabs\n      if (key.tab) {\n        cycleTab(key.shift ? 'left' : 'right')\n        return\n      }\n\n      // Left/Right arrows for tab navigation when in tabs or search area\n      if (focusArea === 'tabs' || focusArea === 'search') {\n        if (key.leftArrow) {\n          cycleTab('left')\n          return\n        }\n        if (key.rightArrow) {\n          cycleTab('right')\n          return\n        }\n      }\n\n      // Handle focus area navigation\n      if (key.downArrow) {\n        if (focusArea === 'search') {\n          setFocusArea('list')\n          return\n        }\n        if (focusArea === 'list' && filteredItems.length > 0) {\n          setFocusedIndex(prev =>\n            prev < filteredItems.length - 1 ? prev + 1 : prev,\n          )\n          return\n        }\n      }\n\n      if (key.upArrow) {\n        if (focusArea === 'list') {\n          if (focusedIndex > 0) {\n            setFocusedIndex(prev => prev - 1)\n          } else if (searchEnabled) {\n            setFocusArea('search')\n          }\n          return\n        }\n      }\n\n      // Enter in search: submit if onSearchSubmit provided\n      if (key.return && focusArea === 'search' && onSearchSubmit) {\n        onSearchSubmit(searchQuery)\n        return\n      }\n\n      // Space: toggle selection in multi-select mode\n      if (\n        input === ' ' &&\n        multiSelect &&\n        focusArea === 'list' &&\n        filteredItems.length > 0\n      ) {\n        const item = filteredItems[focusedIndex]\n        if (item && onSelectionChange) {\n          const isCurrentlySelected = selectedIds?.has(item.id) ?? false\n          onSelectionChange(item.id, !isCurrentlySelected)\n        }\n        return\n      }\n\n      // 'a': toggle select-all / deselect-all in multi-select mode\n      if (\n        input === 'a' &&\n        multiSelect &&\n        focusArea === 'list' &&\n        filteredItems.length > 0\n      ) {\n        if (onSelectionChange) {\n          const allSelected = filteredItems.every(item =>\n            selectedIds?.has(item.id),\n          )\n          for (const item of filteredItems) {\n            onSelectionChange(item.id, !allSelected)\n          }\n        }\n        return\n      }\n\n      // Enter: batch action if multi-select has selections, otherwise single select\n      if (key.return && focusArea === 'list' && filteredItems.length > 0) {\n        if (\n          multiSelect &&\n          selectedIds &&\n          selectedIds.size > 0 &&\n          onMultiSelect\n        ) {\n          const selectedItems = filteredItems.filter(item =>\n            selectedIds.has(item.id),\n          )\n          if (selectedItems.length > 0) {\n            onMultiSelect(selectedItems)\n            return\n          }\n        }\n        handleSelect(filteredItems[focusedIndex])\n        return\n      }\n\n      // '/' to focus search\n      if (input === '/' && searchEnabled && focusArea !== 'search') {\n        setFocusArea('search')\n        return\n      }\n    },\n    { isActive },\n  )\n\n  // Build footer hint based on current state\n  const defaultHint = '\u2191\u2193 Navigate \u00B7 Enter Select \u00B7 Tab/\u2190\u2192 Switch \u00B7 Esc Close'\n  const multiSelectHint =\n    '\u2191\u2193 Navigate \u00B7 Space Select \u00B7 a All \u00B7 Enter Action \u00B7 Tab Switch \u00B7 Esc Close'\n  const displayHint = statusOverlay\n    ? statusOverlay.type === 'loading'\n      ? ''\n      : statusDismissHint || 'Esc Close'\n    : multiSelect\n      ? selectedIds && selectedIds.size > 0 && multiSelectActionLabel\n        ? `${multiSelectActionLabel} \u00B7 ${footerHint || multiSelectHint}`\n        : footerHint || multiSelectHint\n      : footerHint || defaultHint\n\n  return (\n    <Box flexDirection=\"column\" width=\"100%\">\n      {/* Header bar with top border - mimics PromptInput separator */}\n      <Box\n        borderTop={true}\n        borderBottom={false}\n        borderLeft={false}\n        borderRight={false}\n        borderColor={BRAND_GRADIENT.START}\n        borderStyle=\"single\"\n        width=\"100%\"\n        paddingX={1}\n        flexDirection=\"column\"\n      >\n        {/* Title with brand color */}\n        <Box>\n          <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n          <Text bold color={SEMANTIC_COLORS.secondary}>\n            {' '}\n            {title}\n          </Text>\n          {showItemCount && !statusOverlay && filteredItems.length > 0 && (\n            <Text color={SEMANTIC_COLORS.dim}> ({filteredItems.length})</Text>\n          )}\n        </Box>\n\n        {/* Tab Bar - left aligned, flexShrink={0} prevents compression */}\n        <Box marginTop={1} flexShrink={0}>\n          <TabBar tabs={tabs} activeTab={activeTab} onTabChange={onTabChange} />\n        </Box>\n      </Box>\n\n      {/* Content container with bottom border */}\n      <Box\n        flexDirection=\"column\"\n        borderTop={false}\n        borderBottom={true}\n        borderLeft={false}\n        borderRight={false}\n        borderColor={BRAND_GRADIENT.START}\n        borderStyle=\"single\"\n        width=\"100%\"\n        paddingX={1}\n        paddingY={1}\n      >\n        {/* Search Input - hidden during status overlay */}\n        {searchEnabled && !statusOverlay && (\n          <Box marginBottom={1}>\n            <SearchInput\n              value={searchQuery}\n              onChange={onSearchChange || (() => {})}\n              placeholder={searchPlaceholder}\n              isActive={focusArea === 'search'}\n            />\n          </Box>\n        )}\n\n        {/* Content Area - key forces re-render on tab change */}\n        <Box key={`content-${activeTab}`} flexDirection=\"column\">\n          {statusOverlay ? (\n            <StatusOverlayContent\n              type={statusOverlay.type}\n              message={statusOverlay.message}\n            />\n          ) : isLoading ? (\n            <Box>\n              <SimpleSpinner />\n              <Text color={SEMANTIC_COLORS.dim}> {loadingText}</Text>\n            </Box>\n          ) : filteredItems.length === 0 ? (\n            <Box>\n              <Text color={SEMANTIC_COLORS.dim}>{emptyText}</Text>\n            </Box>\n          ) : (\n            <ScrollableList\n              items={filteredItems}\n              focusedIndex={focusedIndex}\n              onFocusChange={setFocusedIndex}\n              onSelect={handleSelect}\n              visibleCount={visibleCount}\n              groupByCategory={groupByCategory}\n              renderItem={renderItem}\n              multiSelect={multiSelect}\n              selectedIds={selectedIds}\n            />\n          )}\n        </Box>\n\n        {/* Footer Hint - compact style */}\n        {displayHint && (\n          <Box marginTop={1}>\n            <Text color={SEMANTIC_COLORS.muted}>{displayHint}</Text>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],
-  "mappings": "AAeA,OAAO,SAAS,UAAU,aAAa,eAAe;AACtD,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAMhC,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AAEf,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AAEtB,QAAM,EAAE,KAAK,IAAI,gBAAgB;AACjC,QAAM,eAAe,KAAK;AAAA,IACxB;AAAA,IACA,KAAK,IAAI,GAAG,OAAO,gBAAgB,aAAa;AAAA,EAClD;AAGA,QAAM,CAAC,WAAW,YAAY,IAAI;AAAA,IAChC,gBAAgB,WAAW;AAAA,EAC7B;AAGA,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAGlD,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,CAAC,YAAY,KAAK,EAAG,QAAO;AAEhC,UAAM,QAAQ,YAAY,YAAY;AACtC,WAAO,MAAM;AAAA,MACX,UACE,KAAK,MAAM,YAAY,EAAE,SAAS,KAAK,KACvC,KAAK,aAAa,YAAY,EAAE,SAAS,KAAK,KAC9C,KAAK,UAAU,YAAY,EAAE,SAAS,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,WAAW,CAAC;AAGvB,QAAM,UAAU,MAAM;AACpB,oBAAgB,CAAC;AAAA,EACnB,GAAG,CAAC,cAAc,QAAQ,SAAS,CAAC;AAGpC,QAAM,WAAW;AAAA,IACf,CAAC,cAAgC;AAC/B,YAAM,eAAe,KAAK,UAAU,OAAK,EAAE,OAAO,SAAS;AAC3D,UAAI;AAEJ,UAAI,cAAc,SAAS;AACzB,oBAAY,eAAe,KAAK,KAAK;AAAA,MACvC,OAAO;AACL,mBAAW,eAAe,IAAI,IAAI,KAAK,SAAS,IAAI,eAAe;AAAA,MACrE;AAEA,kBAAY,KAAK,QAAQ,EAAE,EAAE;AAAA,IAC/B;AAAA,IACA,CAAC,MAAM,WAAW,WAAW;AAAA,EAC/B;AAGA,QAAM,eAAe;AAAA,IACnB,CAAC,SAAmB;AAClB,UAAI,UAAU;AACZ,iBAAS,IAAI;AAAA,MACf;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAGA;AAAA,IACE,CAAC,OAAO,QAAQ;AAEd,UAAI,iBAAiB,cAAc,SAAS,WAAW;AACrD,YAAI,IAAI,UAAU,IAAI,QAAQ;AAC5B,kBAAQ;AAAA,QACV;AACA;AAAA,MACF;AAGA,UAAI,cAAe;AAGnB,UAAI,IAAI,QAAQ;AACd,YAAI,QAAQ;AACV,iBAAO;AAAA,QACT,OAAO;AACL,kBAAQ;AAAA,QACV;AACA;AAAA,MACF;AAGA,UAAI,IAAI,KAAK;AACX,iBAAS,IAAI,QAAQ,SAAS,OAAO;AACrC;AAAA,MACF;AAGA,UAAI,cAAc,UAAU,cAAc,UAAU;AAClD,YAAI,IAAI,WAAW;AACjB,mBAAS,MAAM;AACf;AAAA,QACF;AACA,YAAI,IAAI,YAAY;AAClB,mBAAS,OAAO;AAChB;AAAA,QACF;AAAA,MACF;AAGA,UAAI,IAAI,WAAW;AACjB,YAAI,cAAc,UAAU;AAC1B,uBAAa,MAAM;AACnB;AAAA,QACF;AACA,YAAI,cAAc,UAAU,cAAc,SAAS,GAAG;AACpD;AAAA,YAAgB,UACd,OAAO,cAAc,SAAS,IAAI,OAAO,IAAI;AAAA,UAC/C;AACA;AAAA,QACF;AAAA,MACF;AAEA,UAAI,IAAI,SAAS;AACf,YAAI,cAAc,QAAQ;AACxB,cAAI,eAAe,GAAG;AACpB,4BAAgB,UAAQ,OAAO,CAAC;AAAA,UAClC,WAAW,eAAe;AACxB,yBAAa,QAAQ;AAAA,UACvB;AACA;AAAA,QACF;AAAA,MACF;AAGA,UAAI,IAAI,UAAU,cAAc,YAAY,gBAAgB;AAC1D,uBAAe,WAAW;AAC1B;AAAA,MACF;AAGA,UACE,UAAU,OACV,eACA,cAAc,UACd,cAAc,SAAS,GACvB;AACA,cAAM,OAAO,cAAc,YAAY;AACvC,YAAI,QAAQ,mBAAmB;AAC7B,gBAAM,sBAAsB,aAAa,IAAI,KAAK,EAAE,KAAK;AACzD,4BAAkB,KAAK,IAAI,CAAC,mBAAmB;AAAA,QACjD;AACA;AAAA,MACF;AAGA,UACE,UAAU,OACV,eACA,cAAc,UACd,cAAc,SAAS,GACvB;AACA,YAAI,mBAAmB;AACrB,gBAAM,cAAc,cAAc;AAAA,YAAM,UACtC,aAAa,IAAI,KAAK,EAAE;AAAA,UAC1B;AACA,qBAAW,QAAQ,eAAe;AAChC,8BAAkB,KAAK,IAAI,CAAC,WAAW;AAAA,UACzC;AAAA,QACF;AACA;AAAA,MACF;AAGA,UAAI,IAAI,UAAU,cAAc,UAAU,cAAc,SAAS,GAAG;AAClE,YACE,eACA,eACA,YAAY,OAAO,KACnB,eACA;AACA,gBAAM,gBAAgB,cAAc;AAAA,YAAO,UACzC,YAAY,IAAI,KAAK,EAAE;AAAA,UACzB;AACA,cAAI,cAAc,SAAS,GAAG;AAC5B,0BAAc,aAAa;AAC3B;AAAA,UACF;AAAA,QACF;AACA,qBAAa,cAAc,YAAY,CAAC;AACxC;AAAA,MACF;AAGA,UAAI,UAAU,OAAO,iBAAiB,cAAc,UAAU;AAC5D,qBAAa,QAAQ;AACrB;AAAA,MACF;AAAA,IACF;AAAA,IACA,EAAE,SAAS;AAAA,EACb;AAGA,QAAM,cAAc;AACpB,QAAM,kBACJ;AACF,QAAM,cAAc,gBAChB,cAAc,SAAS,YACrB,KACA,qBAAqB,cACvB,cACE,eAAe,YAAY,OAAO,KAAK,yBACrC,GAAG,sBAAsB,SAAM,cAAc,eAAe,KAC5D,cAAc,kBAChB,cAAc;AAEpB,SACE,oCAAC,OAAI,eAAc,UAAS,OAAM,UAEhC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa,eAAe;AAAA,MAC5B,aAAY;AAAA,MACZ,OAAM;AAAA,MACN,UAAU;AAAA,MACV,eAAc;AAAA;AAAA,IAGd,oCAAC,WACC,oCAAC,QAAK,OAAO,eAAe,SAAO,QAAC,GACpC,oCAAC,QAAK,MAAI,MAAC,OAAO,gBAAgB,aAC/B,KACA,KACH,GACC,iBAAiB,CAAC,iBAAiB,cAAc,SAAS,KACzD,oCAAC,QAAK,OAAO,gBAAgB,OAAK,MAAG,cAAc,QAAO,GAAC,CAE/D;AAAA,IAGA,oCAAC,OAAI,WAAW,GAAG,YAAY,KAC7B,oCAAC,UAAO,MAAY,WAAsB,aAA0B,CACtE;AAAA,EACF,GAGA;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,WAAW;AAAA,MACX,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa,eAAe;AAAA,MAC5B,aAAY;AAAA,MACZ,OAAM;AAAA,MACN,UAAU;AAAA,MACV,UAAU;AAAA;AAAA,IAGT,iBAAiB,CAAC,iBACjB,oCAAC,OAAI,cAAc,KACjB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,mBAAmB,MAAM;AAAA,QAAC;AAAA,QACpC,aAAa;AAAA,QACb,UAAU,cAAc;AAAA;AAAA,IAC1B,CACF;AAAA,IAIF,oCAAC,OAAI,KAAK,WAAW,SAAS,IAAI,eAAc,YAC7C,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,cAAc;AAAA,QACpB,SAAS,cAAc;AAAA;AAAA,IACzB,IACE,YACF,oCAAC,WACC,oCAAC,mBAAc,GACf,oCAAC,QAAK,OAAO,gBAAgB,OAAK,KAAE,WAAY,CAClD,IACE,cAAc,WAAW,IAC3B,oCAAC,WACC,oCAAC,QAAK,OAAO,gBAAgB,OAAM,SAAU,CAC/C,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,CAEJ;AAAA,IAGC,eACC,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAO,gBAAgB,SAAQ,WAAY,CACnD;AAAA,EAEJ,CACF;AAEJ;",
-  "names": []
-}

package/dist/components/TabbedListView/index.js

@@ -1,11 +0,0 @@
-import { TabbedListView } from "./TabbedListView.js";
-import { TabBar } from "./TabBar.js";
-import { SearchInput } from "./SearchInput.js";
-import { ScrollableList } from "./ScrollableList.js";
-export {
-  ScrollableList,
-  SearchInput,
-  TabBar,
-  TabbedListView
-};
-//# sourceMappingURL=index.js.map

package/dist/components/TabbedListView/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TabbedListView/index.ts"],
-  "sourcesContent": ["/**\n * TabbedListView Component Exports\n *\n * A reusable tabbed list view component based on Claude Code CLI's /plugins pattern.\n */\n\nexport { TabbedListView } from './TabbedListView'\nexport { TabBar } from './TabBar'\nexport { SearchInput } from './SearchInput'\nexport { ScrollableList } from './ScrollableList'\nexport type {\n  TabbedListViewProps,\n  TabDefinition,\n  ListItem,\n  CategoryGroup,\n  TabBarProps,\n  SearchInputProps,\n  ScrollableListProps,\n} from './types'\n"],
-  "mappings": "AAMA,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;",
-  "names": []
-}

package/dist/components/TabbedListView/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/components/TabbedListView/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/components/TaskCard.js

@@ -1,176 +0,0 @@
-import React, { useRef } from "react";
-import { Box, Text } from "ink";
-import { getTheme } from "../utils/theme.js";
-import { formatDuration } from "../utils/format.js";
-import { getAgentColor, SYMBOL_COLORS } from "../constants/colors.js";
-import { useUnifiedAnimation } from "../utils/animationManager.js";
-import { useAgentTokenStats, formatTokenCount } from "../hooks/useAgentTokenStats.js";
-function TaskCard({
-  subagent,
-  isExpanded = false,
-  isHighlighted = false,
-  tools = [],
-  verbose = false,
-  debug = false,
-  onToggleExpand
-}) {
-  const theme = getTheme();
-  const { metrics, taskName, status, messages, agentType, agentColor } = subagent;
-  const tokenStats = useAgentTokenStats(subagent.id);
-  const tokenCount = tokenStats?.grandTotalTokens ?? 0;
-  const color = getAgentColor(agentColor, theme);
-  const isRunning = status === "initializing" || status === "running" || status === "queued";
-  const startTimeRef = useRef(metrics.startTime);
-  const { elapsedTime } = useUnifiedAnimation({
-    enabled: isRunning,
-    startTime: startTimeRef.current,
-    spinnerFrameCount: 1,
-    componentId: `task-card-${subagent.id}`
-  });
-  const duration = metrics.endTime ? metrics.endTime - metrics.startTime : Date.now() - metrics.startTime;
-  const statusIcon = getStatusIcon(status, isRunning);
-  const statusText = getStatusText(status);
-  const statusColor = getStatusColor(status, theme);
-  const latestMessage = getLatestMessage(messages);
-  const cardBgColor = isHighlighted ? theme.selectionBg : "#6A7B8E";
-  const isCompleted = status === "completed" || status === "error";
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 0 }, !isCompleted && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color }, statusIcon, " "), /* @__PURE__ */ React.createElement(Text, { bold: true }, taskName), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, " \xB7 ", agentType)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "\u251C\u2500 "), /* @__PURE__ */ React.createElement(Text, { color: statusColor }, statusText), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, metrics.toolUseCount, " tool", metrics.toolUseCount !== 1 ? "s" : ""), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, formatTokenCount(tokenCount), " tokens"), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, formatDuration(duration))), latestMessage && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "\u2514\u2500 "), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, latestMessage)), messages.length > 0 && messages.map((msg, idx) => {
-    let content = "";
-    let prefix = "\u2190 ";
-    if (msg.type === "assistant") {
-      prefix = "\u2192 ";
-      const blocks = msg.message.content;
-      content = blocks.filter((block) => block.type === "text").map((block) => block.text).join(" ");
-    } else if (msg.type === "user") {
-      const msgParam = msg.message;
-      if (typeof msgParam.content === "string") {
-        content = msgParam.content;
-      } else if (Array.isArray(msgParam.content)) {
-        content = msgParam.content.filter((block) => block.type === "text").map((block) => block.text).join(" ");
-      }
-    } else if (msg.type === "progress") {
-      prefix = "\u2699 ";
-      if ("type" in msg.content && msg.content.type === "streaming") {
-        content = msg.content.stdout || msg.content.stderr || "(streaming...)";
-      } else if ("message" in msg.content) {
-        const blocks = msg.content.message.content;
-        content = blocks.filter((block) => block.type === "text").map((block) => block.text).join(" ");
-      }
-    }
-    if (!content || content.trim().length === 0) {
-      return null;
-    }
-    return /* @__PURE__ */ React.createElement(Box, { key: idx, flexDirection: "row", marginLeft: 4 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, prefix), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, content.substring(0, 80), content.length > 80 ? "..." : ""));
-  }).filter(Boolean)), isCompleted && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color }, statusIcon, " "), /* @__PURE__ */ React.createElement(Text, { bold: true }, taskName), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, " \xB7 ", agentType)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "\u2514\u2500 "), /* @__PURE__ */ React.createElement(Text, { color: statusColor }, statusText), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, metrics.toolUseCount, " tool", metrics.toolUseCount !== 1 ? "s" : ""), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, formatTokenCount(tokenCount), " tokens"), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, formatDuration(duration)), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, " (Ctrl+O to expand)")), isExpanded && messages.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: 4, marginTop: 1 }, renderTaskOutputLog(subagent, theme, tools, verbose))), debug && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.info }, "[View Details]"), /* @__PURE__ */ React.createElement(Text, null, " "), isRunning && /* @__PURE__ */ React.createElement(Text, { color: SYMBOL_COLORS.error }, "[Cancel]")));
-}
-function getStatusIcon(status, isRunning) {
-  if (isRunning) {
-    const spinnerFrames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-    const frame = Math.floor(Date.now() / 120) % spinnerFrames.length;
-    return spinnerFrames[frame] || "\u280B";
-  }
-  switch (status) {
-    case "completed":
-      return "\u2713";
-    case "error":
-      return "\u2715";
-    case "queued":
-      return "\u2026";
-    default:
-      return "\u25E6";
-  }
-}
-function getStatusText(status) {
-  switch (status) {
-    case "initializing":
-      return "Initializing";
-    case "queued":
-      return "Queued";
-    case "running":
-      return "Running";
-    case "completed":
-      return "Done";
-    case "error":
-      return "Error";
-  }
-}
-function getStatusColor(status, theme) {
-  switch (status) {
-    case "initializing":
-    case "queued":
-      return SYMBOL_COLORS.pending;
-    // 灰色 - 等待
-    case "running":
-      return SYMBOL_COLORS.running;
-    // 粉紫 - 进行中
-    case "completed":
-      return SYMBOL_COLORS.success;
-    // 紫蓝 - 完成
-    case "error":
-      return SYMBOL_COLORS.error;
-  }
-}
-function getLatestMessage(messages) {
-  if (messages.length === 0) return null;
-  for (let i = messages.length - 1; i >= 0; i--) {
-    const msg = messages[i];
-    if (msg?.type === "assistant" && msg.message?.content) {
-      for (const content of msg.message.content) {
-        if (content.type === "text" && content.text.trim()) {
-          const text = content.text.trim();
-          return text.length > 60 ? text.substring(0, 60) + "..." : text;
-        }
-        if (content.type === "tool_use") {
-          return `Using ${content.name}...`;
-        }
-      }
-    }
-  }
-  return null;
-}
-function renderTaskOutputLog(subagent, theme, tools, verbose) {
-  const { messages } = subagent;
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, messages.map((msg, idx) => {
-    if (msg.type === "assistant") {
-      return msg.message.content.map((content, contentIdx) => {
-        if (content.type === "tool_use") {
-          const tool = tools.find((t) => t.name === content.name);
-          const toolName = tool?.userFacingName ? typeof tool.userFacingName === "function" ? tool.userFacingName() : tool.userFacingName : content.name;
-          return /* @__PURE__ */ React.createElement(Box, { key: `${idx}-${contentIdx}`, flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.info }, "\u{1F527} ", toolName));
-        } else if (content.type === "text" && content.text.trim()) {
-          const lines = content.text.trim().split("\n");
-          return /* @__PURE__ */ React.createElement(Box, { key: `${idx}-${contentIdx}`, flexDirection: "column" }, lines.map((line, lineIdx) => /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, line)));
-        }
-        return null;
-      });
-    } else if (msg.type === "user") {
-      return msg.message.content.map((content, contentIdx) => {
-        if (content.type === "tool_result") {
-          const resultContent = Array.isArray(content.content) ? content.content.find((c) => c.type === "text")?.text : typeof content.content === "string" ? content.content : "";
-          if (resultContent && resultContent.trim()) {
-            const lines = resultContent.trim().split("\n");
-            const preview = lines.length > 5 ? lines.slice(0, 5).join("\n") + "\n..." : resultContent.trim();
-            return /* @__PURE__ */ React.createElement(Box, { key: `${idx}-${contentIdx}`, flexDirection: "column" }, preview.split("\n").map((line, lineIdx) => /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, line)));
-          }
-        }
-        return null;
-      });
-    }
-    return null;
-  }));
-}
-function CompactTaskCard({
-  subagent
-}) {
-  const theme = getTheme();
-  const { taskName, status, agentColor } = subagent;
-  const color = getAgentColor(agentColor, theme);
-  const isRunning = status === "initializing" || status === "running" || status === "queued";
-  const statusIcon = getStatusIcon(status, isRunning);
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color }, statusIcon, " ", taskName), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, " \xB7 ", getStatusText(status)));
-}
-export {
-  CompactTaskCard,
-  TaskCard
-};
-//# sourceMappingURL=TaskCard.js.map

package/dist/components/TaskCard.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/TaskCard.tsx"],
-  "sourcesContent": ["/**\n * TaskCard - Claude Code CLI \u98CE\u683C\u7684\u4EFB\u52A1\u5361\u7247\u7EC4\u4EF6\n *\n * \u6838\u5FC3\u7279\u6027\uFF1A\n * 1. **\u5361\u7247\u5F0F\u8BBE\u8BA1** - \u72EC\u7ACB\u7684\u89C6\u89C9\u5355\u5143\uFF0C\u4E0E\u4E3B\u5BF9\u8BDD\u6D41\u533A\u5206\n * 2. **\u72B6\u6001\u6E05\u6670** - \u901A\u8FC7\u56FE\u6807\u548C\u989C\u8272\u660E\u786E\u4F20\u8FBE\u4EFB\u52A1\u72B6\u6001\n * 3. **\u53EF\u6298\u53E0** - \u8BE6\u7EC6\u65E5\u5FD7\u53EF\u6298\u53E0\uFF0C\u8282\u7701\u7A7A\u95F4\n * 4. **\u8FDB\u5EA6\u53EF\u89C6\u5316** - \u663E\u793A\u4EFB\u52A1\u8FDB\u5EA6\u767E\u5206\u6BD4\u548C\u6307\u6807\n * 5. **\u5E76\u53D1\u53CB\u597D** - \u591A\u4E2A\u5361\u7247\u5E76\u5217\u663E\u793A\u4E0D\u6DF7\u4E71\n *\n * \u57FA\u4E8E Claude Code CLI \u7684 TaskCardBlock \u89C4\u8303\n * \u4F7F\u7528\u7EDF\u4E00\u52A8\u753B\u7BA1\u7406\u5668\u4EE3\u66FF setInterval\uFF0C\u51CF\u5C11\u5C4F\u5E55\u95EA\u70C1\n */\n\nimport React, { useRef } from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { formatNumber, formatDuration } from '@utils/format'\nimport { getAgentColor, SYMBOL_COLORS } from '@constants/colors'\nimport type { SubagentState } from '@minto-types/subagent'\nimport type { Tool } from '@tool'\nimport { useUnifiedAnimation } from '@utils/animationManager'\nimport { useAgentTokenStats, formatTokenCount } from '@hooks/useAgentTokenStats'\n\ninterface TaskCardProps {\n  /** \u5B50\u4EFB\u52A1\u72B6\u6001 */\n  subagent: SubagentState\n\n  /** \u662F\u5426\u5C55\u5F00\u8BE6\u7EC6\u65E5\u5FD7 */\n  isExpanded?: boolean\n\n  /** \u662F\u5426\u9AD8\u4EAE\uFF08\u9700\u8981\u7528\u6237\u5173\u6CE8\uFF09 */\n  isHighlighted?: boolean\n\n  /** \u5DE5\u5177\u5217\u8868 */\n  tools?: Tool[]\n\n  /** \u662F\u5426\u663E\u793A\u8BE6\u7EC6\u4FE1\u606F */\n  verbose?: boolean\n\n  /** \u8C03\u8BD5\u6A21\u5F0F */\n  debug?: boolean\n\n  /** \u6298\u53E0/\u5C55\u5F00\u56DE\u8C03 */\n  onToggleExpand?: () => void\n}\n\n/**\n * TaskCard - \u5355\u4E2A\u5B50\u4EFB\u52A1\u7684\u52A8\u6001\u5C55\u793A\uFF08\u65E0\u8FB9\u6846\uFF09\n *\n * \u8FD0\u884C\u4E2D\u5E03\u5C40\uFF08\u81EA\u52A8\u5C55\u5F00\uFF09:\n * ```\n * \u280B Feature Implementation \u00B7 backend-architect\n *   \u251C\u2500 Running \u00B7 3 tools \u00B7 5.2k tokens \u00B7 12s\n *   \u2514\u2500 Analyzing code structure...\n *       \u2192 Tool call output message...\n *       \u2190 Assistant response...\n * ```\n *\n * \u5B8C\u6210\u540E\u5E03\u5C40\uFF08\u81EA\u52A8\u6298\u53E0\uFF09:\n * ```\n * \u2713 Feature Implementation \u00B7 backend-architect\n *   \u2514\u2500 Done \u00B7 5 tools \u00B7 8.3k tokens \u00B7 24s (Ctrl+O to expand)\n * ```\n *\n * \u5B8C\u6210\u540E\u5C55\u5F00\uFF08Ctrl+O\uFF09:\n * ```\n * \u2713 Feature Implementation \u00B7 backend-architect\n *   \u2514\u2500 Done \u00B7 5 tools \u00B7 8.3k tokens \u00B7 24s (Ctrl+O to expand)\n *       [\u8BE6\u7EC6\u7684\u6267\u884C\u8FC7\u7A0B\u65E5\u5FD7]\n * ```\n */\nexport function TaskCard({\n  subagent,\n  isExpanded = false,\n  isHighlighted = false,\n  tools = [],\n  verbose = false,\n  debug = false,\n  onToggleExpand,\n}: TaskCardProps): React.ReactNode {\n  const theme = getTheme()\n  const { metrics, taskName, status, messages, agentType, agentColor } =\n    subagent\n\n  // Get real-time token stats from unified TokenStatsManager\n  const tokenStats = useAgentTokenStats(subagent.id)\n  const tokenCount = tokenStats?.grandTotalTokens ?? 0\n\n  // \u83B7\u53D6 agent \u989C\u8272\n  const color = getAgentColor(agentColor, theme)\n\n  // \u5224\u65AD\u662F\u5426\u6B63\u5728\u8FD0\u884C\n  const isRunning =\n    status === 'initializing' || status === 'running' || status === 'queued'\n\n  // Use unified animation manager for periodic time updates\n  const startTimeRef = useRef(metrics.startTime)\n  const { elapsedTime } = useUnifiedAnimation({\n    enabled: isRunning,\n    startTime: startTimeRef.current,\n    spinnerFrameCount: 1,\n    componentId: `task-card-${subagent.id}`,\n  })\n\n  // \u8BA1\u7B97\u6301\u7EED\u65F6\u95F4\n  const duration = metrics.endTime\n    ? metrics.endTime - metrics.startTime\n    : Date.now() - metrics.startTime\n\n  // \u72B6\u6001\u56FE\u6807\u548C\u6587\u672C\n  const statusIcon = getStatusIcon(status, isRunning)\n  const statusText = getStatusText(status)\n  const statusColor = getStatusColor(status, theme)\n\n  // \u83B7\u53D6\u6700\u65B0\u7684\u72B6\u6001\u6D88\u606F\n  const latestMessage = getLatestMessage(messages)\n\n  // \u5361\u7247\u80CC\u666F\u8272\uFF08\u6839\u636E\u72B6\u6001\u548C\u9AD8\u4EAE\uFF09\n  const cardBgColor = isHighlighted\n    ? theme.selectionBg // #3C3C3C\n    : '#6A7B8E' // Task Card BG\n\n  // \u5224\u65AD\u662F\u5426\u5DF2\u5B8C\u6210\uFF08completed \u6216 error\uFF09\n  const isCompleted = status === 'completed' || status === 'error'\n\n  return (\n    <Box flexDirection=\"column\" marginY={0}>\n      {/* \u8FD0\u884C\u4E2D\uFF1A\u5C55\u5F00\u663E\u793A\u6240\u6709\u5185\u5BB9 */}\n      {!isCompleted && (\n        <>\n          {/* TaskHeader - \u4EFB\u52A1\u540D\u79F0\u548C Agent \u7C7B\u578B */}\n          <Box flexDirection=\"row\">\n            <Text color={color}>{statusIcon} </Text>\n            <Text bold>{taskName}</Text>\n            <Text color={theme.dimmedText}> \u00B7 {agentType}</Text>\n          </Box>\n\n          {/* TaskProgress - \u72B6\u6001\u548C\u6307\u6807 */}\n          <Box flexDirection=\"row\" marginLeft={2}>\n            <Text color={theme.dimmedText}>\u251C\u2500 </Text>\n            <Text color={statusColor}>{statusText}</Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>\n              {metrics.toolUseCount} tool{metrics.toolUseCount !== 1 ? 's' : ''}\n            </Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>\n              {formatTokenCount(tokenCount)} tokens\n            </Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>{formatDuration(duration)}</Text>\n          </Box>\n\n          {/* TaskStatusMessage - \u5F53\u524D\u6B63\u5728\u505A\u4EC0\u4E48 */}\n          {latestMessage && (\n            <Box flexDirection=\"row\" marginLeft={2}>\n              <Text color={theme.dimmedText}>\u2514\u2500 </Text>\n              <Text color={theme.dimmedText}>{latestMessage}</Text>\n            </Box>\n          )}\n\n          {/* Output messages - \u76F4\u63A5\u663E\u793A\u4E3A\u5B50\u5C42\u7EA7\uFF0C\u65E0 \"Output Log\" \u6807\u9898 */}\n          {messages.length > 0 &&\n            messages\n              .map((msg, idx) => {\n                // Extract text content based on message type\n                let content = ''\n                let prefix = '\u2190 '\n\n                if (msg.type === 'assistant') {\n                  prefix = '\u2192 '\n                  const blocks = msg.message.content\n                  content = blocks\n                    .filter((block: any) => block.type === 'text')\n                    .map((block: any) => block.text)\n                    .join(' ')\n                } else if (msg.type === 'user') {\n                  const msgParam = msg.message as any\n                  if (typeof msgParam.content === 'string') {\n                    content = msgParam.content\n                  } else if (Array.isArray(msgParam.content)) {\n                    content = msgParam.content\n                      .filter((block: any) => block.type === 'text')\n                      .map((block: any) => block.text)\n                      .join(' ')\n                  }\n                } else if (msg.type === 'progress') {\n                  prefix = '\u2699 '\n                  // Handle both AssistantMessage and StreamingProgressContent\n                  if (\n                    'type' in msg.content &&\n                    msg.content.type === 'streaming'\n                  ) {\n                    // StreamingProgressContent - show stdout/stderr preview\n                    content =\n                      msg.content.stdout ||\n                      msg.content.stderr ||\n                      '(streaming...)'\n                  } else if ('message' in msg.content) {\n                    // AssistantMessage\n                    const blocks = (msg.content as any).message.content\n                    content = blocks\n                      .filter((block: any) => block.type === 'text')\n                      .map((block: any) => block.text)\n                      .join(' ')\n                  }\n                }\n\n                if (!content || content.trim().length === 0) {\n                  return null\n                }\n\n                return (\n                  <Box key={idx} flexDirection=\"row\" marginLeft={4}>\n                    <Text color={theme.dimmedText}>{prefix}</Text>\n                    <Text color={theme.mutedText}>\n                      {content.substring(0, 80)}\n                      {content.length > 80 ? '...' : ''}\n                    </Text>\n                  </Box>\n                )\n              })\n              .filter(Boolean)}\n        </>\n      )}\n\n      {/* \u5DF2\u5B8C\u6210\uFF1A\u6298\u53E0\u6210\u4E00\u884C\uFF0C\u5E26\u5C55\u5F00\u63D0\u793A */}\n      {isCompleted && (\n        <>\n          <Box flexDirection=\"row\">\n            <Text color={color}>{statusIcon} </Text>\n            <Text bold>{taskName}</Text>\n            <Text color={theme.dimmedText}> \u00B7 {agentType}</Text>\n          </Box>\n\n          <Box flexDirection=\"row\" marginLeft={2}>\n            <Text color={theme.dimmedText}>\u2514\u2500 </Text>\n            <Text color={statusColor}>{statusText}</Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>\n              {metrics.toolUseCount} tool{metrics.toolUseCount !== 1 ? 's' : ''}\n            </Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>\n              {formatTokenCount(tokenCount)} tokens\n            </Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>{formatDuration(duration)}</Text>\n            <Text color={theme.dimmedText}> (Ctrl+O to expand)</Text>\n          </Box>\n\n          {/* \u5C55\u5F00\u65F6\u663E\u793A\u8BE6\u7EC6\u8FC7\u7A0B */}\n          {isExpanded && messages.length > 0 && (\n            <Box flexDirection=\"column\" marginLeft={4} marginTop={1}>\n              {renderTaskOutputLog(subagent, theme, tools, verbose)}\n            </Box>\n          )}\n        </>\n      )}\n\n      {/* TaskActionButtons - \u64CD\u4F5C\u6309\u94AE (\u672A\u6765\u6269\u5C55) */}\n      {debug && (\n        <Box flexDirection=\"row\" marginTop={1}>\n          <Text color={theme.info}>[View Details]</Text>\n          <Text> </Text>\n          {isRunning && <Text color={SYMBOL_COLORS.error}>[Cancel]</Text>}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u83B7\u53D6\u72B6\u6001\u56FE\u6807\n */\nfunction getStatusIcon(\n  status: SubagentState['status'],\n  isRunning: boolean,\n): string {\n  if (isRunning) {\n    // \u4F7F\u7528 Spinner \u5B57\u7B26\u8F6E\u8F6C (\u7B80\u5316\u7248)\n    const spinnerFrames = ['\u280B', '\u2819', '\u2839', '\u2838', '\u283C', '\u2834', '\u2826', '\u2827', '\u2807', '\u280F']\n    const frame = Math.floor(Date.now() / 120) % spinnerFrames.length\n    return spinnerFrames[frame] || '\u280B'\n  }\n\n  switch (status) {\n    case 'completed':\n      return '\u2713'\n    case 'error':\n      return '\u2715'\n    case 'queued':\n      return '\u2026'\n    default:\n      return '\u25E6'\n  }\n}\n\n/**\n * \u83B7\u53D6\u72B6\u6001\u6587\u672C\n */\nfunction getStatusText(status: SubagentState['status']): string {\n  switch (status) {\n    case 'initializing':\n      return 'Initializing'\n    case 'queued':\n      return 'Queued'\n    case 'running':\n      return 'Running'\n    case 'completed':\n      return 'Done'\n    case 'error':\n      return 'Error'\n  }\n}\n\n/**\n * \u83B7\u53D6\u72B6\u6001\u989C\u8272 - \u4F7F\u7528 SYMBOL_COLORS \u4E0E Logo \u54C1\u724C\u914D\u8272\u4FDD\u6301\u4E00\u81F4\n */\nfunction getStatusColor(\n  status: SubagentState['status'],\n  theme: ReturnType<typeof getTheme>,\n): string {\n  switch (status) {\n    case 'initializing':\n    case 'queued':\n      return SYMBOL_COLORS.pending // \u7070\u8272 - \u7B49\u5F85\n    case 'running':\n      return SYMBOL_COLORS.running // \u7C89\u7D2B - \u8FDB\u884C\u4E2D\n    case 'completed':\n      return SYMBOL_COLORS.success // \u7D2B\u84DD - \u5B8C\u6210\n    case 'error':\n      return SYMBOL_COLORS.error // \u73CA\u745A\u7EA2 - \u9519\u8BEF\n  }\n}\n\n/**\n * \u83B7\u53D6\u6700\u65B0\u7684\u72B6\u6001\u6D88\u606F\n */\nfunction getLatestMessage(messages: SubagentState['messages']): string | null {\n  if (messages.length === 0) return null\n\n  // \u5012\u5E8F\u67E5\u627E\u6700\u65B0\u7684\u6587\u672C\u6D88\u606F\n  for (let i = messages.length - 1; i >= 0; i--) {\n    const msg = messages[i]\n    if (msg?.type === 'assistant' && msg.message?.content) {\n      for (const content of msg.message.content) {\n        if (content.type === 'text' && content.text.trim()) {\n          // \u622A\u53D6\u524D 60 \u4E2A\u5B57\u7B26\n          const text = content.text.trim()\n          return text.length > 60 ? text.substring(0, 60) + '...' : text\n        }\n        if (content.type === 'tool_use') {\n          return `Using ${content.name}...`\n        }\n      }\n    }\n  }\n\n  return null\n}\n\n/**\n * \u6E32\u67D3\u8BE6\u7EC6\u7684\u8F93\u51FA\u65E5\u5FD7\n */\nfunction renderTaskOutputLog(\n  subagent: SubagentState,\n  theme: ReturnType<typeof getTheme>,\n  tools: Tool[],\n  verbose: boolean,\n): React.ReactNode {\n  const { messages } = subagent\n\n  return (\n    <Box flexDirection=\"column\">\n      {messages.map((msg, idx) => {\n        if (msg.type === 'assistant') {\n          return msg.message.content.map((content, contentIdx) => {\n            if (content.type === 'tool_use') {\n              const tool = tools.find(t => t.name === content.name)\n              const toolName = tool?.userFacingName\n                ? typeof tool.userFacingName === 'function'\n                  ? tool.userFacingName()\n                  : tool.userFacingName\n                : content.name\n\n              return (\n                <Box key={`${idx}-${contentIdx}`} flexDirection=\"row\">\n                  <Text color={theme.info}>\uD83D\uDD27 {toolName}</Text>\n                </Box>\n              )\n            } else if (content.type === 'text' && content.text.trim()) {\n              const lines = content.text.trim().split('\\n')\n              return (\n                <Box key={`${idx}-${contentIdx}`} flexDirection=\"column\">\n                  {lines.map((line, lineIdx) => (\n                    <Text color={theme.secondaryText}>{line}</Text>\n                  ))}\n                </Box>\n              )\n            }\n            return null\n          })\n        } else if (msg.type === 'user') {\n          return msg.message.content.map((content, contentIdx) => {\n            if (content.type === 'tool_result') {\n              const resultContent = Array.isArray(content.content)\n                ? content.content.find(c => c.type === 'text')?.text\n                : typeof content.content === 'string'\n                  ? content.content\n                  : ''\n\n              if (resultContent && resultContent.trim()) {\n                const lines = resultContent.trim().split('\\n')\n                const preview =\n                  lines.length > 5\n                    ? lines.slice(0, 5).join('\\n') + '\\n...'\n                    : resultContent.trim()\n\n                return (\n                  <Box key={`${idx}-${contentIdx}`} flexDirection=\"column\">\n                    {preview.split('\\n').map((line, lineIdx) => (\n                      <Text color={theme.mutedText}>{line}</Text>\n                    ))}\n                  </Box>\n                )\n              }\n            }\n            return null\n          })\n        }\n        return null\n      })}\n    </Box>\n  )\n}\n\n/**\n * \u7D27\u51D1\u7248 TaskCard (\u7528\u4E8E\u7A7A\u95F4\u53D7\u9650\u7684\u573A\u666F)\n */\nexport function CompactTaskCard({\n  subagent,\n}: {\n  subagent: SubagentState\n}): React.ReactNode {\n  const theme = getTheme()\n  const { taskName, status, agentColor } = subagent\n\n  const color = getAgentColor(agentColor, theme)\n  const isRunning =\n    status === 'initializing' || status === 'running' || status === 'queued'\n  const statusIcon = getStatusIcon(status, isRunning)\n\n  return (\n    <Box flexDirection=\"row\">\n      <Text color={color}>\n        {statusIcon} {taskName}\n      </Text>\n      <Text color={theme.dimmedText}> \u00B7 {getStatusText(status)}</Text>\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
-}