idlerpg.sh 0.1.0

package/dist/tui/components/List.d.ts

@@ -0,0 +1,69 @@
+/**
+ * List Component - Renders a scrollable list of items
+ */
+import type { IComponent, RenderContext } from '../core/Component.js';
+/**
+ * List item
+ */
+export interface ListItem {
+    id: string;
+    label: string;
+    description?: string;
+    color?: string;
+    data?: unknown;
+}
+/**
+ * List configuration
+ */
+export interface ListConfig {
+    items: ListItem[];
+    selectedIndex?: number;
+    scrollOffset?: number;
+    showIndicator?: boolean;
+    indicatorChar?: string;
+    selectedFg?: string;
+    selectedBg?: string;
+    emptyMessage?: string;
+}
+/**
+ * List Component - Scrollable item list
+ */
+export declare class List implements IComponent {
+    readonly id: string;
+    visible: boolean;
+    private config;
+    constructor(id: string, config: ListConfig);
+    /**
+     * Update list configuration
+     */
+    setConfig(config: Partial<ListConfig>): void;
+    /**
+     * Set items
+     */
+    setItems(items: ListItem[]): void;
+    /**
+     * Set selected index
+     */
+    setSelectedIndex(index: number): void;
+    /**
+     * Get selected item
+     */
+    getSelectedItem(): ListItem | undefined;
+    /**
+     * Render the list
+     */
+    render(ctx: RenderContext): void;
+    /**
+     * Move selection up
+     */
+    moveUp(): boolean;
+    /**
+     * Move selection down
+     */
+    moveDown(): boolean;
+    /**
+     * Ensure selected item is visible
+     */
+    private ensureVisible;
+}
+//# sourceMappingURL=List.d.ts.map

package/dist/tui/components/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"/","sources":["tui/components/List.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGtE;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,qBAAa,IAAK,YAAW,UAAU;IACrC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAQ;IAExB,OAAO,CAAC,MAAM,CAAa;gBAEf,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAc1C;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI;IAI5C;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI;IAQjC;;OAEG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIrC;;OAEG;IACH,eAAe,IAAI,QAAQ,GAAG,SAAS;IAIvC;;OAEG;IACH,MAAM,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IA8DhC;;OAEG;IACH,MAAM,IAAI,OAAO;IASjB;;OAEG;IACH,QAAQ,IAAI,OAAO;IAYnB;;OAEG;IACH,OAAO,CAAC,aAAa;CAWtB"}

package/dist/tui/components/List.js

