@dereekb/dbx-components-mcp 13.19.0 → 13.20.0

package/dbx-components-mcp.js

@@ -10,7 +10,7 @@ var __export = (target, all) => {
 // packages/dbx-components-mcp/package.json
 var package_default = {
   name: "@dereekb/dbx-components-mcp",
-  version: "13.19.0",
+  version: "13.20.0",
   type: "module",
   bin: {
     "dbx-components-mcp": "dbx-components-mcp.js"
@@ -21,8 +21,8 @@ var package_default = {
     "ts-morph": "^21.0.0"
   },
   peerDependencies: {
-    "@dereekb/dbx-cli": "13.19.0",
-    "@dereekb/util": "13.19.0"
+    "@dereekb/dbx-cli": "13.20.0",
+    "@dereekb/util": "13.20.0"
   }
 };
 
@@ -15658,6 +15658,153 @@ function collectRelativeImports(sourceFile, fileName) {
   return out;
 }
 
+// packages/dbx-cli/src/lib/route/url-match.ts
+function normalizePathname(pathname) {
+  let result;
+  if (pathname.length === 0) {
+    result = "/";
+  } else if (pathname.length > 1 && pathname.endsWith("/")) {
+    result = pathname.slice(0, -1);
+  } else {
+    result = pathname;
+  }
+  return result;
+}
+function stripUrlQueryAndHash(url) {
+  const hashStripped = url.split("#", 1)[0];
+  return hashStripped.split("?", 1)[0];
+}
+function splitSegments(path) {
+  const normalized = path.startsWith("/") ? path.slice(1) : path;
+  return normalized.length === 0 ? [] : normalized.split("/");
+}
+function hasParamSegment(path) {
+  return path.includes(":") || path.includes("{");
+}
+function tryMatchSegments(route, input) {
+  if (route.length !== input.length) {
+    return void 0;
+  }
+  const params = {};
+  let result = params;
+  for (const [i, r] of route.entries()) {
+    const v = input[i];
+    if (r.startsWith(":")) {
+      const key = r.slice(1);
+      params[key] = decodeURIComponent(v);
+    } else if (r.startsWith("{") && r.endsWith("}")) {
+      const inner = r.slice(1, -1);
+      const colonIdx = inner.indexOf(":");
+      const key = colonIdx >= 0 ? inner.slice(0, colonIdx) : inner;
+      params[key] = decodeURIComponent(v);
+    } else if (r !== v) {
+      result = void 0;
+      break;
+    }
+  }
+  return result;
+}
+function extractUrlParamKeys(fullUrl) {
+  if (fullUrl === void 0 || fullUrl.length === 0) {
+    return [];
+  }
+  const seen = /* @__PURE__ */ new Set();
+  const keys = [];
+  for (const segment of fullUrl.split("/")) {
+    const key = extractParamKeyFromSegment(segment);
+    if (key !== void 0 && !seen.has(key)) {
+      seen.add(key);
+      keys.push(key);
+    }
+  }
+  return keys;
+}
+function extractParamKeyFromSegment(rawSegment) {
+  const segment = stripUrlQueryAndHash(rawSegment);
+  if (segment.startsWith(":")) {
+    const key = segment.slice(1);
+    return key.length > 0 ? key : void 0;
+  }
+  if (segment.startsWith("{") && segment.endsWith("}")) {
+    const inner = segment.slice(1, -1);
+    const colonIdx = inner.indexOf(":");
+    const rawKey = colonIdx >= 0 ? inner.slice(0, colonIdx) : inner;
+    const key = rawKey.trim();
+    return key.length > 0 ? key : void 0;
+  }
+  return void 0;
+}
+function matchUrlAgainstEntries(input) {
+  const pathname = normalizePathname(input.pathname);
+  const literal = matchLiteral(input.entries, pathname);
+  let result;
+  if (literal.length === 1) {
+    result = { kind: "match", via: "literal", value: literal[0].value, matchedFullUrl: normalizePathname(literal[0].fullUrl ?? pathname), params: {} };
+  } else if (literal.length > 1) {
+    result = { kind: "ambiguous", values: literal.map((e) => e.value) };
+  } else {
+    result = matchParamOrNone(input.entries, pathname);
+  }
+  return result;
+}
+function matchLiteral(entries, pathname) {
+  const out = [];
+  for (const entry of entries) {
+    if (entry.fullUrl !== void 0 && normalizePathname(entry.fullUrl) === pathname) {
+      out.push(entry);
+    }
+  }
+  return out;
+}
+function matchParamOrNone(entries, pathname) {
+  const inputSegments = splitSegments(pathname);
+  const hits = [];
+  for (const entry of entries) {
+    if (entry.fullUrl === void 0 || !hasParamSegment(entry.fullUrl)) {
+      continue;
+    }
+    const params = tryMatchSegments(splitSegments(entry.fullUrl), inputSegments);
+    if (params) {
+      hits.push({ entry, params });
+    }
+  }
+  let result;
+  if (hits.length === 1) {
+    result = { kind: "match", via: "param", value: hits[0].entry.value, matchedFullUrl: normalizePathname(hits[0].entry.fullUrl ?? pathname), params: hits[0].params };
+  } else if (hits.length > 1) {
+    result = { kind: "ambiguous", values: hits.map((h) => h.entry.value) };
+  } else {
+    result = { kind: "none", candidates: scoreCandidates(entries, pathname) };
+  }
+  return result;
+}
+function scoreCandidates(entries, pathname) {
+  const segments = splitSegments(normalizePathname(pathname));
+  const scored = [];
+  for (const entry of entries) {
+    if (entry.fullUrl === void 0) {
+      continue;
+    }
+    const candidateSegments = splitSegments(entry.fullUrl);
+    let score = 0;
+    const maxIndex = Math.min(segments.length, candidateSegments.length);
+    for (let i = 0; i < maxIndex; i += 1) {
+      if (segments[i] === candidateSegments[i]) {
+        score += 2;
+      } else if (candidateSegments[i].startsWith(":") || candidateSegments[i].startsWith("{")) {
+        score += 1;
+      } else {
+        break;
+      }
+    }
+    if (score > 0) {
+      scored.push({ value: entry.value, score });
+    }
+  }
+  scored.sort((a, b) => b.score - a.score);
+  return scored.slice(0, 5).map((s) => s.value);
+}
+
 // packages/dbx-cli/src/lib/route/route-build-tree.ts
 // @__NO_SIDE_EFFECTS__
 function buildRouteTree(nodes, extractIssues) {
@@ -15817,7 +15964,7 @@ function composeFullUrl(node) {
     return void 0;
   }
   const joined = segments.join("");
-  const collapsed = joined.replaceAll(/\/{2,}/g, "/");
+  const collapsed = stripUrlQueryAndHash(joined).replaceAll(/\/{2,}/g, "/");
   return collapsed.length === 0 ? "/" : collapsed;
 }
 function compareByName(a, b) {
@@ -15873,148 +16020,6 @@ function loadRouteTree(args) {
   return result;
 }
 
-// packages/dbx-cli/src/lib/route/url-match.ts
-function normalizePathname(pathname) {
-  let result;
-  if (pathname.length === 0) {
-    result = "/";
-  } else if (pathname.length > 1 && pathname.endsWith("/")) {
-    result = pathname.slice(0, -1);
-  } else {
-    result = pathname;
-  }
-  return result;
-}
-function splitSegments(path) {
-  const normalized = path.startsWith("/") ? path.slice(1) : path;
-  return normalized.length === 0 ? [] : normalized.split("/");
-}
-function hasParamSegment(path) {
-  return path.includes(":") || path.includes("{");
-}
-function tryMatchSegments(route, input) {
-  if (route.length !== input.length) {
-    return void 0;
-  }
-  const params = {};
-  let result = params;
-  for (const [i, r] of route.entries()) {
-    const v = input[i];
-    if (r.startsWith(":")) {
-      const key = r.slice(1);
-      params[key] = decodeURIComponent(v);
-    } else if (r.startsWith("{") && r.endsWith("}")) {
-      const inner = r.slice(1, -1);
-      const colonIdx = inner.indexOf(":");
-      const key = colonIdx >= 0 ? inner.slice(0, colonIdx) : inner;
-      params[key] = decodeURIComponent(v);
-    } else if (r !== v) {
-      result = void 0;
-      break;
-    }
-  }
-  return result;
-}
-function extractUrlParamKeys(fullUrl) {
-  if (fullUrl === void 0 || fullUrl.length === 0) {
-    return [];
-  }
-  const seen = /* @__PURE__ */ new Set();
-  const keys = [];
-  for (const segment of fullUrl.split("/")) {
-    const key = extractParamKeyFromSegment(segment);
-    if (key !== void 0 && !seen.has(key)) {
-      seen.add(key);
-      keys.push(key);
-    }
-  }
-  return keys;
-}
-function extractParamKeyFromSegment(segment) {
-  if (segment.startsWith(":")) {
-    const key = segment.slice(1);
-    return key.length > 0 ? key : void 0;
-  }
-  if (segment.startsWith("{") && segment.endsWith("}")) {
-    const inner = segment.slice(1, -1);
-    const colonIdx = inner.indexOf(":");
-    const rawKey = colonIdx >= 0 ? inner.slice(0, colonIdx) : inner;
-    const key = rawKey.trim();
-    return key.length > 0 ? key : void 0;
-  }
-  return void 0;
-}
-function matchUrlAgainstEntries(input) {
-  const pathname = normalizePathname(input.pathname);
-  const literal = matchLiteral(input.entries, pathname);
-  let result;
-  if (literal.length === 1) {
-    result = { kind: "match", via: "literal", value: literal[0].value, matchedFullUrl: normalizePathname(literal[0].fullUrl ?? pathname), params: {} };
-  } else if (literal.length > 1) {
-    result = { kind: "ambiguous", values: literal.map((e) => e.value) };
-  } else {
-    result = matchParamOrNone(input.entries, pathname);
-  }
-  return result;
-}
-function matchLiteral(entries, pathname) {
-  const out = [];
-  for (const entry of entries) {
-    if (entry.fullUrl !== void 0 && normalizePathname(entry.fullUrl) === pathname) {
-      out.push(entry);
-    }
-  }
-  return out;
-}
-function matchParamOrNone(entries, pathname) {
-  const inputSegments = splitSegments(pathname);
-  const hits = [];
-  for (const entry of entries) {
-    if (entry.fullUrl === void 0 || !hasParamSegment(entry.fullUrl)) {
-      continue;
-    }
-    const params = tryMatchSegments(splitSegments(entry.fullUrl), inputSegments);
-    if (params) {
-      hits.push({ entry, params });
-    }
-  }
-  let result;
-  if (hits.length === 1) {
-    result = { kind: "match", via: "param", value: hits[0].entry.value, matchedFullUrl: normalizePathname(hits[0].entry.fullUrl ?? pathname), params: hits[0].params };
-  } else if (hits.length > 1) {
-    result = { kind: "ambiguous", values: hits.map((h) => h.entry.value) };
-  } else {
-    result = { kind: "none", candidates: scoreCandidates(entries, pathname) };
-  }
-  return result;
-}
-function scoreCandidates(entries, pathname) {
-  const segments = splitSegments(normalizePathname(pathname));
-  const scored = [];
-  for (const entry of entries) {
-    if (entry.fullUrl === void 0) {
-      continue;
-    }
-    const candidateSegments = splitSegments(entry.fullUrl);
-    let score = 0;
-    const maxIndex = Math.min(segments.length, candidateSegments.length);
-    for (let i = 0; i < maxIndex; i += 1) {
-      if (segments[i] === candidateSegments[i]) {
-        score += 2;
-      } else if (candidateSegments[i].startsWith(":") || candidateSegments[i].startsWith("{")) {
-        score += 1;
-      } else {
-        break;
-      }
-    }
-    if (score > 0) {
-      scored.push({ value: entry.value, score });
-    }
-  }
-  scored.sort((a, b) => b.score - a.score);
-  return scored.slice(0, 5).map((s) => s.value);
-}
-
 // packages/dbx-cli/src/lib/route/component-resolve.ts
 import { dirname as dirname15, join as join5, normalize } from "node:path/posix";
 var TRY_EXTENSIONS = [".ts", ".tsx", "/index.ts", "/index.tsx"];
@@ -16089,6 +16094,8 @@ function containsImportedSymbol(importStatement, symbol) {
 var MODEL_TYPE_RE = /^[a-zA-Z][a-zA-Z0-9]*$/u;
 var LITERAL_SEGMENT_RE = /^[a-zA-Z0-9][a-zA-Z0-9_-]*$/u;
 var AUTH_UID_PLACEHOLDER = "{authUid}";
+var CONST_TOKEN_RE = /^\{const:([a-zA-Z0-9][a-zA-Z0-9_-]*)\}$/u;
+var FLAT_KEY_TOKEN_RE = /^\{flatKey:([a-zA-Z_][a-zA-Z0-9_]*)\}$/u;
 var ROUTE_MODEL_TAG = "dbxRouteModel";
 var ROUTE_MODEL_LIST_TAG = "dbxRouteModelList";
 function parseRouteModelTag(tag) {
@@ -16124,7 +16131,7 @@ function parseModelTag(tokens, description) {
   } else if (MODEL_TYPE_RE.test(tokens[0])) {
     const parsedKey = parseKeyTemplate(tokens[1]);
     if (parsedKey.ok) {
-      result = { ok: true, model: { modelType: tokens[0], kind: parsedKey.kind, keyTemplate: tokens[1], description, routeParams: parsedKey.routeParams } };
+      result = { ok: true, model: { modelType: tokens[0], kind: parsedKey.kind, keyTemplate: parsedKey.keyTemplate, description, routeParams: parsedKey.routeParams } };
     } else {
       result = { ok: false, message: parsedKey.message };
     }
@@ -16146,17 +16153,21 @@ function parseKeyTemplate(keyTemplate) {
   return result;
 }
 function parseSingleSegmentKey(segment, keyTemplate) {
+  const flatKeyParam = flatKeyTokenParam(segment);
   const placeholder = placeholderParam(segment);
   let result;
-  if (placeholder === void 0) {
-    result = { ok: false, message: `Single-segment key template \`${keyTemplate}\` must be a placeholder (\`:param\` or \`${AUTH_UID_PLACEHOLDER}\`).` };
+  if (flatKeyParam !== void 0) {
+    result = { ok: true, kind: "flatKey", keyTemplate, routeParams: [flatKeyParam] };
+  } else if (placeholder === void 0) {
+    result = { ok: false, message: `Single-segment key template \`${keyTemplate}\` must be a placeholder (\`:param\` or \`${AUTH_UID_PLACEHOLDER}\`) or a flattened-key token (\`{flatKey:<param>}\`).` };
   } else {
-    result = { ok: true, kind: "id", routeParams: placeholder.routeParam === void 0 ? [] : [placeholder.routeParam] };
+    result = { ok: true, kind: "id", keyTemplate, routeParams: placeholder.routeParam === void 0 ? [] : [placeholder.routeParam] };
   }
   return result;
 }
 function parseAlternatingKey(segments, keyTemplate) {
   const routeParams = [];
+  const normalizedSegments = [];
   let message;
   for (const [i, segment] of segments.entries()) {
     if (i % 2 === 0) {
@@ -16164,18 +16175,24 @@ function parseAlternatingKey(segments, keyTemplate) {
         message = `Key template \`${keyTemplate}\` segment \`${segment}\` must be a literal collection name.`;
         break;
       }
+      normalizedSegments.push(segment);
     } else {
       const placeholder = placeholderParam(segment);
-      if (placeholder === void 0) {
-        message = `Key template \`${keyTemplate}\` segment \`${segment}\` must be a placeholder (\`:param\` or \`${AUTH_UID_PLACEHOLDER}\`).`;
+      const constId = constTokenId(segment);
+      if (placeholder !== void 0) {
+        if (placeholder.routeParam !== void 0) {
+          routeParams.push(placeholder.routeParam);
+        }
+        normalizedSegments.push(segment);
+      } else if (constId === void 0) {
+        message = `Key template \`${keyTemplate}\` segment \`${segment}\` must be a placeholder (\`:param\` or \`${AUTH_UID_PLACEHOLDER}\`) or a fixed id (\`{const:<id>}\`).`;
         break;
-      }
-      if (placeholder.routeParam !== void 0) {
-        routeParams.push(placeholder.routeParam);
+      } else {
+        normalizedSegments.push(constId);
       }
     }
   }
-  return message === void 0 ? { ok: true, kind: "key", routeParams } : { ok: false, message };
+  return message === void 0 ? { ok: true, kind: "key", keyTemplate: normalizedSegments.join("/"), routeParams } : { ok: false, message };
 }
 function placeholderParam(segment) {
   let result;
@@ -16188,6 +16205,14 @@ function placeholderParam(segment) {
   }
   return result;
 }
+function constTokenId(segment) {
+  const match = CONST_TOKEN_RE.exec(segment);
+  return match === null ? void 0 : match[1];
+}
+function flatKeyTokenParam(segment) {
+  const match = FLAT_KEY_TOKEN_RE.exec(segment);
+  return match === null ? void 0 : match[1];
+}
 
 // packages/dbx-cli/src/lib/route/route-models-extract.ts
 function extractComponentRouteModelTags(sourceFile, component) {
@@ -16209,7 +16234,7 @@ function collectRouteModelTags2(jsDocs) {
 
 // packages/dbx-cli/src/lib/route/route-manifest.ts
 import { Project as Project5 } from "ts-morph";
-var ROUTE_MANIFEST_VERSION = 1;
+var ROUTE_MANIFEST_VERSION = 2;
 function buildRouteManifest(input, now = /* @__PURE__ */ new Date()) {
   const warnings = [];
   const tree = loadRouteTree({ sources: input.sources });

package/generated/dereekb-dbx-web.css-utilities.mcp.generated.json

@@ -1267,7 +1267,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/content/_content.scss",
-      "line": 48,
+      "line": 54,
       "declarations": [
         {
           "property": "margin",
@@ -1299,7 +1299,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/content/_content.scss",
-      "line": 152,
+      "line": 185,
       "declarations": [
         {
           "property": "margin",
@@ -1332,10 +1332,11 @@
         }
       ],
       "role": "layout",
-      "intent": "padded content surface lifted with elevation 2 — combines inner padding with a Material elevation shadow",
+      "intent": "padded content surface lifted above its surroundings — the mirror of `.dbx-content-pit`. Per Material 3, elevation is communicated primarily with color (the brightest `surface-bright` tone, always lighter than the pit's `surface-dim` in both light and dark) plus a soft lift shadow for protection against the background, so it reads as raised and stays clearly distinct from the recessed pit. Tonal by default — a low-opacity wash of the active dbxColor over `surface-bright`; rounded by default, opt out with `.dbx-corners-none`. Override `--dbx-content-elevate-tone` (percentage) to tune the wash, `--dbx-content-elevate-bg` to replace the background outright, or `--dbx-content-elevate-shadow` to retune/remove (`none`) the shadow.",
       "seeAlso": [
         "dbx-content-border",
-        "dbx-content-pit"
+        "dbx-content-pit",
+        "dbx-corners-none"
       ]
     },
     {
@@ -1344,7 +1345,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/content/_content.scss",
-      "line": 63,
+      "line": 69,
       "declarations": [
         {
           "property": "padding",
@@ -1352,7 +1353,7 @@
         }
       ],
       "role": "layout",
-      "intent": "recessed surface pit — `--mat-sys-surface-container` background with a `padding-4` inset, used to visually nest content (e.g. logs, JSON, quoted blocks); rounded by default, opt out with `.dbx-corners-none`",
+      "intent": "recessed surface pit (\"negative elevation\") — a semi-transparent tonal wash of the active dbxColor over `--mat-sys-surface-dim` (the dimmest/greyest M3 surface, the opposite end of the dim/bright pair from `.dbx-content-elevate`) so the lighter surface behind shows through, with a `padding-4` inset, used to visually nest content (e.g. logs, JSON, quoted blocks); rounded by default, opt out with `.dbx-corners-none`",
       "seeAlso": [
         "dbx-content-pit-scrollable",
         "dbx-content-border",
@@ -1366,7 +1367,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/content/_content.scss",
-      "line": 104,
+      "line": 135,
       "declarations": [
         {
           "property": "float",
@@ -1407,7 +1408,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/content/_content.scss",
-      "line": 80,
+      "line": 86,
       "declarations": [
         {
           "property": "border-radius",
@@ -1428,7 +1429,32 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/content/_content.scss",
-      "line": 93,
+      "line": 99,
+      "declarations": [
+        {
+          "property": "overflow",
+          "value": "hidden"
+        },
+        {
+          "property": "max-width",
+          "value": "100%"
+        }
+      ],
+      "role": "layout",
+      "intent": "scrollable modifier for `.dbx-content-pit` — turns the pit into a fixed frame that clips an inner `.dbx-content-pit-scrollable-content` wrapper; the wrapper (not the frame) scrolls, so the padded/cornered surface never shifts. Drive the height via the `[scrollable]` input (which writes `--dbx-content-pit-scrollable-max-height`) or fall back to `theming.$dbx-content-pit-scrollable-max-height`.",
+      "seeAlso": [
+        "dbx-content-pit",
+        "dbx-content-pit-scrollable-content"
+      ],
+      "parent": "content-pit"
+    },
+    {
+      "slug": "content-pit-scrollable-content",
+      "selector": ".dbx-content-pit",
+      "source": "@dereekb/dbx-web",
+      "module": "@dereekb/dbx-web",
+      "file": "src/lib/layout/content/_content.scss",
+      "line": 113,
       "declarations": [
         {
           "property": "max-height",
@@ -1440,15 +1466,41 @@
         },
         {
           "property": "overflow-y",
-          "value": "scroll"
+          "value": "auto"
+        },
+        {
+          "property": "overscroll-behavior",
+          "value": "contain"
+        },
+        {
+          "property": "overflow-anchor",
+          "value": "none"
+        },
+        {
+          "property": "margin-top",
+          "value": "calc(-1 * #{$pit-padding})"
+        },
+        {
+          "property": "margin-bottom",
+          "value": "calc(-1 * #{$pit-padding})"
+        },
+        {
+          "property": "padding-top",
+          "value": "$pit-padding"
+        },
+        {
+          "property": "padding-bottom",
+          "value": "$pit-padding"
         }
       ],
       "role": "layout",
-      "intent": "scrollable modifier for `.dbx-content-pit` — caps height at `theming.$dbx-content-pit-scrollable-max-height` and forces `overflow-y: scroll` for long inner content",
+      "intent": "inner scroll region for a scrollable `.dbx-content-pit` — wrap the pit body in this element when using `[scrollable]`; it owns the height cap + `overflow-y` so the pit frame stays put. The cap reads `--dbx-content-pit-scrollable-max-height` (published per-pit by `dbxContentPit`; `none` when the pit isn't scrollable).",
       "seeAlso": [
-        "dbx-content-pit"
+        "dbx-content-pit",
+        "dbx-content-pit-scrollable"
       ],
-      "parent": "content-pit"
+      "parent": "content-pit-scrollable",
+      "selectorContext": ".dbx-content-pit .dbx-content-pit-scrollable-content"
     },
     {
       "slug": "content-scroll-lock",
@@ -1456,7 +1508,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/content/_content.scss",
-      "line": 143,
+      "line": 176,
       "declarations": [
         {
           "property": "height",
@@ -2476,7 +2528,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 326,
+      "line": 443,
       "declarations": [
         {
           "property": "height",
@@ -2497,7 +2549,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 206,
+      "line": 311,
       "declarations": [
         {
           "property": "--dbx-list-card-items-list-gap",
@@ -2526,7 +2578,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 341,
+      "line": 458,
       "declarations": [
         {
           "property": "padding",
@@ -2546,7 +2598,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 168,
+      "line": 273,
       "declarations": [
         {
           "property": "min-height",
@@ -2575,7 +2627,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 177,
+      "line": 282,
       "declarations": [
         {
           "property": "min-height",
@@ -2601,7 +2653,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 301,
+      "line": 418,
       "declarations": [
         {
           "property": "cursor",
@@ -2618,7 +2670,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 313,
+      "line": 430,
       "declarations": [
         {
           "property": "padding",
@@ -2638,7 +2690,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 240,
+      "line": 357,
       "declarations": [
         {
           "property": "--dbx-list-item-border-radius",
@@ -2665,7 +2717,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 149,
+      "line": 254,
       "declarations": [],
       "role": "state",
       "intent": "pin `.dbx-list-view-group-header` rows to the top of the list while scrolling"
@@ -2676,7 +2728,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 257,
+      "line": 374,
       "declarations": [
         {
           "property": "display",
@@ -2703,7 +2755,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/list/_list.scss",
-      "line": 126,
+      "line": 231,
       "declarations": [],
       "role": "spacing",
       "intent": "strip the leading + trailing padding around `mdc-list-item--with-trailing-meta` rows so meta-only items hug their container"
@@ -2979,7 +3031,7 @@
       "source": "@dereekb/dbx-web",
       "module": "@dereekb/dbx-web",
       "file": "src/lib/layout/content/_content.scss",
-      "line": 224,
+      "line": 257,
       "declarations": [
         {
           "property": "padding-bottom",
@@ -3594,10 +3646,22 @@
         {
           "property": "overflow-x",
           "value": "hidden"
+        },
+        {
+          "property": "box-sizing",
+          "value": "border-box"
+        },
+        {
+          "property": "border-top",
+          "value": "var(--dbx-two-column-border-top, 1px solid var(--dbx-divider-color))"
         }
       ],
       "role": "layout",
-      "intent": "two-column page layout — fixed-width left column with elevated right content area"
+      "intent": "two-column page layout — fixed-width left column with elevated right content area",
+      "tokensRead": [
+        "--dbx-divider-color",
+        "--dbx-two-column-border-top"
+      ]
     },
     {
       "slug": "u",

package/generated/dereekb-dbx-web.tokens.mcp.generated.json

@@ -198,29 +198,64 @@
     },
     {
       "cssVariable": "--dbx-border-color",
+      "scssVariable": "$dbx-border-color-var",
       "source": "dbx-web",
       "role": "color",
       "intents": [
-        "border color"
+        "border base color",
+        "divider base color",
+        "outline base color"
       ],
-      "description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-outline-variant)`.",
+      "description": "Base border color for the shared semi-transparent border system. Defaults to `--mat-sys-outline-variant` (the M3 divider color). Blended with `--dbx-border-opacity` to produce `--dbx-border-color-current`.",
       "defaults": {
         "light": "var(--mat-sys-outline-variant)"
       },
-      "componentScope": "content"
+      "seeAlso": [
+        "--mat-sys-outline-variant",
+        "--dbx-border-opacity",
+        "--dbx-border-color-current"
+      ]
+    },
+    {
+      "cssVariable": "--dbx-border-color-current",
+      "scssVariable": "$dbx-border-color-current-var",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "border color",
+        "divider color",
+        "semi-transparent border color",
+        "computed border color"
+      ],
+      "description": "Effective, semi-transparent border color — a `color-mix` of `--dbx-border-color` at `--dbx-border-opacity`. Apply this directly to `border` / `border-top` / `border-bottom`. Overriding either input token (globally or on a local scope) recomputes this automatically.",
+      "defaults": {
+        "light": "color-mix(in srgb, var(--dbx-border-color) var(--dbx-border-opacity), transparent)"
+      },
+      "antiUseNotes": "Don't hardcode `border: 1px solid rgba(0,0,0,0.1)`; use this token so the color and opacity stay themeable.",
+      "seeAlso": [
+        "--dbx-border-color",
+        "--dbx-border-opacity"
+      ]
     },
     {
       "cssVariable": "--dbx-border-opacity",
+      "scssVariable": "$dbx-border-opacity-var",
       "source": "dbx-web",
       "role": "misc",
       "intents": [
-        "border opacity"
+        "border opacity",
+        "divider transparency",
+        "border alpha",
+        "semi-transparent border opacity"
       ],
-      "description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `20%`.",
+      "description": "Opacity applied to `--dbx-border-color` when computing the effective border color. A percentage (e.g. `70%`). Lower it for a fainter border, raise it toward `100%` for a solid divider.",
       "defaults": {
-        "light": "20%"
+        "light": "60%"
       },
-      "componentScope": "content"
+      "seeAlso": [
+        "--dbx-border-color",
+        "--dbx-border-color-current"
+      ]
     },
     {
       "cssVariable": "--dbx-bottom-banner-height",
@@ -288,6 +323,58 @@
       },
       "componentScope": "button"
     },
+    {
+      "cssVariable": "--dbx-calendar-active-day-color",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "calendar active day color"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--dbx-primary-color)`.",
+      "defaults": {
+        "light": "var(--dbx-primary-color)"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-active-day-tone",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "calendar active day tone"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `30%`.",
+      "defaults": {
+        "light": "30%"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-border-color",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "calendar border color"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--dbx-divider-color)`.",
+      "defaults": {
+        "light": "var(--dbx-divider-color)"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-border-tone",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "calendar border tone"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `100%`.",
+      "defaults": {
+        "light": "100%"
+      },
+      "componentScope": "calendar"
+    },
     {
       "cssVariable": "--dbx-calendar-day-badge-container-shape",
       "source": "dbx-web",
@@ -301,6 +388,162 @@
       },
       "componentScope": "calendar-month-view"
     },
+    {
+      "cssVariable": "--dbx-calendar-highlight-color",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "calendar highlight color"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--dbx-accent-color)`.",
+      "defaults": {
+        "light": "var(--dbx-accent-color)"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-highlight-tone",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "calendar highlight tone"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `30%`.",
+      "defaults": {
+        "light": "30%"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-hover-color",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "calendar hover color"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-on-surface)`.",
+      "defaults": {
+        "light": "var(--mat-sys-on-surface)"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-hover-tone",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "calendar hover tone"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `4%`.",
+      "defaults": {
+        "light": "4%"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-not-applicable-color",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "calendar not applicable color"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-on-surface)`.",
+      "defaults": {
+        "light": "var(--mat-sys-on-surface)"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-not-applicable-tone",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "calendar not applicable tone"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `30%`.",
+      "defaults": {
+        "light": "30%"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-secondary-color",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "calendar secondary color"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-on-surface)`.",
+      "defaults": {
+        "light": "var(--mat-sys-on-surface)"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-secondary-tone",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "calendar secondary tone"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `4%`.",
+      "defaults": {
+        "light": "4%"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-selected-day-color",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "calendar selected day color"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--dbx-primary-color)`.",
+      "defaults": {
+        "light": "var(--dbx-primary-color)"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-selected-day-tone",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "calendar selected day tone"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `60%`.",
+      "defaults": {
+        "light": "60%"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-today-color",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "calendar today color"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-on-surface)`.",
+      "defaults": {
+        "light": "var(--mat-sys-on-surface)"
+      },
+      "componentScope": "calendar"
+    },
+    {
+      "cssVariable": "--dbx-calendar-today-tone",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "calendar today tone"
+      ],
+      "description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `4%`.",
+      "defaults": {
+        "light": "4%"
+      },
+      "componentScope": "calendar"
+    },
     {
       "cssVariable": "--dbx-card-accent-border-width",
       "source": "dbx-web",
@@ -466,6 +709,45 @@
       },
       "componentScope": "style"
     },
+    {
+      "cssVariable": "--dbx-content-elevate-bg",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "content elevate bg"
+      ],
+      "description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `color-mix(in srgb, #{theming.$dbx-bg-color} var(--dbx-content-elevate-tone, 8%), var(--mat-sys-surface-bright))`.",
+      "defaults": {
+        "light": "color-mix(in srgb, #{theming.$dbx-bg-color} var(--dbx-content-elevate-tone, 8%), var(--mat-sys-surface-bright))"
+      },
+      "componentScope": "content"
+    },
+    {
+      "cssVariable": "--dbx-content-elevate-shadow",
+      "source": "dbx-web",
+      "role": "shadow",
+      "intents": [
+        "content elevate shadow"
+      ],
+      "description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-level1)`.",
+      "defaults": {
+        "light": "var(--mat-sys-level1)"
+      },
+      "componentScope": "content"
+    },
+    {
+      "cssVariable": "--dbx-content-elevate-tone",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "content elevate tone"
+      ],
+      "description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `8%`.",
+      "defaults": {
+        "light": "8%"
+      },
+      "componentScope": "content"
+    },
     {
       "cssVariable": "--dbx-content-headers-count",
       "scssVariable": "$dbx-content-headers-count-var",
@@ -563,15 +845,28 @@
       }
     },
     {
-      "cssVariable": "--dbx-content-pit-color-tone",
+      "cssVariable": "--dbx-content-pit-bg",
       "source": "dbx-web",
-      "role": "color",
+      "role": "misc",
       "intents": [
-        "content pit color tone"
+        "content pit bg"
       ],
-      "description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `11%`.",
+      "description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `color-mix(in srgb, color-mix(in srgb, #{theming.$dbx-bg-color} var(--dbx-content-pit-tone, 8%), var(--mat-sys-surface-dim)) var(--dbx-content-pit-opacity, 50%), transparent)`.",
       "defaults": {
-        "light": "11%"
+        "light": "color-mix(in srgb, color-mix(in srgb, #{theming.$dbx-bg-color} var(--dbx-content-pit-tone, 8%), var(--mat-sys-surface-dim)) var(--dbx-content-pit-opacity, 50%), transparent)"
+      },
+      "componentScope": "content"
+    },
+    {
+      "cssVariable": "--dbx-content-pit-opacity",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "content pit opacity"
+      ],
+      "description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `50%`.",
+      "defaults": {
+        "light": "50%"
       },
       "componentScope": "content"
     },
@@ -606,6 +901,19 @@
         "light": "140px"
       }
     },
+    {
+      "cssVariable": "--dbx-content-pit-tone",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "content pit tone"
+      ],
+      "description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `8%`.",
+      "defaults": {
+        "light": "8%"
+      },
+      "componentScope": "content"
+    },
     {
       "cssVariable": "--dbx-corners-border-radius",
       "scssVariable": "$dbx-corners-border-radius-var",
@@ -713,6 +1021,26 @@
         "light": "var(--mat-sys-outline)"
       }
     },
+    {
+      "cssVariable": "--dbx-divider-color",
+      "scssVariable": "$dbx-divider-color-var",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "divider color",
+        "separator color",
+        "shared divider",
+        "component divider color"
+      ],
+      "description": "Shared divider color for component dividers/separators (dbx-table-view summary rule, dbx-two-column boundary, dbx-calendar cell borders, etc.). Defaults to `--dbx-border-color-current` so every divider inherits the themeable semi-transparent border by default; override this single token (globally or on a local scope) to retint all dividers at once, or override a component's own divider token to retint just that one.",
+      "defaults": {
+        "light": "var(--dbx-border-color-current)"
+      },
+      "antiUseNotes": "Don't hardcode a per-component divider color; default it to this token so dividers stay consistent and themeable.",
+      "seeAlso": [
+        "--dbx-border-color-current"
+      ]
+    },
     {
       "cssVariable": "--dbx-dot-size",
       "source": "dbx-web",
@@ -948,6 +1276,19 @@
       },
       "componentScope": "list"
     },
+    {
+      "cssVariable": "--dbx-list-item-hover-state-layer-opacity",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "list item hover state layer opacity"
+      ],
+      "description": "Component-scoped override point (`list`) read in `packages/dbx-web/src/lib/layout/list/_list.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `0.04`.",
+      "defaults": {
+        "light": "0.04"
+      },
+      "componentScope": "list"
+    },
     {
       "cssVariable": "--dbx-list-item-padded-min-height",
       "source": "dbx-web",
@@ -961,6 +1302,73 @@
       },
       "componentScope": "list"
     },
+    {
+      "cssVariable": "--dbx-list-item-radius-resolved",
+      "source": "dbx-web",
+      "role": "radius",
+      "intents": [
+        "list item radius resolved",
+        "list item radius resolved radius"
+      ],
+      "description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
+      "defaults": {
+        "light": "var(--dbx-list-item-border-radius, var(--mat-sys-corner-medium, 12px))"
+      },
+      "componentScope": "list"
+    },
+    {
+      "cssVariable": "--dbx-list-item-selected-color",
+      "source": "dbx-web",
+      "role": "color",
+      "intents": [
+        "list item selected color"
+      ],
+      "description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
+      "defaults": {
+        "light": "var(--mat-sys-primary-container)"
+      },
+      "componentScope": "list"
+    },
+    {
+      "cssVariable": "--dbx-list-item-selected-on-color",
+      "source": "dbx-web",
+      "role": "text-color",
+      "intents": [
+        "list item selected on color",
+        "list item selected on color text"
+      ],
+      "description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
+      "defaults": {
+        "light": "var(--mat-sys-on-primary-container)"
+      },
+      "componentScope": "list"
+    },
+    {
+      "cssVariable": "--dbx-list-item-spacing",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "list item spacing"
+      ],
+      "description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
+      "defaults": {
+        "light": "1px"
+      },
+      "componentScope": "list"
+    },
+    {
+      "cssVariable": "--dbx-list-view-group-header-background",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "list view group header background"
+      ],
+      "description": "Component-scoped override point (`list`) read in `packages/dbx-web/src/lib/layout/list/_list.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sidenav-content-background-color)`.",
+      "defaults": {
+        "light": "var(--mat-sidenav-content-background-color)"
+      },
+      "componentScope": "list"
+    },
     {
       "cssVariable": "--dbx-navbar-item-border-radius",
       "source": "dbx-web",
@@ -1143,6 +1551,20 @@
         "--mat-sys-outline-variant"
       ]
     },
+    {
+      "cssVariable": "--dbx-overlay-border-radius",
+      "source": "dbx-web",
+      "role": "radius",
+      "intents": [
+        "overlay border radius",
+        "overlay border radius radius"
+      ],
+      "description": "Component-scoped override point (`style`) read in `packages/dbx-web/src/lib/interaction/style/_style.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-corner-medium)`.",
+      "defaults": {
+        "light": "var(--mat-sys-corner-medium)"
+      },
+      "componentScope": "style"
+    },
     {
       "cssVariable": "--dbx-padding-0",
       "scssVariable": "$padding-0-var",
@@ -1611,6 +2033,20 @@
       },
       "componentScope": "sidenav"
     },
+    {
+      "cssVariable": "--dbx-sidenav-bottom-corner-radius",
+      "source": "dbx-web",
+      "role": "radius",
+      "intents": [
+        "sidenav bottom corner radius",
+        "sidenav bottom corner radius radius"
+      ],
+      "description": "Component-scoped override point (`sidenav`) read in `packages/dbx-web/src/lib/router/layout/sidenav/_sidenav.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-corner-extra-large, 24px)`.",
+      "defaults": {
+        "light": "var(--mat-sys-corner-extra-large, 24px)"
+      },
+      "componentScope": "sidenav"
+    },
     {
       "cssVariable": "--dbx-sidenav-divider-color",
       "source": "dbx-web",
@@ -1676,6 +2112,20 @@
       },
       "componentScope": "sidenav"
     },
+    {
+      "cssVariable": "--dbx-sidenav-top-corner-radius",
+      "source": "dbx-web",
+      "role": "radius",
+      "intents": [
+        "sidenav top corner radius",
+        "sidenav top corner radius radius"
+      ],
+      "description": "Component-scoped override point (`sidenav`) read in `packages/dbx-web/src/lib/router/layout/sidenav/_sidenav.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-corner-extra-large, 24px)`.",
+      "defaults": {
+        "light": "var(--mat-sys-corner-extra-large, 24px)"
+      },
+      "componentScope": "sidenav"
+    },
     {
       "cssVariable": "--dbx-sidenav-width",
       "source": "dbx-web",
@@ -1947,6 +2397,19 @@
         "light": "$initial-top-banner-height"
       }
     },
+    {
+      "cssVariable": "--dbx-two-column-border-top",
+      "source": "dbx-web",
+      "role": "misc",
+      "intents": [
+        "two column border top"
+      ],
+      "description": "Component-scoped override point (`column`) read in `packages/dbx-web/src/lib/layout/column/_column.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `1px solid var(--dbx-divider-color)`.",
+      "defaults": {
+        "light": "1px solid var(--dbx-divider-color)"
+      },
+      "componentScope": "column"
+    },
     {
       "cssVariable": "--dbx-two-column-left-width",
       "scssVariable": "$two-column-left-width-var",

package/generated/dereekb-dbx-web.ui-components.mcp.generated.json

@@ -1265,7 +1265,7 @@
       "selector": "dbx-content-pit, [dbxContentPit]",
       "className": "DbxContentPitDirective",
       "module": "@dereekb/dbx-web",
-      "description": "Wraps content in a recessed \"pit\" container with optional scrollable overflow and rounded corners.\nUseful for displaying bounded content areas such as lists or previews with a constrained height.\n\nPits round their corners by default. Pass `[rounded]=\"false\"` to square the pit — this applies the\ncommon `.dbx-corners-none` opt-out utility rather than a pit-specific class.",
+      "description": "Wraps content in a recessed \"pit\" container with optional scrollable overflow and rounded corners.\nUseful for displaying bounded content areas such as lists or previews with a constrained height.\n\nPits round their corners by default. Pass `[square]=\"true\"` to square the pit — this applies the\ncommon `.dbx-corners-none` opt-out utility rather than a pit-specific class.\n\nWhen `[scrollable]` is set the pit frame (padding, background, corners) stays fixed and an inner\n`.dbx-content-pit-scrollable-content` wrapper does the scrolling — wrap the body in that element so\nthe frame doesn't shift at the scroll extremes. The resolved max height is published as the\n`--dbx-content-pit-scrollable-max-height` custom property, which the inner wrapper reads.",
       "inputs": [
         {
           "name": "scrollable",
@@ -1274,11 +1274,11 @@
           "required": false
         },
         {
-          "name": "rounded",
+          "name": "square",
           "type": "boolean",
           "description": "",
           "required": false,
-          "default": "true"
+          "default": "false"
         }
       ],
       "outputs": [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-components-mcp",
-  "version": "13.19.0",
+  "version": "13.20.0",
   "type": "module",
   "bin": {
     "dbx-components-mcp": "dbx-components-mcp.js"
@@ -11,7 +11,7 @@
     "ts-morph": "^21.0.0"
   },
   "peerDependencies": {
-    "@dereekb/dbx-cli": "13.19.0",
-    "@dereekb/util": "13.19.0"
+    "@dereekb/dbx-cli": "13.20.0",
+    "@dereekb/util": "13.20.0"
   }
 }