epiq 0.0.2 → 0.0.4

package/dist/app.js

@@ -1,12 +1,18 @@
 import { Box } from 'ink';
 import React from 'react';
 import { BoardUI } from './board/components/Board.js';
+import { ContextBar } from './board/components/ContextBar.js';
 import { HelpUI } from './board/components/Help.js';
+import { Mode } from './navigation/model/action-map.model.js';
+import { appState } from './navigation/state/state.js';
 export default function App({ board }) {
     const width = process.stdout.columns || 120;
-    const swimlaneWidth = Math.floor(width / board.children.length);
-    const renderedWidth = swimlaneWidth * board.children.length;
+    const swimlaneMaxWidth = Math.floor(process.stdout.columns / 3);
+    const swimlaneDynamicWidth = Math.floor(width / board.children.length);
+    const renderedWidth = swimlaneDynamicWidth * board.children.length;
+    const swimlaneWidth = Math.min(renderedWidth, swimlaneMaxWidth);
     return (React.createElement(Box, { flexDirection: "column" },
-        React.createElement(BoardUI, { board: board, swimlaneWidth: swimlaneWidth }),
-        React.createElement(HelpUI, { width: renderedWidth })));
+        !(appState.mode === Mode.HELP) && (React.createElement(BoardUI, { board: board, swimlaneWidth: swimlaneWidth })),
+        appState.mode === Mode.HELP && React.createElement(HelpUI, { width: renderedWidth }),
+        React.createElement(ContextBar, { width: width })));
 }

package/dist/board/components/Board.js

@@ -1,19 +1,11 @@
-import { Box, Text, useApp, useInput } from 'ink';
+import { Box, Text } from 'ink';
 import React from 'react';
+import { appState } from '../../navigation/state/state.js';
 import { BoardContentUI } from './Swimlanes.js';
 export const BoardUI = ({ board, swimlaneWidth, }) => {
-    const { exit } = useApp();
-    useInput((input, key) => {
-        if (key.escape || input === 'q') {
-            exit();
-        }
-    });
     return (React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Box, { padding: 1, justifyContent: "center" },
-            React.createElement(Text, null,
-                "--- ",
-                board.name,
-                " ---")),
+        React.createElement(Box, { paddingLeft: 1 },
+            React.createElement(Text, null, appState.breadCrumb.map(b => '  >  ' + b.name))),
         React.createElement(Box, { flexDirection: "row" },
             React.createElement(BoardContentUI, { items: board.children, width: swimlaneWidth }))));
 };

package/dist/board/components/CommandLine.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CommandLine: React.FC;

package/dist/board/components/CommandLine.js

@@ -0,0 +1,26 @@
+import React, { useEffect, useState } from 'react';
+import { Box, Text } from 'ink';
+import { getCommandLineInput, subscribeCommandLineState, } from '../../navigation/state/command-line.state.js';
+const roleColors = {
+    command: 'cyan',
+    argument: 'white',
+};
+export const CommandLine = () => {
+    const [input, setInput] = useState(getCommandLineInput());
+    useEffect(() => {
+        const unsubscribe = subscribeCommandLineState(() => {
+            setInput(getCommandLineInput());
+        });
+        return () => {
+            unsubscribe();
+        };
+    }, []);
+    const [command, ...rest] = input.split(' ');
+    const argument = rest.join(' ');
+    return (React.createElement(Box, null,
+        React.createElement(Text, { color: "gray" }, ":"),
+        command && React.createElement(Text, { color: roleColors.command }, command),
+        argument && (React.createElement(Text, null,
+            ' ',
+            React.createElement(Text, { color: roleColors.argument }, "'" + argument + "'")))));
+};

