@kizenapps/cli 0.6.0 → 0.8.0

package/dist/index.js

@@ -238,33 +238,45 @@ import { dirname as dirname2, extname, join as join6 } from "path";
 import { fileURLToPath } from "url";
 import { WebSocketServer } from "ws";
 
-// src/lib/config.ts
-import { mkdir as mkdir2, readFile as readFile2, writeFile as writeFile2 } from "fs/promises";
-import { join as join4 } from "path";
-async function loadConfig(outputDir) {
-  try {
-    const content = await readFile2(join4(outputDir, "config.json"), "utf-8");
-    return JSON.parse(content);
-  } catch {
-    return {};
-  }
-}
-async function saveConfig(outputDir, config) {
-  await mkdir2(outputDir, { recursive: true });
-  await writeFile2(join4(outputDir, "config.json"), JSON.stringify(config, null, 2), "utf-8");
+// src/lib/proxyCache.ts
+function createProxyCache() {
+  const cache = /* @__PURE__ */ new Map();
+  return {
+    get(key, fetcher) {
+      const existing = cache.get(key);
+      if (existing !== void 0) {
+        return existing.then((response) => ({ response, fromCache: true }));
+      }
+      const pending = fetcher().then(async (response) => {
+        const headers = Object.fromEntries(response.headers);
+        delete headers["content-encoding"];
+        delete headers["content-length"];
+        return {
+          status: response.status,
+          headers,
+          body: Buffer.from(await response.arrayBuffer())
+        };
+      }).catch((error) => {
+        cache.delete(key);
+        throw error;
+      });
+      cache.set(key, pending);
+      return pending.then((response) => ({ response, fromCache: false }));
+    },
+    clear() {
+      cache.clear();
+    }
+  };
 }
 
-// src/ui/CredentialSetupUI.tsx
-import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
-import { Box as Box3, Text as Text3, useInput } from "ink";
-
 // src/lib/credentials.ts
-import { mkdir as mkdir3, readFile as readFile3, writeFile as writeFile3 } from "fs/promises";
+import { mkdir as mkdir2, readFile as readFile2, readdir as readdir2, writeFile as writeFile2 } from "fs/promises";
 import { homedir } from "os";
-import { dirname, join as join5 } from "path";
+import { dirname, join as join4 } from "path";
 var ENVIRONMENTS = ["go", "fmo", "staging", "integration", "test1"];
-var GLOBAL_CREDENTIALS_DIR = join5(homedir(), ".kizenappbuilder");
-var GLOBAL_CREDENTIALS_PATH = join5(GLOBAL_CREDENTIALS_DIR, "credentials.json");
+var GLOBAL_CREDENTIALS_DIR = join4(homedir(), ".kizenappbuilder");
+var GLOBAL_CREDENTIALS_PATH = join4(GLOBAL_CREDENTIALS_DIR, "credentials.json");
+var DEFAULT_PROFILE_NAME = "credentials";
 function isValidEnvironment(value) {
   return ENVIRONMENTS.includes(value);
 }
@@ -282,7 +294,7 @@ function parseCredentials(raw) {
   };
 }
 async function loadCredentialsFromFile(filePath) {
-  const content = await readFile3(filePath, "utf-8");
+  const content = await readFile2(filePath, "utf-8");
   return parseCredentials(JSON.parse(content));
 }
 async function loadGlobalCredentials() {
@@ -293,11 +305,63 @@ async function loadGlobalCredentials() {
   }
 }
 async function saveGlobalCredentials(credentials) {
-  await mkdir3(dirname(GLOBAL_CREDENTIALS_PATH), { recursive: true });
-  await writeFile3(GLOBAL_CREDENTIALS_PATH, JSON.stringify(credentials, null, 2), "utf-8");
+  await mkdir2(dirname(GLOBAL_CREDENTIALS_PATH), { recursive: true });
+  await writeFile2(GLOBAL_CREDENTIALS_PATH, JSON.stringify(credentials, null, 2), "utf-8");
+}
+function getProfilePath(name) {
+  return join4(GLOBAL_CREDENTIALS_DIR, `${name}.json`);
+}
+async function listCredentialProfiles() {
+  const profiles = [
+    { name: DEFAULT_PROFILE_NAME, path: GLOBAL_CREDENTIALS_PATH, isDefault: true }
+  ];
+  try {
+    const entries = await readdir2(GLOBAL_CREDENTIALS_DIR);
+    for (const entry of entries) {
+      if (!entry.endsWith(".json")) continue;
+      const name = entry.slice(0, -5);
+      if (name === DEFAULT_PROFILE_NAME) continue;
+      profiles.push({ name, path: join4(GLOBAL_CREDENTIALS_DIR, entry), isDefault: false });
+    }
+  } catch {
+  }
+  return profiles;
+}
+async function saveCredentialProfile(name, credentials) {
+  if (name === DEFAULT_PROFILE_NAME) {
+    await saveGlobalCredentials(credentials);
+    return;
+  }
+  await mkdir2(GLOBAL_CREDENTIALS_DIR, { recursive: true });
+  await writeFile2(getProfilePath(name), JSON.stringify(credentials, null, 2), "utf-8");
+}
+async function loadCredentialProfile(name) {
+  try {
+    return await loadCredentialsFromFile(getProfilePath(name));
+  } catch {
+    return null;
+  }
+}
+
+// src/lib/config.ts
+import { mkdir as mkdir3, readFile as readFile3, writeFile as writeFile3 } from "fs/promises";
+import { join as join5 } from "path";
+async function loadConfig(outputDir) {
+  try {
+    const content = await readFile3(join5(outputDir, "config.json"), "utf-8");
+    return JSON.parse(content);
+  } catch {
+    return {};
+  }
+}
+async function saveConfig(outputDir, config) {
+  await mkdir3(outputDir, { recursive: true });
+  await writeFile3(join5(outputDir, "config.json"), JSON.stringify(config, null, 2), "utf-8");
 }
 
 // src/ui/CredentialSetupUI.tsx
