@ranker/raxflow 2.0.5 → 2.1.0

package/dist/tui/components/composed/StatusBadge.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "../primitives/Box.js";
+import { Text } from "../primitives/Text.js";
+import { getCurrentTheme } from "../../styles/colors.js";
+import { indicators } from "../../styles/design-system.js";
+const statusIcons = {
+    success: indicators.success,
+    error: indicators.error,
+    warning: indicators.warning,
+    info: indicators.info,
+    pending: indicators.pending,
+};
+const statusColors = {
+    success: "success",
+    error: "error",
+    warning: "warning",
+    info: "info",
+    pending: "warning",
+};
+export const StatusBadge = ({ status, label, compact = false, }) => {
+    const theme = getCurrentTheme();
+    const icon = statusIcons[status];
+    const colorKey = statusColors[status];
+    const color = theme.colors[colorKey];
+    return (_jsxs(Box, { flexDirection: "row", gap: compact ? 0 : 1, children: [_jsx(Text, { color: colorKey, children: icon }), label && !compact && (_jsx(Text, { color: colorKey, bold: true, children: label }))] }));
+};
+StatusBadge.displayName = "StatusBadge";
+//# sourceMappingURL=StatusBadge.js.map

package/dist/tui/components/composed/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../../src/tui/components/composed/StatusBadge.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAI3D,MAAM,WAAW,GAA+B;IAC9C,OAAO,EAAE,UAAU,CAAC,OAAO;IAC3B,KAAK,EAAE,UAAU,CAAC,KAAK;IACvB,OAAO,EAAE,UAAU,CAAC,OAAO;IAC3B,IAAI,EAAE,UAAU,CAAC,IAAI;IACrB,OAAO,EAAE,UAAU,CAAC,OAAO;CAC5B,CAAC;AAEF,MAAM,YAAY,GAA+B;IAC/C,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACnB,CAAC;AAQF,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,MAAM,EACN,KAAK,EACL,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,QAAqC,CAAC,CAAC;IAElE,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAC3C,KAAC,IAAI,IAAC,KAAK,EAAE,QAAe,YAAG,IAAI,GAAQ,EAC1C,KAAK,IAAI,CAAC,OAAO,IAAI,CACpB,KAAC,IAAI,IAAC,KAAK,EAAE,QAAe,EAAE,IAAI,kBAC/B,KAAK,GACD,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Composed Components Index
+ */
+export { Button } from "./Button.js";
+export { Divider } from "./Divider.js";
+export { StatusBadge } from "./StatusBadge.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/composed/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Composed Components Index
+ */
+export { Button } from "./Button.js";
+export { Divider } from "./Divider.js";
+export { StatusBadge } from "./StatusBadge.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tui/components/composed/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/tui/components/layouts/Container.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Container - Responsive container component
+ * Adapts layout based on terminal size
+ */
+import React from "react";
+interface ContainerProps {
+    children: React.ReactNode;
+    maxWidth?: number;
+    centered?: boolean;
+    gutter?: number;
+}
+export declare const Container: React.FC<ContainerProps>;
+export {};
+//# sourceMappingURL=Container.d.ts.map

package/dist/tui/components/layouts/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/layouts/Container.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,cAAc;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmB9C,CAAC"}

package/dist/tui/components/layouts/Container.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "../primitives/Box.js";
+import { useTerminalSize } from "../../hooks/useTerminalSize.js";
+export const Container = ({ children, maxWidth, centered = false, gutter = 1, }) => {
+    const terminalSize = useTerminalSize();
+    const width = Math.min(terminalSize.availableWidth, maxWidth || terminalSize.availableWidth);
+    return (_jsx(Box, { width: width, flexDirection: "column", px: gutter, ...(centered && { ml: gutter, mr: gutter }), children: children }));
+};
+Container.displayName = "Container";
+//# sourceMappingURL=Container.js.map

package/dist/tui/components/layouts/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../src/tui/components/layouts/Container.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAUjE,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,CAAC,GACX,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,IAAI,YAAY,CAAC,cAAc,CAAC,CAAC;IAE7F,OAAO,CACL,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,aAAa,EAAC,QAAQ,EACtB,EAAE,EAAE,MAAM,KACN,CAAC,QAAQ,IAAI,EAAE,EAAE,EAAE,MAAa,EAAE,EAAE,EAAE,MAAa,EAAE,CAAC,YAEzD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/tui/components/layouts/Grid.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Grid - Simple grid layout for responsive positioning
+ */
+import React from "react";
+interface GridProps {
+    columns?: number;
+    gap?: number;
+    children: React.ReactNode;
+    width?: number | string;
+    height?: number | string;
+}
+export declare const Grid: React.FC<GridProps>;
+export {};
+//# sourceMappingURL=Grid.d.ts.map