package/dist/{components/Help.d.ts → board/components/ContextBar.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const HelpUI: React.FC<{
+export declare const ContextBar: React.FC<{
     width: number;
 }>;

package/dist/board/components/ContextBar.js

@@ -0,0 +1,17 @@
+import { Box, Text } from 'ink';
+import React from 'react';
+import { Mode } from '../../navigation/model/action-map.model.js';
+import { appState } from '../../navigation/state/state.js';
+import { CommandLine } from './CommandLine.js';
+export const ContextBar = ({ width }) => (React.createElement(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, borderColor: "gray", borderStyle: "round", width: width },
+    React.createElement(Box, null, appState.mode === Mode.COMMAND_LINE ? (React.createElement(CommandLine, null)) : (React.createElement(Box, { flexDirection: "row", gap: 2 },
+        React.createElement(Text, null, "\uD83D\uDCA1"),
+        appState.availableHints.map((x, index) => {
+            const [command, ...rest] = x.split(' ');
+            const argument = rest.join(' ');
+            return (React.createElement(Box, { key: index },
+                React.createElement(Text, { color: "cyan" }, command),
+                argument && (React.createElement(React.Fragment, null,
+                    React.createElement(Text, null, " "),
+                    React.createElement(Text, { color: "gray" }, argument)))));
+        }))))));

package/dist/board/components/Help.js

@@ -1,21 +1,28 @@
 import { Box, Text } from 'ink';
-import { navigationState } from '../../navigation/state/state.js';
+import { appState } from '../../navigation/state/state.js';
 import React from 'react';
-export const HelpUI = ({ width }) => (React.createElement(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, borderColor: "gray", borderStyle: "round", width: width },
-    React.createElement(Box, null,
-        React.createElement(Text, { color: "gray" }, "H: help")),
-    navigationState.viewHelp
-        ? navigationState.availableActions
+import { Mode } from '../../navigation/model/action-map.model.js';
+export const HelpUI = ({ width }) => (React.createElement(Box, { flexDirection: "column", marginTop: 3, borderColor: "gray", borderStyle: "round", width: width, minHeight: 19 },
+    React.createElement(Box, { flexDirection: "column", width: width }, appState.mode === Mode.HELP
+        ? [
+            {
+                action: '',
+                description: '[COMMAND] DESCRIPTION',
+                mode: appState.mode,
+            },
+            ...appState.availableActions,
+        ]
             .filter(action => Boolean(action.description))
-            .filter(x => x.mode === navigationState.mode)
+            // .filter(x => x.mode === navigationState.mode)
             .map((action, index) => {
             const [leftRaw, rightRaw] = action.description.split(']');
             const left = leftRaw?.replace('[', '');
             const right = rightRaw?.trim(); // no extra space
             return (React.createElement(Box, { paddingLeft: 1, key: index, flexDirection: "row" },
-                React.createElement(Box, { width: 20 },
-                    React.createElement(Text, { color: "cyan" }, left)),
-                React.createElement(Box, { flexGrow: 1 },
-                    React.createElement(Text, { color: "white" }, right))));
+                React.createElement(Box, { key: index, flexDirection: "row", paddingBottom: index ? 0 : 1 },
+                    React.createElement(Box, { flexGrow: 1, width: 30 },
+                        React.createElement(Text, { color: index ? 'white' : 'gray' }, right)),
+                    React.createElement(Box, { width: 20 },
+                        React.createElement(Text, { color: index ? 'yellow' : 'gray' }, left)))));
         })
-        : null));
+        : null)));

package/dist/board/components/Swimlane.d.ts

@@ -3,6 +3,7 @@ import { Swimlane } from '../model/board.model.js';
 type Props = {
     item: Swimlane;
     width: number;
+    isSelected: boolean;
 };
 export declare const SwimlaneUI: React.FC<Props>;
 export {};

package/dist/board/components/Swimlane.js

@@ -2,9 +2,11 @@ import { Box, Text } from 'ink';
 import React from 'react';
 import { ScrollBoxUI } from './ScrollBox.js';
 import { TicketListItemUI } from './TicketListItem.js';
