@tdk-landscape/tdk-cli-core 1.3.116 → 1.3.118

package/cli/dist/components/FileTree.js

@@ -2,24 +2,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { useState } from "react";
 import { formatBytes } from "../utils/formatting.js";
+import { useTUITheme } from "./ui-theme.js";
 const FILE_ICONS = {
-    docker: "🐳",
-    tilt: "⚙️",
-    config: "🔧",
-    prisma: "🗄️",
-    generated: "📄",
-    unknown: "📃",
+    docker: "\uD83D\uDC33",
+    tilt: "\u2699\uFE0F",
+    config: "\uD83D\uDD27",
+    prisma: "\uD83D\uDDC4\uFE0F",
+    generated: "\uD83D\uDCC4",
+    unknown: "\uD83D\uDCC3",
 };
-const FILE_COLORS = {
-    docker: "blue",
-    tilt: "cyan",
-    config: "yellow",
-    prisma: "magenta",
-    generated: "gray",
-    unknown: "white",
+const ASCII_FILE_ICONS = {
+    docker: "[D]",
+    tilt: "[T]",
+    config: "[C]",
+    prisma: "[P]",
+    generated: "[G]",
+    unknown: "[?]",
 };
 // biome-ignore lint/correctness/noUnusedFunctionParameters: reserved callback prop kept in the component API
 export const FileTree = ({ nodes, onSelect, selectedPath }) => {
+    const theme = useTUITheme();
     const [expandedNodes, setExpandedNodes] = useState(new Set());
     const _toggleNode = (path) => {
         const newExpanded = new Set(expandedNodes);
@@ -36,11 +38,12 @@ export const FileTree = ({ nodes, onSelect, selectedPath }) => {
         const isSelected = selectedPath === node.path;
         const indent = "  ".repeat(depth);
         if (node.type === "directory") {
-            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, backgroundColor: isSelected ? "blue" : undefined, children: [indent, isExpanded ? "▼" : "▶", " ", node.name] }) }), isExpanded && node.children?.map((child) => renderNode(child, depth + 1))] }, node.path));
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: isSelected ? theme.selectionForeground : theme.foreground, bold: isSelected, backgroundColor: isSelected ? theme.selectionBackground : undefined, children: [indent, theme.ascii ? (isExpanded ? "[-]" : "[+]") : isExpanded ? "\u25BC" : "\u25B6", " ", node.name] }) }), isExpanded && node.children?.map((child) => renderNode(child, depth + 1))] }, node.path));
         }
-        const icon = node.fileType ? FILE_ICONS[node.fileType] : FILE_ICONS.unknown;
-        const color = node.fileType ? FILE_COLORS[node.fileType] : FILE_COLORS.unknown;
-        return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? "cyan" : color, bold: isSelected, backgroundColor: isSelected ? "blue" : undefined, children: [indent, " ", icon, " ", node.name] }), node.size && (_jsxs(Text, { color: "gray", dimColor: true, children: [" ", "(", formatBytes(node.size), ")"] }))] }, node.path));
+        const fileType = node.fileType ?? "unknown";
+        const icon = theme.ascii ? ASCII_FILE_ICONS[fileType] : FILE_ICONS[fileType];
+        const color = theme.fileColors[fileType];
+        return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? theme.selectionForeground : color, bold: isSelected, backgroundColor: isSelected ? theme.selectionBackground : undefined, children: [indent, " ", icon, " ", node.name] }), node.size && (_jsxs(Text, { color: theme.muted, dimColor: theme.dimMuted, children: [" ", "(", formatBytes(node.size), ")"] }))] }, node.path));
     };
     return (_jsx(Box, { flexDirection: "column", paddingX: 1, children: nodes.map((node) => renderNode(node, 0)) }));
 };

package/cli/dist/components/ResourceSelectInput.js

@@ -1,23 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, measureElement, Text, useInput } from "ink";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useTUITheme } from "./ui-theme.js";
 // Keys match what ink-select-input handled: up/down or k/j (wrapping), 1-9 to pick, Enter to select.
