@productbrain/mcp 0.0.1-beta.185 → 0.0.1-beta.187

package/dist/http.js

@@ -7,7 +7,7 @@ import {
   hashKey,
   initFeatureFlags,
   runWithAuth
-} from "./chunk-XPFSARXP.js";
+} from "./chunk-OOAGD3TL.js";
 import {
   getPostHogClient,
   initAnalytics,
@@ -20,6 +20,41 @@ import express from "express";
 import { StreamableHTTPServerTransport } from "@modelcontextprotocol/sdk/server/streamableHttp.js";
 import { isInitializeRequest } from "@modelcontextprotocol/sdk/types.js";
 import rateLimit from "express-rate-limit";
+
+// src/brand/logo-markup.ts
+var SIZE_CLASSES = {
+  sm: "pb-logo--sm",
+  md: "pb-logo--md"
+};
+var appLogoStyles = `
+.pb-logo{display:inline-flex;align-items:center;gap:8px;color:inherit}
+.pb-logo__mark{
+  border-radius:4px;background:#1c1e24;
+  border:1px solid rgba(255,255,255,0.06);
+  display:inline-grid;place-items:center;flex-shrink:0;
+}
+.pb-logo__core{border-radius:50%;background:var(--accent,#c9b99a)}
+.pb-logo__name{
+  font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);
+  font-weight:500;text-transform:uppercase;
+  letter-spacing:0.22em;color:var(--fg4,#6a6560);
+}
+.pb-logo--sm .pb-logo__mark{width:16px;height:16px}
+.pb-logo--sm .pb-logo__core{width:5px;height:5px}
+.pb-logo--sm .pb-logo__name{font-size:10.5px}
+.pb-logo--md .pb-logo__mark{width:24px;height:24px;border-radius:6px}
+.pb-logo--md .pb-logo__core{width:8px;height:8px}
+.pb-logo--md .pb-logo__name{font-size:13px}
+`;
+function appLogoMarkup(opts = {}) {
+  const size = opts.size ?? "sm";
+  const showWordmark = opts.showWordmark ?? true;
+  const cls = ["pb-logo", SIZE_CLASSES[size], opts.className].filter(Boolean).join(" ");
+  const wordmark = showWordmark ? `<span class="pb-logo__name">Product Brain</span>` : "";
+  return `<span class="${cls}"><span class="pb-logo__mark"><span class="pb-logo__core"></span></span>${wordmark}</span>`;
+}
+
+// src/http.ts
 bootstrapHttp();
 initAnalytics();
 initFeatureFlags(getPostHogClient());
@@ -203,19 +238,8 @@ body::before{
   background:radial-gradient(900px 600px at 50% 50%,rgba(228,224,216,0.025),transparent 60%);
   pointer-events:none;z-index:0;
 }
-.top-mark{
-  position:fixed;top:22px;left:24px;display:flex;align-items:center;gap:8px;
-  z-index:5;opacity:0.7;
-}
-.top-mark .m{
-  width:16px;height:16px;border-radius:4px;background:#1c1e24;
-  border:1px solid rgba(255,255,255,0.06);display:inline-grid;place-items:center;
-}
-.top-mark .m .core{width:5px;height:5px;border-radius:50%;background:var(--accent)}
-.top-mark .name{
-  font-family:var(--font-mono);font-size:10.5px;letter-spacing:0.22em;
-  text-transform:uppercase;color:var(--fg4);font-weight:500;
-}
+.top-mark{position:fixed;top:22px;left:24px;z-index:5;opacity:0.7}
+${appLogoStyles}
 .stage{
   width:100%;max-width:460px;text-align:center;
   position:relative;z-index:1;
@@ -262,13 +286,9 @@ body::before{
   10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}
   30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}
 }
-.input-prefix{
-  font-family:var(--font-mono);font-size:14px;color:var(--fg3);
-  padding-left:16px;user-select:none;
-}
 .input{
   flex:1;min-width:0;background:transparent;border:0;outline:none;
-  padding:16px 14px 16px 4px;
+  padding:16px;
   font-family:var(--font-mono);font-size:14px;color:var(--fg1);letter-spacing:0.02em;
 }
 .input::placeholder{color:var(--fg4)}
