@chrysb/alphaclaw 0.1.24 → 0.1.25

package/lib/public/js/components/features.js

@@ -55,8 +55,7 @@ export const Features = ({ onSwitchTab }) => {
                       <${Badge} tone="success">Enabled</${Badge}>
                     </span>
                   `
-                : feature.hasDefault
-                  ? html`
+                : html`
                     <span class="flex items-center gap-2">
                       <a
                         href="#"
@@ -66,20 +65,7 @@ export const Features = ({ onSwitchTab }) => {
                         }}
                         class="text-xs text-gray-500 hover:text-gray-300"
                       >Add provider</a>
-                      <${Badge} tone="success">Default</${Badge}>
-                    </span>
-                  `
-                  : html`
-                    <span class="flex items-center gap-2">
-                      <a
-                        href="#"
-                        onclick=${(e) => {
-                          e.preventDefault();
-                          onSwitchTab?.("providers");
-                        }}
-                        class="text-xs text-gray-500 hover:text-gray-300"
-                      >Add provider</a>
-                      <${Badge} tone="danger">Disabled</${Badge}>
+                      <${Badge} tone=${feature.hasDefault ? "neutral" : "danger"}>Disabled</${Badge}>
                     </span>
                   `}
             </div>

package/lib/public/js/components/providers.js

@@ -23,6 +23,7 @@ import {
   kProviderLabels,
   kProviderOrder,
   kProviderFeatures,
+  kCoreProviders,
 } from "../lib/model-config.js";
 
 const html = htm.bind(h);
@@ -70,6 +71,7 @@ export const Providers = () => {
   const [savedAiValues, setSavedAiValues] = useState(() => kProvidersTabCache?.savedAiValues || {});
   const [restartRequired, setRestartRequired] = useState(false);
   const [restartingGateway, setRestartingGateway] = useState(false);
+  const [showMoreProviders, setShowMoreProviders] = useState(false);
   const codexPopupPollRef = useRef(null);
 
   const refresh = async () => {
@@ -490,7 +492,27 @@ export const Providers = () => {
         </div>
       </div>
 
-      ${otherProviders.map((provider) => renderProviderCard(provider))}
+      ${otherProviders
+        .filter((p) => kCoreProviders.has(p))
+        .map((provider) => renderProviderCard(provider))}
+
+      ${showMoreProviders
+        ? otherProviders
+            .filter((p) => !kCoreProviders.has(p))
+            .map((provider) => renderProviderCard(provider))
+        : null}
+
+      ${otherProviders.some((p) => !kCoreProviders.has(p))
+        ? html`
+            <button
+              type="button"
+              onclick=${() => setShowMoreProviders((prev) => !prev)}
+              class="w-full text-xs text-gray-500 hover:text-gray-300 py-1"
+            >
+              ${showMoreProviders ? "Hide additional providers" : "More providers"}
+            </button>
+          `
+        : null}
 
       ${restartRequired
         ? html`<div

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

@@ -134,6 +134,8 @@ export const kProviderOrder = [
   "deepgram",
 ];
 
+export const kCoreProviders = new Set(["anthropic", "openai", "google"]);
+
 export const kProviderFeatures = {
   anthropic: ["Agent Model"],
   openai: ["Agent Model", "Embeddings", "Audio"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chrysb/alphaclaw",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "publishConfig": {
     "access": "public"
   },