package/dist/tui/components/layouts/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/layouts/Grid.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BpC,CAAC"}

package/dist/tui/components/layouts/Grid.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Grid - Simple grid layout for responsive positioning
+ */
+import React from "react";
+import { Box } from "../primitives/Box.js";
+export const Grid = ({ columns = 2, gap = 1, children, width = "100%", height, }) => {
+    const childArray = React.Children.toArray(children);
+    const rows = Math.ceil(childArray.length / columns);
+    return (_jsx(Box, { flexDirection: "column", gap: gap, width: width, height: height, children: Array.from({ length: rows }).map((_, rowIdx) => (_jsx(Box, { flexDirection: "row", gap: gap, width: "100%", children: childArray.slice(rowIdx * columns, (rowIdx + 1) * columns) }, rowIdx))) }));
+};
+Grid.displayName = "Grid";
+//# sourceMappingURL=Grid.js.map

package/dist/tui/components/layouts/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/tui/components/layouts/Grid.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAU3C,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,CAAC,EACP,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,MAAM,GACP,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;IAEpD,OAAO,CACL,KAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,YAEb,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAC/C,KAAC,GAAG,IAEF,aAAa,EAAC,KAAK,EACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,MAAM,YAEX,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,IALtD,MAAM,CAMP,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/tui/components/layouts/Stack.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Stack - Flexible container for stacking content
+ * Vertical or horizontal with consistent spacing
+ */
+import React from "react";
+import { SpacingKey } from "../../styles/design-system.js";
+interface StackProps {
+    direction?: "row" | "column";
+    gap?: SpacingKey | number;
+    align?: "flex-start" | "center" | "flex-end" | "stretch";
+    justify?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
+    children: React.ReactNode;
+    width?: number | string;
+    height?: number | string;
+    p?: SpacingKey | number;
+    px?: SpacingKey | number;
+    py?: SpacingKey | number;
+    pt?: SpacingKey | number;
+    pb?: SpacingKey | number;
+    pl?: SpacingKey | number;
+    pr?: SpacingKey | number;
+    m?: SpacingKey | number;
+    mx?: SpacingKey | number;
+    my?: SpacingKey | number;
+    mt?: SpacingKey | number;
+    mb?: SpacingKey | number;
+    ml?: SpacingKey | number;
+    mr?: SpacingKey | number;
+}
+export declare const Stack: React.FC<StackProps>;
+export {};
+//# sourceMappingURL=Stack.d.ts.map

package/dist/tui/components/layouts/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/layouts/Stack.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;CAC1B;AAYD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmDtC,CAAC"}

package/dist/tui/components/layouts/Stack.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "../primitives/Box.js";
+const spacingMap = {
+    none: 0,
+    xs: 1,
+    sm: 2,
+    md: 3,
+    lg: 4,
+    xl: 5,
+    xxl: 6,
+};
+export const Stack = ({ direction = "column", gap = "md", align = "flex-start", justify = "flex-start", children, width, height, p, px, py, pt, pb, pl, pr, m, mx, my, mt, mb, ml, mr, }) => {
+    const gapValue = typeof gap === "number" ? gap : spacingMap[gap];
+    return (_jsx(Box, { flexDirection: direction, gap: gapValue, alignItems: align, justifyContent: justify, width: width, height: height, p: p, px: px, py: py, pt: pt, pb: pb, pl: pl, pr: pr, m: m, mx: mx, my: my, mt: mt, mb: mb, ml: ml, mr: mr, children: children }));
+};
+Stack.displayName = "Stack";
+//# sourceMappingURL=Stack.js.map