@@ -395,47 +415,41 @@ body::before{
   color:var(--fg-bright);opacity:0;
 }
 .panel:not([hidden]) .ok-title{animation:rise 600ms ease-out 380ms forwards}
-.ok-sub{
-  margin-top:16px;font-size:14.5px;line-height:1.55;color:var(--fg3);
-  opacity:0;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
-}
-.panel:not([hidden]) .ok-sub{animation:rise 600ms ease-out 520ms forwards}
-.ok-actions{
-  margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:14px;
+.ok-sentence{
+  margin-top:20px;font-size:16px;line-height:1.6;color:var(--fg2);
   opacity:0;
+  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
 }
-.panel:not([hidden]) .ok-actions{animation:rise 600ms ease-out 660ms forwards}
-.ok-foot{
-  margin-top:36px;font-family:var(--font-mono);font-size:10px;
-  letter-spacing:0.22em;text-transform:uppercase;color:var(--fg4);opacity:0;
-}
-.panel:not([hidden]) .ok-foot{animation:rise 600ms ease-out 820ms forwards}
-.ws-name{font-size:13px;color:var(--accent);letter-spacing:0.04em;font-weight:500}
+.panel:not([hidden]) .ok-sentence{animation:rise 600ms ease-out 520ms forwards}
 
 .cmd{
-  display:inline-flex;align-items:center;gap:8px;
-  font-family:var(--font-mono);font-size:13px;color:var(--fg1);
-  background:rgba(255,255,255,0.05);border:1px solid var(--border);
-  padding:6px 10px 6px 12px;border-radius:6px;letter-spacing:0.02em;
+  display:inline-flex;align-items:center;gap:8px;vertical-align:middle;
+  font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--accent);
+  background:rgba(201,185,154,0.08);border:1px solid rgba(201,185,154,0.30);
+  padding:5px 10px 5px 12px;border-radius:6px;letter-spacing:0.02em;
   cursor:pointer;user-select:none;
   transition:background 140ms ease-out,border-color 140ms ease-out,color 140ms ease-out;
 }