-export const ResourceSelectInput = ({ items, onSelect, highlightedIndex, width, onLayout, }) => {
+export const ResourceSelectInput = ({ items, onSelect, highlightedIndex, width, onLayout, isActive = true, maxVisibleItems = items.length, }) => {
+    const theme = useTUITheme();
     const listRef = useRef(null);
     const [selected, setSelected] = useState(() => Math.max(0, Math.min(highlightedIndex, items.length - 1)));
-    const itemKeys = items.map((item) => item.value).join("\0");
+    const visibleCount = Math.max(1, maxVisibleItems);
+    const firstVisible = Math.min(Math.max(0, selected - visibleCount + 1), Math.max(0, items.length - visibleCount));
     useLayoutEffect(() => {
         if (listRef.current)
-            onLayout?.(measureElement(listRef.current).y);
+            onLayout?.(measureElement(listRef.current).y, firstVisible);
     });
-    // biome-ignore lint/correctness/useExhaustiveDependencies: reset only when the item list changes
-    useEffect(() => setSelected(0), [itemKeys]);
+    useEffect(() => {
+        setSelected(Math.max(0, Math.min(highlightedIndex, items.length - 1)));
+    }, [highlightedIndex, items]);
     useInput((input, key) => {
         if (items.length === 0)
             return;
-        if (input === "k" || key.upArrow)
+        const plainKey = !key.ctrl && !key.meta;
+        if ((plainKey && input === "k") || key.upArrow)
             setSelected((i) => (i === 0 ? items.length - 1 : i - 1));
-        if (input === "j" || key.downArrow)
+        if ((plainKey && input === "j") || key.downArrow)
             setSelected((i) => (i === items.length - 1 ? 0 : i + 1));
         if (/^[1-9]$/.test(input)) {
             const item = items[Number(input) - 1];
@@ -26,10 +31,10 @@ export const ResourceSelectInput = ({ items, onSelect, highlightedIndex, width,
         }
         if (key.return)
             onSelect(items[selected]);
-    });
-    return (_jsx(Box, { ref: listRef, flexDirection: "column", width: width, children: items.map((item, index) => {
-            const isSelected = index === selected;
-            return (_jsx(Box, { width: width, children: _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: isSelected ? "cyan" : undefined, children: isSelected ? "\u2593\u2592\u2591 " : "    " }), _jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, backgroundColor: isSelected ? "black" : undefined, children: item.label })] }) }, item.value));
+    }, { isActive });
+    return (_jsx(Box, { ref: listRef, flexDirection: "column", width: width, children: items.slice(firstVisible, firstVisible + visibleCount).map((item, index) => {
+            const isSelected = firstVisible + index === selected;
+            return (_jsx(Box, { width: width, children: _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: isSelected ? theme.selectedForeground : theme.muted, backgroundColor: isSelected ? theme.selectedBackground : undefined, children: isSelected ? `${theme.selectionMarker} ` : "    " }), _jsx(Text, { color: isSelected ? theme.selectedForeground : theme.foreground, bold: isSelected || theme.highContrast, backgroundColor: isSelected ? theme.selectedBackground : undefined, children: item.label })] }) }, item.value));
         }) }));
 };
 //# sourceMappingURL=ResourceSelectInput.js.map

