opencode-subagent-magazine 1.2.1 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/_version.d.ts +1 -1
  2. package/dist/_version.js +1 -1
  3. package/dist/index.js +14 -2
  4. package/dist/tui.js +123 -69
  5. package/package.json +1 -1
  6. package/src/_version.ts +1 -1
  7. package/src/index.tsx +24 -1
package/dist/_version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const PLUGIN_VERSION = "1.2.1";
1
+ export declare const PLUGIN_VERSION = "1.3.0";
package/dist/_version.js CHANGED
@@ -1,2 +1,2 @@
1
1
  // auto-generated
2
- export const PLUGIN_VERSION = "1.2.1";
2
+ export const PLUGIN_VERSION = "1.3.0";
package/dist/index.js CHANGED
@@ -17,6 +17,8 @@ const I18N = {
17
17
  "error.label": "错误",
18
18
  "model.label": "模型",
19
19
  "todo.label": "进度",
20
+ "session.label": "会话 ID",
21
+ "session.toast.copy": "可手动复制上方 ID",
20
22
  "open.label": "进入会话",
21
23
  "cost.label": "费用",
22
24
  "scroll.more": "更多",
@@ -41,6 +43,8 @@ const I18N = {
41
43
  "error.label": "error",
42
44
  "model.label": "model",
43
45
  "todo.label": "todo",
46
+ "session.label": "session ID",
47
+ "session.toast.copy": "Copy the ID above manually",
44
48
  "open.label": "Open session",
45
49
  "cost.label": "cost",
46
50
  "scroll.more": "more",
@@ -1103,7 +1107,7 @@ function SubAgentPanel(props) {
1103
1107
  const expandedMaxLabelW = createMemo(() => {
1104
1108
  const labels = [
1105
1109
  t("agent.label"), t("status.label"), t("time.label"), t("tokens.label"),
1106
- t("error.label"), t("cost.label"), t("model.label"), t("todo.label"),
1110
+ t("error.label"), t("cost.label"), t("model.label"), t("todo.label"), t("session.label"),
1107
1111
  ];
1108
1112
  return Math.max(...labels.map(l => visualWidth(l + ": ")));
1109
1113
  });
@@ -1254,7 +1258,15 @@ function SubAgentPanel(props) {
1254
1258
  const pad = Math.max(0, max - visualWidth(truncated));
1255
1259
  return truncated + " ".repeat(pad);
1256
1260
  };
1257
- return (_jsxs(_Fragment, { children: [_jsxs("text", { onMouseUp: () => toggleExpand(entry.id), children: [_jsx("span", { style: { fg: pal().muted }, children: isExpanded() ? "\u25bc" : "\u25b6" }), " ", _jsx("span", { style: { fg: statusColor() }, children: statusDot() }), " ", _jsx("span", { style: { fg: pal().text }, children: labelText() }), timeText() ? (_jsxs(_Fragment, { children: [" ", _jsx("span", { style: { fg: timeColor() }, children: timeText() })] })) : null, tokenText() ? (_jsx("span", { style: { fg: pal().muted }, children: tokenText() })) : null] }), _jsxs(Show, { when: isExpanded(), children: [_jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("agent.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("agent.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: entry.agent })] }), _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("status.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("status.label"))) }), _jsx("span", { style: { fg: isRunning ? pal().warning : isError ? pal().error : pal().success }, children: isRunning ? t("status.running") : isError ? t("status.error") : t("status.done") })] }), _jsx(Show, { when: elapsed() >= 2000 || entry.endedAt !== undefined, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("time.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("time.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: fmtDurationShort(elapsed(), isRunning) })] }) }), _jsx(Show, { when: entry.tokens !== undefined, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("tokens.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("tokens.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: fmtTokens(entry.tokens) })] }) }), _jsx(Show, { when: entry.error, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().error }, children: [t("error.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("error.label"))) }), _jsx("span", { style: { fg: pal().error }, children: truncate(String(entry.error), expandedValAvail()) })] }) }), _jsx(Show, { when: entry.cost !== undefined, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("cost.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("cost.label"))) }), _jsxs("span", { style: { fg: pal().muted }, children: ["$", entry.cost.toFixed(4)] })] }) }), _jsx(Show, { when: entry.model, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("model.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("model.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: truncate(entry.model, expandedValAvail()) })] }) }), _jsx(Show, { when: entry.todoTotal !== undefined, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("todo.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("todo.label"))) }), _jsxs("span", { style: { fg: pal().muted }, children: [entry.todoDone, "/", entry.todoTotal] })] }) }), _jsx(Show, { when: entry.sessionId || isRunning, children: (() => {
1261
+ return (_jsxs(_Fragment, { children: [_jsxs("text", { onMouseUp: () => toggleExpand(entry.id), children: [_jsx("span", { style: { fg: pal().muted }, children: isExpanded() ? "\u25bc" : "\u25b6" }), " ", _jsx("span", { style: { fg: statusColor() }, children: statusDot() }), " ", _jsx("span", { style: { fg: pal().text }, children: labelText() }), timeText() ? (_jsxs(_Fragment, { children: [" ", _jsx("span", { style: { fg: timeColor() }, children: timeText() })] })) : null, tokenText() ? (_jsx("span", { style: { fg: pal().muted }, children: tokenText() })) : null] }), _jsxs(Show, { when: isExpanded(), children: [_jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("agent.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("agent.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: entry.agent })] }), _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("status.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("status.label"))) }), _jsx("span", { style: { fg: isRunning ? pal().warning : isError ? pal().error : pal().success }, children: isRunning ? t("status.running") : isError ? t("status.error") : t("status.done") })] }), _jsx(Show, { when: elapsed() >= 2000 || entry.endedAt !== undefined, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("time.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("time.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: fmtDurationShort(elapsed(), isRunning) })] }) }), _jsx(Show, { when: entry.tokens !== undefined, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("tokens.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("tokens.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: fmtTokens(entry.tokens) })] }) }), _jsx(Show, { when: entry.error, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().error }, children: [t("error.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("error.label"))) }), _jsx("span", { style: { fg: pal().error }, children: truncate(String(entry.error), expandedValAvail()) })] }) }), _jsx(Show, { when: entry.cost !== undefined, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("cost.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("cost.label"))) }), _jsxs("span", { style: { fg: pal().muted }, children: ["$", entry.cost.toFixed(4)] })] }) }), _jsx(Show, { when: entry.model, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("model.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("model.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: truncate(entry.model, expandedValAvail()) })] }) }), _jsx(Show, { when: entry.todoTotal !== undefined, children: _jsxs("text", { children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("todo.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("todo.label"))) }), _jsxs("span", { style: { fg: pal().muted }, children: [entry.todoDone, "/", entry.todoTotal] })] }) }), _jsx(Show, { when: entry.sessionId, children: _jsxs("text", { onMouseUp: () => {
1262
+ if (entry.sessionId) {
1263
+ props.api.ui.toast({
1264
+ title: entry.title || entry.agent,
1265
+ message: `${entry.sessionId}\n\n${t("session.toast.copy")}`,
1266
+ duration: 8000,
1267
+ });
1268
+ }
1269
+ }, children: [" ", _jsxs("span", { style: { fg: pal().primary }, children: [t("session.label"), ": "] }), _jsx("span", { style: { fg: pal().muted }, children: " ".repeat(expandedPad(t("session.label"))) }), _jsx("span", { style: { fg: pal().muted }, children: truncate(entry.sessionId, expandedValAvail() - visualWidth(" ⎘")) }), _jsx("span", { style: { fg: pal().warning }, children: " \u2398" })] }) }), _jsx(Show, { when: entry.sessionId || isRunning, children: (() => {
1258
1270
  const dismissLabel = () => `- ${t("dismiss.label")}`;
1259
1271
  const openPrefix = () => " \u2192 ";
1260
1272
  const openFull = () => entry.sessionId ? openPrefix() + t("open.label") : "";
package/dist/tui.js CHANGED
@@ -11,7 +11,7 @@ import { createElement as _$createElement } from "@opentui/solid";
11
11
  import { createMemo, createSignal, createEffect, onMount, onCleanup, untrack, Show, For } from "solid-js";
12
12
 
13
13
  // src/_version.ts
14
- var PLUGIN_VERSION = "1.2.1";
14
+ var PLUGIN_VERSION = "1.3.0";
15
15
 
16
16
  // src/index.tsx
17
17
  var SUBAGENT_TOOLS = /* @__PURE__ */ new Set(["task", "delegate", "call_omo_agent"]);
@@ -26,6 +26,8 @@ var I18N = {
26
26
  "error.label": "\u9519\u8BEF",
27
27
  "model.label": "\u6A21\u578B",
28
28
  "todo.label": "\u8FDB\u5EA6",
29
+ "session.label": "\u4F1A\u8BDD ID",
30
+ "session.toast.copy": "\u53EF\u624B\u52A8\u590D\u5236\u4E0A\u65B9 ID",
29
31
  "open.label": "\u8FDB\u5165\u4F1A\u8BDD",
30
32
  "cost.label": "\u8D39\u7528",
31
33
  "scroll.more": "\u66F4\u591A",
@@ -50,6 +52,8 @@ var I18N = {
50
52
  "error.label": "error",
51
53
  "model.label": "model",
52
54
  "todo.label": "todo",
55
+ "session.label": "session ID",
56
+ "session.toast.copy": "Copy the ID above manually",
53
57
  "open.label": "Open session",
54
58
  "cost.label": "cost",
55
59
  "scroll.more": "more",
@@ -1017,7 +1021,7 @@ function SubAgentPanel(props) {
1017
1021
  };
1018
1022
  const sep = () => "\u2500".repeat(Math.max(1, panelWidth()));
1019
1023
  const expandedMaxLabelW = createMemo(() => {
1020
- const labels = [t("agent.label"), t("status.label"), t("time.label"), t("tokens.label"), t("error.label"), t("cost.label"), t("model.label"), t("todo.label")];
1024
+ const labels = [t("agent.label"), t("status.label"), t("time.label"), t("tokens.label"), t("error.label"), t("cost.label"), t("model.label"), t("todo.label"), t("session.label")];
1021
1025
  return Math.max(...labels.map((l) => visualWidth(l + ": ")));
1022
1026
  });
1023
1027
  const expandedPad = (label) => Math.max(0, expandedMaxLabelW() - visualWidth(label + ": "));
@@ -1293,23 +1297,23 @@ function SubAgentPanel(props) {
1293
1297
  _$insert(_el$25, (() => {
1294
1298
  var _c$2 = _$memo(() => !!timeText());
1295
1299
  return () => _c$2() ? [" ", (() => {
1296
- var _el$81 = _$createElement("span");
1297
- _$insert(_el$81, timeText);
1298
- _$effect((_$p) => _$setProp(_el$81, "style", {
1300
+ var _el$89 = _$createElement("span");
1301
+ _$insert(_el$89, timeText);
1302
+ _$effect((_$p) => _$setProp(_el$89, "style", {
1299
1303
  fg: timeColor()
1300
1304
  }, _$p));
1301
- return _el$81;
1305
+ return _el$89;
1302
1306
  })()] : null;
1303
1307
  })(), null);
1304
1308
  _$insert(_el$25, (() => {
1305
1309
  var _c$3 = _$memo(() => !!tokenText());
1306
1310
  return () => _c$3() ? (() => {
1307
- var _el$82 = _$createElement("span");
1308
- _$insert(_el$82, tokenText);
1309
- _$effect((_$p) => _$setProp(_el$82, "style", {
1311
+ var _el$90 = _$createElement("span");
1312
+ _$insert(_el$90, tokenText);
1313
+ _$effect((_$p) => _$setProp(_el$90, "style", {
1310
1314
  fg: pal().muted
1311
1315
  }, _$p));
1312
- return _el$82;
1316
+ return _el$90;
1313
1317
  })() : null;
1314
1318
  })(), null);
1315
1319
  _$effect((_p$) => {
@@ -1592,6 +1596,56 @@ function SubAgentPanel(props) {
1592
1596
  });
1593
1597
  return _el$74;
1594
1598
  }
1599
+ }), _$createComponent(Show, {
1600
+ get when() {
1601
+ return entry.sessionId;
1602
+ },
1603
+ get children() {
1604
+ var _el$81 = _$createElement("text"), _el$82 = _$createTextNode(` `), _el$83 = _$createElement("span"), _el$84 = _$createTextNode(`: `), _el$85 = _$createElement("span"), _el$86 = _$createElement("span"), _el$87 = _$createElement("span");
1605
+ _$insertNode(_el$81, _el$82);
1606
+ _$insertNode(_el$81, _el$83);
1607
+ _$insertNode(_el$81, _el$85);
1608
+ _$insertNode(_el$81, _el$86);
1609
+ _$insertNode(_el$81, _el$87);
1610
+ _$setProp(_el$81, "onMouseUp", () => {
1611
+ if (entry.sessionId) {
1612
+ props.api.ui.toast({
1613
+ title: entry.title || entry.agent,
1614
+ message: `${entry.sessionId}
1615
+
1616
+ ${t("session.toast.copy")}`,
1617
+ duration: 8e3
1618
+ });
1619
+ }
1620
+ });
1621
+ _$insertNode(_el$83, _el$84);
1622
+ _$insert(_el$83, () => t("session.label"), _el$84);
1623
+ _$insert(_el$85, () => " ".repeat(expandedPad(t("session.label"))));
1624
+ _$insert(_el$86, () => truncate(entry.sessionId, expandedValAvail() - visualWidth(" \u2398")));
1625
+ _$insertNode(_el$87, _$createTextNode(` \u2398`));
1626
+ _$effect((_p$) => {
1627
+ var _v$28 = {
1628
+ fg: pal().primary
1629
+ }, _v$29 = {
1630
+ fg: pal().muted
1631
+ }, _v$30 = {
1632
+ fg: pal().muted
1633
+ }, _v$31 = {
1634
+ fg: pal().warning
1635
+ };
1636
+ _v$28 !== _p$.e && (_p$.e = _$setProp(_el$83, "style", _v$28, _p$.e));
1637
+ _v$29 !== _p$.t && (_p$.t = _$setProp(_el$85, "style", _v$29, _p$.t));
1638
+ _v$30 !== _p$.a && (_p$.a = _$setProp(_el$86, "style", _v$30, _p$.a));
1639
+ _v$31 !== _p$.o && (_p$.o = _$setProp(_el$87, "style", _v$31, _p$.o));
1640
+ return _p$;
1641
+ }, {
1642
+ e: void 0,
1643
+ t: void 0,
1644
+ a: void 0,
1645
+ o: void 0
1646
+ });
1647
+ return _el$81;
1648
+ }
1595
1649
  }), _$createComponent(Show, {
1596
1650
  get when() {
1597
1651
  return entry.sessionId || isRunning;
@@ -1608,66 +1662,66 @@ function SubAgentPanel(props) {
1608
1662
  /* indent */
1609
1663
  );
1610
1664
  return (() => {
1611
- var _el$83 = _$createElement("box");
1612
- _$setProp(_el$83, "flexDirection", "row");
1613
- _$insert(_el$83, _$createComponent(Show, {
1665
+ var _el$91 = _$createElement("box");
1666
+ _$setProp(_el$91, "flexDirection", "row");
1667
+ _$insert(_el$91, _$createComponent(Show, {
1614
1668
  get when() {
1615
1669
  return entry.sessionId;
1616
1670
  },
1617
1671
  get fallback() {
1618
1672
  return (() => {
1619
- var _el$90 = _$createElement("text");
1620
- _$insertNode(_el$90, _$createTextNode(` `));
1621
- return _el$90;
1673
+ var _el$98 = _$createElement("text");
1674
+ _$insertNode(_el$98, _$createTextNode(` `));
1675
+ return _el$98;
1622
1676
  })();
1623
1677
  },
1624
1678
  get children() {
1625
- var _el$84 = _$createElement("text"), _el$85 = _$createElement("span"), _el$86 = _$createElement("span");
1626
- _$insertNode(_el$84, _el$85);
1627
- _$insertNode(_el$84, _el$86);
1628
- _$setProp(_el$84, "onMouseOver", () => setHoveredOpen(entry.id));
1629
- _$setProp(_el$84, "onMouseOut", () => setHoveredOpen(void 0));
1630
- _$setProp(_el$84, "onMouseUp", () => {
1679
+ var _el$92 = _$createElement("text"), _el$93 = _$createElement("span"), _el$94 = _$createElement("span");
1680
+ _$insertNode(_el$92, _el$93);
1681
+ _$insertNode(_el$92, _el$94);
1682
+ _$setProp(_el$92, "onMouseOver", () => setHoveredOpen(entry.id));
1683
+ _$setProp(_el$92, "onMouseOut", () => setHoveredOpen(void 0));
1684
+ _$setProp(_el$92, "onMouseUp", () => {
1631
1685
  if (entry.sessionId) {
1632
1686
  props.api.route.navigate("session", {
1633
1687
  sessionID: entry.sessionId
1634
1688
  });
1635
1689
  }
1636
1690
  });
1637
- _$insert(_el$85, openPrefix);
1638
- _$insert(_el$86, () => t("open.label"));
1691
+ _$insert(_el$93, openPrefix);
1692
+ _$insert(_el$94, () => t("open.label"));
1639
1693
  _$effect((_p$) => {
1640
- var _v$28 = {
1694
+ var _v$32 = {
1641
1695
  fg: hoveredOpen() === entry.id ? pal().warning : pal().primary
1642
- }, _v$29 = {
1696
+ }, _v$33 = {
1643
1697
  fg: hoveredOpen() === entry.id ? pal().warning : pal().primary
1644
1698
  };
1645
- _v$28 !== _p$.e && (_p$.e = _$setProp(_el$85, "style", _v$28, _p$.e));
1646
- _v$29 !== _p$.t && (_p$.t = _$setProp(_el$86, "style", _v$29, _p$.t));
1699
+ _v$32 !== _p$.e && (_p$.e = _$setProp(_el$93, "style", _v$32, _p$.e));
1700
+ _v$33 !== _p$.t && (_p$.t = _$setProp(_el$94, "style", _v$33, _p$.t));
1647
1701
  return _p$;
1648
1702
  }, {
1649
1703
  e: void 0,
1650
1704
  t: void 0
1651
1705
  });
1652
- return _el$84;
1706
+ return _el$92;
1653
1707
  }
1654
1708
  }), null);
1655
- _$insert(_el$83, _$createComponent(Show, {
1709
+ _$insert(_el$91, _$createComponent(Show, {
1656
1710
  when: isRunning,
1657
1711
  get children() {
1658
1712
  return [(() => {
1659
- var _el$87 = _$createElement("text");
1660
- _$insert(_el$87, () => " ".repeat(spacerW()));
1661
- _$effect((_$p) => _$setProp(_el$87, "style", {
1713
+ var _el$95 = _$createElement("text");
1714
+ _$insert(_el$95, () => " ".repeat(spacerW()));
1715
+ _$effect((_$p) => _$setProp(_el$95, "style", {
1662
1716
  fg: pal().muted
1663
1717
  }, _$p));
1664
- return _el$87;
1718
+ return _el$95;
1665
1719
  })(), (() => {
1666
- var _el$88 = _$createElement("text"), _el$89 = _$createElement("span");
1667
- _$insertNode(_el$88, _el$89);
1668
- _$setProp(_el$88, "onMouseOver", () => setHoveredDismiss(entry.id));
1669
- _$setProp(_el$88, "onMouseOut", () => setHoveredDismiss(void 0));
1670
- _$setProp(_el$88, "onMouseUp", () => {
1720
+ var _el$96 = _$createElement("text"), _el$97 = _$createElement("span");
1721
+ _$insertNode(_el$96, _el$97);
1722
+ _$setProp(_el$96, "onMouseOver", () => setHoveredDismiss(entry.id));
1723
+ _$setProp(_el$96, "onMouseOut", () => setHoveredDismiss(void 0));
1724
+ _$setProp(_el$96, "onMouseUp", () => {
1671
1725
  upsertEntry({
1672
1726
  id: entry.id,
1673
1727
  title: entry.title,
@@ -1676,15 +1730,15 @@ function SubAgentPanel(props) {
1676
1730
  status: "done"
1677
1731
  });
1678
1732
  });
1679
- _$insert(_el$89, dismissLabel);
1680
- _$effect((_$p) => _$setProp(_el$89, "style", {
1733
+ _$insert(_el$97, dismissLabel);
1734
+ _$effect((_$p) => _$setProp(_el$97, "style", {
1681
1735
  fg: hoveredDismiss() === entry.id ? pal().warning : pal().muted
1682
1736
  }, _$p));
1683
- return _el$88;
1737
+ return _el$96;
1684
1738
  })()];
1685
1739
  }
1686
1740
  }), null);
1687
- return _el$83;
1741
+ return _el$91;
1688
1742
  })();
1689
1743
  })();
1690
1744
  }
@@ -1705,13 +1759,13 @@ function SubAgentPanel(props) {
1705
1759
  const right = props.sortOrder() === "desc" ? `\u2191 ${t("scroll.top")}` : `\u2193 ${t("scroll.bottom")}`;
1706
1760
  const pad = showTop ? Math.max(1, panelWidth() - visualWidth(left) - visualWidth(right)) : 0;
1707
1761
  return (() => {
1708
- var _el$92 = _$createElement("box"), _el$93 = _$createElement("text"), _el$94 = _$createElement("span");
1709
- _$insertNode(_el$92, _el$93);
1710
- _$setProp(_el$92, "flexDirection", "row");
1711
- _$insertNode(_el$93, _el$94);
1712
- _$setProp(_el$93, "onMouseOver", () => showMore && setHoveredMoreBelow(true));
1713
- _$setProp(_el$93, "onMouseOut", () => setHoveredMoreBelow(false));
1714
- _$setProp(_el$93, "onMouseUp", () => {
1762
+ var _el$100 = _$createElement("box"), _el$101 = _$createElement("text"), _el$102 = _$createElement("span");
1763
+ _$insertNode(_el$100, _el$101);
1764
+ _$setProp(_el$100, "flexDirection", "row");
1765
+ _$insertNode(_el$101, _el$102);
1766
+ _$setProp(_el$101, "onMouseOver", () => showMore && setHoveredMoreBelow(true));
1767
+ _$setProp(_el$101, "onMouseOut", () => setHoveredMoreBelow(false));
1768
+ _$setProp(_el$101, "onMouseUp", () => {
1715
1769
  if (!showMore) return;
1716
1770
  const total = entryList().length;
1717
1771
  const m = max();
@@ -1723,20 +1777,20 @@ function SubAgentPanel(props) {
1723
1777
  }
1724
1778
  setHoveredMoreBelow(false);
1725
1779
  });
1726
- _$insert(_el$94, left);
1727
- _$insert(_el$92, showTop ? [(() => {
1728
- var _el$95 = _$createElement("text");
1729
- _$insert(_el$95, () => " ".repeat(pad));
1730
- _$effect((_$p) => _$setProp(_el$95, "style", {
1780
+ _$insert(_el$102, left);
1781
+ _$insert(_el$100, showTop ? [(() => {
1782
+ var _el$103 = _$createElement("text");
1783
+ _$insert(_el$103, () => " ".repeat(pad));
1784
+ _$effect((_$p) => _$setProp(_el$103, "style", {
1731
1785
  fg: pal().muted
1732
1786
  }, _$p));
1733
- return _el$95;
1787
+ return _el$103;
1734
1788
  })(), (() => {
1735
- var _el$96 = _$createElement("text"), _el$97 = _$createElement("span");
1736
- _$insertNode(_el$96, _el$97);
1737
- _$setProp(_el$96, "onMouseOver", () => setHoveredTop(true));
1738
- _$setProp(_el$96, "onMouseOut", () => setHoveredTop(false));
1739
- _$setProp(_el$96, "onMouseUp", () => {
1789
+ var _el$104 = _$createElement("text"), _el$105 = _$createElement("span");
1790
+ _$insertNode(_el$104, _el$105);
1791
+ _$setProp(_el$104, "onMouseOver", () => setHoveredTop(true));
1792
+ _$setProp(_el$104, "onMouseOut", () => setHoveredTop(false));
1793
+ _$setProp(_el$104, "onMouseUp", () => {
1740
1794
  const total = entryList().length;
1741
1795
  const m = max();
1742
1796
  if (props.sortOrder() === "desc") {
@@ -1746,16 +1800,16 @@ function SubAgentPanel(props) {
1746
1800
  }
1747
1801
  setHoveredTop(false);
1748
1802
  });
1749
- _$insert(_el$97, right);
1750
- _$effect((_$p) => _$setProp(_el$97, "style", {
1803
+ _$insert(_el$105, right);
1804
+ _$effect((_$p) => _$setProp(_el$105, "style", {
1751
1805
  fg: hoveredTop() ? pal().warning : pal().muted
1752
1806
  }, _$p));
1753
- return _el$96;
1807
+ return _el$104;
1754
1808
  })()] : null, null);
1755
- _$effect((_$p) => _$setProp(_el$94, "style", {
1809
+ _$effect((_$p) => _$setProp(_el$102, "style", {
1756
1810
  fg: showMore && hoveredMoreBelow() ? pal().warning : pal().muted
1757
1811
  }, _$p));
1758
- return _el$92;
1812
+ return _el$100;
1759
1813
  })();
1760
1814
  })();
1761
1815
  }
@@ -1933,9 +1987,9 @@ var tui = async (api) => {
1933
1987
  dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
1934
1988
  title: "Max Visible Entries",
1935
1989
  description: () => (() => {
1936
- var _el$98 = _$createElement("text");
1937
- _$insertNode(_el$98, _$createTextNode(`Number of entries to show in the sidebar (1\u201350)`));
1938
- return _el$98;
1990
+ var _el$106 = _$createElement("text");
1991
+ _$insertNode(_el$106, _$createTextNode(`Number of entries to show in the sidebar (1\u201350)`));
1992
+ return _el$106;
1939
1993
  })(),
1940
1994
  get value() {
1941
1995
  return String(maxEntries());
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "opencode-subagent-magazine",
3
- "version": "1.2.1",
3
+ "version": "1.3.0",
4
4
  "description": "OpenCode TUI plugin monitoring sub-agent invocation status in real time",
5
5
  "type": "module",
6
6
  "types": "dist/index.d.ts",
package/src/_version.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  // auto-generated
2
- export const PLUGIN_VERSION="1.2.1";
2
+ export const PLUGIN_VERSION="1.3.0";
package/src/index.tsx CHANGED
@@ -66,6 +66,8 @@ const I18N: Record<Lang, Record<string, string>> = {
66
66
  "error.label": "错误",
67
67
  "model.label": "模型",
68
68
  "todo.label": "进度",
69
+ "session.label": "会话 ID",
70
+ "session.toast.copy": "可手动复制上方 ID",
69
71
  "open.label": "进入会话",
70
72
  "cost.label": "费用",
71
73
  "scroll.more": "更多",
@@ -90,6 +92,8 @@ const I18N: Record<Lang, Record<string, string>> = {
90
92
  "error.label": "error",
91
93
  "model.label": "model",
92
94
  "todo.label": "todo",
95
+ "session.label": "session ID",
96
+ "session.toast.copy": "Copy the ID above manually",
93
97
  "open.label": "Open session",
94
98
  "cost.label": "cost",
95
99
  "scroll.more": "more",
@@ -1135,7 +1139,7 @@ function SubAgentPanel(props: {
1135
1139
  const expandedMaxLabelW = createMemo(() => {
1136
1140
  const labels = [
1137
1141
  t("agent.label"), t("status.label"), t("time.label"), t("tokens.label"),
1138
- t("error.label"), t("cost.label"), t("model.label"), t("todo.label"),
1142
+ t("error.label"), t("cost.label"), t("model.label"), t("todo.label"), t("session.label"),
1139
1143
  ]
1140
1144
  return Math.max(...labels.map(l => visualWidth(l + ": ")))
1141
1145
  })
@@ -1428,6 +1432,25 @@ function SubAgentPanel(props: {
1428
1432
  <span style={{ fg: pal().muted }}>{entry.todoDone}/{entry.todoTotal}</span>
1429
1433
  </text>
1430
1434
  </Show>
1435
+ <Show when={entry.sessionId}>
1436
+ <text
1437
+ onMouseUp={() => {
1438
+ if (entry.sessionId) {
1439
+ props.api.ui.toast({
1440
+ title: entry.title || entry.agent,
1441
+ message: `${entry.sessionId}\n\n${t("session.toast.copy")}`,
1442
+ duration: 8000,
1443
+ })
1444
+ }
1445
+ }}
1446
+ >
1447
+ {" "}
1448
+ <span style={{ fg: pal().primary }}>{t("session.label")}: </span>
1449
+ <span style={{ fg: pal().muted }}>{" ".repeat(expandedPad(t("session.label")))}</span>
1450
+ <span style={{ fg: pal().muted }}>{truncate(entry.sessionId!, expandedValAvail() - visualWidth(" ⎘"))}</span>
1451
+ <span style={{ fg: pal().warning }}> ⎘</span>
1452
+ </text>
1453
+ </Show>
1431
1454
  {/* 进入会话 + 标记完成：同排左右两端，空间隔离防误触 */}
1432
1455
  <Show when={entry.sessionId || isRunning}>
1433
1456
  {(() => {