@@ -0,0 +1,136 @@
+/**
+ * List Component - Renders a scrollable list of items
+ */
+
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="c0046caa-1a3a-541f-989c-88a1255f3d23")}catch(e){}}();
+import { ANSI } from '../Screen.js';
+/**
+ * List Component - Scrollable item list
+ */
+export class List {
+    id;
+    visible = true;
+    config;
+    constructor(id, config) {
+        this.id = id;
+        this.config = {
+            selectedIndex: 0,
+            scrollOffset: 0,
+            showIndicator: true,
+            indicatorChar: '>',
+            selectedFg: ANSI.fg.black,
+            selectedBg: ANSI.bg.cyan,
+            emptyMessage: '(empty)',
+            ...config,
+        };
+    }
+    /**
+     * Update list configuration
+     */
+    setConfig(config) {
+        this.config = { ...this.config, ...config };
+    }
+    /**
+     * Set items
+     */
+    setItems(items) {
+        this.config.items = items;
+        // Clamp selected index
+        if (this.config.selectedIndex !== undefined && this.config.selectedIndex >= items.length) {
+            this.config.selectedIndex = Math.max(0, items.length - 1);
+        }
+    }
+    /**
+     * Set selected index
+     */
+    setSelectedIndex(index) {
+        this.config.selectedIndex = Math.max(0, Math.min(this.config.items.length - 1, index));
+    }
+    /**
+     * Get selected item
+     */
+    getSelectedItem() {
+        return this.config.items[this.config.selectedIndex ?? 0];
+    }
+    /**
+     * Render the list
+     */
+    render(ctx) {
+        if (!this.visible)
+            return;
+        const { screen, bounds } = ctx;
+        const { x, y, width, height } = bounds;
+        const { items, selectedIndex = 0, scrollOffset = 0, showIndicator, indicatorChar, selectedFg, selectedBg, emptyMessage, } = this.config;
+        // Empty state
+        if (items.length === 0) {
+            screen.write(x + 2, y + 1, emptyMessage || '(empty)', ANSI.fg.gray);
+            return;
+        }
+        // Calculate visible items
+        const maxVisible = height;
+        const visibleItems = items.slice(scrollOffset, scrollOffset + maxVisible);
+        // Render each item
+        for (let i = 0; i < visibleItems.length; i++) {
+            const itemIndex = scrollOffset + i;
+            const item = visibleItems[i];
+            const isSelected = itemIndex === selectedIndex;
+            const fg = isSelected ? selectedFg : (item.color || ANSI.fg.white);
+            const bg = isSelected ? selectedBg : undefined;
+            const indicator = isSelected && showIndicator ? indicatorChar : ' ';
+            // Draw indicator
+            if (showIndicator) {
+                screen.write(x, y + i, indicator || '>', ANSI.fg.yellow);
+            }
+            // Draw item label
+            const labelX = showIndicator ? x + 2 : x;
+            const labelWidth = showIndicator ? width - 2 : width;
+            screen.write(labelX, y + i, item.label.slice(0, labelWidth).padEnd(labelWidth), fg, bg);
+        }
+        // Scroll indicators (if there are more items)
+        if (scrollOffset > 0) {
+            screen.write(x + width - 1, y, '^', ANSI.fg.yellow);
+        }
+        if (scrollOffset + maxVisible < items.length) {
+            screen.write(x + width - 1, y + height - 1, 'v', ANSI.fg.yellow);
+        }
+    }
+    /**
+     * Move selection up
+     */
+    moveUp() {
+        if (this.config.selectedIndex !== undefined && this.config.selectedIndex > 0) {
+            this.config.selectedIndex--;
+            this.ensureVisible();
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Move selection down
+     */
+    moveDown() {
+        if (this.config.selectedIndex !== undefined &&
+            this.config.selectedIndex < this.config.items.length - 1) {
+            this.config.selectedIndex++;
+            this.ensureVisible();
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Ensure selected item is visible
+     */
+    ensureVisible() {
+        const { selectedIndex = 0, scrollOffset = 0 } = this.config;
+        // Note: maxVisible is calculated in render, so we use a default here
+        const maxVisible = 10;
+        if (selectedIndex < scrollOffset) {
+            this.config.scrollOffset = selectedIndex;
+        }
+        else if (selectedIndex >= scrollOffset + maxVisible) {
+            this.config.scrollOffset = selectedIndex - maxVisible + 1;
+        }
+    }
+}
+//# sourceMappingURL=List.js.map
+//# debugId=c0046caa-1a3a-541f-989c-88a1255f3d23

package/dist/tui/components/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["tui/components/List.ts"],"sourceRoot":"/","sourcesContent":["/**\r\n * List Component - Renders a scrollable list of items\r\n */\r\n\r\nimport type { IComponent, RenderContext } from '../core/Component.js';\r\nimport { ANSI } from '../Screen.js';\r\n\r\n/**\r\n * List item\r\n */\r\nexport interface ListItem {\r\n  id: string;\r\n  label: string;\r\n  description?: string;\r\n  color?: string;\r\n  data?: unknown;\r\n}\r\n\r\n/**\r\n * List configuration\r\n */\r\nexport interface ListConfig {\r\n  items: ListItem[];\r\n  selectedIndex?: number;\r\n  scrollOffset?: number;\r\n  showIndicator?: boolean;\r\n  indicatorChar?: string;\r\n  selectedFg?: string;\r\n  selectedBg?: string;\r\n  emptyMessage?: string;\r\n}\r\n\r\n/**\r\n * List Component - Scrollable item list\r\n */\r\nexport class List implements IComponent {\r\n  readonly id: string;\r\n  visible: boolean = true;\r\n\r\n  private config: ListConfig;\r\n\r\n  constructor(id: string, config: ListConfig) {\r\n    this.id = id;\r\n    this.config = {\r\n      selectedIndex: 0,\r\n      scrollOffset: 0,\r\n      showIndicator: true,\r\n      indicatorChar: '>',\r\n      selectedFg: ANSI.fg.black,\r\n      selectedBg: ANSI.bg.cyan,\r\n      emptyMessage: '(empty)',\r\n      ...config,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Update list configuration\r\n   */\r\n  setConfig(config: Partial<ListConfig>): void {\r\n    this.config = { ...this.config, ...config };\r\n  }\r\n\r\n  /**\r\n   * Set items\r\n   */\r\n  setItems(items: ListItem[]): void {\r\n    this.config.items = items;\r\n    // Clamp selected index\r\n    if (this.config.selectedIndex !== undefined && this.config.selectedIndex >= items.length) {\r\n      this.config.selectedIndex = Math.max(0, items.length - 1);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Set selected index\r\n   */\r\n  setSelectedIndex(index: number): void {\r\n    this.config.selectedIndex = Math.max(0, Math.min(this.config.items.length - 1, index));\r\n  }\r\n\r\n  /**\r\n   * Get selected item\r\n   */\r\n  getSelectedItem(): ListItem | undefined {\r\n    return this.config.items[this.config.selectedIndex ?? 0];\r\n  }\r\n\r\n  /**\r\n   * Render the list\r\n   */\r\n  render(ctx: RenderContext): void {\r\n    if (!this.visible) return;\r\n\r\n    const { screen, bounds } = ctx;\r\n    const { x, y, width, height } = bounds;\r\n    const {\r\n      items,\r\n      selectedIndex = 0,\r\n      scrollOffset = 0,\r\n      showIndicator,\r\n      indicatorChar,\r\n      selectedFg,\r\n      selectedBg,\r\n      emptyMessage,\r\n    } = this.config;\r\n\r\n    // Empty state\r\n    if (items.length === 0) {\r\n      screen.write(x + 2, y + 1, emptyMessage || '(empty)', ANSI.fg.gray);\r\n      return;\r\n    }\r\n\r\n    // Calculate visible items\r\n    const maxVisible = height;\r\n    const visibleItems = items.slice(scrollOffset, scrollOffset + maxVisible);\r\n\r\n    // Render each item\r\n    for (let i = 0; i < visibleItems.length; i++) {\r\n      const itemIndex = scrollOffset + i;\r\n      const item = visibleItems[i];\r\n      const isSelected = itemIndex === selectedIndex;\r\n\r\n      const fg = isSelected ? selectedFg : (item.color || ANSI.fg.white);\r\n      const bg = isSelected ? selectedBg : undefined;\r\n      const indicator = isSelected && showIndicator ? indicatorChar : ' ';\r\n\r\n      // Draw indicator\r\n      if (showIndicator) {\r\n        screen.write(x, y + i, indicator || '>', ANSI.fg.yellow);\r\n      }\r\n\r\n      // Draw item label\r\n      const labelX = showIndicator ? x + 2 : x;\r\n      const labelWidth = showIndicator ? width - 2 : width;\r\n      screen.write(\r\n        labelX,\r\n        y + i,\r\n        item.label.slice(0, labelWidth).padEnd(labelWidth),\r\n        fg,\r\n        bg\r\n      );\r\n    }\r\n\r\n    // Scroll indicators (if there are more items)\r\n    if (scrollOffset > 0) {\r\n      screen.write(x + width - 1, y, '^', ANSI.fg.yellow);\r\n    }\r\n    if (scrollOffset + maxVisible < items.length) {\r\n      screen.write(x + width - 1, y + height - 1, 'v', ANSI.fg.yellow);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Move selection up\r\n   */\r\n  moveUp(): boolean {\r\n    if (this.config.selectedIndex !== undefined && this.config.selectedIndex > 0) {\r\n      this.config.selectedIndex--;\r\n      this.ensureVisible();\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * Move selection down\r\n   */\r\n  moveDown(): boolean {\r\n    if (\r\n      this.config.selectedIndex !== undefined &&\r\n      this.config.selectedIndex < this.config.items.length - 1\r\n    ) {\r\n      this.config.selectedIndex++;\r\n      this.ensureVisible();\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * Ensure selected item is visible\r\n   */\r\n  private ensureVisible(): void {\r\n    const { selectedIndex = 0, scrollOffset = 0 } = this.config;\r\n    // Note: maxVisible is calculated in render, so we use a default here\r\n    const maxVisible = 10;\r\n\r\n    if (selectedIndex < scrollOffset) {\r\n      this.config.scrollOffset = selectedIndex;\r\n    } else if (selectedIndex >= scrollOffset + maxVisible) {\r\n      this.config.scrollOffset = selectedIndex - maxVisible + 1;\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"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","debug_id":"c0046caa-1a3a-541f-989c-88a1255f3d23"}

package/dist/tui/components/ProgressBar.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Progress Bar Component
+ */
+import type { IComponent, RenderContext } from '../core/Component.js';
+/**
+ * Progress bar configuration
+ */
+export interface ProgressBarConfig {
+    value: number;
+    max: number;
+    width?: number;
+    filledColor?: string;
+    emptyColor?: string;
+    showText?: boolean;
+    textFormat?: 'percent' | 'value' | 'both';
+}
+/**
+ * Progress Bar Component
+ */
+export declare class ProgressBar implements IComponent {
+    readonly id: string;
+    visible: boolean;
+    private config;
+    constructor(id: string, config: ProgressBarConfig);
+    /**
+     * Update progress bar configuration
+     */
+    setConfig(config: Partial<ProgressBarConfig>): void;
+    /**
+     * Update value
+     */
+    setValue(value: number): void;
+    /**
+     * Render the progress bar
+     */
+    render(ctx: RenderContext): void;
+}
+/**
+ * Draw a progress bar directly to screen
+ */
+export declare function drawProgressBar(ctx: RenderContext, config: ProgressBarConfig): void;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/tui/components/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"/","sources":["tui/components/ProgressBar.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGtE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAC3C;AAED;;GAEG;AACH,qBAAa,WAAY,YAAW,UAAU;IAC5C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAQ;IAExB,OAAO,CAAC,MAAM,CAAoB;gBAEtB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB;IAKjD;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG,IAAI;IAInD;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B;;OAEG;IACH,MAAM,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;CA4CjC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,aAAa,EAClB,MAAM,EAAE,iBAAiB,GACxB,IAAI,CAGN"}

package/dist/tui/components/ProgressBar.js

@@ -0,0 +1,75 @@
+/**
+ * Progress Bar Component
+ */
+
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="43671bec-e1e2-5d8b-bed6-52980c9b9ea5")}catch(e){}}();
+import { ANSI, PROGRESS } from '../Screen.js';
+/**
+ * Progress Bar Component
+ */
+export class ProgressBar {
+    id;
+    visible = true;
+    config;
+    constructor(id, config) {
+        this.id = id;
+        this.config = config;
+    }
+    /**
+     * Update progress bar configuration
+     */
+    setConfig(config) {
+        this.config = { ...this.config, ...config };
+    }
+    /**
+     * Update value
+     */
+    setValue(value) {
+        this.config.value = value;
+    }
+    /**
+     * Render the progress bar
+     */
+    render(ctx) {
+        if (!this.visible)
+            return;
+        const { screen, bounds } = ctx;
+        const { x, y, width: boundsWidth } = bounds;
+        const { value, max, width = boundsWidth, filledColor = ANSI.fg.green, emptyColor = ANSI.fg.gray, showText = false, textFormat = 'value', } = this.config;
+        // Calculate filled portion
+        const ratio = Math.max(0, Math.min(1, value / max));
+        const barWidth = showText ? width - 10 : width;
+        const filled = Math.floor(ratio * barWidth);
+        // Draw the bar
+        for (let i = 0; i < barWidth; i++) {
+            const char = i < filled ? PROGRESS.full : PROGRESS.empty;
+            const color = i < filled ? filledColor : emptyColor;
+            screen.setChar(x + i, y, char, color);
+        }
+        // Draw text if enabled
+        if (showText) {
+            let text = '';
+            switch (textFormat) {
+                case 'percent':
+                    text = `${Math.floor(ratio * 100)}%`;
+                    break;
+                case 'value':
+                    text = `${value}/${max}`;
+                    break;
+                case 'both':
+                    text = `${value}/${max} (${Math.floor(ratio * 100)}%)`;
+                    break;
+            }
+            screen.write(x + barWidth + 1, y, text, ANSI.fg.white);
+        }
+    }
+}
+/**
+ * Draw a progress bar directly to screen
+ */
+export function drawProgressBar(ctx, config) {
+    const bar = new ProgressBar('temp', config);
+    bar.render(ctx);
+}
+//# sourceMappingURL=ProgressBar.js.map
+//# debugId=43671bec-e1e2-5d8b-bed6-52980c9b9ea5

package/dist/tui/components/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["tui/components/ProgressBar.ts"],"sourceRoot":"/","sourcesContent":["/**\r\n * Progress Bar Component\r\n */\r\n\r\nimport type { IComponent, RenderContext } from '../core/Component.js';\r\nimport { ANSI, PROGRESS } from '../Screen.js';\r\n\r\n/**\r\n * Progress bar configuration\r\n */\r\nexport interface ProgressBarConfig {\r\n  value: number;\r\n  max: number;\r\n  width?: number;\r\n  filledColor?: string;\r\n  emptyColor?: string;\r\n  showText?: boolean;\r\n  textFormat?: 'percent' | 'value' | 'both';\r\n}\r\n\r\n/**\r\n * Progress Bar Component\r\n */\r\nexport class ProgressBar implements IComponent {\r\n  readonly id: string;\r\n  visible: boolean = true;\r\n\r\n  private config: ProgressBarConfig;\r\n\r\n  constructor(id: string, config: ProgressBarConfig) {\r\n    this.id = id;\r\n    this.config = config;\r\n  }\r\n\r\n  /**\r\n   * Update progress bar configuration\r\n   */\r\n  setConfig(config: Partial<ProgressBarConfig>): void {\r\n    this.config = { ...this.config, ...config };\r\n  }\r\n\r\n  /**\r\n   * Update value\r\n   */\r\n  setValue(value: number): void {\r\n    this.config.value = value;\r\n  }\r\n\r\n  /**\r\n   * Render the progress bar\r\n   */\r\n  render(ctx: RenderContext): void {\r\n    if (!this.visible) return;\r\n\r\n    const { screen, bounds } = ctx;\r\n    const { x, y, width: boundsWidth } = bounds;\r\n    const {\r\n      value,\r\n      max,\r\n      width = boundsWidth,\r\n      filledColor = ANSI.fg.green,\r\n      emptyColor = ANSI.fg.gray,\r\n      showText = false,\r\n      textFormat = 'value',\r\n    } = this.config;\r\n\r\n    // Calculate filled portion\r\n    const ratio = Math.max(0, Math.min(1, value / max));\r\n    const barWidth = showText ? width - 10 : width;\r\n    const filled = Math.floor(ratio * barWidth);\r\n\r\n    // Draw the bar\r\n    for (let i = 0; i < barWidth; i++) {\r\n      const char = i < filled ? PROGRESS.full : PROGRESS.empty;\r\n      const color = i < filled ? filledColor : emptyColor;\r\n      screen.setChar(x + i, y, char, color);\r\n    }\r\n\r\n    // Draw text if enabled\r\n    if (showText) {\r\n      let text = '';\r\n      switch (textFormat) {\r\n        case 'percent':\r\n          text = `${Math.floor(ratio * 100)}%`;\r\n          break;\r\n        case 'value':\r\n          text = `${value}/${max}`;\r\n          break;\r\n        case 'both':\r\n          text = `${value}/${max} (${Math.floor(ratio * 100)}%)`;\r\n          break;\r\n      }\r\n      screen.write(x + barWidth + 1, y, text, ANSI.fg.white);\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * Draw a progress bar directly to screen\r\n */\r\nexport function drawProgressBar(\r\n  ctx: RenderContext,\r\n  config: ProgressBarConfig\r\n): void {\r\n  const bar = new ProgressBar('temp', config);\r\n  bar.render(ctx);\r\n}\r\n"],"names":[],"mappings":"AAAA;;GAEG;;;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAe9C;;GAEG;AACH,MAAM,OAAO,WAAW;IACb,EAAE,CAAS;IACpB,OAAO,GAAY,IAAI,CAAC;IAEhB,MAAM,CAAoB;IAElC,YAAY,EAAU,EAAE,MAAyB;QAC/C,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED;;OAEG;IACH,SAAS,CAAC,MAAkC;QAC1C,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAC9C,CAAC;IAED;;OAEG;IACH,QAAQ,CAAC,KAAa;QACpB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,GAAkB;QACvB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAE1B,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;QAC/B,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;QAC5C,MAAM,EACJ,KAAK,EACL,GAAG,EACH,KAAK,GAAG,WAAW,EACnB,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,EAC3B,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,IAAI,EACzB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,OAAO,GACrB,GAAG,IAAI,CAAC,MAAM,CAAC;QAEhB,2BAA2B;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC;QACpD,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC/C,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC;QAE5C,eAAe;QACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;YAClC,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YACzD,MAAM,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;YACpD,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QACxC,CAAC;QAED,uBAAuB;QACvB,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,IAAI,GAAG,EAAE,CAAC;YACd,QAAQ,UAAU,EAAE,CAAC;gBACnB,KAAK,SAAS;oBACZ,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC;oBACrC,MAAM;gBACR,KAAK,OAAO;oBACV,IAAI,GAAG,GAAG,KAAK,IAAI,GAAG,EAAE,CAAC;oBACzB,MAAM;gBACR,KAAK,MAAM;oBACT,IAAI,GAAG,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC;oBACvD,MAAM;YACV,CAAC;YACD,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;CACF;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAC7B,GAAkB,EAClB,MAAyB;IAEzB,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAClB,CAAC","debug_id":"43671bec-e1e2-5d8b-bed6-52980c9b9ea5"}

package/dist/tui/components/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * TUI Components Module
+ * Exports all reusable components
+ */
+export * from './Box.js';
+export * from './ProgressBar.js';
+export * from './List.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/tui/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["tui/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}

package/dist/tui/components/index.js

@@ -0,0 +1,11 @@
+/**
+ * TUI Components Module
+ * Exports all reusable components
+ */
+
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="7881c45c-89a7-52df-a128-9c7e1185feae")}catch(e){}}();
+export * from './Box.js';
+export * from './ProgressBar.js';
+export * from './List.js';
+//# sourceMappingURL=index.js.map
+//# debugId=7881c45c-89a7-52df-a128-9c7e1185feae

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["tui/components/index.ts"],"sourceRoot":"/","sourcesContent":["/**\r\n * TUI Components Module\r\n * Exports all reusable components\r\n */\r\n\r\nexport * from './Box.js';\r\nexport * from './ProgressBar.js';\r\nexport * from './List.js';\r\n"],"names":[],"mappings":"AAAA;;;GAGG;;;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC","debug_id":"7881c45c-89a7-52df-a128-9c7e1185feae"}