package/cli/dist/components/ResourceTable.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { formatShortDate, getStatusColor, getStatusIcon, truncate } from "../utils/formatting.js";
+import { getTUIStatusColor, getTUIStatusIcon, useTUITheme } from "./ui-theme.js";
 export const ResourceTable = ({ resources, maxWidth = 100 }) => {
+    const theme = useTUITheme();
     if (resources.length === 0) {
-        return (_jsx(Box, { paddingY: 1, children: _jsx(Text, { color: "gray", children: "No resources found" }) }));
+        return (_jsx(Box, { paddingY: 1, children: _jsx(Text, { color: theme.muted, children: "No resources found" }) }));
     }
     const narrowMode = maxWidth < 80;
     const tableContentWidth = Math.max(1, Math.floor(maxWidth) - 4);
@@ -17,11 +19,16 @@ export const ResourceTable = ({ resources, maxWidth = 100 }) => {
     const createdWidth = narrowMode
         ? 0
         : tableContentWidth - nameWidth - stackWidth - typeWidth - statusWidth;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsx(Box, { width: nameWidth, children: _jsx(Text, { bold: true, children: "Name" }) }), _jsx(Box, { width: stackWidth, children: _jsx(Text, { bold: true, children: "Stack" }) }), _jsx(Box, { width: typeWidth, children: _jsx(Text, { bold: true, children: "Type" }) }), _jsx(Box, { width: statusWidth, children: _jsx(Text, { bold: true, children: "Status" }) }), !narrowMode && (_jsx(Box, { width: createdWidth, children: _jsx(Text, { bold: true, children: "Created" }) }))] }), resources.map((resource) => {
-                const statusColor = getStatusColor(resource.status);
-                const statusLabel = `${getStatusIcon(resource.status)} ${resource.status}`;
+    const borderProps = theme.ascii
+        ? {}
+        : { borderStyle: "single", borderColor: theme.border };
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", ...borderProps, paddingX: 1, children: [_jsx(Box, { width: nameWidth, children: _jsx(Text, { bold: true, color: theme.foreground, children: "Name" }) }), _jsx(Box, { width: stackWidth, children: _jsx(Text, { bold: true, color: theme.foreground, children: "Stack" }) }), _jsx(Box, { width: typeWidth, children: _jsx(Text, { bold: true, color: theme.foreground, children: "Type" }) }), _jsx(Box, { width: statusWidth, children: _jsx(Text, { bold: true, color: theme.foreground, children: "Status" }) }), !narrowMode && (_jsx(Box, { width: createdWidth, children: _jsx(Text, { bold: true, color: theme.foreground, children: "Created" }) }))] }), resources.map((resource) => {
+                const sourceStatusColor = getStatusColor(resource.status);
+                const statusColor = getTUIStatusColor(theme, sourceStatusColor);
+                const statusIcon = getTUIStatusIcon(theme, getStatusIcon(resource.status), sourceStatusColor);
+                const statusLabel = `${statusIcon} ${resource.status}`;
                 const stackName = resource.stack && resource.stack !== "unknown" ? resource.stack : "-";
-                return (_jsxs(Box, { flexDirection: "row", paddingX: 1, children: [_jsx(Box, { width: nameWidth, children: _jsx(Text, { children: truncate(resource.name, Math.max(3, nameWidth - 1)) }) }), _jsx(Box, { width: stackWidth, children: _jsx(Text, { color: "gray", children: truncate(stackName, Math.max(3, stackWidth - 1)) }) }), _jsx(Box, { width: typeWidth, children: _jsx(Text, { color: "cyan", children: truncate(resource.type, Math.max(3, typeWidth - 1)) }) }), _jsx(Box, { width: statusWidth, children: _jsx(Text, { color: statusColor, children: truncate(statusLabel, Math.max(3, statusWidth - 1)) }) }), !narrowMode && (_jsx(Box, { width: createdWidth, children: _jsx(Text, { color: "gray", children: truncate(formatShortDate(resource.createdAt), Math.max(3, createdWidth - 1)) }) }))] }, resource.name));
+                return (_jsxs(Box, { flexDirection: "row", paddingX: 1, children: [_jsx(Box, { width: nameWidth, children: _jsx(Text, { color: theme.foreground, children: truncate(resource.name, Math.max(3, nameWidth - 1)) }) }), _jsx(Box, { width: stackWidth, children: _jsx(Text, { color: theme.muted, children: truncate(stackName, Math.max(3, stackWidth - 1)) }) }), _jsx(Box, { width: typeWidth, children: _jsx(Text, { color: theme.accent, bold: theme.highContrast, children: truncate(resource.type, Math.max(3, typeWidth - 1)) }) }), _jsx(Box, { width: statusWidth, children: _jsx(Text, { color: statusColor, bold: theme.highContrast, children: truncate(statusLabel, Math.max(3, statusWidth - 1)) }) }), !narrowMode && (_jsx(Box, { width: createdWidth, children: _jsx(Text, { color: theme.muted, children: truncate(formatShortDate(resource.createdAt), Math.max(3, createdWidth - 1)) }) }))] }, resource.name));
             })] }));
 };
 //# sourceMappingURL=ResourceTable.js.map

package/cli/dist/components/TUIHeader.js

@@ -0,0 +1,25 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { useTUITheme } from "./ui-theme.js";
+export const TUIHeader = ({ projectRoot, resourceCount, terminalWidth, version, }) => {
+    const theme = useTUITheme();
+    const compact = terminalWidth < 80;
+    const title = compact
+        ? `TDK v${version}`
+        : `${theme.bannerStart} TDK NEON EDITION v${version} ${theme.bannerEnd}`;
+    const resourceLabel = `${resourceCount} resource${resourceCount === 1 ? "" : "s"} discovered`;
+    const paddingX = terminalWidth >= 28 ? 1 : 0;
+    const contentWidth = Math.max(1, terminalWidth - paddingX * 2);
+    if (compact) {
+        const splitHeading = title.length + " | ".length + resourceLabel.length > contentWidth;
+        return (_jsxs(Box, { flexDirection: "column", paddingX: paddingX, width: terminalWidth, children: [splitHeading ? (_jsxs(_Fragment, { children: [_jsx(Box, { width: contentWidth, children: _jsx(Text, { color: theme.accent, bold: true, wrap: "truncate-end", children: title }) }), _jsx(Box, { width: contentWidth, children: _jsx(Text, { color: theme.success, wrap: "truncate-end", children: resourceLabel }) })] })) : (_jsx(Box, { width: contentWidth, children: _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: theme.accent, bold: true, children: title }), _jsx(Text, { color: theme.muted, children: " | " }), _jsx(Text, { color: theme.success, children: resourceLabel })] }) })), _jsx(Box, { width: contentWidth, children: _jsx(Text, { color: theme.foreground, wrap: "truncate-end", children: projectRoot }) })] }));
+    }
+    const separatorsWidth = " | ".length * 2;
+    const headingWidth = title.length + resourceLabel.length + separatorsWidth;
+    if (headingWidth >= contentWidth) {
+        return (_jsxs(Box, { flexDirection: "column", paddingX: paddingX, width: terminalWidth, children: [_jsx(Box, { width: contentWidth, children: _jsx(Text, { color: theme.accent, bold: true, wrap: "truncate-end", children: title }) }), _jsx(Box, { width: contentWidth, children: _jsx(Text, { color: theme.success, wrap: "truncate-end", children: resourceLabel }) }), _jsx(Box, { width: contentWidth, children: _jsx(Text, { color: theme.foreground, wrap: "truncate-end", children: projectRoot }) })] }));
+    }
+    const rootWidth = contentWidth - headingWidth;
+    return (_jsxs(Box, { flexDirection: "row", paddingX: paddingX, width: terminalWidth, children: [_jsx(Text, { color: theme.accent, bold: true, children: title }), _jsx(Text, { color: theme.muted, children: " | " }), _jsx(Box, { flexShrink: 0, width: rootWidth, children: _jsx(Text, { color: theme.foreground, wrap: "truncate-end", children: projectRoot }) }), _jsx(Text, { color: theme.muted, children: " | " }), _jsx(Text, { color: theme.success, children: resourceLabel })] }));
+};
+//# sourceMappingURL=TUIHeader.js.map

