@runloop/rl-cli 0.0.3 → 0.1.0

package/dist/components/DetailView.js

@@ -1,17 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
+import { Box, Text } from "ink";
+import { colors } from "../utils/theme.js";
 /**
  * Reusable detail view component for displaying entity information
  * Organizes data into sections with labeled items
  */
 export const DetailView = ({ sections }) => {
-    return (_jsx(Box, { flexDirection: "column", gap: 1, children: sections.map((section, sectionIndex) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "yellow", bold: true, children: section.title }), section.items.map((item, itemIndex) => (_jsx(Box, { children: _jsxs(Text, { color: item.color || 'gray', dimColor: true, children: [item.label, ": ", item.value] }) }, itemIndex))), sectionIndex < sections.length - 1 && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { children: " " }) }))] }, sectionIndex))) }));
+    return (_jsx(Box, { flexDirection: "column", gap: 1, children: sections.map((section, sectionIndex) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: colors.warning, bold: true, children: section.title }), section.items.map((item, itemIndex) => (_jsx(Box, { children: _jsxs(Text, { color: item.color || colors.textDim, dimColor: true, children: [item.label, ": ", item.value] }) }, itemIndex))), sectionIndex < sections.length - 1 && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { children: " " }) }))] }, sectionIndex))) }));
 };
 /**
  * Helper to build detail sections from an object
  */
 export function buildDetailSections(data, config) {
-    return Object.entries(config).map(([sectionName, sectionConfig]) => ({
+    return Object.entries(config)
+        .map(([sectionName, sectionConfig]) => ({
         title: sectionName,
         items: sectionConfig.fields
             .map((field) => {
@@ -25,5 +27,6 @@ export function buildDetailSections(data, config) {
             };
         })
             .filter(Boolean),
-    })).filter((section) => section.items.length > 0);
+    }))
+        .filter((section) => section.items.length > 0);
 }