@cyanheads/mcp-ts-core 0.8.0 → 0.8.2

package/dist/mcp-server/transports/http/landing-page/assets/styles.js

@@ -196,6 +196,23 @@ pre code { background: transparent; padding: 0; border: 0; font-size: inherit; }
   gap: var(--space-6);
 }
 
+/* Page-load choreography — staggered rise on the hero stack. The
+   "backwards" animation-fill-mode applies the from-state during the
+   delay so the page never flashes the final layout before animating.
+   Reduced-motion override at the bottom of this stylesheet collapses
+   the animation. */
+@keyframes hero-rise {
+  from { opacity: 0; transform: translateY(8px); }
+  to   { opacity: 1; transform: none; }
+}
+.hero > * { animation: hero-rise 600ms var(--ease-out) backwards; }
+.hero > .hero-eyebrow   { animation-delay:  60ms; }
+.hero > .hero-title-row { animation-delay: 140ms; }
+.hero > .hero-tagline   { animation-delay: 220ms; }
+.hero > .status-strip   { animation-delay: 300ms; }
+.hero > .connect        { animation-delay: 380ms; }
+.hero > .hero-badges    { animation-delay: 460ms; }
+
 .hero-eyebrow {
   display: inline-flex;
   align-items: center;
@@ -270,6 +287,7 @@ pre code { background: transparent; padding: 0; border: 0; font-size: inherit; }
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: -0.01em;
+  font-variant-numeric: tabular-nums;
   color: var(--accent);
   background: var(--accent-softer);
   border: 1px solid var(--accent-edge);
@@ -344,6 +362,7 @@ pre code { background: transparent; padding: 0; border: 0; font-size: inherit; }
 .status-value {
   color: var(--fg);
   font-weight: 500;
+  font-variant-numeric: tabular-nums;
 }
 .status-value-accent {
   color: var(--accent);
@@ -444,7 +463,14 @@ pre code { background: transparent; padding: 0; border: 0; font-size: inherit; }
   border-radius: 50%;
   background: color-mix(in oklab, var(--fg-subtle), transparent 60%);
   display: inline-block;
-}
+  transition: background var(--duration-base) var(--ease-out);
+}
+/* Hovering the dot cluster colors them like real OS window controls.
+   Pure delight — fits the terminal-chrome metaphor without adding
+   anything to the meaningful surface. */
+.connect-chrome-dots:hover .connect-chrome-dot:nth-child(1) { background: #ff5f57; }
+.connect-chrome-dots:hover .connect-chrome-dot:nth-child(2) { background: #febc2e; }
+.connect-chrome-dots:hover .connect-chrome-dot:nth-child(3) { background: #28c840; }
 .connect-chrome-endpoint {
   margin-left: auto;
   font-family: var(--font-mono);
@@ -622,10 +648,164 @@ section { padding: var(--space-12) 0 0; }
   font-family: var(--font-mono);
   font-size: 0.6875rem;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.12em;
+  text-transform: lowercase;
+  letter-spacing: 0.06em;
+  display: flex;
+  align-items: baseline;
+  gap: var(--space-2);
+  position: relative;
+  padding-left: var(--space-3);
+}
+.group-heading::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 2px;
+  height: 0.85em;
+  background: var(--accent);
+  border-radius: 1px;
 }
 .group-heading:first-child { margin-top: 0; }
+.group-heading[data-group="read"]::before { background: #16a34a; }
+.group-heading[data-group="destructive"]::before { background: #dc2626; }
+.group-count {
+  color: var(--fg-subtle);
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+}
+
+/* -------------------- Tool filter bar -------------------- */
+
+.tool-filter-bar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--space-3) var(--space-4);
+  margin-bottom: var(--space-5);
+}
+.tool-chips {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+.tool-chip {
+  appearance: none;
+  border: 1px solid var(--border);
+  background: var(--bg-elevated);
+  color: var(--fg-muted);
+  font-family: var(--font-mono);
+  font-size: 0.75rem;
+  font-weight: 500;
+  padding: 4px 10px;
+  border-radius: var(--radius-pill);
+  cursor: pointer;
+  letter-spacing: 0.01em;
+  transition:
+    color var(--duration-fast) var(--ease-out),
+    border-color var(--duration-fast) var(--ease-out),
+    background var(--duration-fast) var(--ease-out);
+}
+.tool-chip:hover { color: var(--fg); border-color: var(--border-strong); }
+.tool-chip:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.tool-chip[aria-pressed="true"] {
+  color: var(--accent);
+  background: var(--accent-softer);
+  border-color: var(--accent-edge);
+}
+.tool-chip--read[aria-pressed="true"] {
+  color: #16a34a;
+  background: color-mix(in oklab, #16a34a, transparent 92%);
+  border-color: color-mix(in oklab, #16a34a, transparent 72%);
+}
+.tool-chip--destructive[aria-pressed="true"] {
+  color: #dc2626;
+  background: color-mix(in oklab, #dc2626, transparent 92%);
+  border-color: color-mix(in oklab, #dc2626, transparent 72%);
+}
+@media (prefers-color-scheme: dark) {
+  .tool-chip--read[aria-pressed="true"] { color: #4ade80; }
+  .tool-chip--destructive[aria-pressed="true"] { color: #f87171; }
+}
+
+.tool-search {
+  flex: 1 1 200px;
+  min-width: 0;
+  max-width: 360px;
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.tool-search input {
+  width: 100%;
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  padding: 6px 12px 6px 30px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  background: var(--bg-elevated);
+  color: var(--fg);
+  transition:
+    border-color var(--duration-fast) var(--ease-out),
+    box-shadow var(--duration-fast) var(--ease-out);
+}
+.tool-search input::placeholder { color: var(--fg-subtle); }
+.tool-search input:focus {
+  outline: none;
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--accent-softer);
+}
+.tool-search::before {
+  /* Search glyph — no icon font, just a styled box. */
+  content: "";
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  width: 12px;
+  height: 12px;
+  border: 1.5px solid var(--fg-subtle);
+  border-radius: 50%;
+  transform: translateY(-50%);
+  pointer-events: none;
+}
+.tool-search::after {
+  content: "";
+  position: absolute;
+  left: 19px;
+  top: calc(50% + 4px);
+  width: 5px;
+  height: 1.5px;
+  background: var(--fg-subtle);
+  transform: rotate(45deg);
+  pointer-events: none;
+  border-radius: 1px;
+}
+
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.tools-empty {
+  margin: var(--space-6) 0;
+  padding: var(--space-8) var(--space-6);
+  text-align: center;
+  color: var(--fg-muted);
+  border: 1px dashed var(--border);
+  border-radius: var(--radius-md);
+  background: var(--bg-subtle);
+  font-size: var(--text-sm);
+  font-family: var(--font-mono);
+}
 
 /* -------------------- Cards -------------------- */
 
@@ -633,7 +813,7 @@ section { padding: var(--space-12) 0 0; }
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
   gap: var(--space-3);
-  align-items: start;
+  align-items: stretch;
 }
 .card {
   border: 1px solid var(--border-subtle);
@@ -647,6 +827,30 @@ section { padding: var(--space-12) 0 0; }
               transform var(--duration-fast) var(--ease-out),
               box-shadow var(--duration-fast) var(--ease-out);
   position: relative;
+  height: 100%;
+}
+
+/* Mutability spine — 3px tonal strip down the left edge of each tool
+   card. Bird's-eye scannability: a row of cards reads as a row of
+   colored bars before the eye lands on any title. */
+.tool-card { padding-left: calc(var(--space-5) + 3px); }
+.tool-card::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: var(--space-2);
+  bottom: var(--space-2);
+  width: 3px;
+  border-radius: 0 2px 2px 0;
+  background: var(--card-spine, var(--border-strong));
+  transition: background var(--duration-fast) var(--ease-out);
+}
+.tool-card[data-mutability="read"] { --card-spine: #16a34a; }
+.tool-card[data-mutability="write"] { --card-spine: var(--border-strong); }
+.tool-card[data-mutability="destructive"] { --card-spine: #dc2626; }
+@media (prefers-color-scheme: dark) {
+  .tool-card[data-mutability="read"] { --card-spine: #4ade80; }
+  .tool-card[data-mutability="destructive"] { --card-spine: #f87171; }
 }
 .card:hover {
   border-color: var(--accent-edge);
@@ -674,6 +878,15 @@ section { padding: var(--space-12) 0 0; }
   color: var(--fg-muted);
   font-size: var(--text-sm);
   line-height: 1.5;
+  /* 3-line preview clamp keeps cards uniform; full text stays in DOM
+     for screen readers and view-source. Non-WebKit engines fall back
+     to the natural height — overflow:hidden truncates to 3 lines via
+     max-height as a graceful degradation. */
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  max-height: calc(1.5em * 3);
 }
 .card-meta {
   display: flex;
@@ -684,7 +897,12 @@ section { padding: var(--space-12) 0 0; }
   font-family: var(--font-mono);
   align-items: center;
 }
-.card-meta-label { color: var(--fg-subtle); }
+.card-meta-label {
+  color: var(--fg-subtle);
+  text-transform: lowercase;
+  letter-spacing: 0.04em;
+  font-size: 0.65rem;
+}
 .card-meta code {
   font-size: 1em;
   color: var(--fg);
@@ -693,6 +911,96 @@ section { padding: var(--space-12) 0 0; }
   padding: 0;
 }
 
+/* Card footer — pinned to the bottom so cards align across a row even
+   when descriptions vary in length. Carries the scope chip on the left
+   and the invocation/schema action triggers on the right. */
+.card-foot {
+  margin-top: auto;
+  padding-top: var(--space-3);
+  border-top: 1px solid var(--border-subtle);
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-2) var(--space-3);
+}
+.card-scope {
+  display: inline-flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+  color: var(--fg-muted);
+}
+.scope-chip {
+  display: inline-flex;
+  align-items: center;
+  font-family: var(--font-mono);
+  font-size: 0.65rem;
+  font-weight: 500;
+  padding: 1px 6px;
+  border-radius: var(--radius-xs);
+  background: var(--bg-subtle);
+  color: var(--fg);
+  border: 1px solid var(--border-subtle);
+  letter-spacing: 0.02em;
+}
+.card-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-3);
+  margin-left: auto;
+}
+.card-detail { margin: 0; }
+.card-detail > summary {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  padding: 0;
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+  color: var(--fg-muted);
+  cursor: pointer;
+  transition: color var(--duration-fast);
+}
+.card-detail > summary::before {
+  content: "▸";
+  display: inline-block;
+  font-size: 0.6rem;
+  transition: transform var(--duration-fast);
+  color: var(--fg-subtle);
+}
+.card-detail[open] > summary::before {
+  transform: rotate(90deg);
+  color: var(--accent);
+}
+.card-detail > summary:hover { color: var(--accent); }
+.card-detail[open] > summary { color: var(--accent); }
+/* When a detail opens, push its content full-width below the footer. The
+   negative side margins recover the card's horizontal padding so the
+   panel spans edge-to-edge. */
+.card-detail[open] {
+  width: 100%;
+  margin: var(--space-3) calc(var(--space-5) * -1) calc(var(--space-4) * -1);
+  padding: 0 var(--space-5) var(--space-4);
+  background: var(--bg-subtle);
+  border-top: 1px solid var(--border-subtle);
+}
+.card-detail[open] > summary { padding-top: var(--space-3); }
+/* When any detail is open the actions row needs to wrap so the open
+   panel can claim full width. The :has() selector handles this in
+   modern engines; older browsers tolerate the actions row stacking
+   inline-flex without the layout flip. */
+.card-foot:has(.card-detail[open]) {
+  flex-direction: column;
+  align-items: stretch;
+}
+.card-foot:has(.card-detail[open]) .card-actions {
+  width: 100%;
+  margin-left: 0;
+}
+
 /* Annotation pills — dot-chip style */
 .pill-row { display: inline-flex; flex-wrap: wrap; gap: 5px; align-items: center; }
 .pill {
@@ -717,8 +1025,10 @@ section { padding: var(--space-12) 0 0; }
   background: currentColor;
   flex-shrink: 0;
 }
-.pill-readonly { color: #16a34a; background: color-mix(in oklab, #16a34a, transparent 92%); border-color: color-mix(in oklab, #16a34a, transparent 72%); }
-.pill-destructive { color: #dc2626; background: color-mix(in oklab, #dc2626, transparent 92%); border-color: color-mix(in oklab, #dc2626, transparent 72%); }
+/* Mutability badges — primary safety signal, sized to pass a squint test. */
+.pill-read { color: #16a34a; background: color-mix(in oklab, #16a34a, transparent 88%); border-color: color-mix(in oklab, #16a34a, transparent 65%); }
+.pill-write { color: var(--fg-muted); background: var(--bg-subtle); border-color: var(--border); }
+.pill-destructive { color: #dc2626; background: color-mix(in oklab, #dc2626, transparent 88%); border-color: color-mix(in oklab, #dc2626, transparent 65%); font-weight: 600; }
 .pill-openworld { color: #2563eb; background: color-mix(in oklab, #2563eb, transparent 92%); border-color: color-mix(in oklab, #2563eb, transparent 72%); }
 .pill-task { color: var(--accent); background: var(--accent-softer); border-color: var(--accent-edge); }
 .pill-app { color: #9333ea; background: color-mix(in oklab, #9333ea, transparent 92%); border-color: color-mix(in oklab, #9333ea, transparent 72%); }
@@ -726,7 +1036,7 @@ section { padding: var(--space-12) 0 0; }
 .pill-auth::before { display: none; }
 
 @media (prefers-color-scheme: dark) {
-  .pill-readonly { color: #4ade80; }
+  .pill-read { color: #4ade80; }
   .pill-destructive { color: #f87171; }
   .pill-openworld { color: #60a5fa; }
   .pill-app { color: #c084fc; }

package/dist/mcp-server/transports/http/landing-page/assets/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/mcp-server/transports/http/landing-page/assets/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAiB,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEtE,2EAA2E;AAC3E,MAAM,cAAc,GAAG,SAAS,CAAC;AAEjC;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,MAAc;IACzC,MAAM,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC;IACpE,MAAM,GAAG,GAAG;;;;;;;;;;;;;;;;;;;;cAoBA,UAAU;wCACgB,UAAU;uCACX,UAAU;uCACV,UAAU;yCACR,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAq2BlD,CAAC;IACA,OAAO,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC;AAC5C,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/mcp-server/transports/http/landing-page/assets/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAiB,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEtE,2EAA2E;AAC3E,MAAM,cAAc,GAAG,SAAS,CAAC;AAEjC;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,MAAc;IACzC,MAAM,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC;IACpE,MAAM,GAAG,GAAG;;;;;;;;;;;;;;;;;;;;cAoBA,UAAU;wCACgB,UAAU;uCACX,UAAU;uCACV,UAAU;yCACR,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2pClD,CAAC;IACA,OAAO,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC;AAC5C,CAAC"}

package/dist/mcp-server/transports/http/landing-page/sections/status-strip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-strip.d.ts","sourceRoot":"","sources":["../../../../../../src/mcp-server/transports/http/landing-page/sections/status-strip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEjE,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,GAAG,QAAQ,CAuCvF"}
+{"version":3,"file":"status-strip.d.ts","sourceRoot":"","sources":["../../../../../../src/mcp-server/transports/http/landing-page/sections/status-strip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEjE,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,GAAG,QAAQ,CA2DvF"}

package/dist/mcp-server/transports/http/landing-page/sections/status-strip.js

@@ -14,7 +14,7 @@
  */
 import { html } from '../../../../../utils/formatting/html.js';
 export function renderStatusStrip(manifest, degraded) {
-    const { auth, definitionCounts, protocol } = manifest;
+    const { auth, definitionCounts, protocol, landing } = manifest;
     const authMeta = describeAuth(auth);
     // Counts hidden in degraded mode to avoid leaking inventory shape.
     const counts = degraded
@@ -27,6 +27,24 @@ export function renderStatusStrip(manifest, degraded) {
     const signin = auth.mode === 'oauth' && auth.oauthIssuer
         ? html ` <a class="status-signin" href="${auth.oauthIssuer}" rel="noopener">sign in ↗</a>`
         : html ``;
+    // Repo link — same dim treatment as the count + protocol items so the
+    // strip stays information-dense without a flashy CTA. The "Source"
+    // footer entry stays for users who scroll to the bottom.
+    const repo = landing.repoRoot;
+    const repoLink = repo
+        ? html `
+        <a
+          class="status-item status-link"
+          href="${repo.url}"
+          rel="noopener"
+          title="View ${repo.owner}/${repo.repo} on GitHub"
+        >
+          <span>github</span>
+          <span class="status-value">${repo.owner}/${repo.repo}</span>
+          <span aria-hidden="true">↗</span>
+        </a>
+      `
+        : html ``;
     return html `
     <div class="status-strip" aria-label="${authMeta.ariaLabel}">
       <span class="status-item" title="${authMeta.ariaLabel}">
@@ -43,6 +61,7 @@ export function renderStatusStrip(manifest, degraded) {
         <span>protocol</span>
         <span class="status-value status-value-accent">${protocol.latestVersion}</span>
       </span>
+      ${repoLink}
     </div>
   `;
 }

package/dist/mcp-server/transports/http/landing-page/sections/status-strip.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-strip.js","sourceRoot":"","sources":["../../../../../../src/mcp-server/transports/http/landing-page/sections/status-strip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAAE,IAAI,EAAiB,MAAM,4BAA4B,CAAC;AAEjE,MAAM,UAAU,iBAAiB,CAAC,QAAwB,EAAE,QAAiB;IAC3E,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC;IAEtD,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEpC,mEAAmE;IACnE,MAAM,MAAM,GAAG,QAAQ;QACrB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,EAAE,CAAC,EAAE,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE;YAC7C,EAAE,CAAC,EAAE,gBAAgB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE;YACrD,EAAE,CAAC,EAAE,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;SAClD,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAE7B,MAAM,MAAM,GACV,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,WAAW;QACvC,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,WAAW,gCAAgC;QACzF,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC;IAEb,OAAO,IAAI,CAAA;4CAC+B,QAAQ,CAAC,SAAS;yCACrB,QAAQ,CAAC,SAAS;kCACzB,QAAQ,CAAC,QAAQ;qCACd,QAAQ,CAAC,KAAK,UAAU,MAAM;;QAE3D,MAAM,CAAC,GAAG,CACV,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;8DAC2C,CAAC,CAAC,KAAK;yCAC5B,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;oBAChC,CAAC,CAAC,KAAK;;SAElB,CACF;8DACuD,QAAQ,CAAC,aAAa;;yDAE3B,QAAQ,CAAC,aAAa;;;GAG5E,CAAC;AACJ,CAAC;AAED,mFAAmF;AACnF,SAAS,YAAY,CAAC,IAAkB;IAKtC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QACzB,OAAO;YACL,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,mBAAmB;YAC7B,SAAS,EAAE,4CAA4C;SACxD,CAAC;IACJ,CAAC;IACD,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;QACxB,OAAO;YACL,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,kBAAkB;YAC5B,SAAS,EAAE,yBAAyB;SACrC,CAAC;IACJ,CAAC;IACD,OAAO;QACL,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,kBAAkB;QAC5B,SAAS,EAAE,gBAAgB;KAC5B,CAAC;AACJ,CAAC"}
+{"version":3,"file":"status-strip.js","sourceRoot":"","sources":["../../../../../../src/mcp-server/transports/http/landing-page/sections/status-strip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAAE,IAAI,EAAiB,MAAM,4BAA4B,CAAC;AAEjE,MAAM,UAAU,iBAAiB,CAAC,QAAwB,EAAE,QAAiB;IAC3E,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;IAE/D,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEpC,mEAAmE;IACnE,MAAM,MAAM,GAAG,QAAQ;QACrB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,EAAE,CAAC,EAAE,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE;YAC7C,EAAE,CAAC,EAAE,gBAAgB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE;YACrD,EAAE,CAAC,EAAE,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;SAClD,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAE7B,MAAM,MAAM,GACV,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,WAAW;QACvC,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,WAAW,gCAAgC;QACzF,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC;IAEb,sEAAsE;IACtE,mEAAmE;IACnE,yDAAyD;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC;IAC9B,MAAM,QAAQ,GAAG,IAAI;QACnB,CAAC,CAAC,IAAI,CAAA;;;kBAGQ,IAAI,CAAC,GAAG;;wBAEF,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI;;;uCAGR,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI;;;OAGvD;QACH,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC;IAEX,OAAO,IAAI,CAAA;4CAC+B,QAAQ,CAAC,SAAS;yCACrB,QAAQ,CAAC,SAAS;kCACzB,QAAQ,CAAC,QAAQ;qCACd,QAAQ,CAAC,KAAK,UAAU,MAAM;;QAE3D,MAAM,CAAC,GAAG,CACV,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;8DAC2C,CAAC,CAAC,KAAK;yCAC5B,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;oBAChC,CAAC,CAAC,KAAK;;SAElB,CACF;8DACuD,QAAQ,CAAC,aAAa;;yDAE3B,QAAQ,CAAC,aAAa;;QAEvE,QAAQ;;GAEb,CAAC;AACJ,CAAC;AAED,mFAAmF;AACnF,SAAS,YAAY,CAAC,IAAkB;IAKtC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QACzB,OAAO;YACL,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,mBAAmB;YAC7B,SAAS,EAAE,4CAA4C;SACxD,CAAC;IACJ,CAAC;IACD,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;QACxB,OAAO;YACL,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,kBAAkB;YAC5B,SAAS,EAAE,yBAAyB;SACrC,CAAC;IACJ,CAAC;IACD,OAAO;QACL,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,kBAAkB;QAC5B,SAAS,EAAE,gBAAgB;KAC5B,CAAC;AACJ,CAAC"}

package/dist/mcp-server/transports/http/landing-page/sections/tools.d.ts

@@ -1,9 +1,10 @@
 /**
- * @fileoverview Tools section — responsive 2-column card grid, optionally
- * prefix-grouped when ≥2 tools share a common `snake_case` prefix. Each card
- * carries annotation pills (read-only / destructive / open-world / task /
- * app), auth scope chips, a JSON-RPC invocation snippet, and a collapsible
- * input-schema preview.
+ * @fileoverview Tools section — responsive card grid grouped by safety
+ * mutability (read / write / destructive). Each card carries annotation
+ * pills, a scope chip, a JSON-RPC invocation snippet, and a collapsible
+ * input-schema preview. A filter bar above the grid wires chip + search
+ * filtering through `data-mutability` / `data-name` attributes consumed
+ * by the inline filter script.
  *
  * @module src/mcp-server/transports/http/landing-page/sections/tools
  */

package/dist/mcp-server/transports/http/landing-page/sections/tools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tools.d.ts","sourceRoot":"","sources":["../../../../../../src/mcp-server/transports/http/landing-page/sections/tools.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAIjE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,QAAQ,CAkBlE"}
+{"version":3,"file":"tools.d.ts","sourceRoot":"","sources":["../../../../../../src/mcp-server/transports/http/landing-page/sections/tools.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAYjE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,QAAQ,CA0BlE"}