-.cmd:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.18)}
-.cmd.is-copied{color:var(--green);border-color:rgba(74,222,128,0.3);background:rgba(74,222,128,0.06)}
+.cmd:hover{background:rgba(201,185,154,0.14);border-color:rgba(201,185,154,0.50);color:#dcc9a4}
+.cmd.is-copied{color:var(--green);border-color:rgba(74,222,128,0.35);background:rgba(74,222,128,0.08)}
 .cmd .cmd-icon{
-  width:12px;height:12px;color:var(--fg3);display:inline-grid;place-items:center;
-  transition:color 140ms;
+  width:12px;height:12px;color:currentColor;opacity:0.75;
+  display:inline-grid;place-items:center;
+  transition:opacity 140ms;
 }
-.cmd.is-copied .cmd-icon{color:var(--green)}
+.cmd:hover .cmd-icon{opacity:1}
+.cmd.is-copied .cmd-icon{color:var(--green);opacity:1}
 .cmd .cmd-icon svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
 
 .return-link{
+  display:inline-block;margin-top:28px;
   font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;
-  text-transform:uppercase;color:var(--fg3);text-decoration:none;
+  text-transform:uppercase;color:var(--fg4);text-decoration:none;
   border-bottom:1px dotted currentColor;padding-bottom:1px;
-  transition:color 140ms;
+  opacity:0;transition:color 140ms;
 }
-.return-link:hover{color:var(--fg1)}
+.panel:not([hidden]) .return-link{animation:rise 600ms ease-out 720ms forwards}
+.return-link:hover{color:var(--fg2)}
 
 /* error specifics */
 .err-title{
@@ -494,10 +508,7 @@ body::before{
 }
 </style>
 </head><body>
-<div class="top-mark">
-  <span class="m"><span class="core"></span></span>
-  <span class="name">Product Brain</span>
-</div>
+<div class="top-mark">${appLogoMarkup({ size: "sm" })}</div>
 <div class="stage">${bodyContent}</div>
 </body></html>`;
 }
@@ -526,19 +537,19 @@ function successPanelInner(workspaceName, redirectUrl, providerName) {
 </div>
 <div class="eyebrow success"><span class="dot"></span>Connected</div>
 <h1 class="ok-title">Product Brain is live.</h1>
-<p class="ok-sub">
-  <span class="ws-name" data-field="ws-name">${esc(workspaceName)}</span>
-</p>
-<div class="ok-actions">
+<p class="ok-sentence">
+  <span>Then say</span>
   <button class="cmd" type="button" data-cmd-pill data-redirect="${esc(redirectUrl)}" aria-label="Copy 'Start PB' and return to ${esc(providerName)}">
     <span data-cmd-text>Start PB</span>
     <span class="cmd-icon" aria-hidden="true">
       <svg data-cmd-svg viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg>
     </span>
   </button>
-  <a class="return-link" href="${esc(redirectUrl)}" data-return-link>Return to <span data-provider>${esc(providerName)}</span> &rarr;</a>
-</div>
-<p class="ok-foot">Then say <span style="font-family:var(--font-mono);color:var(--fg3)">Start PB</span> in <span data-provider>${esc(providerName)}</span></p>`;
+  <span>in <span data-provider>${esc(providerName)}</span>.</span>
+</p>
+<a class="return-link" href="${esc(redirectUrl)}" data-return-link>Return to <span data-provider>${esc(providerName)}</span> &rarr;</a>
+<!-- workspace name retained as data hook for tests, hidden from view -->
+<span hidden data-field="ws-name">${esc(workspaceName)}</span>`;
 }
 function errorPanelInner(title, trustedDetailHtml, retryUrl) {
   return `
@@ -596,10 +607,9 @@ function authorizeFormPage(params) {
     <input type="hidden" name="state" value="${esc(state)}">
     <input type="hidden" name="client_id" value="${esc(client_id)}">
     <div class="input-wrap" id="iw">
-      <span class="input-prefix">pb_sk_</span>
-      <input type="password" id="k" name="api_key" class="input" placeholder="\u2026" required autofocus spellcheck="false">
+      <input type="password" id="k" name="api_key" class="input input-full" placeholder="pb_sk_\u2026" required autofocus spellcheck="false">
     </div>
-    <div class="hint" id="hint">Your key starts with pb_sk_</div>
+    <div class="hint" id="hint">Starts with pb_sk_</div>
     <button type="submit" class="btn-primary" id="sb" disabled><span id="bt">Connect</span></button>
   </form>
   <div class="small-link"><a href="https://productbrain.io" target="_blank" rel="noopener noreferrer">No key? Generate one &rarr;</a></div>
@@ -641,15 +651,12 @@ ${cmdScript}
   }
 
   function syncInput(){
-    var v=k.value;
-    if(v.indexOf('pb_sk_')===0)k.value=v.slice(6);
     sb.disabled=!k.value.trim();
     iw.classList.remove('has-error');
     hint.classList.remove('is-error');
-    hint.textContent='Your key starts with pb_sk_';
+    hint.textContent='Starts with pb_sk_';
   }
   k.addEventListener('input',syncInput);
-  k.addEventListener('paste',function(){setTimeout(syncInput,0)});
   k.addEventListener('keydown',function(e){
     if(e.key==='Escape'){k.value='';syncInput()}
   });
@@ -685,6 +692,7 @@ ${cmdScript}
     e.preventDefault();
     var v=k.value.trim();
     if(!v){iw.classList.add('has-error');hint.classList.add('is-error');hint.textContent='Paste your key first';return}
+    if(v.indexOf('pb_sk_')!==0){iw.classList.add('has-error');hint.classList.add('is-error');hint.textContent='Key must start with pb_sk_';return}
     sb.disabled=true;bt.textContent='Verifying';
     show(pVerify);
 
@@ -844,7 +852,7 @@ app.post(
         if (anyDefinitiveReject) {
           sendError(
             "Key not recognized",
-            "This API key wasn't found in Product Brain. Check your API Keys in Studio and try again.",
+            "This API key wasn't found in Product Brain. Check your API Keys in Cortex and try again.",
             401
           );
           return;