-export const SwimlaneUI = ({ item, width }) => {
-    return (React.createElement(Box, { flexDirection: "column", width: width, borderStyle: "round", borderColor: item.isSelected ? 'cyan' : 'gray', paddingRight: 1, paddingLeft: 1, paddingBottom: 1, minHeight: 15 },
-        React.createElement(Box, { borderStyle: "round", borderColor: 'gray', justifyContent: "center" },
+export const SwimlaneUI = ({ item, isSelected, width }) => {
+    const color = isSelected ? 'cyan' : 'gray';
+    return (React.createElement(Box, { flexDirection: "column", width: width, borderStyle: "round", borderColor: 'gray', paddingRight: 1, paddingLeft: 1, minHeight: 15, height: 20 },
+        React.createElement(Box, { borderStyle: "round", borderColor: color, justifyContent: "center" },
             React.createElement(Text, { bold: true }, item.name)),
-        React.createElement(ScrollBoxUI, { selectedIndex: item.children.findIndex(x => x.isSelected), width: width, size: 10, children: item.children.map((ticket, index) => (React.createElement(TicketListItemUI, { key: index, width: width, ticket: ticket }))) })));
+        React.createElement(Box, { padding: 1 },
+            React.createElement(ScrollBoxUI, { selectedIndex: item.children.findIndex(x => x.isSelected), width: width, size: 10, children: item.children.map((ticket, index) => (React.createElement(TicketListItemUI, { key: index, width: width, ticket: ticket }))) }))));
 };

package/dist/board/components/Swimlanes.js

@@ -1,20 +1,17 @@
 import React from 'react';
 import { Box } from 'ink';
-import { navigationState } from '../../navigation/state/state.js';
+import { appState } from '../../navigation/state/state.js';
 import { BoardItemTypes } from '../model/board.model.js';
 import { SwimlaneUI } from './Swimlane.js';
 import { TicketUI } from './TicketUI.js';
 export const BoardContentUI = ({ items, width }) => {
-    const actionContext = navigationState?.currentNode?.actionContext;
-    const isSwimlaneContext = [
-        undefined,
-        BoardItemTypes.BOARD,
-        BoardItemTypes.SWIMLANE,
-        BoardItemTypes.TICKET_LIST_ITEM,
-    ].includes(actionContext);
-    const isTicketContext = actionContext === BoardItemTypes.TICKET;
+    const actionContext = appState.currentNode.actionContext;
+    const isTicketContext = actionContext === BoardItemTypes.TICKET_LIST_ITEM;
+    const isSwimlaneContext = actionContext === BoardItemTypes.BOARD ||
+        actionContext === BoardItemTypes.SWIMLANE;
     return (React.createElement(Box, { flexDirection: "row" },
         isSwimlaneContext &&
-            items.map((lane, index) => (React.createElement(SwimlaneUI, { key: index, width: width, item: lane }))),
-        isTicketContext && navigationState.currentNode && (React.createElement(TicketUI, { width: width * items.length, item: navigationState.currentNode }))));
+            items.map((lane, index) => (React.createElement(SwimlaneUI, { key: index, width: width, isSelected: appState.currentNode.actionContext === 'BOARD' &&
+                    appState.selectedIndex === index, item: lane }))),
+        isTicketContext && appState.currentNode && (React.createElement(TicketUI, { width: width * items.length, item: appState.breadCrumb[appState.breadCrumb.length - 1] }))));
 };

package/dist/board/components/TextInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const TextInput: React.FC<{
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string) => void;
+}>;

package/dist/board/components/TextInput.js

@@ -0,0 +1,9 @@
+import { Text } from 'ink';
+import React from 'react';
+// const onChange = (_value: string) => {
+// 	// No-op for now
+// };
+// const onSubmit = (_value: string) => {
+// 	// No-op for now
+// };
+export const TextInput = ({ value }) => React.createElement(Text, null, value);

package/dist/board/components/TicketListItem.js

@@ -1,12 +1,13 @@
 import { Box, Text } from 'ink';
 import React from 'react';
-import { navigationState } from '../../navigation/state/state.js';
+import { Mode } from '../../navigation/model/action-map.model.js';
+import { appState } from '../../navigation/state/state.js';
 const truncateWithEllipsis = (str, width) => str.length >= width ? str.slice(0, width - 3) + '...' : str;
 export const TicketListItemUI = ({ width, ticket }) => (React.createElement(Box, { borderBottom: true },
-    React.createElement(Text, { color: ticket.isSelected && navigationState.mode === 'move'
-            ? 'white'
+    React.createElement(Text, { color: ticket.isSelected && appState.mode === Mode.MOVE
+            ? 'cyan'
             : ticket.isSelected
                 ? 'cyan'
-                : navigationState.mode === 'move'
+                : appState.mode === Mode.MOVE
                     ? 'gray'
-                    : 'white' }, truncateWithEllipsis(ticket.id + ' - ' + ticket.name, width - 6))));
+                    : 'white' }, truncateWithEllipsis(ticket.name, width - 6))));

package/dist/board/components/TicketUI.js

@@ -1,9 +1,8 @@
 import { Box, Text } from 'ink';
 import React from 'react';
-export const TicketUI = ({ item, width }) => {
-    return (React.createElement(Box, { flexDirection: "row", padding: 1, paddingLeft: 2, borderStyle: 'round', width: width, minHeight: 16, borderColor: 'gray' },
-        React.createElement(Box, { flexDirection: "row" },
-            React.createElement(Box, { width: 20 },
-                React.createElement(Text, { color: 'cyan' }, 'Description: ')),
-            React.createElement(Text, null, item.name))));
-};
+export const TicketUI = ({ item, width }) => (React.createElement(Box, { flexDirection: "column", padding: 1, paddingLeft: 2, borderStyle: "round", width: width, minHeight: 20, borderColor: "gray" }, item.children.map(child => (React.createElement(Box, { key: child.id, flexDirection: "row", borderStyle: 'round', borderColor: child.isSelected ? 'cyan' : 'gray', paddingLeft: 1 },
+    React.createElement(Box, { width: 30 },
+        React.createElement(Text, { color: "cyan" },
+            child.name,
+            ":")),
+    React.createElement(Text, null, child.description))))));

