perstack 0.0.116 → 0.0.118

package/dist/bin/cli.js

@@ -120037,6 +120037,7 @@ const SPINNER_FRAMES = [
 	"⠏"
 ];
 const USAGE_INDICATORS = {
+	EMPTY: "○",
 	LOW: "◔",
 	MEDIUM: "◑",
 	HIGH: "◕",
@@ -122127,10 +122128,11 @@ const useSpinner = ({ isActive }) => {
 //#endregion
 //#region ../../packages/tui-components/src/execution/components/delegation-tree.tsx
 function getUsageIcon(percent) {
-	if (percent <= 25) return USAGE_INDICATORS.LOW;
-	if (percent <= 50) return USAGE_INDICATORS.MEDIUM;
-	if (percent <= 75) return USAGE_INDICATORS.HIGH;
-	return USAGE_INDICATORS.FULL;
+	if (percent >= 75) return USAGE_INDICATORS.FULL;
+	if (percent >= 50) return USAGE_INDICATORS.HIGH;
+	if (percent >= 25) return USAGE_INDICATORS.MEDIUM;
+	if (percent >= 5) return USAGE_INDICATORS.LOW;
+	return USAGE_INDICATORS.EMPTY;
 }
 function buildPrefix(flatNode) {
 	if (flatNode.depth === 0) return "";
@@ -122172,27 +122174,35 @@ function TreeNodeLine({ flatNode, spinner }) {
 	const usagePercent = (node.contextWindowUsage * 100).toFixed(1);
 	const usageIcon = getUsageIcon(node.contextWindowUsage * 100);
 	const showUsage = node.status !== "completed";
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-			dimColor: true,
-			children: prefix
-		}),
-		indicator,
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-			bold: true,
-			children: node.expertName
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-			dimColor: true,
-			children: ": "
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				dimColor: true,
+				children: prefix
+			}),
+			indicator,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				bold: true,
+				children: node.expertName
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				dimColor: true,
+				children: ": "
+			})
+		] }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			flexGrow: 1,
+			flexShrink: 1,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				wrap: "truncate",
+				children: [node.actionLabel, node.actionFileArg ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					color: colors.muted,
+					children: [" ", node.actionFileArg]
+				}) : null]
+			})
 		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: node.actionLabel }),
-		node.actionFileArg ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-			color: colors.muted,
-			children: [" ", node.actionFileArg]
-		}) : null,
-		showUsage ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+		showUsage ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
 			node.model ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 				dimColor: true,
 				children: " · "
@@ -122267,36 +122277,23 @@ const InterfacePanel = ({ query, runStatus, onSubmit, delegationTreeState, runni
 						providerName ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [" · ", providerName] }) : null
 					]
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-						dimColor: true,
-						children: "R "
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: formattedReasoningTokens }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-						dimColor: true,
-						children: " · I "
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: formattedInputTokens }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-						dimColor: true,
-						children: " · C "
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: formattedCachedInputTokens }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-						dimColor: true,
-						children: " · O "
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: formattedOutputTokens }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-						dimColor: true,
-						children: [
-							" (cache: ",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					dimColor: true,
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Tokens: " }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: ["In ", formattedInputTokens] }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [" · Out ", formattedOutputTokens] }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+							" ",
+							"· Cache ",
+							formattedCachedInputTokens,
+							"/",
 							cacheHitRate,
-							"%)"
-						]
-					})
-				] })
+							"%"
+						] }),
+						formattedReasoningTokens !== "0" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [" · Reasoning ", formattedReasoningTokens] }) : null
+					]
+				})
 			] }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DelegationTree, { state: delegationTreeState }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
@@ -122884,7 +122881,7 @@ async function startHandler(expertKey, query, options, handlerOptions) {
 //#endregion
 //#region package.json
 var name = "perstack";
-var version = "0.0.116";
+var version = "0.0.118";
 var description = "PerStack CLI";
 
 //#endregion