@oddessentials/agent-guild 0.13.0 → 0.14.0

package/README.md

@@ -47,7 +47,7 @@ Grok Build and a plain shell each get a card. A tool that is missing shows
 vendor's install command for a tool not published on npm. An installed
 tool shows its version and offers **Update** when a newer one is out, using
 the same installer that put it there: npm, Homebrew, WinGet or the vendor's
-own.
+own. The cloud icon on each card opens the vendor's web app.
 
 **Real terminals that outlive the page.** Every session is a full interactive
 terminal: type instructions, answer prompts, watch output. Run as many as you

package/config/providers.default.json

@@ -29,6 +29,7 @@
       "docs": "https://code.claude.com/docs/en/setup",
       "usageUrl": "https://claude.ai/settings/usage",
       "billingUrl": "https://claude.ai/settings/billing",
+      "cloudUrl": "https://claude.ai/code",
       "win32": {
         "install": "irm https://claude.ai/install.ps1 | iex",
         "channels": {
@@ -65,6 +66,7 @@
       "docs": "https://github.com/openai/codex",
       "usageUrl": "https://chatgpt.com/codex/settings/usage",
       "billingUrl": "https://chatgpt.com/#settings/Billing",
+      "cloudUrl": "https://chatgpt.com/codex",
       "win32": {
         "install": "powershell -ExecutionPolicy ByPass -c \"irm https://chatgpt.com/codex/install.ps1 | iex\"",
         "channels": {
@@ -92,6 +94,7 @@
       },
       "docs": "https://antigravity.google/docs/cli/install",
       "billingUrl": "https://one.google.com/settings",
+      "cloudUrl": "https://gemini.google.com/",
       "win32": {
         "install": "irm https://antigravity.google/cli/install.ps1 | iex",
         "channels": {
@@ -123,6 +126,7 @@
       "docs": "https://docs.x.ai/build/overview",
       "usageUrl": "https://grok.com/?_s=usage",
       "billingUrl": "https://grok.com/?_s=billing",
+      "cloudUrl": "https://grok.com/",
       "win32": {
         "install": "irm https://x.ai/cli/install.ps1 | iex"
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oddessentials/agent-guild",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Launch and watch AI coding-assistant terminal sessions from one local web page. A bundled session manager owns the terminals so the page can close and reconnect.",
   "license": "MIT",
   "repository": {

package/src/manager/providers.mjs

@@ -182,6 +182,7 @@ function normalize(raw, platform, warnings) {
     docs: String(merged.docs || ''),
     usageUrl: httpsUrl(merged.usageUrl, 'usageUrl', merged.id, warnings),
     billingUrl: httpsUrl(merged.billingUrl, 'billingUrl', merged.id, warnings),
+    cloudUrl: httpsUrl(merged.cloudUrl, 'cloudUrl', merged.id, warnings),
     enabled: merged.enabled !== false,
   };
 }
@@ -637,6 +638,7 @@ export class ProviderRegistry extends EventEmitter {
       docs: provider.docs,
       usageUrl: provider.usageUrl,
       billingUrl: provider.billingUrl,
+      cloudUrl: provider.cloudUrl,
       available: Boolean(resolvedPath),
       resolvedPath,
     };

package/web/app.js

@@ -557,7 +557,7 @@ function renderProviders() {
     update.addEventListener('click', () => installProvider(provider, node));
     renderHint(hint, provider);
     renderCopies(node.querySelector('.copies'), provider);
-    renderConsoleLinks(node, provider);
+    renderVendorLinks(node, provider);
     renderAccounts(node, provider);
     renderUsage(node, provider);
     renderReportingSetup(node, provider);
@@ -627,19 +627,22 @@ function renderHint(hint, provider) {
   hint.append(' ', link);
 }
 
-function renderConsoleLinks(card, provider) {
-  let any = false;
-  for (const [selector, url, what] of [['.usage-link', provider.usageUrl, 'usage'], ['.billing-link', provider.billingUrl, 'billing']]) {
-    const link = card.querySelector(selector);
-    const href = httpsHref(url);
-    link.hidden = !href;
-    if (!href) { link.removeAttribute('href'); continue; }
-    any = true;
-    link.href = href;
-    link.title = `${provider.vendor} ${what} console: ${href}`;
-    link.setAttribute('aria-label', `${provider.vendor} ${what} console (opens in a new tab)`);
-  }
-  card.querySelector('.provider-links').hidden = !any;
+function renderVendorLinks(card, provider) {
+  const usage = setVendorLink(card.querySelector('.usage-link'), provider.usageUrl, `${provider.vendor} usage console`);
+  const billing = setVendorLink(card.querySelector('.billing-link'), provider.billingUrl, `${provider.vendor} billing console`);
+  card.querySelector('.provider-links').hidden = !usage && !billing;
+  setVendorLink(card.querySelector('.cloud-link'), provider.cloudUrl, `${provider.vendor} web app`);
+}
+
+/** Point a link at an https URL, or hide it. Returns whether it is shown. */
+function setVendorLink(link, url, label) {
+  const href = httpsHref(url);
+  link.hidden = !href;
+  if (!href) { link.removeAttribute('href'); return false; }
+  link.href = href;
+  link.title = `${label}: ${href}`;
+  link.setAttribute('aria-label', `${label} (opens in a new tab)`);
+  return true;
 }
 
 function renderTier(card, provider, usage) {

package/web/index.html

@@ -259,6 +259,7 @@
           <span class="tool"></span>
           <span class="state"></span>
         </span>
+        <a class="cloud-link" target="_blank" rel="noopener noreferrer" hidden></a>
       </div>
       <div class="accounts" role="tablist" aria-label="Accounts" hidden></div>
       <div class="usage"></div>

package/web/styles.css

@@ -23,7 +23,8 @@
   --icon-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Cpath d='M12 2.5v2.2M12 19.3v2.2M2.5 12h2.2M19.3 12h2.2M5.3 5.3l1.6 1.6M17.1 17.1l1.6 1.6M5.3 18.7l1.6-1.6M17.1 6.9l1.6-1.6'/%3E%3C/svg%3E");
   --icon-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M19.5 14.6A8 8 0 0 1 9.4 4.5a8 8 0 1 0 10.1 10.1z'/%3E%3C/svg%3E");
   --icon-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
-  --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5.5l6.5 6.5L9 18.5'/%3E%3C/svg%3E");
+  --icon-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M7 18.5h10.5a4 4 0 0 0 .6-7.96A6 6 0 0 0 6.5 9.6 4.5 4.5 0 0 0 7 18.5z'/%3E%3C/svg%3E");
+  --icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5.5l6.5 6.5L9 18.5'/%3E%3C/svg%3E");
   --icon-github: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z'/%3E%3C/svg%3E");
   --icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 10.8v6.2' stroke-width='2.4'/%3E%3Ccircle cx='12' cy='7.3' r='1.2' fill='black' stroke='none'/%3E%3C/svg%3E");
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
@@ -201,6 +202,10 @@ main { max-width: 1200px; margin: 0 auto; padding: 26px 16px 56px; display: grid
 .console-link { color: var(--accent); text-decoration: none; }
 .console-link:hover { text-decoration: underline; }
 .console-link:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 3px; }
+.cloud-link { display: block; flex: none; align-self: flex-start; width: 32px; height: 32px; margin: -4px -6px 0 0; border-radius: 8px; color: var(--muted); }
+.cloud-link::before { content: ""; display: block; width: 100%; height: 100%; background: currentColor; mask: var(--icon-cloud) center / 20px no-repeat; }
+.cloud-link:hover { color: var(--accent); }
+.cloud-link:focus-visible { color: var(--accent); outline: 2px solid var(--focus); outline-offset: 0; }
 .provider-actions { margin-top: auto; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
 .provider .hint { font-size: 0.78rem; color: var(--muted); overflow-wrap: anywhere; }
 .provider .copies { font-size: 0.78rem; color: var(--muted); overflow-wrap: anywhere; }