package/cli/dist/components/TabBar.js

@@ -1,25 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { getTabBarDensity, getTerminalRuleWidth } from "../utils/terminal-layout.js";
-const TABS = [
+import { useTUITheme } from "./ui-theme.js";
+export const TABS = [
     { id: "overview", label: "OVERVIEW", shortcut: "1" },
     { id: "resources", label: "RESOURCES", shortcut: "2" },
-    { id: "events", label: "EVENTS", shortcut: "3" },
-    { id: "files", label: "FILES", shortcut: "4" },
-    { id: "config", label: "CONFIG", shortcut: "5" },
+    { id: "files", label: "FILES", shortcut: "3" },
+    { id: "config", label: "CONFIG", shortcut: "4" },
 ];
 export const TabBar = ({ activeTab, compact = false, terminalWidth }) => {
+    const theme = useTUITheme();
     const responsive = terminalWidth !== undefined;
     const density = terminalWidth === undefined ? "wide" : getTabBarDensity(terminalWidth);
     const compactLayout = responsive && density === "compact";
     const wide = !responsive || density === "wide";
     const ruleWidth = responsive ? getTerminalRuleWidth(terminalWidth) : compact ? 60 : 80;
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "gray", children: "\u2500".repeat(ruleWidth) }) }), _jsx(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 1, children: TABS.map((tab) => {
+    const divider = (theme.ascii ? "-" : "\u2500").repeat(ruleWidth);
+    const selectedBorderProps = theme.ascii
+        ? {}
+        : { borderStyle: "single", borderColor: theme.accent };
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: theme.muted, dimColor: theme.dimMuted, children: divider }) }), _jsx(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 1, children: TABS.map((tab) => {
                     const isActive = activeTab === tab.id;
                     const label = compactLayout || (!responsive && compact && !isActive)
                         ? tab.label.slice(0, 4)
                         : tab.label;
-                    return (_jsx(Box, { children: compactLayout ? (_jsxs(Text, { color: isActive ? "cyan" : "gray", bold: isActive, children: ["[", tab.shortcut, "] ", label] })) : isActive ? (_jsx(Box, { borderStyle: "single", borderColor: "cyan", paddingX: wide ? 1 : 0, backgroundColor: "black", children: _jsxs(Text, { children: [wide && _jsx(Text, { color: "cyan", children: "\u2593\u2592\u2591" }), _jsxs(Text, { color: "cyan", bold: true, children: [" ", "[", tab.shortcut, "] ", label, " "] }), wide && _jsx(Text, { color: "cyan", children: "\u2591\u2592\u2593" })] }) })) : (_jsx(Box, { paddingX: wide ? 1 : 0, children: _jsxs(Text, { color: "gray", dimColor: true, children: ["[", tab.shortcut, "] ", label] }) })) }, tab.id));
-                }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "\u2500".repeat(ruleWidth) }) })] }));
+                    return (_jsx(Box, { children: compactLayout ? (_jsxs(Text, { color: isActive ? theme.selectedForeground : theme.muted, bold: isActive || theme.highContrast, backgroundColor: isActive ? theme.selectedBackground : undefined, children: [isActive ? `${theme.selectionMarker} ` : "", "[", tab.shortcut, "] ", label] })) : isActive ? (_jsx(Box, { ...selectedBorderProps, paddingX: wide ? 1 : 0, backgroundColor: theme.selectedBackground, children: _jsxs(Text, { children: [wide && _jsx(Text, { color: theme.selectedForeground, children: theme.bannerStart }), _jsxs(Text, { color: theme.selectedForeground, bold: true, children: [" ", "[", tab.shortcut, "] ", label, " "] }), wide && _jsx(Text, { color: theme.selectedForeground, children: theme.bannerEnd })] }) })) : (_jsx(Box, { paddingX: wide ? 1 : 0, children: _jsxs(Text, { color: theme.muted, dimColor: theme.dimMuted, bold: theme.highContrast, children: ["[", tab.shortcut, "] ", label] }) })) }, tab.id));
+                }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.muted, dimColor: theme.dimMuted, children: divider }) })] }));
 };
 //# sourceMappingURL=TabBar.js.map