+import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
+import { Box as Box3, Text as Text3, useInput } from "ink";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var FIELDS = ["apiKey", "userId", "businessId"];
 var FIELD_LABELS = {
@@ -308,32 +372,39 @@ var FIELD_LABELS = {
 var Hint = ({ text }) => /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: text });
 var CredentialSetupUI = ({
   initialMode,
+  showProfileManager,
   onComplete,
   onCancel
 }) => {
   const [phase, setPhase] = useState2(
-    initialMode === "global" ? { type: "loading" } : { type: "mode-select", cursor: 0 }
+    initialMode === "global" && !showProfileManager ? { type: "loading" } : initialMode === "global" && showProfileManager ? { type: "profile-loading" } : { type: "mode-select", cursor: 0 }
   );
   const [inputBuffer, setInputBuffer] = useState2("");
   const [error, setError] = useState2(null);
+  const [activeProfileName, setActiveProfileName] = useState2(void 0);
   const handleModeChosen = useCallback(
     async (mode) => {
       if (mode === "local") {
         onComplete({ mode: "local", credentials: null });
         return;
       }
-      setPhase({ type: "loading" });
-      const existing = await loadGlobalCredentials();
-      const envCursor2 = existing ? Math.max(0, ENVIRONMENTS.indexOf(existing.environment)) : 0;
-      setPhase({
-        type: "creds-entry",
-        field: 0,
-        values: existing ?? {},
-        envCursor: envCursor2
-      });
+      setPhase({ type: "profile-loading" });
     },
     [onComplete]
   );
+  const handleProfileChosen = useCallback(async (profile) => {
+    if (profile === null) {
+      setPhase({ type: "profile-loading" });
+      const profiles = await listCredentialProfiles();
+      setPhase({ type: "name-entry", nameBuffer: "", existingProfiles: profiles });
+      return;
+    }
+    setActiveProfileName(profile.isDefault ? void 0 : profile.name);
+    setPhase({ type: "loading" });
+    const existing = profile.isDefault ? await loadGlobalCredentials() : await loadCredentialProfile(profile.name);
+    const envCursor2 = existing ? Math.max(0, ENVIRONMENTS.indexOf(existing.environment)) : 0;
+    setPhase({ type: "creds-entry", field: 0, values: existing ?? {}, envCursor: envCursor2 });
+  }, []);
   const handleSave = useCallback(
     async (values2, envCursor2) => {
       const environment = ENVIRONMENTS[envCursor2] ?? "go";
@@ -345,20 +416,32 @@ var CredentialSetupUI = ({
       };
       setPhase({ type: "saving" });
       try {
-        await saveGlobalCredentials(credentials);
-        onComplete({ mode: "global", credentials });
+        const profileName = activeProfileName ?? DEFAULT_PROFILE_NAME;
+        await saveCredentialProfile(profileName, credentials);
+        onComplete({
+          mode: "global",
+          credentials,
+          ...activeProfileName !== void 0 && { profileName: activeProfileName }
+        });
       } catch (err) {
         setError(err instanceof Error ? err.message : String(err));
         setPhase({ type: "creds-entry", field: 0, values: values2, envCursor: envCursor2 });
       }
     },
-    [onComplete]
+    [onComplete, activeProfileName]
   );
   useInput((input, key) => {
     if (key.ctrl && input === "c") {
       process.exit(0);
     }
     if (key.escape) {
+      if (phase.type === "creds-entry" || phase.type === "name-entry") {
+        if (initialMode === "global" && showProfileManager) {
+          setPhase({ type: "profile-loading" });
+          void loadProfileList();
+          return;
+        }
+      }
       onCancel?.();
       return;
     }
@@ -373,6 +456,49 @@ var CredentialSetupUI = ({
       }
       return;
     }
+    if (phase.type === "profile-select") {
+      const { profiles, cursor } = phase;
+      const addNewIdx = profiles.length;
+      const totalItems = profiles.length + 1;
+      if (key.upArrow) {
+        setPhase({ ...phase, cursor: (cursor - 1 + totalItems) % totalItems });
+      } else if (key.downArrow) {
+        setPhase({ ...phase, cursor: (cursor + 1) % totalItems });
+      } else if (key.return) {
+        if (cursor === addNewIdx) {
+          setPhase({ type: "name-entry", nameBuffer: "", existingProfiles: profiles });
+        } else {
+          void handleProfileChosen(profiles[cursor] ?? profiles[0]);
+        }
+      }
+      return;
+    }
+    if (phase.type === "name-entry") {
+      const { nameBuffer, nameError: _nameError, existingProfiles } = phase;
+      if (key.backspace || key.delete) {
+        setPhase({ type: "name-entry", nameBuffer: nameBuffer.slice(0, -1), existingProfiles });
+      } else if (key.return) {
+        const trimmed = nameBuffer.trim();
+        if (!trimmed) {
+          setPhase({ ...phase, nameError: "Name cannot be empty" });
+          return;
+        }
+        if (trimmed === DEFAULT_PROFILE_NAME) {
+          setPhase({ ...phase, nameError: `"${DEFAULT_PROFILE_NAME}" is reserved` });
+          return;
+        }
+        if (existingProfiles.some((p) => p.name === trimmed)) {
+          setPhase({ ...phase, nameError: `Profile "${trimmed}" already exists` });
+          return;
+        }
+        setActiveProfileName(trimmed);
+        setPhase({ type: "creds-entry", field: 0, values: {}, envCursor: 0 });
+        setInputBuffer("");
+      } else if (input && !key.ctrl && !key.meta) {
+        setPhase({ type: "name-entry", nameBuffer: nameBuffer + input, existingProfiles });
+      }
+      return;
+    }
     if (phase.type === "creds-entry") {
       const { field, values: values2, envCursor: envCursor2 } = phase;
       const isEnvField2 = field === FIELDS.length;
@@ -417,9 +543,22 @@ var CredentialSetupUI = ({
       }
     }
   });
+  const loadProfileList = useCallback(async () => {
+    const profiles = await listCredentialProfiles();
+    setPhase({ type: "profile-select", profiles, cursor: 0 });
+  }, []);
+  useEffect2(() => {
+    if (phase.type === "profile-loading") {
+      void loadProfileList();
+    }
+  }, [phase.type, loadProfileList]);
   useEffect2(() => {
-    if (initialMode === "global") {
-      void handleModeChosen("global");
+    if (initialMode === "global" && !showProfileManager) {
+      void (async () => {
+        const existing = await loadGlobalCredentials();
+        const envCursor2 = existing ? Math.max(0, ENVIRONMENTS.indexOf(existing.environment)) : 0;
+        setPhase({ type: "creds-entry", field: 0, values: existing ?? {}, envCursor: envCursor2 });
+      })();
     }
   }, []);
   useEffect2(() => {
@@ -427,8 +566,9 @@ var CredentialSetupUI = ({
       setInputBuffer(phase.values.apiKey ?? "");
     }
   }, [phase.type]);
-  if (phase.type === "loading" || phase.type === "saving") {
-    return /* @__PURE__ */ jsx3(Box3, { paddingY: 1, paddingX: 2, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: phase.type === "loading" ? "Loading credentials\u2026" : "Saving credentials\u2026" }) });
+  if (phase.type === "loading" || phase.type === "saving" || phase.type === "profile-loading") {
+    const label = phase.type === "saving" ? "Saving credentials\u2026" : phase.type === "profile-loading" ? "Loading profiles\u2026" : "Loading credentials\u2026";
+    return /* @__PURE__ */ jsx3(Box3, { paddingY: 1, paddingX: 2, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: label }) });
   }
   if (phase.type === "done") {
     return null;
@@ -458,8 +598,58 @@ var CredentialSetupUI = ({
       /* @__PURE__ */ jsx3(Hint, { text: "\u2191\u2193 to move \xB7 Enter to select \xB7 Ctrl+C to quit" })
     ] });
   }
+  if (phase.type === "profile-select") {
+    const { profiles, cursor } = phase;
+    const addNewIdx = profiles.length;
+    return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", paddingY: 1, paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx3(Logo, {}),
+      /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx3(Text3, { bold: true, color: "cyan", children: "Kizen App Builder" }),
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2500".repeat(24) })
+      ] }),
+      /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", gap: 0, children: [
+        /* @__PURE__ */ jsx3(Text3, { bold: true, children: "Credential profiles" }),
+        profiles.map((profile, i) => {
+          const selected = cursor === i;
+          return /* @__PURE__ */ jsxs2(Box3, { gap: 2, children: [
+            /* @__PURE__ */ jsx3(Text3, { ...selected && { color: "cyan" }, children: selected ? "\u276F" : " " }),
+            /* @__PURE__ */ jsx3(Text3, { bold: selected, ...selected && { color: "cyan" }, children: profile.isDefault ? "Default" : profile.name }),
+            /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: profile.path })
+          ] }, profile.name);
+        }),
+        /* @__PURE__ */ jsxs2(Box3, { gap: 2, children: [
+          /* @__PURE__ */ jsx3(Text3, { ...cursor === addNewIdx && { color: "cyan" }, children: cursor === addNewIdx ? "\u276F" : " " }),
+          /* @__PURE__ */ jsx3(Text3, { bold: cursor === addNewIdx, ...cursor === addNewIdx && { color: "cyan" }, children: "+ Add new profile" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx3(Hint, { text: "\u2191\u2193 to move \xB7 Enter to select \xB7 Esc to cancel" })
+    ] });
+  }
+  if (phase.type === "name-entry") {
+    const { nameBuffer, nameError } = phase;
+    return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", paddingY: 1, paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx3(Logo, {}),
+      /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx3(Text3, { bold: true, color: "cyan", children: "Kizen App Builder" }),
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2500".repeat(24) })
+      ] }),
+      /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", gap: 0, children: /* @__PURE__ */ jsx3(Text3, { bold: true, children: "New credential profile" }) }),
+      nameError && /* @__PURE__ */ jsxs2(Text3, { color: "red", children: [
+        "Error: ",
+        nameError
+      ] }),
+      /* @__PURE__ */ jsxs2(Box3, { gap: 2, children: [
+        /* @__PURE__ */ jsx3(Box3, { width: 12, children: /* @__PURE__ */ jsx3(Text3, { bold: true, color: "cyan", children: "Profile name" }) }),
+        /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: ">" }),
+        /* @__PURE__ */ jsx3(Text3, { children: nameBuffer }),
+        /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: "\u2588" })
+      ] }),
+      /* @__PURE__ */ jsx3(Hint, { text: "Type a name \xB7 Enter to confirm \xB7 Esc to go back" })
+    ] });
+  }
   const { field: activeField, values, envCursor } = phase;
   const isEnvField = activeField === FIELDS.length;
