@bitcobblers/wod-wiki-ui 0.45.2167 → 0.46.2168

package/dist/extensions/index.cjs

@@ -1319,9 +1319,51 @@ var referenceIndexReload = state.StateEffect.define();
 var frontmatterVisibility = state.Facet.define({
   combine: (values2) => values2[0] ?? true
 });
+var setFrontmatterDetailed = state.StateEffect.define();
+var frontmatterDetailed = state.StateField.define({
+  create: () => false,
+  update(value, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(setFrontmatterDetailed)) return effect.value;
+    }
+    return value;
+  }
+});
+var setFrontmatterSource = state.StateEffect.define();
+var frontmatterSource = state.StateField.define({
+  create: () => false,
+  update(value, tr) {
+    let source = value;
+    for (const effect of tr.effects) {
+      if (effect.is(setFrontmatterSource)) source = effect.value;
+    }
+    if (source && tr.selection) {
+      const section = tr.state.field(sectionField).sections.find((item) => item.type === "frontmatter");
+      if (!section || !tr.state.selection.ranges.some((range) => range.from <= section.to && range.to >= section.from)) {
+        source = false;
+      }
+    }
+    return source;
+  }
+});
 var pendingFocus = /* @__PURE__ */ new WeakMap();
 var widgetCleanup = /* @__PURE__ */ new WeakMap();
 var helperId = 0;
+var TAG_CATEGORY_SUMMARY_KEYS = {
+  tag: true,
+  tags: true,
+  category: true,
+  domain: true,
+  format: true,
+  equipment: true,
+  effort: true,
+  quality: true,
+  intent: true,
+  discipline: true,
+  intensity: true,
+  intensitytier: true,
+  sound: true
+};
 function isTagProperty(key) {
   return ["tag", "tags", "category"].includes(key.trim().toLowerCase());
 }
@@ -1438,12 +1480,18 @@ function parseTagList(val) {
   }
   return [];
 }