package/cli/dist/components/index.js

@@ -5,4 +5,5 @@ export { ResourceSelectInput } from "./ResourceSelectInput.js";
 export { ResourceTable } from "./ResourceTable.js";
 export { TabBar } from "./TabBar.js";
 export { TOOLTIPS } from "./Tooltip.js";
+export { TUIHeader } from "./TUIHeader.js";
 //# sourceMappingURL=index.js.map

package/cli/dist/components/ui-theme.js

@@ -0,0 +1,114 @@
+import { createContext, useContext } from "react";
+const FILE_TYPES = ["docker", "tilt", "config", "prisma", "generated", "unknown"];
+const DEFAULT_FILE_COLORS = {
+    docker: "blue",
+    tilt: "cyan",
+    config: "yellow",
+    prisma: "magenta",
+    generated: "gray",
+    unknown: "white",
+};
+const HIGH_CONTRAST_FILE_COLORS = {
+    docker: "blueBright",
+    tilt: "cyanBright",
+    config: "yellowBright",
+    prisma: "magentaBright",
+    generated: "whiteBright",
+    unknown: "whiteBright",
+};
+/** Build the TUI palette from the requested theme and terminal environment. */
+export function createTUITheme(highContrast, environment = process.env) {
+    const ascii = environment.NO_COLOR !== undefined ||
+        environment.TERM?.toLowerCase().startsWith("dumb") === true;
+    const palette = highContrast
+        ? {
+            accent: "cyanBright",
+            border: "whiteBright",
+            muted: "white",
+            foreground: "whiteBright",
+            success: "greenBright",
+            warning: "yellowBright",
+            error: "redBright",
+            info: "blueBright",
+            secondary: "magentaBright",
+            selectedBackground: "cyanBright",
+            selectedForeground: "black",
+            selectionBackground: "blueBright",
+            selectionForeground: "whiteBright",
+            dimMuted: false,
+            fileColors: HIGH_CONTRAST_FILE_COLORS,
+        }
+        : {
+            accent: "cyan",
+            border: "gray",
+            muted: "gray",
+            foreground: "white",
+            success: "green",
+            warning: "yellow",
+            error: "red",
+            info: "blue",
+            secondary: "magenta",
+            selectedBackground: "black",
+            selectedForeground: "cyan",
+            selectionBackground: "blue",
+            selectionForeground: "cyan",
+            dimMuted: true,
+            fileColors: DEFAULT_FILE_COLORS,
+        };
+    const colorless = ascii
+        ? {
+            accent: undefined,
+            border: undefined,
+            muted: undefined,
+            foreground: undefined,
+            success: undefined,
+            warning: undefined,
+            error: undefined,
+            info: undefined,
+            secondary: undefined,
+            selectedBackground: undefined,
+            selectedForeground: undefined,
+            selectionBackground: undefined,
+            selectionForeground: undefined,
+            dimMuted: false,
+            fileColors: Object.fromEntries(FILE_TYPES.map((type) => [type, undefined])),
+        }
+        : {};
+    return {
+        ...palette,
+        ...colorless,
+        highContrast: highContrast && !ascii,
+        ascii,
+        bannerStart: ascii ? ">>>" : "\u2593\u2592\u2591",
+        bannerEnd: ascii ? "<<<" : "\u2591\u2592\u2593",
+        selectionMarker: ascii ? ">>>" : "\u2593\u2592\u2591",
+    };
+}
+const STATUS_COLOR_THEMES = {
+    green: "success",
+    yellow: "warning",
+    red: "error",
+};
+/** Map a formatter status color to the active theme palette. */
+export function getTUIStatusColor(theme, color) {
+    const themeKey = STATUS_COLOR_THEMES[color ?? ""];
+    return themeKey ? theme[themeKey] : theme.muted;
+}
+/** Return a status marker suited to the active terminal character set. */
+export function getTUIStatusIcon(theme, icon, color) {
+    if (!theme.ascii)
+        return icon;
+    if (color === "green")
+        return "[+]";
+    if (color === "yellow")
+        return "[~]";
+    if (color === "red")
+        return "[x]";
+    return "[?]";
+}
+export const TUIThemeContext = createContext(createTUITheme(false));
+/** Read the theme provided to the current TUI subtree. */
+export function useTUITheme() {
+    return useContext(TUIThemeContext);
+}
+//# sourceMappingURL=ui-theme.js.map