package/dist/tui/components/layouts/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../src/tui/components/layouts/Stack.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AA2B3C,MAAM,UAAU,GAA+B;IAC7C,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,SAAS,GAAG,QAAQ,EACpB,GAAG,GAAG,IAAI,EACV,KAAK,GAAG,YAAY,EACpB,OAAO,GAAG,YAAY,EACtB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,GACH,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAEjE,OAAO,CACL,KAAC,GAAG,IACF,aAAa,EAAE,SAAS,EACxB,GAAG,EAAE,QAAQ,EACb,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,OAAO,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,YAEL,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Layouts Index
+ */
+export { Container } from "./Container.js";
+export { Stack } from "./Stack.js";
+export { Grid } from "./Grid.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/layouts/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Layouts Index
+ */
+export { Container } from "./Container.js";
+export { Stack } from "./Stack.js";
+export { Grid } from "./Grid.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tui/components/layouts/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}

package/dist/tui/components/primitives/Box.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Box - Primitive component for layout and spacing
+ * Wrapper around Ink's Box with design system integration
+ */
+import React from "react";
+import { BoxProps } from "ink";
+import { SpacingKey } from "../../styles/design-system.js";
+interface PrimitiveBoxProps extends Omit<BoxProps, "padding" | "margin" | "gap"> {
+    p?: SpacingKey | number;
+    px?: SpacingKey | number;
+    py?: SpacingKey | number;
+    pt?: SpacingKey | number;
+    pb?: SpacingKey | number;
+    pl?: SpacingKey | number;
+    pr?: SpacingKey | number;
+    m?: SpacingKey | number;
+    mx?: SpacingKey | number;
+    my?: SpacingKey | number;
+    mt?: SpacingKey | number;
+    mb?: SpacingKey | number;
+    ml?: SpacingKey | number;
+    mr?: SpacingKey | number;
+    gap?: SpacingKey | number;
+    children?: React.ReactNode;
+}
+export declare const Box: React.FC<PrimitiveBoxProps>;
+export {};
+//# sourceMappingURL=Box.d.ts.map

package/dist/tui/components/primitives/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/primitives/Box.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAgB,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEzE,UAAU,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC9E,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAoBD,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2C3C,CAAC"}

package/dist/tui/components/primitives/Box.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box as InkBox } from "ink";
+/**
+ * Convert design token key to number value
+ */
+function getValue(val) {
+    if (val === undefined)
+        return undefined;
+    if (typeof val === "number")
+        return val;
+    const spacingMap = {
+        none: 0,
+        xs: 1,
+        sm: 2,
+        md: 3,
+        lg: 4,
+        xl: 5,
+        xxl: 6,
+    };
+    return spacingMap[val];
+}
+export const Box = ({ p, px, py, pt, pb, pl, pr, m, mx, my, mt, mb, ml, mr, gap, children, ...props }) => {
+    // Calculate padding
+    let paddingValue;
+    if (p !== undefined)
+        paddingValue = getValue(p);
+    const paddingX = px !== undefined ? getValue(px) : getValue(pl) ?? getValue(pr) ?? paddingValue;
+    const paddingY = py !== undefined ? getValue(py) : getValue(pt) ?? getValue(pb) ?? paddingValue;
+    // Calculate margin
+    let marginValue;
+    if (m !== undefined)
+        marginValue = getValue(m);
+    const marginX = mx !== undefined ? getValue(mx) : getValue(ml) ?? getValue(mr) ?? marginValue;
+    const marginY = my !== undefined ? getValue(my) : getValue(mt) ?? getValue(mb) ?? marginValue;
+    return (_jsx(InkBox, { paddingX: paddingX, paddingY: paddingY, marginX: marginX, marginY: marginY, gap: getValue(gap), ...props, children: children }));
+};
+Box.displayName = "Box";
+//# sourceMappingURL=Box.js.map