package/dist/board/hints/hints.d.ts

@@ -0,0 +1,7 @@
+export declare const Hints: {
+    readonly [x: string]: readonly [] | readonly [":h Help", "hjkl: navigate", "enter: confirm"] | readonly ["q: exit"] | readonly ["i: edit", "y: yank/move"] | readonly ["q: exit", "i: edit"] | readonly ["hjkl: move selection", "e/enter: confirm move/yank", "q: exit"] | readonly ["hjkl: move selection", "e/enter: confirm move/yank", "y: confirm move/yank", "q: exit"];
+    readonly BOARD: readonly [];
+    readonly SWIMLANE: readonly [":h Help", "hjkl: navigate", "enter: confirm"];
+    readonly TICKET_LIST_ITEM: readonly ["i: edit", "y: yank/move"];
+    readonly TICKET: readonly ["q: exit", "i: edit"];
+};

package/dist/board/hints/hints.js

@@ -0,0 +1,21 @@
+import { Mode } from '../../navigation/model/action-map.model.js';
+import { BoardItemTypes } from '../model/board.model.js';
+export const Hints = {
+    [BoardItemTypes.BOARD]: [],
+    [BoardItemTypes.SWIMLANE]: [':h Help', 'hjkl: navigate', 'enter: confirm'],
+    [BoardItemTypes.TICKET_LIST_ITEM + Mode.HELP]: ['q: exit'],
+    [BoardItemTypes.SWIMLANE + Mode.HELP]: ['q: exit'],
+    [BoardItemTypes.TICKET_LIST_ITEM]: ['i: edit', 'y: yank/move'],
+    [BoardItemTypes.TICKET]: ['q: exit', 'i: edit'],
+    [BoardItemTypes.SWIMLANE + Mode.MOVE]: [
+        'hjkl: move selection',
+        'e/enter: confirm move/yank',
+        'q: exit',
+    ],
+    [BoardItemTypes.TICKET_LIST_ITEM + Mode.MOVE]: [
+        'hjkl: move selection',
+        'e/enter: confirm move/yank',
+        'y: confirm move/yank',
+        'q: exit',
+    ],
+};

package/dist/board/mock/board.js

@@ -1,10 +1,22 @@
 import { BoardItemTypes } from '../model/board.model.js';
