diff --git a/.changeset/fix-usage-indicator-icons.md b/.changeset/fix-usage-indicator-icons.md new file mode 100644 index 00000000..f4d2142b --- /dev/null +++ b/.changeset/fix-usage-indicator-icons.md @@ -0,0 +1,5 @@ +--- +"@perstack/tui-components": patch +--- + +fix: correct context window usage pie chart icon thresholds to match visual representation diff --git a/packages/tui-components/src/constants.ts b/packages/tui-components/src/constants.ts index d8cb87c6..bd4ca523 100644 --- a/packages/tui-components/src/constants.ts +++ b/packages/tui-components/src/constants.ts @@ -46,7 +46,7 @@ export const KEY_BINDINGS = { export const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"] as const -export const USAGE_INDICATORS = { LOW: "◔", MEDIUM: "◑", HIGH: "◕", FULL: "●" } as const +export const USAGE_INDICATORS = { EMPTY: "○", LOW: "◔", MEDIUM: "◑", HIGH: "◕", FULL: "●" } as const export const KEY_HINTS = { NAVIGATE: `${KEY_BINDINGS.NAVIGATE_UP}${KEY_BINDINGS.NAVIGATE_DOWN}:Navigate`, diff --git a/packages/tui-components/src/execution/components/delegation-tree.tsx b/packages/tui-components/src/execution/components/delegation-tree.tsx index c919ddcf..b281f151 100644 --- a/packages/tui-components/src/execution/components/delegation-tree.tsx +++ b/packages/tui-components/src/execution/components/delegation-tree.tsx @@ -7,10 +7,11 @@ import { flattenTree } from "../hooks/use-delegation-tree.js" import { useSpinner } from "../hooks/use-spinner.js" function getUsageIcon(percent: number): string { - 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: FlatTreeNode): string {