+  const profileLabel = activeProfileName !== void 0 ? activeProfileName : DEFAULT_PROFILE_NAME;
   return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", paddingY: 1, paddingX: 2, gap: 1, children: [
     /* @__PURE__ */ jsx3(Logo, {}),
     /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", marginTop: 1, children: [
@@ -467,10 +657,10 @@ var CredentialSetupUI = ({
       /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2500".repeat(24) })
     ] }),
     /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", gap: 0, children: [
-      /* @__PURE__ */ jsx3(Text3, { bold: true, children: "Global credentials" }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: activeProfileName !== void 0 ? `Profile: ${activeProfileName}` : "Global credentials" }),
       /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
         "Saved to: ",
-        GLOBAL_CREDENTIALS_PATH
+        activeProfileName !== void 0 ? `~/.kizenappbuilder/${activeProfileName}.json` : GLOBAL_CREDENTIALS_PATH
       ] })
     ] }),
     error && /* @__PURE__ */ jsxs2(Text3, { color: "red", children: [
@@ -500,12 +690,23 @@ var CredentialSetupUI = ({
         }) })
       ] })
     ] }),
-    isEnvField ? /* @__PURE__ */ jsx3(Hint, { text: "\u2190\u2192 to select \xB7 \u2191\u2193 to move \xB7 Enter to save \xB7 Esc to cancel" }) : /* @__PURE__ */ jsx3(Hint, { text: "\u2191\u2193 to move \xB7 Backspace to delete \xB7 Esc to cancel" })
+    isEnvField ? /* @__PURE__ */ jsx3(Hint, { text: "\u2190\u2192 to select \xB7 \u2191\u2193 to move \xB7 Enter to save \xB7 Esc to cancel" }) : /* @__PURE__ */ jsx3(Hint, { text: "\u2191\u2193 to move \xB7 Backspace to delete \xB7 Esc to cancel" }),
+    /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
+      "Profile: ",
+      profileLabel
+    ] })
   ] });
 };
 
 // src/ui/DevUI.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function proxyLogEntryToString(entry) {
