@a9s/cli 1.0.8 → 1.0.10

package/dist/src/constants/theme.js

@@ -0,0 +1,608 @@
+/**
+ * Theme system: multiple named themes, switchable at runtime via :theme command.
+ *
+ * Monokai color strategy:
+ * - Magenta: Primary brand/structure — panel titles, account name
+ * - Blue: Active state — selected row bg, path bar bg, active tab bg
+ * - Cyan: Table & panel structure — column headers, mode icon, detail labels, profile
+ * - Yellow: Data & keys — account ID, identity line, keybinding keys
+ * - Green: Location & success — region, success feedback, confirm keys
+ * - Red: Errors & destructive
+ * - White: Body text
+ * - Gray: Subtle chrome — separators, dividers, inactive elements
+ *
+ * Catppuccin Mocha strategy (256-color hex palette):
+ * - #cba6f7 Mauve:    panel titles, account name
+ * - #89b4fa Blue:     selected row bg, path bar bg, active tab bg
+ * - #89dceb Sky:      column headers, mode icon, detail labels, profile
+ * - #f9e2af Yellow:   account ID, identity line, keybinding keys
+ * - #a6e3a1 Green:    region, success feedback
+ * - #f38ba8 Red:      errors
+ * - #cdd6f4 Text:     body text
+ * - #45475a Surface1: separators, dividers
+ */
+export const THEME_LABELS = {
+    monokai: "Monokai",
+    "catppuccin-mocha": "Catppuccin Mocha",
+    nord: "Nord",
+    "tokyo-night": "Tokyo Night",
+    "gruvbox-dark": "Gruvbox Dark",
+    dracula: "Dracula",
+};
+// ─── Monokai (named terminal colors) ──────────────────────────────────────────
+const MONOKAI_THEME = {
+    global: {
+        mainBg: "black",
+    },
+    table: {
+        tableContainerBg: "black",
+        selectedRowBg: "blue",
+        selectedRowText: "white",
+        filterMatchText: "yellow",
+        filterMatchSelectedText: "white",
+        columnHeaderText: "cyan",
+        columnHeaderMarker: "yellow",
+        rowSeparatorText: "gray",
+        emptyStateText: "white",
+        scrollPositionText: "green",
+    },
+    hud: {
+        accountNameText: "magenta",
+        accountIdText: "yellow",
+        regionText: "green",
+        profileText: "cyan",
+        separatorText: "gray",
+        currentIdentityText: "yellow",
+        pathBarBg: "blue",
+        pathBarText: "white",
+        loadingSpinnerText: "cyan",
+    },
+    modebar: {
+        modeIconText: "cyan",
+        keybindingKeyText: "yellow",
+        keybindingDescText: "white",
+        keybindingSeparatorText: "gray",
+    },
+    panel: {
+        panelTitleText: "magenta",
+        panelDividerText: "gray",
+        panelHintText: "white",
+        panelScrollIndicatorText: "cyan",
+        detailFieldLabelText: "cyan",
+        defaultBorderText: "gray",
+        helpPanelBorderText: "cyan",
+        yankPanelBorderText: "cyan",
+        detailPanelBorderText: "gray",
+        activeTabBg: "blue",
+        activeTabText: "white",
+        inactiveTabText: "gray",
+        keyText: "yellow",
+    },
+    diff: {
+        originalHeaderText: "red",
+        updatedHeaderText: "green",
+        diffDividerText: "gray",
+    },
+    error: {
+        errorBorderText: "red",
+        errorTitleText: "red",
+        errorHintText: "white",
+    },
+    upload: {
+        uploadBorderText: "yellow",
+        uploadTitleText: "yellow",
+        uploadSubtitleText: "white",
+        uploadDiffDividerText: "gray",
+        uploadConfirmPromptText: "white",
+        uploadLoadingText: "cyan",
+        uploadConfirmKeyText: "green",
+        uploadCancelKeyText: "red",
+    },
+    feedback: {
+        successText: "green",
+        promptText: "cyan",
+        confirmText: "green",
+    },
+    input: {
+        placeholderText: "gray",
+        suggestionText: "cyan",
+    },
+    skeleton: {
+        skeletonContextLabelText: "cyan",
+        skeletonHeaderText: "yellow",
+        skeletonDividerText: "gray",
+        skeletonCellText: "gray",
+        skeletonSeparatorText: "gray",
+    },
+    serviceColors: {
+        s3: { bg: "red", fg: "white" },
+        iam: { bg: "blue", fg: "white" },
+        secretsmanager: { bg: "magenta", fg: "white" },
+        route53: { bg: "cyan", fg: "black" },
+        dynamodb: { bg: "green", fg: "black" },
+    },
+};
+// ─── Catppuccin Mocha (256-color hex palette) ─────────────────────────────────
+// https://github.com/catppuccin/catppuccin#-palette
+const CATPPUCCIN_MOCHA_THEME = {
+    global: {
+        mainBg: "#1e1e2e", // Base
+    },
+    table: {
+        tableContainerBg: "#1e1e2e", // Base
+        selectedRowBg: "#313244", // Surface0
+        selectedRowText: "#cdd6f4", // Text
+        filterMatchText: "#f9e2af", // Yellow
+        filterMatchSelectedText: "#cdd6f4",
+        columnHeaderText: "#89dceb", // Sky
+        columnHeaderMarker: "#f9e2af",
+        rowSeparatorText: "#313244", // Surface0
+        emptyStateText: "#cdd6f4",
+        scrollPositionText: "#a6e3a1", // Green
+    },
+    hud: {
+        accountNameText: "#cba6f7", // Mauve
+        accountIdText: "#f9e2af", // Yellow
+        regionText: "#a6e3a1", // Green
+        profileText: "#89dceb", // Sky
+        separatorText: "#45475a", // Surface1
+        currentIdentityText: "#f9e2af",
+        pathBarBg: "#89b4fa", // Blue
+        pathBarText: "#1e1e2e", // Base
+        loadingSpinnerText: "#89dceb",
+    },
+    modebar: {
+        modeIconText: "#89dceb", // Sky
+        keybindingKeyText: "#f9e2af", // Yellow
+        keybindingDescText: "#cdd6f4",
+        keybindingSeparatorText: "#45475a",
+    },
+    panel: {
+        panelTitleText: "#cba6f7", // Mauve
+        panelDividerText: "#45475a", // Surface1
+        panelHintText: "#cdd6f4",
+        panelScrollIndicatorText: "#89dceb",
+        detailFieldLabelText: "#89dceb",
+        defaultBorderText: "#45475a",
+        helpPanelBorderText: "#89dceb",
+        yankPanelBorderText: "#89dceb",
+        detailPanelBorderText: "#45475a",
+        activeTabBg: "#89b4fa", // Blue
+        activeTabText: "#1e1e2e", // Base
+        inactiveTabText: "#6c7086", // Overlay0
+        keyText: "#f9e2af",
+    },
+    diff: {
+        originalHeaderText: "#f38ba8", // Red
+        updatedHeaderText: "#a6e3a1", // Green
+        diffDividerText: "#45475a",
+    },
+    error: {
+        errorBorderText: "#f38ba8",
+        errorTitleText: "#f38ba8",
+        errorHintText: "#cdd6f4",
+    },
+    upload: {
+        uploadBorderText: "#f9e2af",
+        uploadTitleText: "#f9e2af",
+        uploadSubtitleText: "#cdd6f4",
+        uploadDiffDividerText: "#45475a",
+        uploadConfirmPromptText: "#cdd6f4",
+        uploadLoadingText: "#89dceb",
+        uploadConfirmKeyText: "#a6e3a1",
+        uploadCancelKeyText: "#f38ba8",
+    },
+    feedback: {
+        successText: "#a6e3a1",
+        promptText: "#89dceb",
+        confirmText: "#a6e3a1",
+    },
+    input: {
+        placeholderText: "#6c7086", // Overlay0
+        suggestionText: "#89dceb",
+    },
+    skeleton: {
+        skeletonContextLabelText: "#89dceb",
+        skeletonHeaderText: "#f9e2af",
+        skeletonDividerText: "#45475a",
+        skeletonCellText: "#45475a",
+        skeletonSeparatorText: "#45475a",
+    },
+    serviceColors: {
+        s3: { bg: "#f38ba8", fg: "#1e1e2e" }, // Red
+        iam: { bg: "#89b4fa", fg: "#1e1e2e" }, // Blue
+        secretsmanager: { bg: "#cba6f7", fg: "#1e1e2e" }, // Mauve
+        route53: { bg: "#89dceb", fg: "#1e1e2e" }, // Sky
+        dynamodb: { bg: "#a6e3a1", fg: "#1e1e2e" }, // Green
+    },
+};
+// ─── Nord ─────────────────────────────────────────────────────────────────────
+// https://www.nordtheme.com/docs/colors-and-palettes
+const NORD_THEME = {
+    global: {
+        mainBg: "#2e3440", // Polar Night 0
+    },
+    table: {
+        tableContainerBg: "#2e3440",
+        selectedRowBg: "#3b4252", // Polar Night 1
+        selectedRowText: "#eceff4", // Snow Storm 2
+        filterMatchText: "#ebcb8b", // Aurora Yellow
+        filterMatchSelectedText: "#eceff4",
+        columnHeaderText: "#88c0d0", // Frost Blue
+        columnHeaderMarker: "#ebcb8b",
+        rowSeparatorText: "#3b4252",
+        emptyStateText: "#d8dee9",
+        scrollPositionText: "#a3be8c", // Aurora Green
+    },
+    hud: {
+        accountNameText: "#b48ead", // Aurora Purple
+        accountIdText: "#ebcb8b",
+        regionText: "#a3be8c",
+        profileText: "#88c0d0",
+        separatorText: "#4c566a", // Polar Night 3
+        currentIdentityText: "#ebcb8b",
+        pathBarBg: "#5e81ac", // Frost Dark Blue
+        pathBarText: "#eceff4",
+        loadingSpinnerText: "#88c0d0",
+    },
+    modebar: {
+        modeIconText: "#88c0d0",
+        keybindingKeyText: "#ebcb8b",
+        keybindingDescText: "#d8dee9",
+        keybindingSeparatorText: "#4c566a",
+    },
+    panel: {
+        panelTitleText: "#b48ead",
+        panelDividerText: "#4c566a",
+        panelHintText: "#d8dee9",
+        panelScrollIndicatorText: "#88c0d0",
+        detailFieldLabelText: "#88c0d0",
+        defaultBorderText: "#4c566a",
+        helpPanelBorderText: "#88c0d0",
+        yankPanelBorderText: "#88c0d0",
+        detailPanelBorderText: "#4c566a",
+        activeTabBg: "#5e81ac",
+        activeTabText: "#eceff4",
+        inactiveTabText: "#4c566a",
+        keyText: "#ebcb8b",
+    },
+    diff: {
+        originalHeaderText: "#bf616a", // Aurora Red
+        updatedHeaderText: "#a3be8c",
+        diffDividerText: "#4c566a",
+    },
+    error: {
+        errorBorderText: "#bf616a",
+        errorTitleText: "#bf616a",
+        errorHintText: "#d8dee9",
+    },
+    upload: {
+        uploadBorderText: "#ebcb8b",
+        uploadTitleText: "#ebcb8b",
+        uploadSubtitleText: "#d8dee9",
+        uploadDiffDividerText: "#4c566a",
+        uploadConfirmPromptText: "#d8dee9",
+        uploadLoadingText: "#88c0d0",
+        uploadConfirmKeyText: "#a3be8c",
+        uploadCancelKeyText: "#bf616a",
+    },
+    feedback: {
+        successText: "#a3be8c",
+        promptText: "#88c0d0",
+        confirmText: "#a3be8c",
+    },
+    input: {
+        placeholderText: "#4c566a",
+        suggestionText: "#88c0d0",
+    },
+    skeleton: {
+        skeletonContextLabelText: "#88c0d0",
+        skeletonHeaderText: "#ebcb8b",
+        skeletonDividerText: "#4c566a",
+        skeletonCellText: "#4c566a",
+        skeletonSeparatorText: "#4c566a",
+    },
+    serviceColors: {
+        s3: { bg: "#bf616a", fg: "#eceff4" }, // Aurora Red
+        iam: { bg: "#5e81ac", fg: "#eceff4" }, // Frost Dark Blue
+        secretsmanager: { bg: "#b48ead", fg: "#eceff4" }, // Aurora Purple
+        route53: { bg: "#88c0d0", fg: "#2e3440" }, // Frost Blue
+        dynamodb: { bg: "#a3be8c", fg: "#2e3440" }, // Aurora Green
+    },
+};
+// ─── Tokyo Night ──────────────────────────────────────────────────────────────
+// https://github.com/folke/tokyonight.nvim
+const TOKYO_NIGHT_THEME = {
+    global: {
+        mainBg: "#1a1b26",
+    },
+    table: {
+        tableContainerBg: "#1a1b26",
+        selectedRowBg: "#292e42", // bg_highlight
+        selectedRowText: "#c0caf5", // fg
+        filterMatchText: "#e0af68", // yellow
+        filterMatchSelectedText: "#c0caf5",
+        columnHeaderText: "#7dcfff", // cyan
+        columnHeaderMarker: "#e0af68",
+        rowSeparatorText: "#292e42",
+        emptyStateText: "#c0caf5",
+        scrollPositionText: "#9ece6a", // green
+    },
+    hud: {
+        accountNameText: "#bb9af7", // magenta/purple
+        accountIdText: "#e0af68",
+        regionText: "#9ece6a",
+        profileText: "#7dcfff",
+        separatorText: "#414868", // terminal_black
+        currentIdentityText: "#e0af68",
+        pathBarBg: "#7aa2f7", // blue
+        pathBarText: "#1a1b26",
+        loadingSpinnerText: "#7dcfff",
+    },
+    modebar: {
+        modeIconText: "#7dcfff",
+        keybindingKeyText: "#e0af68",
+        keybindingDescText: "#c0caf5",
+        keybindingSeparatorText: "#414868",
+    },
+    panel: {
+        panelTitleText: "#bb9af7",
+        panelDividerText: "#414868",
+        panelHintText: "#c0caf5",
+        panelScrollIndicatorText: "#7dcfff",
+        detailFieldLabelText: "#7dcfff",
+        defaultBorderText: "#414868",
+        helpPanelBorderText: "#7dcfff",
+        yankPanelBorderText: "#7dcfff",
+        detailPanelBorderText: "#414868",
+        activeTabBg: "#7aa2f7",
+        activeTabText: "#1a1b26",
+        inactiveTabText: "#414868",
+        keyText: "#e0af68",
+    },
+    diff: {
+        originalHeaderText: "#f7768e", // red
+        updatedHeaderText: "#9ece6a",
+        diffDividerText: "#414868",
+    },
+    error: {
+        errorBorderText: "#f7768e",
+        errorTitleText: "#f7768e",
+        errorHintText: "#c0caf5",
+    },
+    upload: {
+        uploadBorderText: "#e0af68",
+        uploadTitleText: "#e0af68",
+        uploadSubtitleText: "#c0caf5",
+        uploadDiffDividerText: "#414868",
+        uploadConfirmPromptText: "#c0caf5",
+        uploadLoadingText: "#7dcfff",
+        uploadConfirmKeyText: "#9ece6a",
+        uploadCancelKeyText: "#f7768e",
+    },
+    feedback: {
+        successText: "#9ece6a",
+        promptText: "#7dcfff",
+        confirmText: "#9ece6a",
+    },
+    input: {
+        placeholderText: "#414868",
+        suggestionText: "#7dcfff",
+    },
+    skeleton: {
+        skeletonContextLabelText: "#7dcfff",
+        skeletonHeaderText: "#e0af68",
+        skeletonDividerText: "#414868",
+        skeletonCellText: "#414868",
+        skeletonSeparatorText: "#414868",
+    },
+    serviceColors: {
+        s3: { bg: "#f7768e", fg: "#1a1b26" }, // red
+        iam: { bg: "#7aa2f7", fg: "#1a1b26" }, // blue
+        secretsmanager: { bg: "#bb9af7", fg: "#1a1b26" }, // magenta
+        route53: { bg: "#7dcfff", fg: "#1a1b26" }, // cyan
+        dynamodb: { bg: "#9ece6a", fg: "#1a1b26" }, // green
+    },
+};
+// ─── Gruvbox Dark ─────────────────────────────────────────────────────────────
+// https://github.com/morhetz/gruvbox
+const GRUVBOX_DARK_THEME = {
+    global: {
+        mainBg: "#282828",
+    },
+    table: {
+        tableContainerBg: "#282828",
+        selectedRowBg: "#3c3836", // bg1
+        selectedRowText: "#ebdbb2", // fg
+        filterMatchText: "#fabd2f", // bright yellow
+        filterMatchSelectedText: "#ebdbb2",
+        columnHeaderText: "#83a598", // bright blue
+        columnHeaderMarker: "#fabd2f",
+        rowSeparatorText: "#3c3836",
+        emptyStateText: "#ebdbb2",
+        scrollPositionText: "#b8bb26", // bright green
+    },
+    hud: {
+        accountNameText: "#d3869b", // bright purple
+        accountIdText: "#fabd2f",
+        regionText: "#b8bb26",
+        profileText: "#83a598",
+        separatorText: "#665c54", // bg3
+        currentIdentityText: "#fabd2f",
+        pathBarBg: "#458588", // blue
+        pathBarText: "#ebdbb2",
+        loadingSpinnerText: "#83a598",
+    },
+    modebar: {
+        modeIconText: "#83a598",
+        keybindingKeyText: "#fabd2f",
+        keybindingDescText: "#ebdbb2",
+        keybindingSeparatorText: "#665c54",
+    },
+    panel: {
+        panelTitleText: "#d3869b",
+        panelDividerText: "#665c54",
+        panelHintText: "#ebdbb2",
+        panelScrollIndicatorText: "#83a598",
+        detailFieldLabelText: "#83a598",
+        defaultBorderText: "#665c54",
+        helpPanelBorderText: "#83a598",
+        yankPanelBorderText: "#83a598",
+        detailPanelBorderText: "#665c54",
+        activeTabBg: "#458588",
+        activeTabText: "#ebdbb2",
+        inactiveTabText: "#665c54",
+        keyText: "#fabd2f",
+    },
+    diff: {
+        originalHeaderText: "#fb4934", // bright red
+        updatedHeaderText: "#b8bb26",
+        diffDividerText: "#665c54",
+    },
+    error: {
+        errorBorderText: "#fb4934",
+        errorTitleText: "#fb4934",
+        errorHintText: "#ebdbb2",
+    },
+    upload: {
+        uploadBorderText: "#fabd2f",
+        uploadTitleText: "#fabd2f",
+        uploadSubtitleText: "#ebdbb2",
+        uploadDiffDividerText: "#665c54",
+        uploadConfirmPromptText: "#ebdbb2",
+        uploadLoadingText: "#83a598",
+        uploadConfirmKeyText: "#b8bb26",
+        uploadCancelKeyText: "#fb4934",
+    },
+    feedback: {
+        successText: "#b8bb26",
+        promptText: "#83a598",
+        confirmText: "#b8bb26",
+    },
+    input: {
+        placeholderText: "#665c54",
+        suggestionText: "#83a598",
+    },
+    skeleton: {
+        skeletonContextLabelText: "#83a598",
+        skeletonHeaderText: "#fabd2f",
+        skeletonDividerText: "#665c54",
+        skeletonCellText: "#665c54",
+        skeletonSeparatorText: "#665c54",
+    },
+    serviceColors: {
+        s3: { bg: "#fb4934", fg: "#282828" }, // bright red
+        iam: { bg: "#83a598", fg: "#282828" }, // bright blue
+        secretsmanager: { bg: "#d3869b", fg: "#282828" }, // bright purple
+        route53: { bg: "#8ec07c", fg: "#282828" }, // bright aqua
+        dynamodb: { bg: "#b8bb26", fg: "#282828" }, // bright green
+    },
+};
+// ─── Dracula ──────────────────────────────────────────────────────────────────
+// https://draculatheme.com/contribute
+const DRACULA_THEME = {
+    global: {
+        mainBg: "#282a36",
+    },
+    table: {
+        tableContainerBg: "#282a36",
+        selectedRowBg: "#44475a", // Current Line
+        selectedRowText: "#f8f8f2", // Foreground
+        filterMatchText: "#f1fa8c", // Yellow
+        filterMatchSelectedText: "#f8f8f2",
+        columnHeaderText: "#8be9fd", // Cyan
+        columnHeaderMarker: "#f1fa8c",
+        rowSeparatorText: "#44475a",
+        emptyStateText: "#f8f8f2",
+        scrollPositionText: "#50fa7b", // Green
+    },
+    hud: {
+        accountNameText: "#ff79c6", // Pink
+        accountIdText: "#f1fa8c",
+        regionText: "#50fa7b",
+        profileText: "#8be9fd",
+        separatorText: "#6272a4", // Comment
+        currentIdentityText: "#f1fa8c",
+        pathBarBg: "#bd93f9", // Purple
+        pathBarText: "#282a36",
+        loadingSpinnerText: "#8be9fd",
+    },
+    modebar: {
+        modeIconText: "#8be9fd",
+        keybindingKeyText: "#f1fa8c",
+        keybindingDescText: "#f8f8f2",
+        keybindingSeparatorText: "#6272a4",
+    },
+    panel: {
+        panelTitleText: "#ff79c6",
+        panelDividerText: "#6272a4",
+        panelHintText: "#f8f8f2",
+        panelScrollIndicatorText: "#8be9fd",
+        detailFieldLabelText: "#8be9fd",
+        defaultBorderText: "#6272a4",
+        helpPanelBorderText: "#8be9fd",
+        yankPanelBorderText: "#8be9fd",
+        detailPanelBorderText: "#6272a4",
+        activeTabBg: "#bd93f9",
+        activeTabText: "#282a36",
+        inactiveTabText: "#6272a4",
+        keyText: "#f1fa8c",
+    },
+    diff: {
+        originalHeaderText: "#ff5555", // Red
+        updatedHeaderText: "#50fa7b",
+        diffDividerText: "#6272a4",
+    },
+    error: {
+        errorBorderText: "#ff5555",
+        errorTitleText: "#ff5555",
+        errorHintText: "#f8f8f2",
+    },
+    upload: {
+        uploadBorderText: "#ffb86c", // Orange
+        uploadTitleText: "#ffb86c",
+        uploadSubtitleText: "#f8f8f2",
+        uploadDiffDividerText: "#6272a4",
+        uploadConfirmPromptText: "#f8f8f2",
+        uploadLoadingText: "#8be9fd",
+        uploadConfirmKeyText: "#50fa7b",
+        uploadCancelKeyText: "#ff5555",
+    },
+    feedback: {
+        successText: "#50fa7b",
+        promptText: "#8be9fd",
+        confirmText: "#50fa7b",
+    },
+    input: {
+        placeholderText: "#6272a4",
+        suggestionText: "#8be9fd",
+    },
+    skeleton: {
+        skeletonContextLabelText: "#8be9fd",
+        skeletonHeaderText: "#f1fa8c",
+        skeletonDividerText: "#6272a4",
+        skeletonCellText: "#6272a4",
+        skeletonSeparatorText: "#6272a4",
+    },
+    serviceColors: {
+        s3: { bg: "#ff5555", fg: "#282a36" }, // Red
+        iam: { bg: "#bd93f9", fg: "#282a36" }, // Purple
+        secretsmanager: { bg: "#ff79c6", fg: "#282a36" }, // Pink
+        route53: { bg: "#8be9fd", fg: "#282a36" }, // Cyan
+        dynamodb: { bg: "#50fa7b", fg: "#282a36" }, // Green
+    },
+};
+// ─── Registry ─────────────────────────────────────────────────────────────────
+export const THEMES = {
+    monokai: MONOKAI_THEME,
+    "catppuccin-mocha": CATPPUCCIN_MOCHA_THEME,
+    nord: NORD_THEME,
+    "tokyo-night": TOKYO_NIGHT_THEME,
+    "gruvbox-dark": GRUVBOX_DARK_THEME,
+    dracula: DRACULA_THEME,
+};
+/**
+ * Backward-compat export for service adapters that statically import hudColor.
+ * Components should derive hudColor from useTheme().serviceColors instead.
+ */
+export const SERVICE_COLORS = MONOKAI_THEME.serviceColors;