package/dist/tui/core/BaseSection.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Base Section - Abstract implementation of ISection
+ * Provides common functionality for all sections
+ */
+import type { Rect, RenderContext } from './Component.js';
+import type { ISection, SectionState, SectionHints } from './Section.js';
+import type { KeyEvent } from '../Input.js';
+/**
+ * Base section configuration
+ */
+export interface BaseSectionConfig {
+    id: string;
+    title: string;
+    canEnter?: boolean;
+    hints?: Partial<SectionHints>;
+}
+/**
+ * Abstract base class for sections
+ * Handles common behavior: focus styling, navigation, state management
+ */
+export declare abstract class BaseSection implements ISection {
+    readonly id: string;
+    readonly title: string;
+    readonly canEnter: boolean;
+    focused: boolean;
+    state: SectionState;
+    hints: SectionHints;
+    bounds: Rect;
+    constructor(config: BaseSectionConfig);
+    /**
+     * Render the section
+     * Template method: calls renderBox, then renderContent
+     */
+    render(ctx: RenderContext): void;
+    /**
+     * Render the section box with appropriate styling
+     */
+    protected renderBox(ctx: RenderContext): void;
+    /**
+     * Render section-specific content
+     * Must be implemented by subclasses
+     */
+    protected abstract renderContent(ctx: RenderContext): void;
+    /**
+     * Render hint at the bottom of the section
+     */
+    protected renderHint(ctx: RenderContext): void;
+    /**
+     * Handle key input
+     * Default implementation handles basic up/down/enter/escape
+     */
+    handleKey(key: KeyEvent): boolean;
+    /**
+     * Handle section-specific key input
+     * Override in subclasses for custom key handling
+     */
+    protected handleCustomKey(key: KeyEvent): boolean;
+    /**
+     * Enter the section
+     */
+    enter(): void;
+    /**
+     * Exit the section
+     */
+    exit(): void;
+    /**
+     * Get the number of selectable items
+     * Must be implemented by subclasses
+     */
+    abstract getItemCount(): number;
+    /**
+     * Activate the currently selected item
+     * Must be implemented by subclasses
+     */
+    abstract activateItem(): boolean;
+    /**
+     * Get current hint based on state
+     */
+    getCurrentHint(): string;
+    /**
+     * Move selection by delta
+     */
+    protected moveSelection(delta: number): void;
+    /**
+     * Ensure the selected item is visible (handle scrolling)
+     */
+    protected ensureVisible(): void;
+    /**
+     * Get maximum visible items based on bounds
+     * Override in subclasses if needed
+     */
+    protected getMaxVisibleItems(): number;
+    /**
+     * Render a list item with selection indicator
+     */
+    protected renderListItem(ctx: RenderContext, index: number, text: string, y: number, customFg?: string): void;
+}
+//# sourceMappingURL=BaseSection.d.ts.map