+  if (entry.kind === "info") {
+    return entry.message;
+  }
+  const cache = entry.fromCache ? " [cache]" : "";
+  return `${entry.method} ${entry.url} \u2192 ${String(entry.status)}${cache}`;
+}
 var SKIP_WATCH_PREFIXES = [".kizenapp", ".git"];
 var LOG_LIMIT = 50;
 var LOG_DISPLAY = 8;
@@ -553,7 +754,8 @@ async function fileExists(filePath) {
     return false;
   }
 }
-function createRequestHandler(viewerPath, createServerLog, createProxyLog, credentialsRef) {
+function createRequestHandler(viewerPath, createServerLog, createProxyLog, credentialsRef, activeProfileRef, outputDir, broadcast) {
+  const proxyCache = createProxyCache();
   return (req, res) => {
     void (async () => {
       const url = req.url ?? "/";
@@ -564,6 +766,34 @@ function createRequestHandler(viewerPath, createServerLog, createProxyLog, crede
           res.end(credentialsRef.current !== null ? JSON.stringify(credentialsRef.current) : "{}");
           return;
         }
+        if (url === "/api/credential-profiles" && req.method === "GET") {
+          const profiles = await listCredentialProfiles();
+          res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+          res.end(JSON.stringify({ profiles, active: activeProfileRef.current }));
+          return;
+        }
+        if (url === "/api/credentials/switch" && req.method === "POST") {
+          const chunks = [];
+          for await (const chunk of req) {
+            chunks.push(chunk);
+          }
+          const body = JSON.parse(Buffer.concat(chunks).toString("utf-8") || "{}");
+          const profileName = body.profile;
+          const creds = profileName === void 0 || profileName === "" ? await loadGlobalCredentials() : await loadCredentialProfile(profileName);
+          if (creds !== null) {
+            credentialsRef.current = creds;
+            activeProfileRef.current = profileName || void 0;
+            const active = activeProfileRef.current;
+            await saveConfig(outputDir, {
+              credentialMode: "global",
+              ...active !== void 0 && { activeCredentialProfile: active }
+            });
+            broadcast({ type: "credentials-updated", credentials: creds });
+          }
+          res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+          res.end(JSON.stringify({ ok: creds !== null }));
+          return;
+        }
         if (url === "/api/bundle") {
           const bundlePath = join6(process.cwd(), ".kizenapp", "bundle.json");
           try {
@@ -576,6 +806,13 @@ function createRequestHandler(viewerPath, createServerLog, createProxyLog, crede
           }
           return;
         }
+        if (url === "/api/proxy-cache/clear") {
+          proxyCache.clear();
+          createProxyLog({ kind: "info", message: "Proxy cache cleared" });
+          res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+          res.end('{"ok":true}');
+          return;
+        }
         if (url.startsWith("/api/proxy")) {
           const proxyTarget = req.headers["x-proxy-target"];
           if (typeof proxyTarget !== "string") {
@@ -585,19 +822,46 @@ function createRequestHandler(viewerPath, createServerLog, createProxyLog, crede
           }
           const upstreamPath = url.slice("/api/proxy".length) || "/";
           const upstreamUrl = `${proxyTarget}${upstreamPath}`;
+          const method = req.method ?? "GET";
           const chunks = [];
           for await (const chunk of req) {
             chunks.push(chunk);
           }
-          const body = chunks.length > 0 ? Buffer.concat(chunks) : void 0;
           const { host, "x-proxy-target": _drop, ...forwardHeaders } = req.headers;
+          if (method === "GET") {
+            const cacheKey = `GET::${upstreamUrl}`;
+            const { response: cached, fromCache } = await proxyCache.get(
+              cacheKey,
+              () => fetch(upstreamUrl, {
+                method: "GET",
+                headers: forwardHeaders
+              })
+            );
+            createProxyLog({
+              kind: "request",
+              method: "GET",
+              status: cached.status,
+              fromCache,
+              url: upstreamPath
+            });
+            res.writeHead(cached.status, cached.headers);
+            res.end(cached.body);
+            return;
+          }
+          const body = chunks.length > 0 ? Buffer.concat(chunks) : void 0;
           const resolvedBody = body && body.length > 0 ? body : void 0;
           const upstream = await fetch(upstreamUrl, {
-            ...req.method !== void 0 && { method: req.method },
+            method,
             headers: forwardHeaders,
             ...resolvedBody !== void 0 && { body: resolvedBody }
           });
-          createProxyLog(`${req.method ?? "GET"} ${upstreamPath} \u2192 ${String(upstream.status)}`);
+          createProxyLog({
+            kind: "request",
+            method,
+            status: upstream.status,
+            fromCache: false,
+            url: upstreamPath
+          });
           const responseHeaders = Object.fromEntries(upstream.headers);
           delete responseHeaders["content-encoding"];
           delete responseHeaders["content-length"];
@@ -613,9 +877,20 @@ function createRequestHandler(viewerPath, createServerLog, createProxyLog, crede
         res.writeHead(200, { "Content-Type": mimeType });
         createReadStream(resolvedPath).pipe(res);
       } catch (err) {
-        createProxyLog(
-          `Error handling ${url}: ${err instanceof Error ? err.message : String(err)}`
-        );
+        if (url.startsWith("/api/proxy")) {
+          createProxyLog({
+            kind: "request",
+            method: req.method ?? "GET",
+            status: 502,
+            fromCache: false,
+            url: url.slice("/api/proxy".length) || "/"
+          });
+        } else {
+          createProxyLog({
+            kind: "info",
+            message: `Error handling ${url}: ${err instanceof Error ? err.message : String(err)}`
+          });
+        }
         if (!res.headersSent) {
           res.writeHead(502);
           res.end("Bad Gateway");
@@ -628,10 +903,16 @@ var DevUI = ({
   port,
   pluginDir,
   outputDir,
-  credentials: initialCredentials
+  credentials: initialCredentials,
+  credentialMode: initialCredentialMode,
+  activeCredentialProfile: initialActiveProfile
 }) => {
   const credentialsRef = useRef(initialCredentials);
+  const activeProfileRef = useRef(initialActiveProfile);
   const [credMode, setCredMode] = useState3("main");
+  const [credentialMode, setCredentialMode] = useState3(
+    initialCredentialMode
+  );
   const [status, setStatus] = useState3("starting");
   const [errorMessage, setErrorMessage] = useState3(null);
   const [serverLogHistory, setServerLogHistory] = useState3([]);
@@ -701,18 +982,26 @@ var DevUI = ({
   const handleCredentialsDone = useCallback2(
     (result) => {
       credentialsRef.current = result.credentials;
+      activeProfileRef.current = result.profileName;
       setCredMode("main");
-      void saveConfig(outputDir, { credentialMode: result.mode });
+      setCredentialMode(result.mode);
+      const profile = result.profileName;
+      void saveConfig(outputDir, {
+        credentialMode: result.mode,
+        ...profile !== void 0 && { activeCredentialProfile: profile }
+      });
       broadcast({ type: "credentials-updated", credentials: result.credentials });
     },
     [outputDir, broadcast]
   );
   const createProxyLog = useCallback2(
-    (message) => {
+    (entry) => {
       setProxyLogHistory(
-        (h) => [...h, `${(/* @__PURE__ */ new Date()).toLocaleTimeString()}: ${message}`].slice(-LOG_LIMIT)
+        (h) => [...h, `${(/* @__PURE__ */ new Date()).toLocaleTimeString()}: ${proxyLogEntryToString(entry)}`].slice(
+          -LOG_LIMIT
+        )
       );
-      broadcast({ type: "proxy-log", message });
+      broadcast({ type: "proxy-log", entry });
     },
     [broadcast]
   );
@@ -786,7 +1075,10 @@ var DevUI = ({
         viewerPath,
         createServerLog,
         createProxyLog,
-        credentialsRef
+        credentialsRef,
+        activeProfileRef,
+        outputDir,
+        broadcast
       );
       const server = createServer(handler);
       const wss = new WebSocketServer({ server });
@@ -823,6 +1115,8 @@ var DevUI = ({
     return /* @__PURE__ */ jsx4(
       CredentialSetupUI,
       {
+        ...credentialMode !== void 0 && { initialMode: credentialMode },
+        showProfileManager: credentialMode === "global",
         onComplete: handleCredentialsDone,
         onCancel: () => {
           setCredMode("main");
@@ -956,6 +1250,7 @@ function devCommand(program2) {
     ensureGitignore(pluginDir);
     let credentials = null;
     let credentialMode;
+    let activeCredentialProfile;
     if (options.credentials) {
       credentials = await loadCredentialsFromFile(options.credentials);
     } else {
@@ -964,16 +1259,31 @@ function devCommand(program2) {
         credentialMode = "local";
       } else if (config.credentialMode === "global") {
         credentialMode = "global";
-        credentials = await loadGlobalCredentials();
+        activeCredentialProfile = config.activeCredentialProfile;
+        if (activeCredentialProfile) {
+          credentials = await loadCredentialProfile(activeCredentialProfile);
+          if (!credentials) {
+            credentials = await loadGlobalCredentials();
+            activeCredentialProfile = void 0;
+          }
+        } else {
+          credentials = await loadGlobalCredentials();
+        }
         if (!credentials) {
           const result = await runSetupUI("global");
           credentials = result.credentials;
+          activeCredentialProfile = result.profileName;
         }
       } else {
         const result = await runSetupUI();
         credentials = result.credentials;
         credentialMode = result.mode;
-        await saveConfig(outputDir, { credentialMode: result.mode });
+        activeCredentialProfile = result.profileName;
+        const profile = result.profileName;
+        await saveConfig(outputDir, {
+          credentialMode: result.mode,
+          ...profile !== void 0 && { activeCredentialProfile: profile }
+        });
       }
     }
     const { waitUntilExit } = render2(
@@ -982,7 +1292,8 @@ function devCommand(program2) {
         pluginDir,
         outputDir,
         credentials,
-        ...credentialMode !== void 0 && { credentialMode }
+        ...credentialMode !== void 0 && { credentialMode },
+        ...activeCredentialProfile !== void 0 && { activeCredentialProfile }
       }),
       { exitOnCtrlC: false }
     );