@flisk-sh/flisk 0.0.0-stage → 1.3.190

package/cli/dist/commands/version.js

@@ -0,0 +1,10 @@
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+import { Command } from "commander";
+import { getPackageVersion } from "../utils/paths.js";
+export const versionCommand = new Command("version")
+    .description("Display version number")
+    .alias("v")
+    .action(() => {
+    console.log(getPackageVersion());
+});

package/cli/dist/components/Accessible.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseTooltip } from "./BaseTooltip.js";
+import { useTUITheme } from "./ui-theme.js";
+/**
+ * Info tooltip variant with predefined accessibility styling.
+ * Uses an ℹ prefix ([i] in ASCII mode) and adds margin for better visibility.
+ */
+export const AccessibleTooltip = ({ content, shortcut, visible }) => {
+    const theme = useTUITheme();
+    return (_jsx(BaseTooltip, { content: content, shortcut: shortcut, visible: visible, prefix: theme.ascii ? "[i] " : "ℹ ", marginTop: 1 }));
+};

package/cli/dist/components/BaseTooltip.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+import { Box, Text } from "ink";
+import { useTUITheme } from "./ui-theme.js";
+export const BaseTooltip = ({ content, shortcut, visible, maxWidth = 40, wrapText = false, prefix = "", marginTop = 0, }) => {
+    const theme = useTUITheme();
+    if (!visible)
+        return null;
+    const lines = wrapText ? wrapContent(content, maxWidth) : [content];
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: theme.ascii ? undefined : "single", borderColor: theme.warning, paddingX: 1, paddingY: 1, backgroundColor: theme.ascii ? undefined : "black", marginTop: marginTop, children: [lines.map((line, i) => (_jsxs(Text, { color: theme.warning, bold: theme.highContrast, children: [prefix, line] }, i))), shortcut && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.muted, children: "Press " }), _jsx(Text, { color: theme.accent, bold: true, children: shortcut.startsWith("[") ? shortcut : `[${shortcut}]` }), _jsx(Text, { color: theme.muted, children: " to use" })] }))] }));
+};
+export function wrapContent(content, maxWidth) {
+    const words = content.split(" ");
+    const lines = [];
+    let currentLine = "";
+    for (const word of words) {
+        if (currentLine && (currentLine + word).length > maxWidth - 2) {
+            lines.push(currentLine.trim());
+            currentLine = `${word} `;
+        }
+        else {
+            currentLine += `${word} `;
+        }
+    }
+    if (currentLine) {
+        lines.push(currentLine.trim());
+    }
+    return lines;
+}

package/cli/dist/components/DetailPanel.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+import { Box, Text } from "ink";
+import { formatDate, getStatusColor, getStatusIcon } from "../utils/formatting.js";
+import { getTUIStatusColor, getTUIStatusIcon, useTUITheme } from "./ui-theme.js";
+export const DetailPanel = ({ stack, service, stackMetadata, visible, }) => {
+    const theme = useTUITheme();
+    if (!visible) {
+        return _jsx(Box, { width: 0 });
+    }
+    if (service) {
+        const title = theme.ascii
+            ? `--- ${service.name.toUpperCase()} ---`
+            : `\u250C\u2500 ${service.name.toUpperCase()} \u2500\u2510`;
+        return (_jsxs(Box, { width: 40, flexDirection: "column", borderStyle: theme.ascii ? undefined : "single", borderColor: theme.border, paddingX: 1, paddingY: 1, children: [_jsx(Box, { marginBottom: 1, justifyContent: "center", children: _jsx(Text, { color: theme.accent, bold: true, children: title }) }), _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.muted, children: "Name: " }), _jsx(Text, { color: theme.foreground, children: service.name })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.muted, children: "Stack: " }), _jsx(Text, { color: theme.foreground, children: service.stack || "unknown" })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.muted, children: "Type: " }), _jsx(Text, { color: theme.warning, bold: theme.highContrast, children: (service.stack || "") === "platform" ? "PLATFORM" : "PRODUCT" })] })] }), _jsx(Box, { marginTop: 2, children: _jsxs(Text, { color: theme.muted, dimColor: theme.dimMuted, children: ["Press ", _jsx(Text, { color: theme.accent, children: "[Esc]" }), " to close"] }) })] }));
+    }
+    if (stack && stackMetadata) {
+        const statusColor = getTUIStatusColor(theme, getStatusColor(stackMetadata.overallStatus));
+        const statusIcon = getTUIStatusIcon(theme, getStatusIcon(stackMetadata.overallStatus), getStatusColor(stackMetadata.overallStatus));
+        const title = theme.ascii
+            ? `--- ${stack.name.toUpperCase()} ---`
+            : `\u250C\u2500 ${stack.name.toUpperCase()} \u2500\u2510`;
+        return (_jsxs(Box, { width: 40, flexDirection: "column", borderStyle: theme.ascii ? undefined : "single", borderColor: theme.border, paddingX: 1, paddingY: 1, children: [_jsx(Box, { marginBottom: 1, justifyContent: "center", children: _jsx(Text, { color: theme.accent, bold: true, children: title }) }), _jsx(Box, { borderStyle: theme.ascii ? undefined : "single", borderColor: statusColor, paddingX: 1, paddingY: 1, marginY: 1, justifyContent: "center", children: _jsxs(Text, { color: statusColor, bold: true, children: [statusIcon, " ", stackMetadata.overallStatus.toUpperCase()] }) }), _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.muted, children: "Created: " }), _jsx(Text, { color: theme.foreground, children: formatDate(stackMetadata.createdAt) })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.muted, children: "Resources: " }), _jsx(Text, { color: theme.accent, bold: theme.highContrast, children: stackMetadata.resourceCount })] })] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { color: theme.muted, underline: true, children: "Resources" }) }), _jsx(Box, { flexDirection: "column", children: stack.resources.map((svc, index) => (_jsxs(Box, { children: [_jsx(Text, { color: theme.muted, children: theme.ascii
+                                    ? index === stack.resources.length - 1
+                                        ? "L- "
+                                        : "|- "
+                                    : index === stack.resources.length - 1
+                                        ? "\u2514\u2500 "
+                                        : "\u251C\u2500 " }), _jsx(Text, { color: theme.foreground, children: svc.name })] }, svc.name))) }), _jsx(Box, { marginTop: 2, children: _jsxs(Text, { color: theme.muted, dimColor: theme.dimMuted, children: ["Press ", _jsx(Text, { color: theme.accent, children: "[Esc]" }), " to close"] }) })] }));
+    }
+    return (_jsxs(Box, { width: 40, borderStyle: theme.ascii ? undefined : "single", borderColor: theme.border, paddingX: 2, paddingY: 2, flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, justifyContent: "center", children: _jsx(Text, { color: theme.muted, dimColor: theme.dimMuted, children: "Select a stack or service" }) }), _jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: theme.muted, dimColor: theme.dimMuted, children: "to view details" }) })] }));
+};

