@a9s/cli 1.0.8 → 1.0.9

package/dist/src/hooks/useCommandRouter.js

@@ -8,6 +8,8 @@ export function parseCommand(input) {
         return { type: "openRegions" };
     if (command === "resources")
         return { type: "openResources" };
+    if (command === "theme")
+        return { type: "openThemePicker" };
     const regionMatch = command.match(/^(region|use-region)\s+([a-z0-9-]+)$/i);
     if (regionMatch?.[2]) {
         return { type: "setRegion", region: regionMatch[2].toLowerCase() };
@@ -37,6 +39,9 @@ export function useCommandRouter(args) {
             case "openResources":
                 args.openResourcePicker();
                 return;
+            case "openThemePicker":
+                args.openThemePicker();
+                return;
             case "setRegion":
                 args.setSelectedRegion(parsed.region);
                 return;

package/dist/src/hooks/usePickerManager.js

@@ -3,10 +3,12 @@ import { textCell } from "../types.js";
 import { usePickerState } from "./usePickerState.js";
 import { usePickerTable } from "./usePickerTable.js";
 import { SERVICE_REGISTRY } from "../services.js";
+import { THEMES, THEME_LABELS } from "../constants/theme.js";
 export function usePickerManager({ tableHeight, availableRegions, availableProfiles, }) {
     const region = usePickerState();
     const profile = usePickerState();
     const resource = usePickerState();
+    const theme = usePickerState();
     const regionRows = useMemo(() => availableRegions.map((r) => ({
         id: r.name,
         cells: { region: textCell(r.name), description: textCell(r.description) },
@@ -25,6 +27,14 @@ export function usePickerManager({ tableHeight, availableRegions, availableProfi
         },
         meta: {},
     })), []);
+    const themeRows = useMemo(() => Object.keys(THEMES).map((themeName) => ({
+        id: themeName,
+        cells: {
+            theme: textCell(THEME_LABELS[themeName]),
+            id: textCell(themeName),
+        },
+        meta: {},
+    })), []);
     const regionTable = usePickerTable({
         rows: regionRows,
         filterText: region.filter,
@@ -40,6 +50,11 @@ export function usePickerManager({ tableHeight, availableRegions, availableProfi
         filterText: resource.filter,
         maxHeight: tableHeight,
     });
+    const themeTable = usePickerTable({
+        rows: themeRows,
+        filterText: theme.filter,
+        maxHeight: tableHeight,
+    });
     const regionColumns = [
         { key: "region", label: "Region" },
         { key: "description", label: "Description" },
@@ -52,6 +67,10 @@ export function usePickerManager({ tableHeight, availableRegions, availableProfi
         { key: "resource", label: "Resource" },
         { key: "description", label: "Description" },
     ];
+    const themeColumns = [
+        { key: "theme", label: "Theme" },
+        { key: "id", label: "ID" },
+    ];
     const regionEntry = {
         id: "region",
         columns: regionColumns,
@@ -73,13 +92,22 @@ export function usePickerManager({ tableHeight, availableRegions, availableProfi
         ...resource,
         ...resourceTable,
     };
+    const themeEntry = {
+        id: "theme",
+        columns: themeColumns,
+        contextLabel: "Select Theme",
+        ...theme,
+        ...themeTable,
+    };
     const activePicker = regionEntry.open
         ? regionEntry
         : profileEntry.open
             ? profileEntry
             : resourceEntry.open
                 ? resourceEntry
-                : null;
+                : themeEntry.open
+                    ? themeEntry
+                    : null;
     const getEntry = (id) => {
         switch (id) {
             case "region":
@@ -88,6 +116,8 @@ export function usePickerManager({ tableHeight, availableRegions, availableProfi
                 return profileEntry;
             case "resource":
                 return resourceEntry;
+            case "theme":
+                return themeEntry;
         }
     };
     const openPicker = (id) => {
@@ -114,6 +144,9 @@ export function usePickerManager({ tableHeight, availableRegions, availableProfi
             case "profile":
                 handlers.onSelectProfile(activePicker.selectedRow.id);
                 break;
+            case "theme":
+                handlers.onSelectTheme(activePicker.selectedRow.id);
+                break;
         }
         activePicker.closePicker();
     };
@@ -121,6 +154,7 @@ export function usePickerManager({ tableHeight, availableRegions, availableProfi
         region: regionEntry,
         profile: profileEntry,
         resource: resourceEntry,
+        theme: themeEntry,
         activePicker,
         openPicker,
         closeActivePicker,

package/dist/src/index.js

@@ -4,6 +4,7 @@ import { Command, Option } from "@commander-js/extra-typings";
 import { App } from "./App.js";
 import { SERVICE_REGISTRY } from "./services.js";
 import { withFullscreen } from "./utils/withFullscreen.js";
+import { ThemeProvider } from "./contexts/ThemeContext.js";
 const SERVICE_IDS = Object.keys(SERVICE_REGISTRY);
 const program = new Command()
     .name("a9s")
@@ -17,7 +18,7 @@ program.parse();
 // opts() return type is fully inferred from addOption() calls via extra-typings
 const options = program.opts();
 void (async () => {
-    const { instance, cleanup } = withFullscreen(_jsx(App, { initialService: options.service, endpointUrl: options.endpointUrl }));
+    const { instance, cleanup } = withFullscreen(_jsx(ThemeProvider, { children: _jsx(App, { initialService: options.service, endpointUrl: options.endpointUrl }) }));
     process.on("SIGINT", () => {
         cleanup();
         process.exit(0);

package/dist/src/state/atoms.js

@@ -1,4 +1,5 @@
 import { atom } from "jotai";
+import { loadConfig } from "../utils/config.js";
 /** Persists across HMR / re-renders. Currently selected AWS service. */
 export const currentlySelectedServiceAtom = atom("s3");
 /** Current UI mode (navigate / search / command). */
@@ -25,3 +26,5 @@ export const adapterSessionAtom = atom((get) => {
 });
 /** Toggle state for revealing/hiding secret values. Persists across HMR. */
 export const revealSecretsAtom = atom(false);
+/** Active UI theme name — initialized from ~/.config/a9s/config.json on startup. */
+export const themeNameAtom = atom(loadConfig().theme ?? "monokai");

package/dist/src/utils/config.js

@@ -0,0 +1,36 @@
+import fs from "fs";
+import path from "path";
+import os from "os";
+import * as YAML from "yaml";
+import { z } from "zod";
+import { THEMES } from "../constants/theme.js";
+const CONFIG_DIR = path.join(os.homedir(), ".config", "a9s");
+const CONFIG_PATH = path.join(CONFIG_DIR, "config.yaml");
+const THEME_NAMES = Object.keys(THEMES);
+const A9sConfigSchema = z.object({
+    theme: z.enum(THEME_NAMES).optional(),
+});
+export function loadConfig() {
+    try {
+        const raw = YAML.parse(fs.readFileSync(CONFIG_PATH, "utf-8"));
+        return A9sConfigSchema.parse(raw);
+    }
+    catch {
+        return {};
+    }
+}
+export function saveConfig(update) {
+    try {
+        let existing = {};
+        try {
+            const raw = YAML.parse(fs.readFileSync(CONFIG_PATH, "utf-8"));
+            existing = A9sConfigSchema.parse(raw);
+        }
+        catch { }
+        fs.mkdirSync(CONFIG_DIR, { recursive: true });
+        fs.writeFileSync(CONFIG_PATH, YAML.stringify({ ...existing, ...update }));
+    }
+    catch {
+        // Best-effort — silently ignore write failures
+    }
+}

package/dist/src/views/dynamodb/adapter.js

@@ -5,6 +5,7 @@ import { getDefaultStore } from "jotai";
 import { unwrapDynamoValue, formatBillingMode, formatDynamoValue, getDynamoType, extractPkValue, extractSkValue, } from "./utils.js";
 import { createDynamoDBDetailCapability } from "./capabilities/detailCapability.js";
 import { createDynamoDBYankCapability } from "./capabilities/yankCapability.js";
+import { SERVICE_COLORS } from "../../constants/theme.js";
 export const dynamoDBLevelAtom = atom({ kind: "tables" });
 export const dynamoDBBackStackAtom = atom([]);
 // Cache for table descriptions to avoid repeated AWS calls
@@ -303,7 +304,7 @@ export function createDynamoDBServiceAdapter(endpointUrl, region) {
     return {
         id: "dynamodb",
         label: "DynamoDB",
-        hudColor: { bg: "green", fg: "white" },
+        hudColor: SERVICE_COLORS.dynamodb,
         getColumns,
         getRows,
         onSelect,

package/dist/src/views/iam/adapter.js

@@ -4,6 +4,7 @@ import { formatDate } from "./utils.js";
 import { createIamEditCapability } from "./capabilities/editCapability.js";
 import { createIamDetailCapability } from "./capabilities/detailCapability.js";
 import { createIamYankCapability } from "./capabilities/yankCapability.js";
+import { SERVICE_COLORS } from "../../constants/theme.js";
 function getIamMeta(row) {
     return row.meta;
 }
@@ -241,7 +242,7 @@ export function createIamServiceAdapter() {
     return {
         id: "iam",
         label: "IAM",
-        hudColor: { bg: "magenta", fg: "white" },
+        hudColor: SERVICE_COLORS.iam,
         getColumns,
         getRows,
         onSelect,

package/dist/src/views/route53/adapter.js

@@ -4,6 +4,7 @@ import { atom } from "jotai";
 import { getDefaultStore } from "jotai";
 import { createRoute53DetailCapability } from "./capabilities/detailCapability.js";
 import { createRoute53YankCapability } from "./capabilities/yankCapability.js";
+import { SERVICE_COLORS } from "../../constants/theme.js";
 export const route53LevelAtom = atom({ kind: "zones" });
 export const route53BackStackAtom = atom([]);
 export function createRoute53ServiceAdapter(endpointUrl, region) {
@@ -158,7 +159,7 @@ export function createRoute53ServiceAdapter(endpointUrl, region) {
     return {
         id: "route53",
         label: "Route53",
-        hudColor: { bg: "cyan", fg: "black" },
+        hudColor: SERVICE_COLORS.route53,
         getColumns,
         getRows,
         onSelect,

package/dist/src/views/s3/adapter.js

@@ -8,6 +8,7 @@ import { createS3EditCapability } from "./capabilities/editCapability.js";
 import { createS3DetailCapability } from "./capabilities/detailCapability.js";
 import { createS3YankCapability } from "./capabilities/yankCapability.js";
 import { createS3ActionCapability } from "./capabilities/actionCapability.js";
+import { SERVICE_COLORS } from "../../constants/theme.js";
 export const s3LevelAtom = atom({ kind: "buckets" });
 export const s3BackStackAtom = atom([]);
 export function createS3ServiceAdapter(endpointUrl, region) {
@@ -132,7 +133,7 @@ export function createS3ServiceAdapter(endpointUrl, region) {
     return {
         id: "s3",
         label: "S3",
-        hudColor: { bg: "red", fg: "white" },
+        hudColor: SERVICE_COLORS.s3,
         getColumns,
         getRows,
         onSelect,

package/dist/src/views/secretsmanager/adapter.js

@@ -7,6 +7,7 @@ import { createSecretsManagerDetailCapability } from "./capabilities/detailCapab
 import { createSecretsManagerYankCapability } from "./capabilities/yankCapability.js";
 import { createSecretsManagerActionCapability } from "./capabilities/actionCapability.js";
 import { createSecretsManagerEditCapability } from "./capabilities/editCapability.js";
+import { SERVICE_COLORS } from "../../constants/theme.js";
 export const secretLevelAtom = atom({ kind: "secrets" });
 export const secretBackStackAtom = atom([]);
 function tryParseFields(secretString) {
@@ -166,7 +167,7 @@ export function createSecretsManagerServiceAdapter(endpointUrl, region) {
     return {
         id: "secretsmanager",
         label: "Secrets Manager",
-        hudColor: { bg: "blue", fg: "white" },
+        hudColor: SERVICE_COLORS.secretsmanager,
         getColumns,
         getRows,
         onSelect,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a9s/cli",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "k9s-style TUI navigator for AWS services",
   "keywords": [
     "aws",
@@ -58,6 +58,7 @@
     "open": "^11.0.0",
     "open-editor": "^6.0.0",
     "react": "^19.2.4",
+    "yaml": "^2.8.2",
     "zod": "^4.3.6"
   },
   "devDependencies": {