package/dist/src/contexts/ThemeContext.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { useAtomValue } from "jotai";
+import { THEMES } from "../constants/theme.js";
+import { themeNameAtom } from "../state/atoms.js";
+const ThemeContext = createContext(THEMES.monokai);
+export function useTheme() {
+    return useContext(ThemeContext);
+}
+export function ThemeProvider({ children }) {
+    const themeName = useAtomValue(themeNameAtom);
+    return _jsx(ThemeContext.Provider, { value: THEMES[themeName], children: children });
+}

package/dist/src/features/AppMainView.integration.test.js

@@ -33,6 +33,7 @@ function createPickerManager(active) {
         region: mkEntry("region"),
         profile: mkEntry("profile"),
         resource: mkEntry("resource"),
+        theme: mkEntry("theme"),
         activePicker: active,
         openPicker: (_id) => { },
         closeActivePicker: noop,

package/dist/src/features/AppMainView.js

@@ -13,7 +13,9 @@ import { debugLog } from "../utils/debugLogger.js";
 import { revealSecretsAtom } from "../state/atoms.js";
 import { truncateSecretForTable } from "../utils/secretDisplay.js";
 import { getCellValue } from "../types.js";
+import { useTheme } from "../contexts/ThemeContext.js";
 export function AppMainView({ helpPanel, helpTabs, pickers, error, describeState, isLoading, filteredRows, uploadPending, uploadPreview, columns, selectedIndex, scrollOffset, filterText, adapter, termCols, tableHeight, headerMarkers, yankHelpOpen, yankOptions, yankHelpRow, panelScrollOffset, }) {
+    const THEME = useTheme();
     const revealSecrets = useAtomValue(revealSecretsAtom);
     // Format secret values for display ONLY - original rows (via filteredRows) stay unchanged for editing
     const displayRows = useMemo(() => {
@@ -65,7 +67,7 @@ export function AppMainView({ helpPanel, helpTabs, pickers, error, describeState
         error,
     ]);
     if (helpPanel.helpOpen) {
-        return (_jsx(Box, { width: "100%", borderStyle: "round", borderColor: "blue", children: _jsx(HelpPanel, { title: "Keyboard Help", scopeLabel: "All modes reference", tabs: helpTabs, activeTab: helpPanel.helpTabIndex, terminalWidth: termCols, maxRows: helpPanel.helpVisibleRows, scrollOffset: helpPanel.helpScrollOffset }) }));
+        return (_jsx(Box, { width: "100%", borderStyle: "round", borderColor: THEME.panel.helpPanelBorderText, children: _jsx(HelpPanel, { title: "Keyboard Help", scopeLabel: "All modes reference", tabs: helpTabs, activeTab: helpPanel.helpTabIndex, terminalWidth: termCols, maxRows: helpPanel.helpVisibleRows, scrollOffset: helpPanel.helpScrollOffset }) }));
     }
     if (pickers.activePicker) {
         const ap = pickers.activePicker;
@@ -73,17 +75,17 @@ export function AppMainView({ helpPanel, helpTabs, pickers, error, describeState
         return (_jsx(Table, { rows: ap.filteredRows, columns: ap.columns, selectedIndex: ap.selectedIndex, filterText: ap.filter, terminalWidth: termCols, maxHeight: tableHeight, scrollOffset: ap.scrollOffset, contextLabel: ap.contextLabel }));
     }
     if (yankHelpOpen) {
-        return (_jsx(Box, { width: "100%", borderStyle: "round", borderColor: "cyan", children: _jsx(YankHelpPanel, { options: yankOptions, row: yankHelpRow }) }));
+        return (_jsx(Box, { width: "100%", borderStyle: "round", borderColor: THEME.panel.yankPanelBorderText, children: _jsx(YankHelpPanel, { options: yankOptions, row: yankHelpRow }) }));
     }
     if (uploadPending) {
         // Overhead: border 2 + header 4 + separators 2 + DiffViewer header+divider 2 = 10
         const diffVisibleLines = Math.max(1, tableHeight - 10);
-        return (_jsxs(Box, { width: "100%", borderStyle: "round", borderColor: "yellow", flexDirection: "column", children: [_jsxs(Box, { paddingX: 1, paddingY: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: "yellow", children: "\u26A0 Overwrite Secret on AWS?" }), _jsx(Text, { color: "gray", children: "This will update the secret permanently." })] }), _jsx(Box, { paddingX: 1, paddingY: 1, borderTop: true, borderColor: "gray", children: uploadPreview ? (_jsx(DiffViewer, { oldValue: uploadPreview.old, newValue: uploadPreview.new, scrollOffset: panelScrollOffset, visibleLines: diffVisibleLines })) : (_jsx(Text, { color: "gray", children: "Loading preview..." })) }), _jsx(Box, { paddingX: 1, paddingY: 1, borderTop: true, borderColor: "gray", children: _jsxs(Text, { children: ["Press", " ", _jsx(Text, { bold: true, color: "green", children: "y" }), " ", "to confirm or", " ", _jsx(Text, { bold: true, color: "red", children: "n" }), " ", "to cancel"] }) })] }));
+        return (_jsxs(Box, { width: "100%", borderStyle: "round", borderColor: THEME.upload.uploadBorderText, flexDirection: "column", children: [_jsxs(Box, { paddingX: 1, paddingY: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: THEME.upload.uploadTitleText, children: "\u26A0 Overwrite Secret on AWS?" }), _jsx(Text, { color: THEME.upload.uploadSubtitleText, children: "This will update the secret permanently." })] }), _jsx(Box, { paddingX: 1, paddingY: 1, borderTop: true, borderColor: THEME.upload.uploadDiffDividerText, children: uploadPreview ? (_jsx(DiffViewer, { oldValue: uploadPreview.old, newValue: uploadPreview.new, scrollOffset: panelScrollOffset, visibleLines: diffVisibleLines })) : (_jsx(Text, { color: THEME.upload.uploadLoadingText, children: "Loading preview..." })) }), _jsx(Box, { paddingX: 1, paddingY: 1, borderTop: true, borderColor: THEME.upload.uploadConfirmPromptText, children: _jsxs(Text, { children: ["Press", " ", _jsx(Text, { bold: true, color: THEME.upload.uploadConfirmKeyText, children: "y" }), " ", "to confirm or", " ", _jsx(Text, { bold: true, color: THEME.upload.uploadCancelKeyText, children: "n" }), " ", "to cancel"] }) })] }));
     }
     if (describeState) {
         // Overhead: border 2 + title 1 + separator 1 + footer 2 = 6
         const detailVisibleLines = Math.max(1, tableHeight - 6);
-        return (_jsx(Box, { width: "100%", borderStyle: "round", borderColor: "gray", children: _jsx(DetailPanel, { title: getCellValue(describeState.row.cells.name) ?? describeState.row.id, fields: describeState.fields ?? [], isLoading: describeState.loading, scrollOffset: panelScrollOffset, visibleLines: detailVisibleLines }) }));
+        return (_jsx(Box, { width: "100%", borderStyle: "round", borderColor: THEME.panel.detailPanelBorderText, children: _jsx(DetailPanel, { title: getCellValue(describeState.row.cells.name) ?? describeState.row.id, fields: describeState.fields ?? [], isLoading: describeState.loading, scrollOffset: panelScrollOffset, visibleLines: detailVisibleLines }) }));
     }
     if (isLoading) {
         return (_jsx(TableSkeleton, { columns: columns, terminalWidth: termCols, rows: 1, contextLabel: adapter.getContextLabel?.() ?? "" }));