package/cli/dist/generator/template-engine.js

@@ -5,6 +5,7 @@ import Handlebars from "handlebars";
 import { PLATFORM_STANDARDS } from "../config/platform-standards.js";
 import { writeTextFile } from "../utils/file-helpers.js";
 import { assertTdkGeneratedPath } from "../utils/generated-paths.js";
+import { DEFAULT_ALWAYS_ENABLED_INFRA } from "../utils/project-config-defaults.js";
 import { validateServiceManifestFile } from "../utils/service-manifest.js";
 import { discoverResourcesFromRoot, discoverServiceManifestPaths } from "../utils/services.js";
 import { isStackFeatureEnabledInStacks } from "../utils/stack-features.js";
@@ -148,7 +149,7 @@ export class TemplateEngine {
             runtime: PLATFORM_STANDARDS.runtime,
             project: projectConfig.project,
             phases: dedupePhaseEnabledStacks(projectConfig.phases),
-            alwaysEnabledInfra: projectConfig.always_enabled_infra ?? ["database-management", "proxy"],
+            alwaysEnabledInfra: projectConfig.always_enabled_infra ?? [...DEFAULT_ALWAYS_ENABLED_INFRA],
             optionalInfra: projectConfig.optional_infra,
             serviceDescriptions: RESOURCE_DESCRIPTIONS,
             infraDescriptions: INFRA_DESCRIPTIONS,

package/cli/dist/utils/doctor-wiring.js

@@ -7,6 +7,7 @@ import { formatCount } from "./formatting.js";
 import { findProjectRoot } from "./paths.js";
 import { isApiServiceType } from "./resource-kind.js";
 import { discoverResourcesFromRoot } from "./services.js";
+import { evaluateSharedPlatformPostgres } from "./shared-platform-postgres.js";
 /**
  * Checks for wiring mistakes that only show up minutes into `tdk up`: an image
  * build that cannot find package.json, a token check that cannot reach its
@@ -16,6 +17,7 @@ import { discoverResourcesFromRoot } from "./services.js";
 const EXEC_TIMEOUT_MS = 10_000;
 const SOURCE_EXTENSIONS = /\.(?:[cm]?[jt]sx?|vue)$/;
 const TEST_FILE = /(?:\.test\.|\.spec\.|\/tests?\/|\/__tests__\/)/;
+const PRISMA_MAJOR = 7;
 const SKIPPED_DIRS = new Set(["node_modules", ".autogenerated", "dist", "tests", "__tests__"]);
 function projectName(projectRoot) {
     try {
@@ -35,6 +37,126 @@ function readParams(configPath) {
         return {};
     }
 }
+function packageJson(resourcePath) {
+    try {
+        const value = JSON.parse(readFileSync(join(resourcePath, "package.json"), "utf-8"));
+        return value && typeof value === "object" ? value : {};
+    }
+    catch {
+        return {};
+    }
+}
+function dependencyMajor(value) {
+    if (typeof value !== "string")
+        return undefined;
+    const match = value.match(/(?:^|[^0-9])(\d+)(?:\.|$)/);
+    return match ? Number(match[1]) : undefined;
+}
+function prismaSchemaFindings(path) {
+    const raw = readText(path);
+    if (raw === undefined)
+        return ["missing prisma/schema.prisma"];
+    const text = raw.replace(/\/\*[\s\S]*?\*\//g, "").replace(/^\s*\/\/.*$/gm, "");
+    const findings = [];
+    const datasource = text.match(/datasource\s+\w+\s*\{([^}]*)\}/)?.[1] ?? "";
+    if (!/provider\s*=\s*["']postgresql["']/.test(datasource))
+        findings.push("schema provider is not postgresql");
+    if (/\b(?:url|directUrl)\s*=/.test(text))
+        findings.push("schema still declares url/directUrl");
+    return findings;
+}
+function prismaConfigFindings(resourcePath) {
+    const generated = join(resourcePath, ".autogenerated", "prisma.config.autogenerated.ts");
+    const candidates = [join(resourcePath, "prisma.config.ts"), generated];
+    const path = candidates.find((candidate) => existsSync(candidate));
+    if (!path)
+        return ["missing prisma.config.ts or generated Prisma config"];
+    const text = readText(path) ?? "";
+    const datasource = text.match(/datasource\s*:\s*\{([^}]*)\}/)?.[1] ?? "";
+    if (!/url\s*:\s*(?:env\(["']DATABASE_URL["']\)|process\.env\.DATABASE_URL)\s*,?/.test(datasource)) {
+        return ['Prisma config datasource.url is not env("DATABASE_URL")'];
+    }
+    return [];
+}
+/** Enforces the Prisma 7 project contract before `tdk up` can run. */
+export function checkPrismaConsistency(projectRoot = findProjectRoot() ?? process.cwd()) {
+    const resources = discoverResourcesFromRoot(projectRoot);
+    const prismaResources = resources.filter((resource) => resource.config?.featuresEnabled?.includes("prisma"));
+    const findings = [];
+    const migrators = resources.filter((resource) => resource.config?.appType === "migrator");
+    for (const resource of resources) {
+        const legacyFeatures = resource.config?.features;
+        if (Array.isArray(legacyFeatures) &&
+            legacyFeatures.includes("prisma") &&
+            !resource.config?.featuresEnabled?.includes("prisma")) {
+            findings.push(`${resource.name}: use featuresEnabled, not features, for Prisma`);
+        }
+    }
+    if (prismaResources.length === 0) {
+        return findings.length === 0
+            ? {
+                name: "Prisma 7 consistency",
+                didPass: true,
+                isSkipped: true,
+                message: "No resources enable Prisma; Prisma consistency checks were skipped",
+            }
+            : {
+                name: "Prisma 7 consistency",
+                didPass: false,
+                message: `${formatCount(findings.length, "Prisma consistency error")}:\n    ${findings.join("\n    ")}`,
+                fix: "Use featuresEnabled to opt into the validated Prisma 7 shape",
+            };
+    }
+    for (const resource of prismaResources) {
+        const dependencies = packageJson(resource.path).dependencies;
+        const devDependencies = packageJson(resource.path).devDependencies;
+        const packages = { ...(devDependencies ?? {}), ...(dependencies ?? {}) };
+        const prismaMajor = dependencyMajor(packages.prisma);
+        const clientMajor = dependencyMajor(packages["@prisma/client"]);
+        if (prismaMajor === undefined || clientMajor === undefined)
+            findings.push(`${resource.name}: prisma and @prisma/client are required`);
+        else if (prismaMajor !== clientMajor || prismaMajor !== PRISMA_MAJOR)
+            findings.push(`${resource.name}: prisma packages must both be major 7`);
+        findings.push(...prismaSchemaFindings(join(resource.path, "prisma", "schema.prisma")).map((finding) => `${resource.name}: ${finding}`));
+        findings.push(...prismaConfigFindings(resource.path).map((finding) => `${resource.name}: ${finding}`));
+        const appType = resource.config?.appType ?? resource.type;
+        if (appType === "migrator") {
+            const postgresDependency = resource.config?.dependsOn?.some((name) => name === "postgres" || name === "database-management");
+            if (!postgresDependency)
+                findings.push(`${resource.name}: migrator must depend on postgres or database-management`);
+        }
+        else {
+            const migratorDependency = resource.config?.dependsOn?.some((name) => migrators.some((candidate) => candidate.name === name));
+            if (!migratorDependency)
+                findings.push(`${resource.name}: API must depend on its Prisma migrator`);
+            const scripts = packageJson(resource.path).scripts;
+            if (Object.entries(scripts ?? {}).some(([name, command]) => START_SCRIPTS.has(name) &&
+                typeof command === "string" &&
+                /prisma\s+migrate/.test(command))) {
+                findings.push(`${resource.name}: API start script must not run prisma migrate`);
+            }
+            const dockerfile = join(resource.path, resource.config?.dockerfile ?? "Dockerfile");
+            if (fileMigrations(dockerfile, true)) {
+                findings.push(`${resource.name}: API image/startup must not run Prisma migrations`);
+            }
+        }
+    }
+    if (prismaResources.length > 0 && !evaluateSharedPlatformPostgres(projectRoot).willStart) {
+        findings.push("shared platform Postgres will not start for the Prisma resources");
+    }
+    return findings.length === 0
+        ? {
+            name: "Prisma 7 consistency",
+            didPass: true,
+            message: "Prisma resources use the validated Prisma 7 shape",
+        }
+        : {
+            name: "Prisma 7 consistency",
+            didPass: false,
+            message: `${formatCount(findings.length, "Prisma consistency error")}:\n    ${findings.join("\n    ")}`,
+            fix: "Use Prisma 7 packages and config, put migrations in a migrator, and make the API depend on that migrator",
+        };
+}
 /** Backends are the only resources that listen on their `port`. */
 function backendPorts(resources) {
     const ports = new Map();
@@ -356,6 +478,76 @@ export function checkNatsBroker(projectRoot = findProjectRoot() ?? process.cwd()
         fix: `Create it with a "nats" service (image nats with -js, container_name ${name}_nats, network ${name}_backend, external) and a "redis" service, which TDK registers alongside it`,
     };
 }
+/**
+ * Shared platform Postgres will-start reporting.
+ *
+ * Uses the same evaluateSharedPlatformPostgres predicate as `tdk config verify`,
+ * which reads project.json **and** the generated Tiltfile/spec.master when present.
+ * Resource set is the project discovery set those commands already inspect —
+ * not a `tdk up` filter. A resource that depends on Postgres while you bring up
+ * a different one still makes this report will-start; the engine start path is
+ * selection-bounded and may not start Postgres for that run. Unknown dependsOn
+ * names (typos like `postgress`) stay errors. Does NOT report
+ * postgres/database-management as missing services and does NOT claim Prisma
+ * will start.
+ *
+ * Preflight loop: edit service.json → `tdk config regenerate` → `tdk doctor`.
+ * Doctor is the gate; one real `tdk up` after doctor is green confirms the run.
+ */
+export function checkSharedPlatformPostgres(projectRoot = findProjectRoot() ?? process.cwd()) {
+    const evaluation = evaluateSharedPlatformPostgres(projectRoot);
+    const projectScopeNote = " (project resource set; tdk up may select a subset and not start Postgres)";
+    const focusWarning = evaluation.focusWouldEnableDatabaseManagement
+        ? " Warning: generated Tiltfile default focus expands CORE_INFRA to database-management while project.json has it off; default tdk up takes the feature path."
+        : "";
+    if (evaluation.unknownDependsOnNames.length > 0) {
+        const list = evaluation.unknownDependsOnNames
+            .map(({ resource, name }) => `"${name}" (from ${resource})`)
+            .join(", ");
+        const willStartSuffix = evaluation.willStart
+            ? ` Postgres will start because ${evaluation.reason === "feature"
+                ? "database-management is enabled"
+                : `resource(s) ${evaluation.dependsOnUsers.join(", ")} depend on postgres/database-management`}${projectScopeNote}`
+            : " Postgres will not start for this project.json/generated Tiltfile state.";
+        return {
+            name: "Shared platform Postgres",
+            didPass: false,
+            message: `${formatCount(evaluation.unknownDependsOnNames.length, "unknown dependsOn name")}: ${list}. These are not known services or stacks, and are not the shared platform database names (postgres, database-management).${willStartSuffix}${focusWarning}`,
+            fix: 'Use "postgres" or "database-management" in dependsOn for the shared platform database, or fix the name to match an existing service',
+        };
+    }
+    if (!evaluation.willStart) {
+        return {
+            name: "Shared platform Postgres",
+            didPass: true,
+            isWarning: Boolean(focusWarning),
+            isSkipped: !focusWarning,
+            message: focusWarning
+                ? focusWarning.trim()
+                : "Shared platform Postgres will not start: database-management is off and no resource depends on postgres or database-management.",
+        };
+    }
+    if (evaluation.reason === "feature" && evaluation.dependsOnUsers.length === 0) {
+        const source = evaluation.featureOnFromTiltfile || evaluation.featureOnFromSpecMaster
+            ? " (generated Tiltfile/spec.master)"
+            : "";
+        return {
+            name: "Shared platform Postgres",
+            didPass: true,
+            isWarning: Boolean(focusWarning),
+            message: `Shared platform Postgres will start because the database-management feature is enabled${source} (project-wide; not a tdk up selection).${focusWarning}`,
+        };
+    }
+    const reason = evaluation.reason === "feature"
+        ? `the database-management feature is enabled and resource(s) ${evaluation.dependsOnUsers.join(", ")} depend on postgres/database-management`
+        : `resource(s) ${evaluation.dependsOnUsers.join(", ")} depend on postgres/database-management`;
+    return {
+        name: "Shared platform Postgres",
+        didPass: true,
+        isWarning: Boolean(focusWarning),
+        message: `Shared platform Postgres will start because ${reason}${projectScopeNote}${focusWarning}`,
+    };
+}
 export function parseTiltProcesses(psOutput) {
     const processes = [];
     for (const line of psOutput.split("\n")) {

package/cli/dist/utils/project-config-defaults.js

@@ -0,0 +1,15 @@
+/**
+ * Defaults shared by project generation and CLI predicates.
+ *
+ * Source of truth for `always_enabled_infra` when `.tdk/project.json` omits
+ * the field. The generator bakes this into the Tiltfile
+ * (`Tiltfile.hbs` → `ALWAYS_ENABLED_INFRA`); `should_enable` then returns
+ * `RESOURCE_DEFAULTS.get(name, True)` for names in that list — so an omitted
+ * field means database-management is ON for `tdk up`.
+ *
+ * `tdk doctor` / `tdk config verify` must use the same default, otherwise
+ * they report Postgres-will-start while the engine does not start it (or
+ * the reverse). See shared-platform-postgres.ts.
+ */
+export const DEFAULT_ALWAYS_ENABLED_INFRA = ["database-management", "proxy"];
+//# sourceMappingURL=project-config-defaults.js.map