package/dist/tui/components/primitives/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/tui/components/primitives/Box.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,GAAG,IAAI,MAAM,EAAY,MAAM,KAAK,CAAC;AAsB9C;;GAEG;AACH,SAAS,QAAQ,CAAC,GAAoC;IACpD,IAAI,GAAG,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IACxC,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,GAAG,CAAC;IACxC,MAAM,UAAU,GAA+B;QAC7C,IAAI,EAAE,CAAC;QACP,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,GAAG,EAAE,CAAC;KACP,CAAC;IACF,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,GAAgC,CAAC,EAC/C,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,oBAAoB;IACpB,IAAI,YAAgC,CAAC;IACrC,IAAI,CAAC,KAAK,SAAS;QAAE,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,EAAE,CAAC,IAAI,YAAY,CAAC;IAChG,MAAM,QAAQ,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,EAAE,CAAC,IAAI,YAAY,CAAC;IAEhG,mBAAmB;IACnB,IAAI,WAA+B,CAAC;IACpC,IAAI,CAAC,KAAK,SAAS;QAAE,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC;IAC9F,MAAM,OAAO,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC;IAE9F,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,KACd,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/tui/components/primitives/Panel.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Panel - Composed component for consistent bordered containers
+ * Uses design system for styling
+ */
+import React from "react";
+import type { BorderStyle } from "../../styles/design-system.js";
+interface PanelProps {
+    title?: string;
+    borderStyle?: BorderStyle;
+    padding?: number;
+    width?: number | string;
+    height?: number | string;
+    children?: React.ReactNode;
+}
+export declare const Panel: React.FC<PanelProps>;
+export {};
+//# sourceMappingURL=Panel.d.ts.map

package/dist/tui/components/primitives/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/primitives/Panel.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAEjE,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4BtC,CAAC"}

package/dist/tui/components/primitives/Panel.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "./Box.js";
+import { Text } from "./Text.js";
+import { getCurrentTheme } from "../../styles/colors.js";
+import { borders } from "../../styles/design-system.js";
+export const Panel = ({ title, borderStyle = "thin", padding = 1, width, height, children, }) => {
+    const theme = getCurrentTheme();
+    const border = borders[borderStyle];
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, borderColor: theme.colors.border, children: [title && (_jsx(Box, { p: padding, borderBottomColor: theme.colors.border, children: _jsx(Text, { bold: true, color: "primary", children: title }) })), _jsx(Box, { flexDirection: "column", flexGrow: 1, p: padding, overflow: "hidden", children: children })] }));
+};
+Panel.displayName = "Panel";
+//# sourceMappingURL=Panel.js.map

package/dist/tui/components/primitives/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/tui/components/primitives/Panel.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAYxD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,KAAK,EACL,WAAW,GAAG,MAAM,EACpB,OAAO,GAAG,CAAC,EACX,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAEpC,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,aAEvF,KAAK,IAAI,CACR,KAAC,GAAG,IAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,YACrD,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAC,SAAS,YACvB,KAAK,GACD,GACH,CACP,EAGD,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAC,QAAQ,YACnE,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/tui/components/primitives/Text.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Text - Primitive component for typography
+ * Wrapper around Ink's Text with design system integration
+ */
+import React from "react";
+import { TextProps } from "ink";
+type TextVariant = "xs" | "sm" | "base" | "lg" | "xl" | "xxl";
+type TextColor = "primary" | "secondary" | "tertiary" | "quaternary" | "success" | "error" | "warning" | "info";
+interface PrimitiveTextProps extends Omit<TextProps, "color"> {
+    variant?: TextVariant;
+    color?: TextColor;
+    dim?: boolean;
+    bold?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Text: React.FC<PrimitiveTextProps>;
+export {};
+//# sourceMappingURL=Text.d.ts.map

package/dist/tui/components/primitives/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/primitives/Text.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,SAAS,EAAE,MAAM,KAAK,CAAC;AAIjD,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAC9D,KAAK,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEhH,UAAU,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkC7C,CAAC"}

package/dist/tui/components/primitives/Text.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text as InkText } from "ink";
+import { getCurrentTheme } from "../../styles/colors.js";
+export const Text = ({ variant = "base", color, bold, dim, children, ...props }) => {
+    const theme = getCurrentTheme();
+    // Map color variant to theme color
+    const colorMap = {
+        primary: theme.colors.textPrimary,
+        secondary: theme.colors.textSecondary,
+        tertiary: theme.colors.textTertiary,
+        quaternary: theme.colors.textQuaternary,
+        success: theme.colors.success,
+        error: theme.colors.error,
+        warning: theme.colors.warning,
+        info: theme.colors.info,
+    };
+    const textColor = color ? colorMap[color] : theme.colors.textPrimary;
+    return (_jsx(InkText, { color: textColor, bold: bold, dimColor: dim, ...props, children: children }));
+};
+Text.displayName = "Text";
+//# sourceMappingURL=Text.js.map