package/dist/tui/core/BaseSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSection.d.ts","sourceRoot":"/","sources":["tui/core/BaseSection.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC/B;AAED;;;GAGG;AACH,8BAAsB,WAAY,YAAW,QAAQ;IACnD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAE3B,OAAO,EAAE,OAAO,CAAS;IACzB,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,IAAI,CAAuC;gBAEvC,MAAM,EAAE,iBAAiB;IAcrC;;;OAGG;IACH,MAAM,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAOhC;;OAEG;IACH,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAkB7C;;;OAGG;IACH,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAE1D;;OAEG;IACH,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAa9C;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO;IA6BjC;;;OAGG;IACH,SAAS,CAAC,eAAe,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO;IAIjD;;OAEG;IACH,KAAK,IAAI,IAAI;IAOb;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;;OAGG;IACH,QAAQ,CAAC,YAAY,IAAI,MAAM;IAE/B;;;OAGG;IACH,QAAQ,CAAC,YAAY,IAAI,OAAO;IAEhC;;OAEG;IACH,cAAc,IAAI,MAAM;IAUxB;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAW5C;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAS/B;;;OAGG;IACH,SAAS,CAAC,kBAAkB,IAAI,MAAM;IAKtC;;OAEG;IACH,SAAS,CAAC,cAAc,CACtB,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,CAAC,EAAE,MAAM,EACT,QAAQ,CAAC,EAAE,MAAM,GAChB,IAAI;CAgBR"}

