@chrysb/alphaclaw 0.8.1 → 0.8.3-beta.0

package/lib/public/js/components/webhooks/webhook-list/use-webhook-list.js

@@ -1,4 +1,4 @@
-import { useCallback } from "https://esm.sh/preact/hooks";
+import { useCallback } from "preact/hooks";
 import { usePolling } from "../../../hooks/usePolling.js";
 import { fetchWebhooks } from "../../../lib/api.js";
 

package/lib/public/js/components/welcome/index.js

@@ -1,5 +1,5 @@
-import { h } from "https://esm.sh/preact";
-import htm from "https://esm.sh/htm";
+import { h } from "preact";
+import htm from "htm";
 import { kWelcomeGroups } from "../onboarding/welcome-config.js";
 import { WelcomePreStep } from "../onboarding/welcome-pre-step.js";
 import { WelcomeImportStep } from "../onboarding/welcome-import-step.js";
@@ -114,7 +114,7 @@ export const Welcome = ({ onComplete, acVersion }) => {
       </div>
       ${acVersion
         ? html`
-            <div class="text-center text-xs text-gray-500 font-mono mt-8">
+            <div class="text-center text-xs text-fg-muted font-mono mt-8">
               v${acVersion}
             </div>
           `

package/lib/public/js/components/welcome/use-welcome.js

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "https://esm.sh/preact/hooks";
+import { useEffect, useState } from "preact/hooks";
 import {
   runOnboard,
   verifyGithubOnboardingRepo,
@@ -8,8 +8,10 @@ import {
 } from "../../lib/api.js";
 import {
   getModelProvider,
+  getAuthProviderFromModelProvider,
   getFeaturedModels,
   getVisibleAiFieldKeys,
+  kProviderAuthFields,
 } from "../../lib/model-config.js";
 import {
   kWelcomeGroups,
@@ -162,16 +164,14 @@ export const useWelcome = ({ onComplete }) => {
   const canToggleFullCatalog =
     featuredModels.length > 0 && models.length > featuredModels.length;
   const visibleAiFieldKeys = getVisibleAiFieldKeys(selectedProvider);
+  const selectedAuthProvider = getAuthProviderFromModelProvider(selectedProvider);
+  const selectedProviderAuthFields = kProviderAuthFields[selectedAuthProvider] || [];
   const hasAi =
-    selectedProvider === "anthropic"
-      ? !!(vals.ANTHROPIC_API_KEY || vals.ANTHROPIC_TOKEN)
-      : selectedProvider === "openai"
-        ? !!vals.OPENAI_API_KEY
-        : selectedProvider === "google"
-          ? !!vals.GEMINI_API_KEY
-          : selectedProvider === "openai-codex"
-            ? !!codexStatus.connected
-            : false;
+    selectedProvider === "openai-codex"
+      ? !!codexStatus.connected
+      : selectedProviderAuthFields.some(
+          (field) => !!String(vals[field.key] || "").trim(),
+        );
 
   const allValid = kWelcomeGroups.every((group) => group.validate(vals, { hasAi }));
   const isPreStep = step === -1;

package/lib/public/js/hooks/use-app-shell-controller.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useCallback } from "preact/hooks";
 import {
   fetchStatus,
   fetchOnboardStatus,

package/lib/public/js/hooks/use-app-shell-ui.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef, useCallback } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useRef, useCallback } from "preact/hooks";
 import { readUiSettings, writeUiSettings } from "../lib/ui-settings.js";
 
 const kDefaultSidebarWidthPx = 220;

package/lib/public/js/hooks/use-browse-navigation.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef, useCallback } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useRef, useCallback } from "preact/hooks";
 import { readUiSettings, writeUiSettings } from "../lib/ui-settings.js";
 import { kDefaultUiTab, getSelectedNavId, kNavSections } from "../lib/app-navigation.js";
 import { buildBrowseRoute, normalizeBrowsePath, parseBrowseRoute } from "../lib/browse-route.js";
@@ -13,6 +13,7 @@ export const useBrowseNavigation = ({
 } = {}) => {
   const [sidebarTab, setSidebarTab] = useState(() => {
     if (location.startsWith("/browse")) return "browse";
+    if (location.startsWith("/chat")) return "chat";
     return "menu";
   });
   const [lastBrowsePath, setLastBrowsePath] = useState(() => {
@@ -28,7 +29,8 @@ export const useBrowseNavigation = ({
       typeof storedRoute === "string" &&
       storedRoute.startsWith("/") &&
       !storedRoute.startsWith("/browse") &&
-      !storedRoute.startsWith("/agents")
+      !storedRoute.startsWith("/agents") &&
+      !storedRoute.startsWith("/chat")
     ) {
       return storedRoute;
     }
@@ -57,7 +59,8 @@ export const useBrowseNavigation = ({
   useEffect(() => {
     setSidebarTab((currentTab) => {
       if (location.startsWith("/browse")) return "browse";
-      if (currentTab === "browse") return "menu";
+      if (location.startsWith("/chat")) return "chat";
+      if (currentTab === "browse" || currentTab === "chat") return "menu";
       return currentTab;
     });
   }, [location]);
@@ -79,6 +82,7 @@ export const useBrowseNavigation = ({
 
   useEffect(() => {
     if (location.startsWith("/browse")) return;
+    if (location.startsWith("/chat")) return;
     if (location.startsWith("/telegram")) return;
     setLastMenuRoute((currentRoute) =>
       currentRoute === location ? currentRoute : location,
@@ -150,10 +154,17 @@ export const useBrowseNavigation = ({
       setLocation(lastMenuRoute || `/${kDefaultUiTab}`);
       return;
     }
+    if (nextTab === "menu" && location.startsWith("/chat")) {
+      setLocation(lastMenuRoute || `/${kDefaultUiTab}`);
+      return;
+    }
     if (nextTab === "browse" && !location.startsWith("/browse")) {
       setLocation(buildBrowseRoute(lastBrowsePath));
       return;
     }
+    if (nextTab === "chat" && !location.startsWith("/chat")) {
+      setLocation("/chat");
+    }
   }, [lastBrowsePath, lastMenuRoute, location, setLocation]);
 
   const handleSelectNavItem = useCallback((itemId) => {

package/lib/public/js/hooks/use-cached-fetch.js

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState } from "https://esm.sh/preact/hooks";
+import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
 import { cachedFetch, getCached } from "../lib/api-cache.js";
 
 export const useCachedFetch = (

package/lib/public/js/hooks/use-destination-session-selection.js

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState } from "https://esm.sh/preact/hooks";
+import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
 import { useAgentSessions } from "./useAgentSessions.js";
 import {
   getDestinationFromSession,

package/lib/public/js/hooks/use-hash-location.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useCallback } from "preact/hooks";
 import { kDefaultUiTab } from "../lib/app-navigation.js";
 
 const getHashPath = () => {

package/lib/public/js/hooks/useAgentSessions.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useMemo, useCallback } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useMemo, useCallback } from "preact/hooks";
 import { fetchAgentSessions } from "../lib/api.js";
 import {
   kAgentSessionsCacheKey,

package/lib/public/js/hooks/usePolling.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback, useRef } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useCallback, useRef } from "preact/hooks";
 import { getCached, setCached } from "../lib/api-cache.js";
 
 export const usePolling = (

package/lib/public/js/lib/app-navigation.js

@@ -30,6 +30,7 @@ export const kNavSections = [
 export const getSelectedNavId = ({ isBrowseRoute = false, location = "" } = {}) => {
   if (isBrowseRoute) return "browse";
   if (location.startsWith("/telegram")) return "";
+  if (location.startsWith("/chat")) return "";
   if (location.startsWith("/models")) return "models";
   if (location.startsWith("/agents")) return "agents";
   if (location.startsWith("/providers")) return "models";

package/lib/public/js/lib/storage-keys.js

@@ -27,3 +27,6 @@ export const kTelegramWorkspaceCacheKey = "alphaclaw.telegram.workspaceCache";
 export const kAgentSessionsCacheKey = "alphaclaw.agent.sessionsCache";
 export const kAgentLastSessionKey = "alphaclaw.agent.lastSessionKey";
 
+// --- Chat ---
+export const kChatSessionDraftsStorageKey = "alphaclaw.chat.sessionDrafts";
+

package/lib/public/js/tailwind-config.js

@@ -0,0 +1,39 @@
+// Shared Tailwind config — remaps color palette to CSS variables
+// so themes can override colors without touching component files.
+tailwind.config = {
+  theme: {
+    extend: {
+      colors: {
+        surface: "var(--bg-sidebar)",
+        border: "var(--border)",
+        body: "var(--text)",
+        bright: "var(--text-bright)",
+        "fg-muted": "var(--text-muted)",
+        "fg-dim": "var(--text-dim)",
+        field: "var(--field-bg-contrast)",
+        overlay: "var(--overlay)",
+        status: {
+          error: "var(--status-error)",
+          "error-muted": "var(--status-error-muted)",
+          "error-bg": "var(--status-error-bg)",
+          "error-border": "var(--status-error-border)",
+          warning: "var(--status-warning)",
+          "warning-muted": "var(--status-warning-muted)",
+          "warning-bg": "var(--status-warning-bg)",
+          "warning-border": "var(--status-warning-border)",
+          success: "var(--status-success)",
+          "success-muted": "var(--status-success-muted)",
+          "success-bg": "var(--status-success-bg)",
+          "success-border": "var(--status-success-border)",
+          info: "var(--status-info)",
+          "info-muted": "var(--status-info-muted)",
+          "info-bg": "var(--status-info-bg)",
+          "info-border": "var(--status-info-border)",
+        },
+      },
+      fontFamily: {
+        mono: ["'JetBrains Mono'", "monospace"],
+      },
+    },
+  },
+};

package/lib/public/login.html

@@ -10,22 +10,7 @@
     />
     <link rel="icon" type="image/svg+xml" href="./img/logo.svg" />
     <link rel="stylesheet" href="./css/theme.css" />
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script>
-      tailwind.config = {
-        theme: {
-          extend: {
-            colors: {
-              surface: "var(--bg-sidebar)",
-              border: "var(--border)",
-            },
-            fontFamily: {
-              mono: ["'JetBrains Mono'", "monospace"],
-            },
-          },
-        },
-      };
-    </script>
+    <link rel="stylesheet" href="./css/tailwind.generated.css" />
   </head>
   <body class="min-h-screen flex items-center justify-center p-4">
     <div class="max-w-sm w-full relative z-10">
@@ -53,10 +38,10 @@
           type="password"
           placeholder="Password"
           autofocus
-          class="w-full bg-black/30 border border-border rounded-lg px-3 py-2 text-sm outline-none focus:border-gray-500"
+          class="w-full bg-field border border-border rounded-lg px-3 py-2 text-sm outline-none focus:border-fg-muted"
           style="color: var(--text)"
         />
-        <div id="error" class="text-red-400 text-xs hidden"></div>
+        <div id="error" class="text-status-error-muted text-xs hidden"></div>
         <button
           id="submit-btn"
           type="submit"

package/lib/public/setup.html

@@ -10,30 +10,15 @@
     />
     <link rel="icon" type="image/svg+xml" href="./img/logo.svg" />
     <link rel="stylesheet" href="./css/theme.css" />
+    <link rel="stylesheet" href="./css/tailwind.generated.css" />
     <link rel="stylesheet" href="./css/shell.css" />
     <link rel="stylesheet" href="./css/explorer.css" />
     <link rel="stylesheet" href="./css/agents.css" />
+    <link rel="stylesheet" href="./css/chat.css" />
     <link rel="stylesheet" href="./css/cron.css" />
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-    <script>
-      tailwind.config = {
-        theme: {
-          extend: {
-            colors: {
-              surface: "var(--bg-sidebar)",
-              border: "var(--border)",
-            },
-            fontFamily: {
-              mono: ["'JetBrains Mono'", "monospace"],
-            },
-          },
-        },
-      };
-    </script>
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="./js/app.js"></script>
+    <script type="module" src="./dist/app.bundle.js"></script>
   </body>
 </html>

package/lib/server/auth-profiles.js

@@ -353,4 +353,4 @@ const createAuthProfiles = () => {
   };
 };
 
-module.exports = { createAuthProfiles };
+module.exports = { createAuthProfiles, getEnvVarForApiKeyProvider };