package/dist/tui/components/primitives/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/tui/components/primitives/Text.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAa,MAAM,KAAK,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAczD,MAAM,CAAC,MAAM,IAAI,GAAiC,CAAC,EACjD,OAAO,GAAG,MAAM,EAChB,KAAK,EACL,IAAI,EACJ,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,mCAAmC;IACnC,MAAM,QAAQ,GAA8B;QAC1C,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;QACjC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa;QACrC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY;QACnC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc;QACvC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;QAC7B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;QACzB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;QAC7B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;KACxB,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAErE,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,KACT,KAAK,YAER,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Primitives Index - Export all primitive components
+ */
+export { Box } from "./Box.js";
+export { Text } from "./Text.js";
+export { Panel } from "./Panel.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/primitives/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Primitives Index - Export all primitive components
+ */
+export { Box } from "./Box.js";
+export { Text } from "./Text.js";
+export { Panel } from "./Panel.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tui/components/primitives/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/dist/tui/hooks/useTerminalSize.d.ts

@@ -7,6 +7,9 @@ interface TerminalSize {
     viewLayout: ViewLayout;
     availableWidth: number;
     availableHeight: number;
+    breakpoint: "tiny" | "small" | "medium" | "large" | "xlarge";
+    isCompact: boolean;
+    isMinimal: boolean;
 }
 export declare function useTerminalSize(): TerminalSize;
 export declare function calculatePanelWidths(layoutMode: LayoutMode, viewLayout: ViewLayout, availableWidth: number): {

package/dist/tui/hooks/useTerminalSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTerminalSize.d.ts","sourceRoot":"","sources":["../../../src/tui/hooks/useTerminalSize.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAQD,wBAAgB,eAAe,IAAI,YAAY,CAiD9C;AAED,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,MAAM,GACrB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAqCA"}
+{"version":3,"file":"useTerminalSize.d.ts","sourceRoot":"","sources":["../../../src/tui/hooks/useTerminalSize.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC7D,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAgBD,wBAAgB,eAAe,IAAI,YAAY,CAiE9C;AAED,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,MAAM,GACrB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAqCA"}

package/dist/tui/hooks/useTerminalSize.js

@@ -1,8 +1,15 @@
 import { useState, useEffect } from "react";
 const BREAKPOINTS = {
-    minimal: { width: 80, height: 20 },
-    compact: { width: 120, height: 28 },
-    full: { width: 160, height: 36 },
+    minimal: { width: 60, height: 16 },
+    compact: { width: 100, height: 24 },
+    full: { width: 140, height: 32 },
+};
+const SIZE_BREAKPOINTS = {
+    tiny: 60,
+    small: 80,
+    medium: 120,
+    large: 160,
+    xlarge: 200,
 };
 export function useTerminalSize() {
     const [size, setSize] = useState({
@@ -12,6 +19,9 @@ export function useTerminalSize() {
         viewLayout: "split",
         availableWidth: 116,
         availableHeight: 22,
+        breakpoint: "medium",
+        isCompact: false,
+        isMinimal: false,
     });
     useEffect(() => {
         const updateSize = () => {
@@ -32,6 +42,19 @@ export function useTerminalSize() {
             const inputBarHeight = 2;
             const availableHeight = Math.max(6, height - headerHeight - inputBarHeight);
             const availableWidth = Math.max(40, width - 4);
+            let breakpoint;
+            if (width < SIZE_BREAKPOINTS.small)
+                breakpoint = "tiny";
+            else if (width < SIZE_BREAKPOINTS.medium)
+                breakpoint = "small";
+            else if (width < SIZE_BREAKPOINTS.large)
+                breakpoint = "medium";
+            else if (width < SIZE_BREAKPOINTS.xlarge)
+                breakpoint = "large";
+            else
+                breakpoint = "xlarge";
+            const isCompact = width < SIZE_BREAKPOINTS.medium;
+            const isMinimal = width < SIZE_BREAKPOINTS.small;
             setSize({
                 width,
                 height,
@@ -39,6 +62,9 @@ export function useTerminalSize() {
                 viewLayout,
                 availableWidth,
                 availableHeight,
+                breakpoint,
+                isCompact,
+                isMinimal,
             });
         };
         updateSize();
@@ -65,15 +91,15 @@ export function calculatePanelWidths(layoutMode, viewLayout, availableWidth) {
         return {
             chat: panelWidth,
             dag: panelWidth,
-            logs: panelWidth,
-            metrics: panelWidth,
-            memory: panelWidth,
+            logs: Math.floor(availableWidth * 0.3),
+            metrics: Math.floor(availableWidth * 0.25),
+            memory: Math.floor(availableWidth * 0.25),
             status: panelWidth,
         };
     }
-    const chatWidth = Math.floor(availableWidth * 0.35);
-    const dagWidth = Math.floor(availableWidth * 0.25);
-    const logsWidth = Math.floor(availableWidth * 0.2);
+    const chatWidth = Math.floor(availableWidth * 0.32);
+    const dagWidth = Math.floor(availableWidth * 0.24);
+    const logsWidth = Math.floor(availableWidth * 0.22);
     const sideWidth = availableWidth - chatWidth - dagWidth - logsWidth;
     return {
         chat: chatWidth,
@@ -81,7 +107,7 @@ export function calculatePanelWidths(layoutMode, viewLayout, availableWidth) {
         logs: logsWidth,
         metrics: sideWidth,
         memory: sideWidth,
-        status: Math.floor(availableWidth * 0.3),
+        status: Math.floor(availableWidth * 0.28),
     };
 }
 //# sourceMappingURL=useTerminalSize.js.map

package/dist/tui/hooks/useTerminalSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTerminalSize.js","sourceRoot":"","sources":["../../../src/tui/hooks/useTerminalSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAc5C,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAClC,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;IACnC,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;CACjC,CAAC;AAEF,MAAM,UAAU,eAAe;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAe;QAC7C,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,OAAO;QACnB,cAAc,EAAE,GAAG;QACnB,eAAe,EAAE,EAAE;KACpB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC;YAC5C,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;YAEzC,IAAI,UAAsB,CAAC;YAC3B,IAAI,KAAK,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,MAAM,IAAI,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACzE,UAAU,GAAG,MAAM,CAAC;YACtB,CAAC;iBAAM,IAAI,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,MAAM,IAAI,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;gBACtF,UAAU,GAAG,SAAS,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,UAAU,GAAG,SAAS,CAAC;YACzB,CAAC;YAED,MAAM,UAAU,GAAe,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;YACjE,MAAM,YAAY,GAAG,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,cAAc,GAAG,CAAC,CAAC;YACzB,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,cAAc,CAAC,CAAC;YAC5E,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;YAE/C,OAAO,CAAC;gBACN,KAAK;gBACL,MAAM;gBACN,UAAU;gBACV,UAAU;gBACV,cAAc;gBACd,eAAe;aAChB,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,UAAU,EAAE,CAAC;QAEb,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC3C,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,UAAsB,EACtB,UAAsB,EACtB,cAAsB;IAStB,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QACxD,OAAO;YACL,IAAI,EAAE,cAAc;YACpB,GAAG,EAAE,cAAc;YACnB,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,cAAc;YACtB,MAAM,EAAE,cAAc;SACvB,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;QAClD,OAAO;YACL,IAAI,EAAE,UAAU;YAChB,GAAG,EAAE,UAAU;YACf,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,UAAU;YAClB,MAAM,EAAE,UAAU;SACnB,CAAC;IACJ,CAAC;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,GAAG,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEpE,OAAO;QACL,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,GAAG,CAAC;KACzC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useTerminalSize.js","sourceRoot":"","sources":["../../../src/tui/hooks/useTerminalSize.ts"],"names":[],"mappings":"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"}

package/dist/tui/styles/colors.d.ts

@@ -6,14 +6,18 @@ export declare const tuiColors: {
     readonly surface: string;
     readonly primary: string;
     readonly secondary: string;
+    readonly accent: string;
     readonly textPrimary: string;
     readonly textSecondary: string;
     readonly textTertiary: string;
     readonly textQuaternary: string;
+    readonly textMuted: string;
     readonly success: string;
     readonly warning: string;
     readonly error: string;
+    readonly info: string;
     readonly border: string;
+    readonly borderActive: string;
     readonly mutation: string;
     readonly checkpoint: string;
 };

package/dist/tui/styles/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/tui/styles/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIjE,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAE9C;AAED,wBAAgB,eAAe,IAAI,KAAK,CAEvC;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAerB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;AAC5B,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/tui/styles/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIjE,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAE9C;AAED,wBAAgB,eAAe,IAAI,KAAK,CAEvC;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAuDrB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;AAC5B,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC"}