package/cli/dist/components/FileTree.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+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: "\uD83D\uDC33",
+    tilt: "\u2699\uFE0F",
+    config: "\uD83D\uDD27",
+    prisma: "\uD83D\uDDC4\uFE0F",
+    generated: "\uD83D\uDCC4",
+    unknown: "\uD83D\uDCC3",
+};
+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);
+        if (newExpanded.has(path)) {
+            newExpanded.delete(path);
+        }
+        else {
+            newExpanded.add(path);
+        }
+        setExpandedNodes(newExpanded);
+    };
+    const renderNode = (node, depth = 0) => {
+        const isExpanded = expandedNodes.has(node.path);
+        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 ? 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 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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+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, 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 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, firstVisible);
+    });
+    useEffect(() => {
+        setSelected(Math.max(0, Math.min(highlightedIndex, items.length - 1)));
+    }, [highlightedIndex, items]);
+    useInput((input, key) => {
+        if (items.length === 0)
+            return;
+        const plainKey = !key.ctrl && !key.meta;
+        if ((plainKey && input === "k") || key.upArrow)
+            setSelected((i) => (i === 0 ? items.length - 1 : i - 1));
+        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];
+            if (item)
+                onSelect(item);
+        }
+        const current = items[selected];
+        if (key.return && current)
+            onSelect(current);
+    }, { 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));
+        }) }));
+};

package/cli/dist/components/ResourceTable.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+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: theme.muted, children: "No resources found" }) }));
+    }
+    const narrowMode = maxWidth < 80;
+    const tableContentWidth = Math.max(1, Math.floor(maxWidth) - 4);
+    const extraWidth = tableContentWidth - (narrowMode ? 19 : 26);
+    const nameWidth = 4 + Math.floor(extraWidth * (narrowMode ? 0.37 : 0.29));
+    const stackWidth = 5 + Math.floor(extraWidth * (narrowMode ? 0.22 : 0.2));
+    const typeWidth = 4 + Math.floor(extraWidth * (narrowMode ? 0.2 : 0.13));
+    const statusWidth = narrowMode
+        ? tableContentWidth - nameWidth - stackWidth - typeWidth
+        : 6 + Math.floor(extraWidth * 0.17);
+    const createdWidth = narrowMode
+        ? 0
+        : tableContentWidth - nameWidth - stackWidth - typeWidth - statusWidth;
+    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, { 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));
+            })] }));
+};