+// import {Board, BoardItemTypes} from '../model/board.model.js';
 export const board = {
     id: 'b1',
     isSelected: false,
-    name: 'Product Development Board',
-    actionContext: 'BOARD',
+    name: 'Board',
+    actionContext: BoardItemTypes.BOARD,
     childrenRenderAxis: 'horizontal',
+    // children: [
+    // 	{
+    // 		isSelected: false,
+    // 		id: 's1',
+    // 		name: 'To Do',
+    // 		childrenRenderAxis: 'vertical',
+    // 		actionContext: BoardItemTypes.SWIMLANE,
+    // 		enableChildNavigationAcrossContainers: true,
+    // 		children: [],
+    // 	},
+    // ],
     children: [
         {
             isSelected: false,
@@ -24,7 +36,17 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't1-desc',
-                            name: 'Configure GitHub Actions for test, build, and deploy stages.',
+                            name: 'Description',
+                            description: 'Configure GitHub Actions for test, build, and deploy stages.',
+                            actionContext: BoardItemTypes.TICKET,
+                            childrenRenderAxis: 'vertical',
+                            children: [],
+                        },
+                        {
+                            isSelected: false,
+                            id: 't1-desc',
+                            name: 'Tag',
+                            description: 'Urgent',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -41,7 +63,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't2-desc',
-                            name: 'Define request/response formats, error handling, and versioning.',
+                            name: 'Description',
+                            description: 'Define request/response formats, error handling, and versioning.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -58,7 +81,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't3-desc',
-                            name: 'Collaborate with leads to define team goals and key results.',
+                            name: 'Description',
+                            description: 'Collaborate with leads to define team goals and key results.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -75,7 +99,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't11-desc',
-                            name: 'Create high-level overview of services, databases, and communication flows.',
+                            name: 'Description',
+                            description: 'Create high-level overview of services, databases, and communication flows.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -92,7 +117,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't12-desc',
-                            name: 'Integrate tools like Prometheus and Grafana; define alert thresholds.',
+                            name: 'Description',
+                            description: 'Integrate tools like Prometheus and Grafana; define alert thresholds.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -109,7 +135,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't13-desc',
-                            name: 'Identify GDPR and CCPA implications for data handling and user consent.',
+                            name: 'Description',
+                            description: 'Identify GDPR and CCPA implications for data handling and user consent.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -126,7 +153,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't14-desc',
-                            name: 'Write setup instructions, repo structure, and coding standards.',
+                            name: 'Description',
+                            description: 'Write setup instructions, repo structure, and coding standards.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -143,7 +171,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't15-desc',
-                            name: 'Compare Redux Toolkit, Zustand, and Jotai for frontend scalability.',
+                            name: 'Description',
+                            description: 'Compare Redux Toolkit, Zustand, and Jotai for frontend scalability.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -160,7 +189,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't16-desc',
-                            name: 'Define test scenarios covering API and UI flows.',
+                            name: 'Description',
+                            description: 'Define test scenarios covering API and UI flows.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -177,7 +207,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't17-desc',
-                            name: 'Set baseline response times for key endpoints and UI interactions.',
+                            name: 'Description',
+                            description: 'Set baseline response times for key endpoints and UI interactions.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -194,7 +225,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't18-desc',
-                            name: 'Standardize client and server error formats and fallback UIs.',
+                            name: 'Description',
+                            description: 'Standardize client and server error formats and fallback UIs.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -211,7 +243,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't19-desc',
-                            name: 'Choose log levels, format, and storage mechanisms for observability.',
+                            name: 'Description',
+                            description: 'Choose log levels, format, and storage mechanisms for observability.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -228,7 +261,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't20-desc',
-                            name: 'Enable gradual rollouts using LaunchDarkly or Unleash.',
+                            name: 'Description',
+                            description: 'Enable gradual rollouts using LaunchDarkly or Unleash.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -245,7 +279,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't21-desc',
-                            name: 'List comparable products and key differentiators for positioning.',
+                            name: 'Description',
+                            description: 'List comparable products and key differentiators for positioning.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -262,7 +297,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't22-desc',
-                            name: 'Schedule initial sync with stakeholders and present roadmap.',
+                            name: 'Description',
+                            description: 'Schedule initial sync with stakeholders and present roadmap.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -279,7 +315,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't23-desc',
-                            name: 'Set up base AWS resources using Terraform templates.',
+                            name: 'Description',
+                            description: 'Set up base AWS resources using Terraform templates.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -296,7 +333,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't24-desc',
-                            name: 'Collaborate with design to outline primary users and their needs.',
+                            name: 'Description',
+                            description: 'Collaborate with design to outline primary users and their needs.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -313,7 +351,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't25-desc',
-                            name: 'Decide on tools, frequency, and feedback channels for retrospectives.',
+                            name: 'Description',
+                            description: 'Decide on tools, frequency, and feedback channels for retrospectives.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -349,7 +388,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't4-desc',
-                            name: 'Integrate frontend with backend auth API and handle edge cases.',
+                            name: 'Description',
+                            description: 'Integrate frontend with backend auth API and handle edge cases.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -366,7 +406,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't5-desc',
-                            name: 'Collaborate with UX to create a grid-based responsive dashboard.',
+                            name: 'Description',
+                            description: 'Collaborate with UX to create a grid-based responsive dashboard.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -383,7 +424,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't6-desc',
-                            name: 'Evaluate color contrast, ARIA usage, and keyboard nav.',
+                            name: 'Description',
+                            description: 'Evaluate color contrast, ARIA usage, and keyboard nav.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -400,7 +442,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't7-desc',
-                            name: 'Ensure test coverage, types, and data validation are in place.',
+                            name: 'Description',
+                            description: 'Ensure test coverage, types, and data validation are in place.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -417,7 +460,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't8-desc',
-                            name: 'Verify spacing, responsiveness, and visual hierarchy.',
+                            name: 'Description',
+                            description: 'Verify spacing, responsiveness, and visual hierarchy.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -444,7 +488,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't9-desc',
-                            name: 'Document reusable components and tokens in Storybook.',
+                            name: 'Description',
+                            description: 'Document reusable components and tokens in Storybook.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],
@@ -461,7 +506,8 @@ export const board = {
                         {
                             isSelected: false,
                             id: 't10-desc',
-                            name: 'All pipelines green. Ready for product team QA.',
+                            name: 'Description',
+                            description: 'All pipelines green. Ready for product team QA.',
                             actionContext: BoardItemTypes.TICKET,
                             childrenRenderAxis: 'vertical',
                             children: [],

package/dist/cli.d.ts

@@ -1,2 +1,3 @@
 #!/usr/bin/env node
-export declare const main: () => void;
+import './debug-logger.js';
+export declare let renderBoard: () => void;