package/dist/tui/core/BaseSection.js

@@ -0,0 +1,174 @@
+/**
+ * Base Section - Abstract implementation of ISection
+ * Provides common functionality for all sections
+ */
+
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="9222b139-6e88-557b-bdc4-0f103d007207")}catch(e){}}();
+import { createSectionState, createSectionHints } from './Section.js';
+import { ANSI } from '../Screen.js';
+/**
+ * Abstract base class for sections
+ * Handles common behavior: focus styling, navigation, state management
+ */
+export class BaseSection {
+    id;
+    title;
+    canEnter;
+    focused = false;
+    state;
+    hints;
+    bounds = { x: 0, y: 0, width: 0, height: 0 };
+    constructor(config) {
+        this.id = config.id;
+        this.title = config.title;
+        this.canEnter = config.canEnter ?? true;
+        this.state = createSectionState();
+        this.hints = createSectionHints(config.hints?.focused, config.hints?.entered);
+        if (config.hints?.unfocused) {
+            this.hints.unfocused = config.hints.unfocused;
+        }
+    }
+    /**
+     * Render the section
+     * Template method: calls renderBox, then renderContent
+     */
+    render(ctx) {
+        this.bounds = ctx.bounds;
+        this.renderBox(ctx);
+        this.renderContent(ctx);
+        this.renderHint(ctx);
+    }
+    /**
+     * Render the section box with appropriate styling
+     */
+    renderBox(ctx) {
+        const { screen, bounds } = ctx;
+        const { x, y, width, height } = bounds;
+        // Determine title text and styling based on state
+        const displayTitle = this.state.entered ? `[ ${this.title} ]` : this.title;
+        const titleFg = this.focused ? ANSI.fg.black : ANSI.fg.cyan;
+        const titleBg = this.focused ? ANSI.bg.cyan : undefined;
+        // Draw the box
+        screen.drawBox(x, y, width, height, displayTitle, false, titleFg, titleBg);
+        // Draw focus indicator ('+') when focused but not entered
+        if (this.focused && !this.state.entered) {
+            screen.write(x, y, '+', ANSI.fg.yellow);
+        }
+    }
+    /**
+     * Render hint at the bottom of the section
+     */
+    renderHint(ctx) {
+        const hint = this.getCurrentHint();
+        if (hint) {
+            const { screen, bounds } = ctx;
+            screen.write(bounds.x + 2, bounds.y + bounds.height - 1, hint.slice(0, bounds.width - 4), ANSI.fg.gray);
+        }
+    }
+    /**
+     * Handle key input
+     * Default implementation handles basic up/down/enter/escape
+     */
+    handleKey(key) {
+        if (!this.state.entered) {
+            return false;
+        }
+        switch (key.name) {
+            case 'escape':
+                this.exit();
+                return true;
+            case 'up':
+            case 'k':
+                this.moveSelection(-1);
+                return true;
+            case 'down':
+            case 'j':
+                this.moveSelection(1);
+                return true;
+            case 'return':
+            case 'space':
+                return this.activateItem();
+            default:
+                return this.handleCustomKey(key);
+        }
+    }
+    /**
+     * Handle section-specific key input
+     * Override in subclasses for custom key handling
+     */
+    handleCustomKey(key) {
+        return false;
+    }
+    /**
+     * Enter the section
+     */
+    enter() {
+        if (!this.canEnter)
+            return;
+        this.state.entered = true;
+        this.state.selectedIndex = 0;
+        this.state.scrollOffset = 0;
+    }
+    /**
+     * Exit the section
+     */
+    exit() {
+        this.state.entered = false;
+    }
+    /**
+     * Get current hint based on state
+     */
+    getCurrentHint() {
+        if (this.state.entered) {
+            return this.hints.entered;
+        }
+        if (this.focused) {
+            return this.hints.focused;
+        }
+        return this.hints.unfocused || '';
+    }
+    /**
+     * Move selection by delta
+     */
+    moveSelection(delta) {
+        const count = this.getItemCount();
+        if (count === 0)
+            return;
+        this.state.selectedIndex = Math.max(0, Math.min(count - 1, this.state.selectedIndex + delta));
+        this.ensureVisible();
+    }
+    /**
+     * Ensure the selected item is visible (handle scrolling)
+     */
+    ensureVisible() {
+        const maxVisible = this.getMaxVisibleItems();
+        if (this.state.selectedIndex < this.state.scrollOffset) {
+            this.state.scrollOffset = this.state.selectedIndex;
+        }
+        else if (this.state.selectedIndex >= this.state.scrollOffset + maxVisible) {
+            this.state.scrollOffset = this.state.selectedIndex - maxVisible + 1;
+        }
+    }
+    /**
+     * Get maximum visible items based on bounds
+     * Override in subclasses if needed
+     */
+    getMaxVisibleItems() {
+        // Default: height minus 2 for border, 1 for hint
+        return Math.max(1, this.bounds.height - 3);
+    }
+    /**
+     * Render a list item with selection indicator
+     */
+    renderListItem(ctx, index, text, y, customFg) {
+        const { screen, bounds } = ctx;
+        const isSelected = this.state.entered && index === this.state.selectedIndex;
+        const fg = isSelected ? ANSI.fg.black : (customFg || ANSI.fg.white);
+        const bg = isSelected ? ANSI.bg.cyan : undefined;
+        const indicator = isSelected ? '>' : ' ';
+        screen.write(bounds.x + 1, y, indicator, ANSI.fg.yellow);
+        screen.write(bounds.x + 3, y, text.slice(0, bounds.width - 5).padEnd(bounds.width - 5), fg, bg);
+    }
+}
+//# sourceMappingURL=BaseSection.js.map
+//# debugId=9222b139-6e88-557b-bdc4-0f103d007207