package/cli/dist/components/ServiceIssues.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+import { Box, Text } from "ink";
+import { useTUITheme } from "./ui-theme.js";
+/** One line per service that is not ready and has a reason, so a failed dependency is named on screen. */
+export function ServiceIssues({ resources }) {
+    const theme = useTUITheme();
+    const issues = resources.filter((r) => r.status !== "ready" && r.statusReason);
+    if (issues.length === 0)
+        return null;
+    return (_jsx(Box, { flexDirection: "column", marginTop: 1, children: issues.map((resource) => (_jsxs(Text, { color: theme.muted, children: [resource.name, ": ", resource.statusReason] }, resource.name))) }));
+}

package/cli/dist/components/TUIHeader.js

@@ -0,0 +1,27 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+import { Box, Text } from "ink";
+import { useTUITheme } from "./ui-theme.js";
+const TRUNCATE = "truncate-end";
+export const TUIHeader = ({ projectRoot, resourceCount, terminalWidth, version, }) => {
+    const theme = useTUITheme();
+    const compact = terminalWidth < 80;
+    const title = compact
+        ? `Flisk v${version}`
+        : `${theme.bannerStart} Flisk 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, children: title }) }), _jsx(Box, { width: contentWidth, children: _jsx(Text, { color: theme.success, wrap: TRUNCATE, children: resourceLabel }) })] })) : (_jsx(Box, { width: contentWidth, children: _jsxs(Text, { wrap: TRUNCATE, 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, 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, children: title }) }), _jsx(Box, { width: contentWidth, children: _jsx(Text, { color: theme.success, wrap: TRUNCATE, children: resourceLabel }) }), _jsx(Box, { width: contentWidth, children: _jsx(Text, { color: theme.foreground, wrap: TRUNCATE, 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, children: projectRoot }) }), _jsx(Text, { color: theme.muted, children: " | " }), _jsx(Text, { color: theme.success, children: resourceLabel })] }));
+};

package/cli/dist/components/TabBar.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+import { Box, Text } from "ink";
+import { getTabBarDensity, getTerminalRuleWidth } from "../utils/terminal-layout.js";
+import { TABS } from "../utils/ui-keymap.js";
+import { useTUITheme } from "./ui-theme.js";
+export { TABS };
+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;
+    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 ? 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 }) })] }));
+};

package/cli/dist/components/Tooltip.js

@@ -0,0 +1,13 @@
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+export const TOOLTIPS = {
+    overviewTab: "View all stacks and their resources",
+    resourcesTab: "Detailed resource list with metadata",
+    eventsTab: "Service lifecycle events timeline",
+    filesTab: "Browse autogenerated configuration files",
+    configTab: "View and edit service configurations",
+    search: "Filter services by name, stack, or type",
+    refresh: "Reload data from Tilt API",
+    help: "Show keyboard shortcuts and help",
+    quit: "Exit the TUI",
+};

package/cli/dist/components/index.js

@@ -0,0 +1,11 @@
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+export { AccessibleTooltip } from "./Accessible.js";
+export { DetailPanel } from "./DetailPanel.js";
+export { FileTree } from "./FileTree.js";
+export { ResourceSelectInput } from "./ResourceSelectInput.js";
+export { ResourceTable } from "./ResourceTable.js";
+export { ServiceIssues } from "./ServiceIssues.js";
+export { TabBar } from "./TabBar.js";
+export { TOOLTIPS } from "./Tooltip.js";
+export { TUIHeader } from "./TUIHeader.js";

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

@@ -0,0 +1,120 @@
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+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",
+        separator: ascii ? " | " : " \u2502 ",
+    };
+}
+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 "[?]";
+}
+/** Return a tab section heading suited to the active terminal character set. */
+export function sectionTitle(theme, title) {
+    return theme.ascii ? `[ ${title} ]` : `┌─ ${title} ─`;
+}
+export const TUIThemeContext = createContext(createTUITheme(false));
+/** Read the theme provided to the current TUI subtree. */
+export function useTUITheme() {
+    return useContext(TUIThemeContext);
+}

package/cli/dist/config/platform-standards.js

@@ -0,0 +1,182 @@
+// Copyright (c) 2026 Flisk Landscape contributors
+// SPDX-License-Identifier: MIT
+import { PORT_RANGES, STANDARD_PORTS } from "../utils/constants.js";
+const PLATFORM_VERSION = "1.0.0";
+const TECH_STACK = {
+    runtime: "bun",
+    bundler: "vite",
+    language: "typescript",
+    framework: "hono",
+    database: "postgresql",
+    orm: "prisma",
+    messaging: "nats",
+    linting: "biome",
+    testing: "vitest",
+};
+const PORTS = {
+    frontend: {
+        base: PORT_RANGES.frontend.base,
+        range: PORT_RANGES.frontend.range,
+        start: PORT_RANGES.frontend.min,
+        end: PORT_RANGES.frontend.max,
+    },
+    backend: {
+        base: PORT_RANGES.backend.base,
+        range: PORT_RANGES.backend.range,
+        start: PORT_RANGES.backend.min,
+        end: PORT_RANGES.backend.max,
+    },
+    health: {
+        base: PORT_RANGES.health.base,
+        range: PORT_RANGES.health.range,
+        start: PORT_RANGES.health.min,
+        end: PORT_RANGES.health.max,
+    },
+    worker: {
+        base: PORT_RANGES.worker.base,
+        range: PORT_RANGES.worker.range,
+        start: PORT_RANGES.worker.min,
+        end: PORT_RANGES.worker.max,
+    },
+    migrator: {
+        base: PORT_RANGES.migrator.base,
+        range: PORT_RANGES.migrator.range,
+        start: PORT_RANGES.migrator.min,
+        end: PORT_RANGES.migrator.max,
+    },
+    tiltUi: STANDARD_PORTS.tiltUi,
+    traefik: STANDARD_PORTS.traefik,
+};
+const HEALTH_CHECKS = {
+    path: "/health",
+    live: "/health/live",
+    ready: "/health/ready",
+    timeout: 30,
+    interval: 5,
+};
+const NAMING = {
+    frontend: "-frontend",
+    backend: "-backend",
+    worker: "-worker",
+    migrator: "-migrator",
+    library: "-lib",
+    sdk: "-sdk",
+    validSeparators: ["-", "_"],
+    maxLength: 63,
+    minLength: 3,
+};
+const TRAEFIK = {
+    entrypoint: "web",
+    network: "traefik-public",
+    defaultHost: "localhost",
+    appHost: "app.localhost",
+    apiHost: "api.localhost",
+    appSubdomainPrefix: "app",
+    apiSubdomainPrefix: "api",
+    defaultPort: 8080,
+    tlsEnabled: false,
+    entrypoints: ["web"],
+    middlewares: [],
+    tls: { enabled: false },
+    healthcheckPath: "/health",
+    healthcheckInterval: "10s",
+    healthcheckTimeout: "5s",
+    frontendPriorityBase: 100,
+};
+const FILEWATCH_IGNORES = [
+    "node_modules",
+    "dist",
+    "build",
+    ".git",
+    ".prisma",
+    ".turbo",
+    "coverage",
+    "tmp",
+    "temp",
+    "__tests__",
+    "test",
+    "tests",
+];
+const RESOURCE_TYPES = {
+    frontend: {
+        suffix: "-frontend",
+        portRange: "3000-3999",
+    },
+    backend: {
+        suffix: "-backend",
+        portRange: "4000-4999",
+    },
+    library: {
+        suffix: "-library",
+        portRange: null,
+    },
+    sdk: {
+        suffix: "-sdk",
+        portRange: "3000-9999",
+    },
+    migrator: {
+        suffix: "-migrator",
+        portRange: "7000-7999",
+    },
+    worker: {
+        suffix: "-worker",
+        portRange: "6000-6999",
+    },
+};
+const FEATURES = {
+    prisma: "Database ORM with migrations",
+    nats: "Event streaming via NATS",
+    redis: "Caching layer",
+    infisical: "Secrets management",
+    vitest: "Testing framework",
+    traefik: "HTTP routing",
+    websocket: "Real-time connections",
+    graphql: "GraphQL support",
+    grpc: "gRPC support",
+    viteNode: "Vite Node runtime",
+    maintenance: "Maintenance mode",
+};
+const PATHS = {
+    services: "services/product",
+    sharedPlatform: "shared-platform-engineering",
+    sharedProduct: "shared-product-engineering",
+    sharedDdd: "shared-ddd-layers",
+};
+const DISCOVERY = {
+    scanIntervalSeconds: 5,
+    maxManifestsPerRoot: 50,
+    servicePatterns: ["services/product/*", "services/platform/*"],
+};
+const DOCKER = {
+    dockerfile: "Dockerfile",
+    context: ".",
+    // Auto-detect native arch (arm64 on Apple Silicon, amd64 elsewhere)
+    // platform: "linux/amd64",
+};
+const RUNTIME = {
+    backend: {
+        command: "bun",
+        args: ["run", "dev"],
+        env: { NODE_ENV: "development" },
+    },
+    frontend: {
+        command: "bun",
+        args: ["run", "dev"],
+        env: { NODE_ENV: "development" },
+    },
+};
+export const PLATFORM_STANDARDS = {
+    version: PLATFORM_VERSION,
+    tech: TECH_STACK,
+    ports: PORTS,
+    health: HEALTH_CHECKS,
+    naming: NAMING,
+    traefik: TRAEFIK,
+    filewatchIgnores: FILEWATCH_IGNORES,
+    serviceTypes: RESOURCE_TYPES,
+    features: FEATURES,
+    paths: PATHS,
+    discovery: DISCOVERY,
+    docker: DOCKER,
+    runtime: RUNTIME,
+};