-function patchPropertyInView(view, _sectionId, path, value) {
+function patchPropertyInView(view, _sectionId, path, value, expandDetailed = false) {
   if (view.state.readOnly) return;
   const wholeDoc = view.state.doc.toString();
   const next = wodWikiCore.patchFrontmatterProperty(wholeDoc, path, value);
-  if (next === wholeDoc) return;
-  view.dispatch({ changes: { from: 0, to: wholeDoc.length, insert: next } });
+  if (next === wholeDoc) {
+    if (expandDetailed) view.dispatch({ effects: setFrontmatterDetailed.of(true) });
+    return;
+  }
+  view.dispatch({
+    changes: { from: 0, to: wholeDoc.length, insert: next },
+    ...expandDetailed ? { effects: setFrontmatterDetailed.of(true) } : {}
+  });
 }
 function renamePropertyInView(view, _sectionId, fromKey, toKey, value) {
   if (view.state.readOnly) return;
@@ -1463,12 +1511,22 @@ function detectDefinitionKind(meta) {
   if (meta.registrySource !== void 0 || meta.baseAttributes !== void 0) return "effort";
   return null;
 }
-function readBaseAttributes(body) {
+function readBaseAttributes(body, meta = {}) {
   const out = {};
+  if (meta["metrics.met"] !== void 0 && !Array.isArray(meta["metrics.met"])) {
+    out.met = String(meta["metrics.met"]);
+  }
+  if (meta["discipline"] !== void 0 && !Array.isArray(meta["discipline"])) {
+    out.discipline = String(meta["discipline"]);
+  }
+  if (meta["intensityTier"] !== void 0 && !Array.isArray(meta["intensityTier"])) {
+    out.intensityTier = String(meta["intensityTier"]);
+  }
   let inBase = false;
   for (const line of body.split(/\r?\n/)) {
     if (/^baseAttributes:\s*(#.*)?$/.test(line)) {
       inBase = true;
+      out.hasBaseBlock = true;
       continue;
     }
     if (!inBase) continue;
@@ -1598,7 +1656,8 @@ function renderEffortValueDiagnostics(provider, token, onPick) {
 var METRIC_DRAFT_KINDS = {
   effort: { label: "Effort", path: "metrics.effort", kind: "effort" },
   equipment: { label: "Equipment", path: "metrics.equipment", kind: "equipment" },
-  rpe: { label: "RPE", path: "metrics.rpe", kind: "number" }
+  rpe: { label: "RPE", path: "metrics.rpe", kind: "number" },
+  custom: { label: "Custom / Equation", path: "metrics.", kind: "custom" }
 };
 function createMetricDraftRow(view, root, referenceProvider, commit) {
   const row = document.createElement("div");
@@ -1617,6 +1676,7 @@ function createMetricDraftRow(view, root, referenceProvider, commit) {
   row.appendChild(select);
   const valCol = document.createElement("div");
   valCol.className = "flex items-center flex-wrap gap-1.5 px-3 py-1.5 flex-1 min-w-0";
+  let customKeyInput = null;
   const input = document.createElement("input");
   input.className = "flex-none w-44 max-w-full rounded-md border border-field-border bg-background/60 px-2 py-1 text-xs text-foreground outline-none placeholder:text-field-placeholder focus:border-ring focus:ring-1 focus:ring-ring";
   input.placeholder = "Value\u2026";
@@ -1639,6 +1699,10 @@ function createMetricDraftRow(view, root, referenceProvider, commit) {
       else if (spec.kind === "number") {
         const num = Number(raw);
         if (!Number.isNaN(num)) commit([spec.path], num);
+      } else if (spec.kind === "custom") {
+        const keyName = (customKeyInput?.value.trim() || "custom").replace(/^metrics\./i, "");
+        const num = Number(raw);
+        commit([`metrics.${keyName}`], !Number.isNaN(num) && raw !== "" ? num : raw);
       } else commit([spec.path], raw);
     }
     row.remove();
@@ -1646,6 +1710,31 @@ function createMetricDraftRow(view, root, referenceProvider, commit) {
   };
   const attachFor = () => {
     const spec = METRIC_DRAFT_KINDS[select.value];
+    if (spec?.kind === "custom") {
+      if (!customKeyInput) {
+        customKeyInput = document.createElement("input");
+        customKeyInput.className = "flex-none w-32 max-w-full rounded-md border border-field-border bg-background/60 px-2 py-1 text-xs text-foreground outline-none placeholder:text-field-placeholder focus:border-ring focus:ring-1 focus:ring-ring";
+        customKeyInput.placeholder = "Metric key\u2026";
+        customKeyInput.setAttribute("aria-label", "Metric key");
+        customKeyInput.dataset.frontmatterField = "key";
+        customKeyInput.addEventListener("keydown", (e) => {
+          if (e.key === "Escape") {
+            e.preventDefault();
+            settle(false);
+          } else if (e.key === "Enter") {
+            e.preventDefault();
+            if (input.value.trim()) settle(true);
+            else input.focus();
+          }
+        });
+        valCol.insertBefore(customKeyInput, input);
+      }
+      input.placeholder = "Value or equation\u2026";
+    } else if (customKeyInput) {
+      customKeyInput.remove();
+      customKeyInput = null;
+      input.placeholder = "Value\u2026";
+    }
     if (spec && (spec.kind === "effort" || spec.kind === "equipment") && referenceProvider) {
       attachSuggestions(input, view, root, "value", spec.path, [], () => settle(true), spec.kind);
     }
@@ -1666,6 +1755,7 @@ function createMetricDraftRow(view, root, referenceProvider, commit) {
   });
   input.addEventListener("blur", () => queueMicrotask(() => {
     if (!input.isConnected) return;
+    if (row.contains(document.activeElement)) return;
     settle(input.value.trim().length > 0);
   }));
   select.addEventListener("keydown", (e) => {
@@ -1676,6 +1766,82 @@ function createMetricDraftRow(view, root, referenceProvider, commit) {
   });
   return row;
 }
+function createSummaryDraftRow(view, commit) {
+  const row = document.createElement("div");
+  row.className = "flex items-center min-h-[34px] border-b border-dashed border-border last:border-b-0 group hover:bg-muted/10 transition-colors max-[479px]:flex-col max-[479px]:items-stretch";
+  row.setAttribute("data-frontmatter-summary-draft", "true");
+  row.dataset.frontmatterRow = "summary";
+  const keyCol = document.createElement("div");
+  keyCol.className = "flex items-center gap-2 px-3 py-1.5 w-36 shrink-0 border-r border-dashed border-border text-muted-foreground max-[479px]:w-auto max-[479px]:border-r-0 max-[479px]:border-b";
+  keyCol.appendChild(createListIcon());
+  const keyInput = document.createElement("input");
+  keyInput.className = "w-full rounded-md border border-field-border bg-background/60 px-2 py-1 text-xs text-foreground outline-none placeholder:text-field-placeholder focus:border-ring focus:ring-1 focus:ring-ring";
+  keyInput.placeholder = "Summary key\u2026";
+  keyInput.setAttribute("aria-label", "Summary key");
+  keyInput.dataset.frontmatterField = "key";
+  keyInput.setAttribute(
+    "aria-describedby",
+    appendFieldHelper(keyCol, "Summary metric name. Press Enter to move to the equation.").id
+  );
+  keyCol.appendChild(keyInput);
+  row.appendChild(keyCol);
+  const valCol = document.createElement("div");
+  valCol.className = "flex items-center flex-wrap gap-1.5 px-3 py-1.5 flex-1 min-w-0";
+  const valInput = document.createElement("input");
+  valInput.className = "flex-1 min-w-[160px] rounded-md border border-field-border bg-background/60 px-2 py-1 text-xs text-foreground outline-none placeholder:text-field-placeholder focus:border-ring focus:ring-1 focus:ring-ring";
+  valInput.placeholder = "Equation (e.g. sum(work))\u2026";
+  valInput.setAttribute("aria-label", "Summary equation");
+  valInput.dataset.frontmatterField = "value";
+  valInput.setAttribute(
+    "aria-describedby",
+    appendFieldHelper(valCol, "Summary equation. Press Enter to apply.").id
+  );
+  valCol.appendChild(valInput);
+  row.appendChild(valCol);
+  let settled = false;
+  const settle = (doCommit) => {
+    if (settled) return;
+    settled = true;
+    const rawKey = (keyInput.value.trim() || "summary").replace(/^summaries\./i, "");
+    const rawExpr = valInput.value.trim();
+    if (doCommit && rawExpr) {
+      commit([`summaries.${rawKey}`], rawExpr);
+    }
+    row.remove();
+    view.requestMeasure();
+  };
+  keyInput.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") {
+      e.preventDefault();
+      settle(false);
+      return;
+    }
+    if (e.key === "Enter") {
+      e.preventDefault();
+      if (valInput.value.trim()) settle(true);
+      else valInput.focus();
+    }
+  });
+  valInput.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") {
+      e.preventDefault();
+      settle(false);
+      return;
+    }
+    if (e.key === "Enter") {
+      e.preventDefault();
+      settle(true);
+    }
+  });
+  const onBlur = () => queueMicrotask(() => {
+    if (!row.isConnected) return;
+    if (row.contains(document.activeElement)) return;
+    settle(valInput.value.trim().length > 0);
+  });
+  keyInput.addEventListener("blur", onBlur);
+  valInput.addEventListener("blur", onBlur);
+  return row;
+}
 function createTagIcon() {
   const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   svg.setAttribute("viewBox", "0 0 24 24");
@@ -1784,18 +1950,88 @@ function createCloseIcon(size = "md") {
   svg.appendChild(l2);
   return svg;
 }
+function isAliasProperty(key) {
+  return ["alias", "aliases"].includes(key.trim().toLowerCase());
+}
+function createSummaryPill(value, hash2) {
+  const pill = document.createElement("span");
+  pill.className = "inline-flex max-w-full items-center rounded-md border border-border/60 bg-muted/40 px-2 py-0.5 text-xs text-foreground";
+  const label = document.createElement("span");
+  label.className = "truncate";
+  label.textContent = hash2 ? `#${value}` : value;
+  pill.appendChild(label);
+  return pill;
+}
+function createFrontmatterSummary(entries, onShowDetails) {
+  const summary = document.createElement("div");
+  summary.dataset.frontmatterSummary = "true";
+  summary.className = "divide-y divide-border/60";
+  const groups = [
+    { label: "Tags", entries: entries.filter(([key]) => TAG_CATEGORY_SUMMARY_KEYS[key.trim().toLowerCase()] === true), hash: true },
+    { label: "Aliases", entries: entries.filter(([key]) => isAliasProperty(key)), hash: false }
+  ];
+  for (const group of groups) {
+    const values2 = group.entries.flatMap(([, value]) => parseTagList(value));
+    if (values2.length === 0) continue;
+    const row = document.createElement("div");
+    row.className = "flex flex-wrap items-center gap-1.5 px-3 py-2";
+    const label = document.createElement("span");
+    label.className = "mr-1 w-14 shrink-0 text-[11px] font-medium text-muted-foreground";
+    label.textContent = group.label;
+    row.appendChild(label);
+    for (const value of values2) row.appendChild(createSummaryPill(value, group.hash));
+    summary.appendChild(row);
+  }
+  const hidden = entries.filter(([key]) => TAG_CATEGORY_SUMMARY_KEYS[key.trim().toLowerCase()] !== true && !isAliasProperty(key));
+  const metricCount = hidden.filter(([key]) => {
+    const k = key.trim().toLowerCase();
+    return k.startsWith("metrics.") || k === "metrics";
+  }).length;
+  const summaryCount = hidden.filter(([key]) => {
+    const k = key.trim().toLowerCase();
+    return k.startsWith("summaries.") || k === "summaries";
+  }).length;
+  const details = document.createElement("button");
+  details.type = "button";
+  details.setAttribute("aria-label", "Show property details");
+  details.setAttribute("aria-expanded", "false");
+  details.className = "flex w-full flex-wrap items-center gap-x-2 gap-y-1 px-3 py-2 text-left text-[11px] text-muted-foreground transition-colors hover:bg-muted/20 hover:text-foreground cursor-pointer";
+  const count2 = document.createElement("span");
+  count2.textContent = `${hidden.length} more ${hidden.length === 1 ? "property" : "properties"}`;
+  details.appendChild(count2);
+  if (metricCount > 0) {
+    const metrics = document.createElement("span");
+    metrics.textContent = `\xB7 ${metricCount} custom ${metricCount === 1 ? "metric" : "metrics"}`;
+    details.appendChild(metrics);
+  }
+  if (summaryCount > 0) {
+    const summaries = document.createElement("span");
+    summaries.textContent = `\xB7 ${summaryCount} ${summaryCount === 1 ? "summary" : "summaries"}`;
+    details.appendChild(summaries);
+  }
+  const disclosure = document.createElement("span");
+  disclosure.className = "ml-auto";
+  disclosure.setAttribute("aria-hidden", "true");
+  disclosure.textContent = "\u25BE";
+  details.appendChild(disclosure);
+  details.addEventListener("click", onShowDetails);
+  summary.appendChild(details);
+  return summary;
+}
 var DefaultFrontmatterWidget = class extends view.WidgetType {
   sectionId;
   rawContent;
   readOnly;
-  constructor(sectionId, rawContent, readOnly = false) {
+  detailed;
+  constructor(sectionId, rawContent, readOnly = false, detailed = false) {
     super();
     this.sectionId = sectionId;
     this.rawContent = rawContent ?? "";
     this.readOnly = readOnly;
+    this.detailed = detailed;
   }
   eq(other) {
-    return this.sectionId === other.sectionId && this.rawContent === other.rawContent && this.readOnly === other.readOnly;
+    return this.sectionId === other.sectionId && this.rawContent === other.rawContent && this.readOnly === other.readOnly && this.detailed === other.detailed;
   }
   ignoreEvent() {
     return true;
@@ -1805,10 +2041,25 @@ var DefaultFrontmatterWidget = class extends view.WidgetType {
     widgetCleanup.set(root, []);
     root.className = "cm-frontmatter-preview py-2 font-sans select-none";
     const heading = document.createElement("div");
-    heading.className = "text-xs font-medium text-muted-foreground mb-1.5 px-0.5";
-    heading.textContent = "Properties";
+    heading.className = "mb-1.5 flex items-center px-0.5 text-xs font-medium text-muted-foreground";
+    const headingLabel = document.createElement("span");
+    headingLabel.textContent = "Properties";
+    heading.appendChild(headingLabel);
+    if (this.detailed) {
+      const summaryButton = document.createElement("button");
+      summaryButton.type = "button";
+      summaryButton.setAttribute("aria-label", "Show property summary");
+      summaryButton.setAttribute("aria-expanded", "true");
+      summaryButton.className = "ml-auto px-1 py-0.5 text-[11px] font-normal hover:text-foreground cursor-pointer";
+      summaryButton.textContent = "Hide details \u25B4";
+      summaryButton.addEventListener("click", () => {
+        view.dispatch({ effects: setFrontmatterDetailed.of(false) });
+      });
+      heading.appendChild(summaryButton);
+    }
     root.appendChild(heading);
     const box = document.createElement("div");
+    box.dataset.frontmatterProperties = "true";
     box.className = "rounded-lg border border-border/80 bg-background/50 text-xs shadow-xs";
     root.appendChild(box);
     const body = this.rawContent.replace(/^---\r?\n?/, "").replace(/\r?\n?---\r?$/, "");
@@ -1816,329 +2067,335 @@ var DefaultFrontmatterWidget = class extends view.WidgetType {
     const entries = Object.entries(meta);
     const docKind = detectDefinitionKind(meta);
     const referenceProvider = view.state.facet(frontmatterReferenceIndex)?.() ?? null;
-    const base = docKind === "effort" ? readBaseAttributes(body) : {};
-    box.appendChild(createColumnHeader());
-    if (entries.length === 0) {
-      const emptyRow = document.createElement("div");
-      emptyRow.className = "px-3 py-2 text-xs text-muted-foreground/60 italic";
-      emptyRow.textContent = "No properties";
-      box.appendChild(emptyRow);
-    }
-    for (const [key, value] of entries) {
-      const isTags = isTagProperty(key);
-      const valueKind = referenceValueKind(key, docKind);
-      const isReferenceList = (isReferenceKey(key, docKind) || key === "aliases") && Array.isArray(value);
-      const nested = value === "" && ownsNestedBlock(body, key);
-      const row = document.createElement("div");
-      row.className = "flex items-center min-h-[34px] border-b border-dashed border-border last:border-b-0 group hover:bg-muted/10 transition-colors max-[479px]:flex-col max-[479px]:items-stretch";
-      row.dataset.frontmatterRow = key;
-      box.appendChild(row);
-      const keyCol = document.createElement("div");
-      keyCol.className = "flex items-center gap-2 px-3 py-1.5 w-36 shrink-0 border-r border-dashed border-border text-muted-foreground max-[479px]:w-auto max-[479px]:border-r-0 max-[479px]:border-b";
-      row.appendChild(keyCol);
-      keyCol.appendChild(isTags || isReferenceList ? createTagIcon() : createListIcon());
-      if (this.readOnly || nested) {
-        const keyLabel = document.createElement("span");
-        keyLabel.className = "truncate font-medium text-foreground/90";
-        keyLabel.textContent = key;
-        keyCol.appendChild(keyLabel);
-      } else {
-        const keyInput = document.createElement("input");
-        keyInput.className = "w-full bg-transparent text-xs text-foreground/90 font-medium outline-none truncate hover:bg-muted/30 focus:bg-background focus:ring-1 focus:ring-ring rounded px-1 -mx-1";
-        keyInput.value = key;
-        keyInput.spellcheck = false;
-        keyInput.setAttribute("aria-label", `Property key: ${key}`);
-        keyInput.dataset.frontmatterField = "key";
-        keyInput.dataset.frontmatterProperty = key;
-        keyInput.setAttribute(
-          "aria-describedby",
-          appendFieldHelper(
-            keyCol,
-            "Property name. Press Enter to apply. Arrow keys browse suggested property names."
-          ).id
-        );
-        let currentKey = key;
-        const commitKey = () => {
-          const nextKey = keyInput.value.trim();
-          if (!nextKey || nextKey === currentKey) {
-            keyInput.value = currentKey;
-            return;
-          }
-          if (!/^[A-Za-z_][\w.-]*$/.test(nextKey) || nextKey in meta) {
-            keyInput.value = currentKey;
-            return;
-          }
-          renamePropertyInView(view, this.sectionId, currentKey, nextKey, value);
-          delete meta[currentKey];
-          meta[nextKey] = value;
-          currentKey = nextKey;
-        };
-        const commitKeyIfAttached = () => queueMicrotask(() => {
-          if (keyInput.isConnected) commitKey();
-        });
-        keyInput.addEventListener("change", commitKeyIfAttached);
-        keyCol.appendChild(keyInput);
-        attachSuggestions(keyInput, view, root, "key", key, entries.map(([name]) => name), commitKey);
-        keyInput.addEventListener("blur", commitKeyIfAttached);
-        keyInput.addEventListener("keydown", (e) => {
-          if (e.defaultPrevented) return;
-          if (e.key === "Enter") {
-            e.preventDefault();
-            keyInput.blur();
-          }
-        });
-        const focus = pendingFocus.get(view);
-        if (focus?.kind === "key" && focus.key === key) {
-          setTimeout(() => {
-            if (!keyInput.isConnected) return;
-            keyInput.focus();
-            keyInput.select();
-          }, 0);
-          pendingFocus.delete(view);
-        }
-      }
-      const valCol = document.createElement("div");
-      valCol.className = "flex items-center flex-wrap gap-1.5 px-3 py-1.5 flex-1 min-w-0";
-      row.appendChild(valCol);
-      const commitList = (next) => {
-        meta[key] = next;
-        patchPropertyInView(view, this.sectionId, [key], next.length > 0 ? next : "");
-      };
-      const refMatch = (token) => {
-        if (!referenceProvider) return null;
-        return valueKind === "effort" ? referenceProvider.resolveEffort(token) : valueKind === "equipment" ? referenceProvider.resolveEquipment(token) : null;
-      };
-      if (isTags || isReferenceList) {
-        const chips = parseTagList(value);
-        const chipIsReference = valueKind !== "tags";
-        for (let idx = 0; idx < chips.length; idx++) {
-          const chip = chips[idx];
-          const match = chipIsReference ? refMatch(chip) : null;
-          const pill = document.createElement("span");
-          pill.className = match ? "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-muted/60 text-foreground border border-border/60" : chipIsReference ? "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-destructive/10 text-destructive border border-destructive/30" : "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-amber-500/10 text-amber-800 dark:text-amber-300 border border-amber-500/20 dark:border-amber-500/30";
-          const pillText = document.createElement("span");
-          pillText.textContent = match ? match.label : chip;
-          pill.appendChild(pillText);
-          if (match && referenceProvider) {
-            const openLink = document.createElement("a");
-            openLink.href = referenceProvider.openHref(valueKind, match.slug);
-            openLink.title = `Open ${match.label} page`;
-            openLink.setAttribute("aria-label", `Open ${match.label} page`);
-            openLink.className = "inline-flex items-center justify-center text-muted-foreground/60 hover:text-foreground cursor-pointer";
-            openLink.appendChild(createExternalIcon());
-            pill.appendChild(openLink);
-          }
-          if (!this.readOnly) {
-            const rmBtn = document.createElement("button");
-            rmBtn.type = "button";
-            rmBtn.setAttribute("aria-label", isTags ? `Remove tag ${chip}` : `Remove ${chip}`);
-            rmBtn.className = "inline-flex items-center justify-center text-muted-foreground/60 hover:text-foreground dark:hover:text-foreground cursor-pointer";
-            rmBtn.appendChild(createCloseIcon("sm"));
-            rmBtn.addEventListener("click", (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              commitList(chips.filter((_, i) => i !== idx));
-            });
-            pill.appendChild(rmBtn);
-          }
-          valCol.appendChild(pill);
-        }
-        if (!this.readOnly) {
-          const chipInput = document.createElement("input");
-          chipInput.className = "flex-none w-44 max-w-full rounded-md border border-field-border bg-background/60 px-2 py-1 text-xs text-foreground outline-none placeholder:text-field-placeholder focus:border-ring focus:ring-1 focus:ring-ring";
-          chipInput.placeholder = chips.length === 0 ? isReferenceList ? `Add ${valueKind === "effort" ? "effort" : "equipment"}\u2026` : "Add tags\u2026" : isTags ? "Add tag\u2026" : "Add\u2026";
-          chipInput.setAttribute("aria-label", `Value for ${key}`);
-          chipInput.dataset.frontmatterField = "value";
-          chipInput.dataset.frontmatterProperty = key;
-          chipInput.setAttribute(
+    const base = docKind === "effort" ? readBaseAttributes(body, meta) : {};
+    if (!this.detailed) {
+      box.appendChild(createFrontmatterSummary(entries, () => {
+        view.dispatch({ effects: setFrontmatterDetailed.of(true) });
+      }));
+    } else {
+      box.appendChild(createColumnHeader());
+      if (entries.length === 0) {
+        const emptyRow = document.createElement("div");
+        emptyRow.className = "px-3 py-2 text-xs text-muted-foreground/60 italic";
+        emptyRow.textContent = "No properties";
+        box.appendChild(emptyRow);
+      }
+      for (const [key, value] of entries) {
+        const isTags = isTagProperty(key);
+        const valueKind = referenceValueKind(key, docKind);
+        const isReferenceList = (isReferenceKey(key, docKind) || key === "aliases") && Array.isArray(value);
+        const nested = value === "" && ownsNestedBlock(body, key);
+        const row = document.createElement("div");
+        row.className = "flex items-center min-h-[34px] border-b border-dashed border-border last:border-b-0 group hover:bg-muted/10 transition-colors max-[479px]:flex-col max-[479px]:items-stretch";
+        row.dataset.frontmatterRow = key;
+        box.appendChild(row);
+        const keyCol = document.createElement("div");
+        keyCol.className = "flex items-center gap-2 px-3 py-1.5 w-36 shrink-0 border-r border-dashed border-border text-muted-foreground max-[479px]:w-auto max-[479px]:border-r-0 max-[479px]:border-b";
+        row.appendChild(keyCol);
+        keyCol.appendChild(isTags || isReferenceList ? createTagIcon() : createListIcon());
+        if (this.readOnly || nested) {
+          const keyLabel = document.createElement("span");
+          keyLabel.className = "truncate font-medium text-foreground/90";
+          keyLabel.textContent = key;
+          keyCol.appendChild(keyLabel);
+        } else {
+          const keyInput = document.createElement("input");
+          keyInput.className = "w-full bg-transparent text-xs text-foreground/90 font-medium outline-none truncate hover:bg-muted/30 focus:bg-background focus:ring-1 focus:ring-ring rounded px-1 -mx-1";
+          keyInput.value = key;
+          keyInput.spellcheck = false;
+          keyInput.setAttribute("aria-label", `Property key: ${key}`);
+          keyInput.dataset.frontmatterField = "key";
+          keyInput.dataset.frontmatterProperty = key;
+          keyInput.setAttribute(
             "aria-describedby",
             appendFieldHelper(
-              valCol,
-              "Press Enter or comma to add a value. Arrow keys browse the suggestions."
+              keyCol,
+              "Property name. Press Enter to apply. Arrow keys browse suggested property names."
             ).id
           );
-          const commitNewChip = () => {
-            const val = chipInput.value.trim().replace(/^,|,$/g, "");
-            if (val && !chips.some((chip) => chip.toLowerCase() === val.toLowerCase())) {
-              chipInput.value = "";
-              pendingFocus.set(view, { kind: "tag", key });
-              commitList([...chips, val]);
+          let currentKey = key;
+          const commitKey = () => {
+            const nextKey = keyInput.value.trim();
+            if (!nextKey || nextKey === currentKey) {
+              keyInput.value = currentKey;
+              return;
+            }
+            if (!/^[A-Za-z_][\w.-]*$/.test(nextKey) || nextKey in meta) {
+              keyInput.value = currentKey;
+              return;
             }
+            renamePropertyInView(view, this.sectionId, currentKey, nextKey, value);
+            delete meta[currentKey];
+            meta[nextKey] = value;
+            currentKey = nextKey;
           };
-          valCol.appendChild(chipInput);
-          attachSuggestions(chipInput, view, root, "value", key, chips, commitNewChip, valueKind);
-          chipInput.addEventListener("keydown", (e) => {
+          const commitKeyIfAttached = () => queueMicrotask(() => {
+            if (keyInput.isConnected) commitKey();
+          });
+          keyInput.addEventListener("change", commitKeyIfAttached);
+          keyCol.appendChild(keyInput);
+          attachSuggestions(keyInput, view, root, "key", key, entries.map(([name]) => name), commitKey);
+          keyInput.addEventListener("blur", commitKeyIfAttached);
+          keyInput.addEventListener("keydown", (e) => {
             if (e.defaultPrevented) return;
-            if (e.key === "Enter" || e.key === ",") {
-              e.preventDefault();
-              commitNewChip();
-            } else if (e.key === "Backspace" && !chipInput.value && chips.length > 0) {
+            if (e.key === "Enter") {
               e.preventDefault();
-              pendingFocus.set(view, { kind: "tag", key });
-              commitList(chips.slice(0, -1));
+              keyInput.blur();
             }
           });
-          chipInput.addEventListener("blur", () => queueMicrotask(() => {
-            if (chipInput.isConnected && chipInput.value.trim()) commitNewChip();
-          }));
           const focus = pendingFocus.get(view);
-          if (focus?.kind === "tag" && focus.key === key) {
+          if (focus?.kind === "key" && focus.key === key) {
             setTimeout(() => {
-              if (chipInput.isConnected) chipInput.focus();
+              if (!keyInput.isConnected) return;
+              keyInput.focus();
+              keyInput.select();
             }, 0);
             pendingFocus.delete(view);
           }
-          if (chipIsReference && referenceProvider) {
-            const unknown = chips.filter((chip) => !refMatch(chip));
-            if (unknown.length > 0) {
-              const diag = document.createElement("div");
-              diag.setAttribute("data-testid", "editor-ref-unknown");
-              diag.className = "w-full basis-full flex flex-wrap items-center gap-2 text-[10px] text-destructive";
-              const label = document.createElement("span");
-              label.textContent = `Unknown ${valueKind === "effort" ? "effort" : "equipment"}: ${unknown.join(", ")}`;
-              diag.appendChild(label);
-              const selectBtn = document.createElement("button");
-              selectBtn.type = "button";
-              selectBtn.textContent = "Select existing";
-              selectBtn.className = "underline hover:text-foreground cursor-pointer";
-              selectBtn.addEventListener("click", (e) => {
-                e.preventDefault();
-                chipInput.focus();
-              });
-              diag.appendChild(selectBtn);
-              const createLink = document.createElement("a");
-              createLink.href = referenceProvider.createHref(valueKind);
-              createLink.textContent = "Create page";
-              createLink.className = "underline hover:text-foreground";
-              diag.appendChild(createLink);
-              valCol.appendChild(diag);
-            }
-          }
         }
-      } else if (nested) {
-        const valSpan = document.createElement("span");
-        valSpan.className = "text-xs text-muted-foreground/60 italic py-0.5 truncate";
-        valSpan.textContent = "Nested block \u2014 edit in YAML";
-        valCol.appendChild(valSpan);
-      } else {
-        const strVal = Array.isArray(value) ? value.join(", ") : String(value ?? "");
-        if (this.readOnly) {
-          const valSpan = document.createElement("span");
-          valSpan.className = "text-xs text-foreground py-0.5 truncate";
-          valSpan.textContent = strVal;
-          valCol.appendChild(valSpan);
-        } else {
-          const valInput = document.createElement("input");
-          valInput.className = "w-full rounded-md border border-field-border bg-background/60 px-2 py-1 text-xs text-foreground outline-none placeholder:text-field-placeholder focus:border-ring focus:ring-1 focus:ring-ring transition-colors";
-          valInput.value = strVal;
-          valInput.spellcheck = false;
-          valInput.setAttribute("aria-label", `Value for ${key}`);
-          valInput.dataset.frontmatterField = "value";
-          valInput.dataset.frontmatterProperty = key;
-          valInput.setAttribute(
-            "aria-describedby",
-            appendFieldHelper(valCol, "Property value. Press Enter to apply.").id
-          );
-          let committedVal = strVal;
-          const commitVal = () => {
-            const cur = valInput.value.trim();
-            if (cur !== committedVal) {
-              committedVal = cur;
-              const num = Number(cur);
-              const next = cur !== "" && !isNaN(num) ? num : cur;
-              meta[key] = next;
-              patchPropertyInView(view, this.sectionId, [key], next);
-            }
-          };
-          const commitValIfAttached = () => queueMicrotask(() => {
-            if (valInput.isConnected) commitVal();
-          });
-          valInput.addEventListener("change", commitValIfAttached);
-          valCol.appendChild(valInput);
-          attachSuggestions(
-            valInput,
-            view,
-            root,
-            "value",
-            key,
-            [strVal],
-            commitVal,
-            key.trim().toLowerCase() === "metrics.effort" ? "effort" : "tags"
-          );
-          valInput.addEventListener("blur", commitValIfAttached);
-          valInput.addEventListener("keydown", (e) => {
-            if (e.defaultPrevented) return;
-            if (e.key === "Enter") {
-              e.preventDefault();
-              valInput.blur();
-            }
-          });
-          if (key.trim().toLowerCase() === "metrics.effort" && referenceProvider) {
-            const match = referenceProvider.resolveEffort(strVal);
-            if (match) {
-              const pill = document.createElement("span");
-              pill.className = "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-muted/60 text-foreground border border-border/60 shrink-0";
-              const pillText = document.createElement("span");
-              pillText.textContent = match.label;
-              pill.appendChild(pillText);
+        const valCol = document.createElement("div");
+        valCol.className = "flex items-center flex-wrap gap-1.5 px-3 py-1.5 flex-1 min-w-0";
+        row.appendChild(valCol);
+        const commitList = (next) => {
+          meta[key] = next;
+          patchPropertyInView(view, this.sectionId, [key], next.length > 0 ? next : "");
+        };
+        const refMatch = (token) => {
+          if (!referenceProvider) return null;
+          return valueKind === "effort" ? referenceProvider.resolveEffort(token) : valueKind === "equipment" ? referenceProvider.resolveEquipment(token) : null;
+        };
+        if (isTags || isReferenceList) {
+          const chips = parseTagList(value);
+          const chipIsReference = valueKind !== "tags";
+          for (let idx = 0; idx < chips.length; idx++) {
+            const chip = chips[idx];
+            const match = chipIsReference ? refMatch(chip) : null;
+            const pill = document.createElement("span");
+            pill.className = match ? "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-muted/60 text-foreground border border-border/60" : chipIsReference ? "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-destructive/10 text-destructive border border-destructive/30" : "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-amber-500/10 text-amber-800 dark:text-amber-300 border border-amber-500/20 dark:border-amber-500/30";
+            const pillText = document.createElement("span");
+            pillText.textContent = match ? match.label : chip;
+            pill.appendChild(pillText);
+            if (match && referenceProvider) {
               const openLink = document.createElement("a");
-              openLink.href = referenceProvider.openHref("effort", match.slug);
+              openLink.href = referenceProvider.openHref(valueKind, match.slug);
               openLink.title = `Open ${match.label} page`;
               openLink.setAttribute("aria-label", `Open ${match.label} page`);
               openLink.className = "inline-flex items-center justify-center text-muted-foreground/60 hover:text-foreground cursor-pointer";
               openLink.appendChild(createExternalIcon());
               pill.appendChild(openLink);
-              valCol.insertBefore(pill, valInput);
-              valInput.className = "flex-1 min-w-[70px] rounded-md border border-field-border bg-background/60 px-2 py-1 text-xs text-foreground outline-none placeholder:text-field-placeholder focus:border-ring focus:ring-1 focus:ring-ring transition-colors";
             }
-            const diag = renderEffortValueDiagnostics(
-              referenceProvider,
-              strVal,
-              (slug) => {
-                meta[key] = slug;
-                patchPropertyInView(view, this.sectionId, [key], slug);
+            if (!this.readOnly) {
+              const rmBtn = document.createElement("button");
+              rmBtn.type = "button";
+              rmBtn.setAttribute("aria-label", isTags ? `Remove tag ${chip}` : `Remove ${chip}`);
+              rmBtn.className = "inline-flex items-center justify-center text-muted-foreground/60 hover:text-foreground dark:hover:text-foreground cursor-pointer";
+              rmBtn.appendChild(createCloseIcon("sm"));
+              rmBtn.addEventListener("click", (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                commitList(chips.filter((_, i) => i !== idx));
+              });
+              pill.appendChild(rmBtn);
+            }
+            valCol.appendChild(pill);
+          }
+          if (!this.readOnly) {
+            const chipInput = document.createElement("input");
+            chipInput.className = "flex-none w-44 max-w-full rounded-md border border-field-border bg-background/60 px-2 py-1 text-xs text-foreground outline-none placeholder:text-field-placeholder focus:border-ring focus:ring-1 focus:ring-ring";
+            chipInput.placeholder = chips.length === 0 ? isReferenceList ? `Add ${valueKind === "effort" ? "effort" : "equipment"}\u2026` : "Add tags\u2026" : isTags ? "Add tag\u2026" : "Add\u2026";
+            chipInput.setAttribute("aria-label", `Value for ${key}`);
+            chipInput.dataset.frontmatterField = "value";
+            chipInput.dataset.frontmatterProperty = key;
+            chipInput.setAttribute(
+              "aria-describedby",
+              appendFieldHelper(
+                valCol,
+                "Press Enter or comma to add a value. Arrow keys browse the suggestions."
+              ).id
+            );
+            const commitNewChip = () => {
+              const val = chipInput.value.trim().replace(/^,|,$/g, "");
+              if (val && !chips.some((chip) => chip.toLowerCase() === val.toLowerCase())) {
+                chipInput.value = "";
+                pendingFocus.set(view, { kind: "tag", key });
+                commitList([...chips, val]);
+              }
+            };
+            valCol.appendChild(chipInput);
+            attachSuggestions(chipInput, view, root, "value", key, chips, commitNewChip, valueKind);
+            chipInput.addEventListener("keydown", (e) => {
+              if (e.defaultPrevented) return;
+              if (e.key === "Enter" || e.key === ",") {
+                e.preventDefault();
+                commitNewChip();
+              } else if (e.key === "Backspace" && !chipInput.value && chips.length > 0) {
+                e.preventDefault();
+                pendingFocus.set(view, { kind: "tag", key });
+                commitList(chips.slice(0, -1));
               }
+            });
+            chipInput.addEventListener("blur", () => queueMicrotask(() => {
+              if (chipInput.isConnected && chipInput.value.trim()) commitNewChip();
+            }));
+            const focus = pendingFocus.get(view);
+            if (focus?.kind === "tag" && focus.key === key) {
+              setTimeout(() => {
+                if (chipInput.isConnected) chipInput.focus();
+              }, 0);
+              pendingFocus.delete(view);
+            }
+            if (chipIsReference && referenceProvider) {
+              const unknown = chips.filter((chip) => !refMatch(chip));
+              if (unknown.length > 0) {
+                const diag = document.createElement("div");
+                diag.setAttribute("data-testid", "editor-ref-unknown");
+                diag.className = "w-full basis-full flex flex-wrap items-center gap-2 text-[10px] text-destructive";
+                const label = document.createElement("span");
+                label.textContent = `Unknown ${valueKind === "effort" ? "effort" : "equipment"}: ${unknown.join(", ")}`;
+                diag.appendChild(label);
+                const selectBtn = document.createElement("button");
+                selectBtn.type = "button";
+                selectBtn.textContent = "Select existing";
+                selectBtn.className = "underline hover:text-foreground cursor-pointer";
+                selectBtn.addEventListener("click", (e) => {
+                  e.preventDefault();
+                  chipInput.focus();
+                });
+                diag.appendChild(selectBtn);
+                const createLink = document.createElement("a");
+                createLink.href = referenceProvider.createHref(valueKind);
+                createLink.textContent = "Create page";
+                createLink.className = "underline hover:text-foreground";
+                diag.appendChild(createLink);
+                valCol.appendChild(diag);
+              }
+            }
+          }
+        } else if (nested) {
+          const valSpan = document.createElement("span");
+          valSpan.className = "text-xs text-muted-foreground/60 italic py-0.5 truncate";
+          valSpan.textContent = "Nested block \u2014 edit in YAML";
+          valCol.appendChild(valSpan);
+        } else {
+          const strVal = Array.isArray(value) ? value.join(", ") : String(value ?? "");
+          if (this.readOnly) {
+            const valSpan = document.createElement("span");
+            valSpan.className = "text-xs text-foreground py-0.5 truncate";
+            valSpan.textContent = strVal;
+            valCol.appendChild(valSpan);
+          } else {
+            const valInput = document.createElement("input");
+            valInput.className = "w-full rounded-md border border-field-border bg-background/60 px-2 py-1 text-xs text-foreground outline-none placeholder:text-field-placeholder focus:border-ring focus:ring-1 focus:ring-ring transition-colors";
+            valInput.value = strVal;
+            valInput.spellcheck = false;
+            valInput.setAttribute("aria-label", `Value for ${key}`);
+            valInput.dataset.frontmatterField = "value";
+            valInput.dataset.frontmatterProperty = key;
+            valInput.setAttribute(
+              "aria-describedby",
+              appendFieldHelper(valCol, "Property value. Press Enter to apply.").id
+            );
+            let committedVal = strVal;
+            const commitVal = () => {
+              const cur = valInput.value.trim();
+              if (cur !== committedVal) {
+                committedVal = cur;
+                const num = Number(cur);
+                const next = cur !== "" && !isNaN(num) ? num : cur;
+                meta[key] = next;
+                patchPropertyInView(view, this.sectionId, [key], next);
+              }
+            };
+            const commitValIfAttached = () => queueMicrotask(() => {
+              if (valInput.isConnected) commitVal();
+            });
+            valInput.addEventListener("change", commitValIfAttached);
+            valCol.appendChild(valInput);
+            attachSuggestions(
+              valInput,
+              view,
+              root,
+              "value",
+              key,
+              [strVal],
+              commitVal,
+              key.trim().toLowerCase() === "metrics.effort" ? "effort" : "tags"
             );
-            if (diag) valCol.appendChild(diag);
+            valInput.addEventListener("blur", commitValIfAttached);
+            valInput.addEventListener("keydown", (e) => {
+              if (e.defaultPrevented) return;
+              if (e.key === "Enter") {
+                e.preventDefault();
+                valInput.blur();
+              }
+            });
+            if (key.trim().toLowerCase() === "metrics.effort" && referenceProvider) {
+              const match = referenceProvider.resolveEffort(strVal);
+              if (match) {
+                const pill = document.createElement("span");
+                pill.className = "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-muted/60 text-foreground border border-border/60 shrink-0";
+                const pillText = document.createElement("span");
+                pillText.textContent = match.label;
+                pill.appendChild(pillText);
+                const openLink = document.createElement("a");
+                openLink.href = referenceProvider.openHref("effort", match.slug);
+                openLink.title = `Open ${match.label} page`;
+                openLink.setAttribute("aria-label", `Open ${match.label} page`);
+                openLink.className = "inline-flex items-center justify-center text-muted-foreground/60 hover:text-foreground cursor-pointer";
+                openLink.appendChild(createExternalIcon());
+                pill.appendChild(openLink);
+                valCol.insertBefore(pill, valInput);
+                valInput.className = "flex-1 min-w-[70px] rounded-md border border-field-border bg-background/60 px-2 py-1 text-xs text-foreground outline-none placeholder:text-field-placeholder focus:border-ring focus:ring-1 focus:ring-ring transition-colors";
+              }
+              const diag = renderEffortValueDiagnostics(
+                referenceProvider,
+                strVal,
+                (slug) => {
+                  meta[key] = slug;
+                  patchPropertyInView(view, this.sectionId, [key], slug);
+                }
+              );
+              if (diag) valCol.appendChild(diag);
+            }
+          }
+          if (/^https?:\/\/\S+$/i.test(strVal)) {
+            const openLink = document.createElement("a");
+            openLink.href = strVal;
+            openLink.target = "_blank";
+            openLink.rel = "noopener noreferrer";
+            openLink.title = strVal;
+            openLink.setAttribute("aria-label", `Open ${key} in new tab`);
+            openLink.className = "shrink-0 inline-flex items-center justify-center text-muted-foreground/60 hover:text-foreground transition-colors cursor-pointer";
+            openLink.appendChild(createExternalIcon());
+            valCol.appendChild(openLink);
           }
         }
-        if (/^https?:\/\/\S+$/i.test(strVal)) {
-          const openLink = document.createElement("a");
-          openLink.href = strVal;
-          openLink.target = "_blank";
-          openLink.rel = "noopener noreferrer";
-          openLink.title = strVal;
-          openLink.setAttribute("aria-label", `Open ${key} in new tab`);
-          openLink.className = "shrink-0 inline-flex items-center justify-center text-muted-foreground/60 hover:text-foreground transition-colors cursor-pointer";
-          openLink.appendChild(createExternalIcon());
-          valCol.appendChild(openLink);
+        if (!this.readOnly && !nested) {
+          const actionsCol = document.createElement("div");
+          actionsCol.className = "flex items-center pr-2";
+          const delBtn = document.createElement("button");
+          delBtn.type = "button";
+          delBtn.setAttribute("aria-label", `Remove property ${key}`);
+          delBtn.className = "opacity-0 group-hover:opacity-100 focus-visible:opacity-100 text-muted-foreground/70 hover:text-destructive p-1 rounded transition-opacity cursor-pointer";
+          delBtn.appendChild(createCloseIcon("md"));
+          delBtn.addEventListener("click", (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            delete meta[key];
+            patchPropertyInView(view, this.sectionId, [key], null);
+          });
+          actionsCol.appendChild(delBtn);
+          row.appendChild(actionsCol);
         }
       }
-      if (!this.readOnly && !nested) {
-        const actionsCol = document.createElement("div");
-        actionsCol.className = "flex items-center pr-2";
-        const delBtn = document.createElement("button");
-        delBtn.type = "button";
-        delBtn.setAttribute("aria-label", `Remove property ${key}`);
-        delBtn.className = "opacity-0 group-hover:opacity-100 focus-visible:opacity-100 text-muted-foreground/70 hover:text-destructive p-1 rounded transition-opacity cursor-pointer";
-        delBtn.appendChild(createCloseIcon("md"));
-        delBtn.addEventListener("click", (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          delete meta[key];
-          patchPropertyInView(view, this.sectionId, [key], null);
-        });
-        actionsCol.appendChild(delBtn);
-        row.appendChild(actionsCol);
+      if (docKind === "effort" && !this.readOnly) {
+        box.appendChild(this.buildDefinitionRows(view, base));
       }
     }
-    if (docKind === "effort" && !this.readOnly) {
-      box.appendChild(this.buildDefinitionRows(view, base));
-    }
     if (!this.readOnly) {
       const existingTagKey = entries.find(([key]) => key.trim().toLowerCase() === "tags")?.[0] ?? entries.find(([key]) => isTagProperty(key))?.[0];
       const actionsRow = document.createElement("div");
-      actionsRow.className = "mt-2 flex items-center gap-3";
+      actionsRow.className = "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1";
       actionsRow.dataset.frontmatterActions = "true";
       const addBtn = document.createElement("button");
       addBtn.type = "button";
@@ -2158,7 +2415,12 @@ var DefaultFrontmatterWidget = class extends view.WidgetType {
           newKey = `property_${count2}`;
         }
         pendingFocus.set(view, { kind: "key", key: newKey });
-        patchPropertyInView(view, this.sectionId, [newKey], "");
+        patchPropertyInView(view, this.sectionId, [newKey], "", !this.detailed);
+        const keyField = view.dom.querySelector(
+          `[data-frontmatter-row="${newKey}"] [data-frontmatter-field="key"]`
+        );
+        keyField?.focus();
+        keyField?.select();
       });
       actionsRow.appendChild(addBtn);
       {
@@ -2174,20 +2436,57 @@ var DefaultFrontmatterWidget = class extends view.WidgetType {
         addMetricBtn.addEventListener("click", (e) => {
           e.preventDefault();
           e.stopPropagation();
-          const existing = root.querySelector("[data-frontmatter-metric-draft] input");
+          if (!this.detailed) {
+            view.dispatch({ effects: setFrontmatterDetailed.of(true) });
+          }
+          const activeRoot = view.dom.querySelector(".cm-frontmatter-preview") ?? root;
+          const activeBox = activeRoot.querySelector("[data-frontmatter-properties]") ?? box;
+          const existing = activeRoot.querySelector("[data-frontmatter-metric-draft] input");
           if (existing) {
             existing.focus();
             return;
           }
-          const draftRow = createMetricDraftRow(view, root, referenceProvider, (path, value) => {
+          const draftRow = createMetricDraftRow(view, activeRoot, referenceProvider, (path, value) => {
             patchPropertyInView(view, this.sectionId, path, value);
           });
-          box.appendChild(draftRow);
+          activeBox.appendChild(draftRow);
           draftRow.querySelector("input")?.focus();
           view.requestMeasure();
         });
         actionsRow.appendChild(addMetricBtn);
       }
+      {
+        const addSummaryBtn = document.createElement("button");
+        addSummaryBtn.type = "button";
+        addSummaryBtn.setAttribute("aria-label", "Add summary");
+        addSummaryBtn.setAttribute("data-testid", "editor-add-summary-note");
+        addSummaryBtn.className = "inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-foreground px-1 py-1 cursor-pointer transition-colors select-none";
+        addSummaryBtn.appendChild(createPlusIcon());
+        const addSummaryLabel = document.createElement("span");
+        addSummaryLabel.textContent = "Add summary";
+        addSummaryBtn.appendChild(addSummaryLabel);
+        addSummaryBtn.addEventListener("click", (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          if (!this.detailed) {
+            view.dispatch({ effects: setFrontmatterDetailed.of(true) });
+          }
+          const activeRoot = view.dom.querySelector(".cm-frontmatter-preview") ?? root;
+          const activeBox = activeRoot.querySelector("[data-frontmatter-properties]") ?? box;
+          const existing = activeRoot.querySelector("[data-frontmatter-summary-draft] input");
+          if (existing) {
+            existing.focus();
+            return;
+          }
+          const draftRow = createSummaryDraftRow(view, (path, value) => {
+            patchPropertyInView(view, this.sectionId, path, value);
+          });
+          activeBox.appendChild(draftRow);
+          draftRow.querySelector("input")?.focus();
+          view.requestMeasure();
+        });
+        actionsRow.appendChild(addSummaryBtn);
+      }
       {
         const addTagBtn = document.createElement("button");
         addTagBtn.type = "button";
@@ -2200,23 +2499,28 @@ var DefaultFrontmatterWidget = class extends view.WidgetType {
         addTagBtn.addEventListener("click", (e) => {
           e.preventDefault();
           e.stopPropagation();
+          if (!this.detailed) {
+            view.dispatch({ effects: setFrontmatterDetailed.of(true) });
+          }
+          const activeRoot = view.dom.querySelector(".cm-frontmatter-preview") ?? root;
+          const activeBox = activeRoot.querySelector("[data-frontmatter-properties]") ?? box;
           if (existingTagKey) {
-            const input = Array.from(root.querySelectorAll(
+            const input = Array.from(activeRoot.querySelectorAll(
               '[data-frontmatter-field="value"]'
             )).find((element) => element.dataset.frontmatterProperty === existingTagKey);
             input?.focus();
             return;
           }
-          const existingDraft = root.querySelector("[data-frontmatter-tag-draft] input");
+          const existingDraft = activeRoot.querySelector("[data-frontmatter-tag-draft] input");
           if (existingDraft) {
             existingDraft.focus();
             return;
           }
-          const draftRow = createTagDraftRow(view, root, "category", (val) => {
+          const draftRow = createTagDraftRow(view, activeRoot, "category", (val) => {
             pendingFocus.set(view, { kind: "tag", key: "category" });
             patchPropertyInView(view, this.sectionId, ["category"], [val]);
           });
-          box.appendChild(draftRow);
+          activeBox.appendChild(draftRow);
           draftRow.querySelector("input")?.focus();
           view.requestMeasure();
         });
@@ -2237,7 +2541,11 @@ var DefaultFrontmatterWidget = class extends view.WidgetType {
           const { sections: currentSections } = view.state.field(sectionField);
           const section = currentSections.find((s) => s.id === this.sectionId && s.type === "frontmatter") || currentSections.find((s) => s.type === "frontmatter");
           if (!section) return;
-          view.dispatch({ selection: { anchor: section.contentFrom ?? section.from }, scrollIntoView: true });
+          view.dispatch({
+            selection: { anchor: section.from },
+            effects: setFrontmatterSource.of(true),
+            scrollIntoView: true
+          });
           view.focus();
         });
         actionsRow.appendChild(editYamlBtn);
@@ -2262,10 +2570,12 @@ var DefaultFrontmatterWidget = class extends view.WidgetType {
     const commitField = (field, raw) => {
       if (field === "met") {
         const num = Number(raw);
-        patchPropertyInView(view, this.sectionId, ["baseAttributes", "met"], raw !== "" && !Number.isNaN(num) ? num : null);
+        const path2 = base.hasBaseBlock ? ["baseAttributes", "met"] : ["metrics.met"];
+        patchPropertyInView(view, this.sectionId, path2, raw !== "" && !Number.isNaN(num) ? num : null);
         return;
       }
-      patchPropertyInView(view, this.sectionId, ["baseAttributes", field], raw === "" ? null : raw);
+      const path = base.hasBaseBlock ? ["baseAttributes", field] : [field];
+      patchPropertyInView(view, this.sectionId, path, raw === "" ? null : raw);
     };
     const fieldRow = (label, child) => {
       const row = document.createElement("label");
@@ -2328,8 +2638,13 @@ var DefaultFrontmatterWidget = class extends view.WidgetType {
   }
 };
 var EmptyFrontmatterWidget = class extends view.WidgetType {
-  eq(_other) {
-    return true;
+  constructor(detailed = false) {
+    super();
+    this.detailed = detailed;
+  }
+  detailed;
+  eq(other) {
+    return this.detailed === other.detailed;
   }
   ignoreEvent() {
     return true;
@@ -2342,7 +2657,7 @@ var EmptyFrontmatterWidget = class extends view.WidgetType {
     heading.textContent = "Properties";
     root.appendChild(heading);
     const actionsRow = document.createElement("div");
-    actionsRow.className = "flex items-center gap-3";
+    actionsRow.className = "flex flex-wrap items-center gap-x-3 gap-y-1";
     actionsRow.dataset.frontmatterActions = "true";
     const addBtn = document.createElement("button");
     addBtn.type = "button";
@@ -2356,9 +2671,71 @@ var EmptyFrontmatterWidget = class extends view.WidgetType {
       e.preventDefault();
       e.stopPropagation();
       pendingFocus.set(view, { kind: "key", key: "property" });
-      patchPropertyInView(view, "new", ["property"], "");
+      patchPropertyInView(view, "new", ["property"], "", true);
+      const keyField = view.dom.querySelector(
+        '[data-frontmatter-row="property"] [data-frontmatter-field="key"]'
+      );
+      keyField?.focus();
+      keyField?.select();
     });
     actionsRow.appendChild(addBtn);
+    const addMetricBtn = document.createElement("button");
+    addMetricBtn.type = "button";
+    addMetricBtn.setAttribute("aria-label", "Add metric");
+    addMetricBtn.setAttribute("data-testid", "editor-add-metric-note");
+    addMetricBtn.className = "inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-foreground px-1 py-1 cursor-pointer transition-colors select-none";
+    addMetricBtn.appendChild(createPlusIcon());
+    const addMetricLabel = document.createElement("span");
+    addMetricLabel.textContent = "Add metric";
+    addMetricBtn.appendChild(addMetricLabel);
+    addMetricBtn.addEventListener("click", (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!this.detailed) view.dispatch({ effects: setFrontmatterDetailed.of(true) });
+      const activeRoot = view.dom.querySelector(".cm-frontmatter-preview") ?? root;
+      const existing = activeRoot.querySelector("[data-frontmatter-metric-draft] input");
+      if (existing) {
+        existing.focus();
+        return;
+      }
+      const referenceProvider = view.state.facet(frontmatterReferenceIndex)?.() ?? null;
+      const draftRow = createMetricDraftRow(view, activeRoot, referenceProvider, (path, value) => {
+        patchPropertyInView(view, "new", path, value, true);
+      });
+      activeRoot.appendChild(draftRow);
+      ensureColumnHeader(activeRoot, draftRow);
+      draftRow.querySelector("input")?.focus();
+      view.requestMeasure();
+    });
+    actionsRow.appendChild(addMetricBtn);
+    const addSummaryBtn = document.createElement("button");
+    addSummaryBtn.type = "button";
+    addSummaryBtn.setAttribute("aria-label", "Add summary");
+    addSummaryBtn.setAttribute("data-testid", "editor-add-summary-note");
+    addSummaryBtn.className = "inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-foreground px-1 py-1 cursor-pointer transition-colors select-none";
+    addSummaryBtn.appendChild(createPlusIcon());
+    const addSummaryLabel = document.createElement("span");
+    addSummaryLabel.textContent = "Add summary";
+    addSummaryBtn.appendChild(addSummaryLabel);
+    addSummaryBtn.addEventListener("click", (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!this.detailed) view.dispatch({ effects: setFrontmatterDetailed.of(true) });
+      const activeRoot = view.dom.querySelector(".cm-frontmatter-preview") ?? root;
+      const existing = activeRoot.querySelector("[data-frontmatter-summary-draft] input");
+      if (existing) {
+        existing.focus();
+        return;
+      }
+      const draftRow = createSummaryDraftRow(view, (path, value) => {
+        patchPropertyInView(view, "new", path, value, true);
+      });
+      activeRoot.appendChild(draftRow);
+      ensureColumnHeader(activeRoot, draftRow);
+      draftRow.querySelector("input")?.focus();
+      view.requestMeasure();
+    });
+    actionsRow.appendChild(addSummaryBtn);
     const addTagBtn = document.createElement("button");
     addTagBtn.type = "button";
     addTagBtn.setAttribute("aria-label", "Add tag");
@@ -2370,17 +2747,19 @@ var EmptyFrontmatterWidget = class extends view.WidgetType {
     addTagBtn.addEventListener("click", (e) => {
       e.preventDefault();
       e.stopPropagation();
-      const existingDraft = root.querySelector("[data-frontmatter-tag-draft] input");
+      if (!this.detailed) view.dispatch({ effects: setFrontmatterDetailed.of(true) });
+      const activeRoot = view.dom.querySelector(".cm-frontmatter-preview") ?? root;
+      const existingDraft = activeRoot.querySelector("[data-frontmatter-tag-draft] input");
       if (existingDraft) {
         existingDraft.focus();
         return;
       }
-      const draftRow = createTagDraftRow(view, root, "category", (val) => {
+      const draftRow = createTagDraftRow(view, activeRoot, "category", (val) => {
         pendingFocus.set(view, { kind: "tag", key: "category" });
-        patchPropertyInView(view, "new", ["category"], [val]);
+        patchPropertyInView(view, "new", ["category"], [val], true);
       });
-      root.appendChild(draftRow);
-      ensureColumnHeader(root, draftRow);
+      activeRoot.appendChild(draftRow);
+      ensureColumnHeader(activeRoot, draftRow);
       draftRow.querySelector("input")?.focus();
       view.requestMeasure();
     });
@@ -2402,14 +2781,14 @@ function buildFrontmatterDecos(state$1) {
       builder.add(section.from, to, view.Decoration.replace({ block: true }));
       continue;
     }
-    const selected = !state$1.readOnly && state$1.selection.ranges.some((range) => range.from < section.to && range.to > section.from);
+    const selected = !state$1.readOnly && (state$1.field(frontmatterSource) || state$1.selection.ranges.some((range) => range.from < section.to && range.to > section.from));
     if (selected) continue;
     const rawContent = state$1.doc.sliceString(section.from, section.to);
     builder.add(
       section.from,
       section.to,
       view.Decoration.replace({
-        widget: new DefaultFrontmatterWidget(section.id, rawContent, state$1.readOnly),
+        widget: new DefaultFrontmatterWidget(section.id, rawContent, state$1.readOnly, state$1.field(frontmatterDetailed)),
         block: true
       })
     );
@@ -2419,7 +2798,7 @@ function buildFrontmatterDecos(state$1) {
       0,
       0,
       view.Decoration.widget({
-        widget: new EmptyFrontmatterWidget(),
+        widget: new EmptyFrontmatterWidget(state$1.field(frontmatterDetailed)),
         side: -1,
         block: true
       })
@@ -2432,7 +2811,7 @@ var frontmatterPreviewField = state.StateField.define({
     return buildFrontmatterDecos(state);
   },
   update(deco, tr) {
-    if (tr.docChanged || tr.reconfigured || tr.selection || tr.effects.some((e) => e.is(referenceIndexReload))) {
+    if (tr.docChanged || tr.reconfigured || tr.selection || tr.effects.some((e) => e.is(referenceIndexReload) || e.is(setFrontmatterDetailed) || e.is(setFrontmatterSource))) {
       return buildFrontmatterDecos(tr.state);
     }
     return deco;
@@ -2444,7 +2823,7 @@ var frontmatterPreviewField = state.StateField.define({
     )
   ]
 });
-var frontmatterPreview = [frontmatterPreviewField];
+var frontmatterPreview = [frontmatterDetailed, frontmatterSource, frontmatterPreviewField];
 var HEADING_RE = /^(#{1,6}) /;
 var BOLD_RE = /\*\*([^*\n]+)\*\*/g;
 var ITALIC_STAR_RE = /(?<!\*)\*([^*\n]+)\*(?!\*)/g;
@@ -4990,7 +5369,9 @@ var CLAUSE_META = {
   note: { label: "Note", inputType: "freetext", placeholder: "note id\u2026", placeholderText: "note: [id]", icon: "\u{1F4D3}", description: "Scope to one note", prefix: "note:" },
   page: { label: "Page", inputType: "select", placeholder: "slug, date, true\u2026", placeholderText: "page: [slug|date]", icon: "\u{1F4C4}", description: "On :page \u2014 the page slug or YYYY-MM-DD date; on :note \u2014 page-ness (true/false)", prefix: "page:" },
   plane: { label: "Output Plane", inputType: "select", placeholder: "segment, load, event\u2026", placeholderText: "plane: [type]", icon: "\u{1F4CB}", description: "Output-statement plane on :session", prefix: "plane:" },
-  pipes: { label: "Pipes", inputType: "freetext", placeholder: "| order by date | limit 10", placeholderText: "| select | order | limit", icon: "\u21E5", description: "Presentation pipes \u2014 select/order/limit/offset" }
+  pipes: { label: "Pipes", inputType: "freetext", placeholder: "| order by date | limit 10", placeholderText: "| select | order | limit", icon: "\u21E5", description: "Presentation pipes \u2014 select/order/limit/offset" },
+  feed: { label: "Feed", inputType: "select", placeholder: "core, local, feed id\u2026", placeholderText: "feed: [id]", icon: "\u{1F4E1}", description: "Filter by publishing feed source", prefix: "feed:" },
+  subscribed: { label: "Subscribed", inputType: "select", placeholder: "true, false", placeholderText: "subscribed: [true|false]", icon: "\u2B50", description: "Filter by notebook subscription state", prefix: "subscribed:" }
 };
 var CUSTOM_FALLBACK_ICON = "\u{1F9E9}";
 function getClauseMeta(type) {
@@ -12832,9 +13213,11 @@ exports.fenceCompletion = fenceCompletion;
 exports.findQueryBlockSection = findQueryBlockSection;
 exports.findWorkoutErrors = findWorkoutErrors;
 exports.forceSectionParse = forceSectionParse;
+exports.frontmatterDetailed = frontmatterDetailed;
 exports.frontmatterPreview = frontmatterPreview;
 exports.frontmatterPreviewField = frontmatterPreviewField;
 exports.frontmatterReferenceIndex = frontmatterReferenceIndex;
+exports.frontmatterSource = frontmatterSource;
 exports.frontmatterSuggestions = frontmatterSuggestions;
 exports.frontmatterVisibility = frontmatterVisibility;
 exports.getCursorFocusState = getCursorFocusState;
@@ -12869,6 +13252,8 @@ exports.sectionRestore = sectionRestore;
 exports.sectionSaved = sectionSaved;
 exports.sessionQueryInsert = sessionQueryInsert;
 exports.sessionQueryWql = sessionQueryWql;
+exports.setFrontmatterDetailed = setFrontmatterDetailed;
+exports.setFrontmatterSource = setFrontmatterSource;
 exports.setGutterHighlights = setGutterHighlights;
 exports.smartIncrement = smartIncrement;
 exports.toggleWidgetEdit = toggleWidgetEdit;