@jxsuite/studio 2.0.1 → 2.1.0

package/dist/chunks/studio-hbp1s8m9.js.map

@@ -0,0 +1,14 @@
+{
+  "version": 3,
+  "sources": ["../src/panels/events-panel.ts", "../src/utils/inherited-style.ts", "../src/panels/target-line.ts", "../src/panels/style-panel.ts", "../src/panels/right-panel.ts"],
+  "sourcesContent": [
+    "/// <reference lib=\"dom\" />\n/**\n * The Logic tab — everything about how this element BEHAVES.\n *\n * Plan §6.5 re-split the inspector by task rather than by data type, and this is the tab that\n * gained by it. Wiring a `$switch`, wiring a repeater to a collection and wiring a click handler\n * are one job; they were three, split across two tabs, because a `$switch` is stored as a property\n * and a click handler is stored as a property-shaped function, and the old split followed the\n * storage. So Logic is now:\n *\n * - **Repeating list** — the `$prototype: \"Array\"` node's items / filter / sort, and its template.\n * - **Condition** — the `$switch` expression and its cases.\n * - **Events** — declared events, bindings, inline bodies, expressions.\n * - **Observed Attributes · CSS Properties · CSS Parts** — a custom element's outward contract.\n *\n * The last three arrived from the Content tab, where they were three near-identical hand-written\n * flex rows; they are now three calls to {@link renderStaticKvRow}.\n *\n * Everything here reads `session.selection`, so the tab is selection-level in the same sense the\n * rest of the inspector is: no selection is an empty state, not a blank panel.\n */\n\nimport { getNodeAtPath, renderOnly } from \"../store\";\nimport { html, nothing } from \"lit-html\";\nimport { live } from \"lit-html/directives/live.js\";\nimport { activeTab } from \"../workspace/workspace\";\nimport { primarySelection, unifyValues } from \"../tabs/selection\";\nimport { renderProvenanceChip } from \"./provenance\";\nimport {\n  mutateAddDef,\n  mutateAddSwitchCase,\n  mutateRemoveSwitchCase,\n  mutateRenameSwitchCase,\n  mutateUpdateProperty,\n  transactDoc,\n} from \"../tabs/transact\";\nimport { clickAnythingTo, renderEmptyState, staleSelectionMessage } from \"./empty-state\";\nimport { renderExpressionEditor } from \"../ui/expression-editor\";\nimport { renderStatementEditor } from \"./statement-editor\";\nimport { inspectorStatementsRegion } from \"../ui/regions\";\nimport { livePreviewExpression } from \"../services/live-preview\";\nimport { renderFieldRow, renderStaticKvRow } from \"../ui/field-row\";\nimport { renderDynamicSlot, slotMode, switchSlotMode } from \"../ui/dynamic-slot\";\nimport { VALUE_SOURCE_LABELS, capsForPosition } from \"../ui/value-source\";\nimport { spTextField } from \"../ui/field-input\";\nimport {\n  bindableSignalNames,\n  defaultAsString,\n  isInspectorSectionOpen,\n  mapSignalsFor,\n  setInspectorSection,\n} from \"./properties-panel\";\nimport { collectCssParts } from \"./signals-panel\";\nimport { openLogicTarget } from \"./formula-workspace\";\nimport {\n  getEventBinding,\n  isExpressionDef,\n  isFunctionDef,\n  isJsonObject,\n  isRef,\n} from \"@jxsuite/schema/guards\";\n\nimport type { JsonValue } from \"../types\";\nimport type { TemplateResult } from \"lit-html\";\nimport type { SlotCapsSource, SlotMode, SignalOption } from \"../ui/dynamic-slot\";\nimport type { JxPath } from \"../state\";\nimport type {\n  CemEvent,\n  JxEventBinding,\n  JxFunctionDef,\n  JxMutableNode,\n  JxPrototypeDef,\n} from \"@jxsuite/schema/types\";\n\n/**\n * The events worth SUGGESTING — not the events an element may have.\n *\n * These ten were a closed `sp-picker`, so `ondragover`, `onpointerdown`, `onwheel`, `onpaste` and\n * every custom event a component emits were unbindable from the Inspector: the plan's §6.5 asks for\n * \"a free-form combobox instead of a hard-coded list of ten\", and `ui/value-selector.ts`'s own\n * docstring names this field as the reason it exists (\"what lets a control like the event-name\n * field stop being a list of ten\"). The widget was written and never wired.\n */\nexport const EVENT_NAMES = [\n  \"onclick\",\n  \"oninput\",\n  \"onchange\",\n  \"onsubmit\",\n  \"onkeydown\",\n  \"onkeyup\",\n  \"onfocus\",\n  \"onblur\",\n  \"onmouseenter\",\n  \"onmouseleave\",\n];\n\n/** {@link EVENT_NAMES} as the combobox's option list, plus whatever this element already declares. */\nfunction eventNameOptions(declared: readonly string[]): { label: string; value: string }[] {\n  const seen = new Set<string>();\n  const out: { label: string; value: string }[] = [];\n  for (const name of [...declared, ...EVENT_NAMES]) {\n    if (!seen.has(name)) {\n      seen.add(name);\n      out.push({ label: name, value: name });\n    }\n  }\n  return out;\n}\n\n/**\n * The rungs an `on*` handler permits, derived from the schema (`RefObject | ExpressionEntry |\n * FunctionDef`) rather than listed here.\n *\n * This picker used to read Inline code / Expression / Existing function — a fourth private dialect\n * for the one ladder §6.6 collapses, so a user who learned \"Formula\" on a property row met\n * \"Expression\" here and had no reason to think they were the same thing.\n */\nconst HANDLER_MODES: SlotMode[] = capsForPosition(\"eventHandler\");\n\n/** The value a handler starts at on each rung, when the user has never been on that rung before. */\nfunction seedForHandlerMode(mode: SlotMode, functionDefs: [string, unknown][]): JsonValue {\n  if (mode === \"function\") {\n    return { $prototype: \"Function\", body: \"\", parameters: [] };\n  }\n  if (mode === \"expression\") {\n    return { $expression: { operator: \"=\", target: null } };\n  }\n  const [firstFn] = functionDefs;\n  return firstFn ? { $ref: `#/state/${firstFn[0]}` } : { $ref: \"\" };\n}\n\n// ─── The bindable row ────────────────────────────────────────────────────────\n\n/** Arguments for {@link bindableFieldRow}. */\ninterface BindableRowOpts {\n  /** The `data-prop` key — what `inspector/field:<prop>` addresses. */\n  prop: string;\n  label: string;\n  /** The raw document value: a JSON literal, `{ $ref }`, a `${}` template or an `$expression`. */\n  rawValue: unknown;\n  onChange: (v?: JsonValue) => void;\n  /** Removes the position outright. Absent means the position is mandatory and cannot be cleared. */\n  onClear?: (() => void) | undefined;\n  /** Extra signals this position may bind to — `$map/item` and friends inside a template. */\n  extraSignals?: SignalOption[] | null;\n  /** Stable identity for the dynamic slot's per-mode value memory; must include the node path. */\n  fieldKey: string;\n  /** The document position being edited — the rungs follow from its schema, never from here. */\n  caps: SlotCapsSource;\n}\n\n/**\n * A bindable value as a first-class field row.\n *\n * This used to render a bare `<div class=\"field-row\">` with a label and a widget: no set-dot, no\n * clear affordance, no error slot — the three things every other row in the inspector has had since\n * `renderFieldRow` landed. Repeater and Switch fields were the last second-class rows in the\n * inspector, which is exactly what §12 P5 item 6 names.\n *\n * Every position it serves is a single-line expression (a collection, a filter, a sort key, a\n * `$switch`), so it draws one literal editor rather than dispatching over a widget type — the\n * textarea and checkbox arms it used to carry had no caller in either tab.\n */\nfunction bindableFieldRow({\n  prop,\n  label,\n  rawValue,\n  onChange,\n  onClear,\n  extraSignals = null,\n  fieldKey,\n  caps,\n}: BindableRowOpts) {\n  const defs = activeTab.value!.doc.document.state || {};\n  const boundRef = isRef(rawValue) ? rawValue.$ref : null;\n  const staticVal = slotMode(rawValue) === \"literal\" ? (rawValue ?? \"\") : \"\";\n\n  // De-escalating to literal restores the bound signal's declared default (old unbind behavior).\n  const literalDefault = boundRef\n    ? defaultAsString(defs[boundRef.startsWith(\"#/state/\") ? boundRef.slice(8) : boundRef]) ||\n      undefined\n    : undefined;\n\n  const slot = renderDynamicSlot({\n    caps,\n    extraSignals,\n    fieldKey,\n    literalDefault,\n    onChange,\n    staticWidget: spTextField(`prop:${label}`, String(staticVal), (v: string) => onChange(v)),\n    stateDefs: bindableSignalNames(activeTab.value!.doc.document),\n    value: rawValue,\n  });\n  return renderFieldRow({\n    hasValue: rawValue !== undefined && rawValue !== \"\",\n    label,\n    labelExtra: slot.modeButton,\n    prop,\n    widget: slot.widget,\n    ...(onClear ? { onClear } : {}),\n  });\n}\n\n// ─── Repeating list ──────────────────────────────────────────────────────────\n\n/**\n * The repeater's items / filter / sort, and the way into its template.\n *\n * Filter and Sort are always drawn. They used to hide behind `+ Add filter`, which seeded `{ $ref:\n * \"#/state/\" }` — a binding to the empty pointer, which is not a signal — so the row opened already\n * bound to nothing and the only way to type a literal was to cycle the mode ring twice (§11.4).\n * There is no seed to fix, because a repeater has exactly three inputs and an empty row states that\n * better than a button does: type into it and it is set, clear it and it is gone.\n */\nfunction renderRepeaterFieldsTemplate(node: JxMutableNode, path: JxPath) {\n  const key = path.join(\"/\");\n  const clear = (name: string) => () =>\n    transactDoc(activeTab.value, (t) => mutateUpdateProperty(t, path, name));\n  const optional = (name: \"filter\" | \"sort\", label: string) =>\n    bindableFieldRow({\n      caps: name === \"filter\" ? \"repeaterFilter\" : \"repeaterSort\",\n      fieldKey: `prop|${key}|${name}`,\n      label,\n      onChange: (v?: JsonValue) =>\n        transactDoc(activeTab.value, (t) => mutateUpdateProperty(t, path, name, v || undefined)),\n      onClear: clear(name),\n      prop: name,\n      rawValue: node[name],\n    });\n  return html`\n    ${bindableFieldRow({\n      caps: \"repeaterItems\",\n      fieldKey: `prop|${key}|items`,\n      label: \"Items\",\n      onChange: (v?: JsonValue) =>\n        transactDoc(activeTab.value, (t) => mutateUpdateProperty(t, path, \"items\", v)),\n      prop: \"items\",\n      rawValue: node.items,\n    })}\n    ${optional(\"filter\", \"Filter\")} ${optional(\"sort\", \"Sort\")}\n    ${\n      node.map\n        ? html`\n            <sp-action-button\n              size=\"s\"\n              class=\"logic-edit-template\"\n              @click=${() => {\n                activeTab.value!.session.selection = [[...path, \"map\"]];\n              }}\n              >Edit template →</sp-action-button\n            >\n          `\n        : nothing\n    }\n  `;\n}\n\n// ─── Condition ───────────────────────────────────────────────────────────────\n\n/** The `$switch` expression and its cases — each case a field row like every other. */\nfunction renderSwitchFieldsTemplate(\n  node: JxMutableNode,\n  path: JxPath,\n  mapSignals: SignalOption[] | null,\n) {\n  const caseNames = Object.keys(node.cases || {});\n  return html`\n    ${bindableFieldRow({\n      // `SwitchDef` is a $ref and nothing else, so From data… is the only rung — a $switch is\n      // Inherently dynamic, and de-escalating it would delete the key and demote the node.\n      caps: \"switchDiscriminant\",\n      extraSignals: mapSignals,\n      fieldKey: `prop|${path.join(\"/\")}|$switch`,\n      label: \"Expression\",\n      onChange: (v?: JsonValue) =>\n        transactDoc(activeTab.value, (t) => mutateUpdateProperty(t, path, \"$switch\", v)),\n      prop: \"$switch\",\n      rawValue: node.$switch,\n    })}\n    <div class=\"logic-subhead\">Cases</div>\n    ${caseNames.map((caseName) => {\n      let debounce: ReturnType<typeof setTimeout> | undefined;\n      return renderFieldRow({\n        hasValue: true,\n        label: \"Case\",\n        prop: `case:${caseName}`,\n        provenance: {\n          onClick: () =>\n            transactDoc(activeTab.value!, (t) => mutateRemoveSwitchCase(t, path, caseName)),\n          state: \"set\",\n          title: `Remove case \"${caseName}\"`,\n        },\n        widget: html`\n          <div class=\"logic-case-row\">\n            <sp-textfield\n              size=\"s\"\n              class=\"logic-case-name\"\n              .value=${live(caseName)}\n              @input=${(e: Event) => {\n                clearTimeout(debounce);\n                const next = (e.target as HTMLInputElement).value;\n                debounce = setTimeout(() => {\n                  if (next && next !== caseName) {\n                    transactDoc(activeTab.value, (t) =>\n                      mutateRenameSwitchCase(t, path, caseName, next),\n                    );\n                  }\n                }, 500);\n              }}\n            ></sp-textfield>\n            <sp-action-button\n              size=\"xs\"\n              quiet\n              class=\"logic-case-open\"\n              title=\"Edit case\"\n              @click=${(e: Event) => {\n                e.stopPropagation();\n                activeTab.value!.session.selection = [[...path, \"cases\", caseName]];\n              }}\n              >→</sp-action-button\n            >\n          </div>\n        `,\n      });\n    })}\n    <span\n      class=\"kv-add\"\n      @click=${() => {\n        transactDoc(activeTab.value, (t) =>\n          mutateAddSwitchCase(t, path, `case${caseNames.length + 1}`),\n        );\n      }}\n      >+ Add case</span\n    >\n  `;\n}\n\n// ─── Events ──────────────────────────────────────────────────────────────────\n\n/** The event bindings themselves — declared events, then one block per bound `on*` key. */\n/**\n * The Logic tab's Mixed contract (§6.5), stated once because it is a judgement, not a mechanism.\n *\n * Wiring splits in two, and a multi-selection treats the halves differently:\n *\n * - **Which events exist, and how each is produced** — the event key, its Value Source rung, and its\n *   removal — is a property of the BATCH. Binding one handler to six buttons, or clearing it off\n *   all six, is a single decision, so those three controls write to every selected element inside\n *   one transaction and one undo step.\n * - **What a handler CONTAINS** — a function body, an expression's operands, a repeater's source and\n *   template — is the PRIMARY's. Six elements do not share one handler body; broadcasting a\n *   keystroke into six different bodies would destroy five of them, and showing one body while\n *   claiming to edit six is the lie the Mixed chip exists to prevent.\n *\n * So the row header states `mixed (n)` when the selected elements disagree about a key — including\n * when some of them do not bind it at all — and the body below it stays what it always was: the\n * primary's, edited alone.\n *\n * @param {readonly JxPath[]} targets\n * @param {string} key\n * @param {JsonValue} [value] — omitted deletes the key.\n */\nfunction commitToTargets(targets: readonly JxPath[], key: string, value?: JsonValue): void {\n  transactDoc(activeTab.value, (t) => {\n    for (const target of targets) {\n      mutateUpdateProperty(t, target, key, value);\n    }\n  });\n}\n\n/**\n * How many selected elements disagree about one event key — 0 when they agree or there is one.\n *\n * @param {JxMutableNode} doc\n * @param {readonly JxPath[]} targets\n * @param {string} evKey\n * @returns {number}\n */\nfunction mixedEventCount(doc: JxMutableNode, targets: readonly JxPath[], evKey: string): number {\n  if (targets.length < 2) {\n    return 0;\n  }\n  const values = targets.map((path) => {\n    const n = getNodeAtPath(doc, path) as JxMutableNode | undefined;\n    return n ? (getEventBinding(n, evKey) ?? null) : null;\n  });\n  return unifyValues(values).mixed ? targets.length : 0;\n}\n\nfunction renderEventsBody(\n  node: JxMutableNode,\n  selection: JxPath,\n  isCustomElement: boolean,\n  targets: readonly JxPath[] = [selection],\n) {\n  const tab = activeTab.value!;\n  const defs = tab.doc.document.state || {};\n  const functionDefs = Object.entries(defs).filter(\n    ([, d]) =>\n      (d as JxPrototypeDef)?.$prototype === \"Function\" || (d as Record<string, unknown>)?.$handler,\n  );\n\n  // Declared CEM events (custom element docs)\n  let declaredEventsT: unknown = nothing;\n  if (isCustomElement) {\n    const allEmits: (CemEvent & { _fn: string })[] = [];\n    for (const [fnName, d] of Object.entries(defs)) {\n      if (isFunctionDef(d) && Array.isArray(d.emits)) {\n        for (const ev of d.emits) {\n          allEmits.push({ ...ev, _fn: fnName });\n        }\n      }\n    }\n    if (allEmits.length > 0) {\n      declaredEventsT = html`\n        <div class=\"events-section\">\n          <sp-field-label size=\"s\">Declared Events</sp-field-label>\n          ${allEmits.map(\n            (ev) => html`\n              <div class=\"declared-event-row\" title=${ev.description || \"\"}>\n                <code class=\"event-code\">${ev.name || \"(unnamed)\"}</code>\n                <span class=\"event-source\">← ${ev._fn}</span>\n                ${\n                  isJsonObject(ev.type) && typeof ev.type.text === \"string\"\n                    ? html`<span class=\"event-type\">${ev.type.text}</span>`\n                    : nothing\n                }\n              </div>\n            `,\n          )}\n        </div>\n        <sp-divider size=\"s\"></sp-divider>\n      `;\n    }\n  }\n\n  // Find existing event bindings. Resolved once, as pairs: asking `getEventBinding` for the key and\n  // Then again for the value left a `if (!evVal) return nothing` arm nothing could ever reach.\n  const eventEntries = Object.keys(node)\n    .filter((k) => k.startsWith(\"on\"))\n    .map((k) => [k, getEventBinding(node, k)] as const)\n    .filter((pair): pair is [string, JxEventBinding] => pair[1] !== undefined);\n\n  return html`\n    <div class=\"events-panel\">\n      ${declaredEventsT}\n      <div class=\"events-section\">\n        ${\n          eventEntries.length > 0\n            ? html` <sp-field-label size=\"s\">Event Bindings</sp-field-label> `\n            : nothing\n        }\n        ${eventEntries.map(([evKey, evVal]) => {\n          const inlineFn: JxFunctionDef | null = isFunctionDef(evVal) ? evVal : null;\n          const expression = isExpressionDef(evVal) ? evVal.$expression : null;\n          const refValue = isRef(evVal) ? evVal.$ref : null;\n          const currentMode = slotMode(evVal);\n          const modeFieldKey = `event|${selection.join(\"/\")}|${evKey}`;\n          return html`\n            <div class=\"event-binding\">\n              <div class=\"event-row\">\n                <jx-value-selector\n                  size=\"s\"\n                  class=\"event-name\"\n                  .value=${evKey}\n                  .options=${eventNameOptions(Object.keys(node).filter((k) => k.startsWith(\"on\")))}\n                  @change=${(e: Event) => {\n                    const newKey = (e.target as HTMLInputElement).value.trim();\n                    // A NAME, not a menu choice: the field is free-form now, so it has to refuse\n                    // What it cannot bind rather than trusting a list it no longer constrains.\n                    if (newKey && newKey !== evKey && /^on[a-z][\\da-z-]*$/i.test(newKey)) {\n                      // Renaming the key moves the binding on every selected element, in one step.\n                      transactDoc(activeTab.value, (t) => {\n                        for (const target of targets) {\n                          const existing = getEventBinding(\n                            getNodeAtPath(t.doc.document, target) as JxMutableNode,\n                            evKey,\n                          );\n                          if (existing === undefined) {\n                            continue;\n                          }\n                          mutateUpdateProperty(t, target, evKey);\n                          mutateUpdateProperty(t, target, newKey, existing as JsonValue);\n                        }\n                      });\n                    }\n                  }}\n                >\n                  ></jx-value-selector\n                >\n                <sp-picker\n                  size=\"s\"\n                  class=\"event-mode\"\n                  .value=${live(currentMode)}\n                  @change=${(e: Event) => {\n                    const next = (e.target as HTMLInputElement).value as SlotMode;\n                    /* The same ladder the inspector's rows offer, remembering the representation\n                       it left: switching to Formula and back used to throw the handler body away. */\n                    commitToTargets(\n                      targets,\n                      evKey,\n                      switchSlotMode(\n                        modeFieldKey,\n                        currentMode,\n                        next,\n                        evVal as JsonValue,\n                        seedForHandlerMode(next, functionDefs),\n                      ) ?? seedForHandlerMode(next, functionDefs),\n                    );\n                  }}\n                >\n                  ${HANDLER_MODES.map(\n                    (m) => html`<sp-menu-item value=${m}>${VALUE_SOURCE_LABELS[m]}</sp-menu-item>`,\n                  )}\n                </sp-picker>\n                ${renderProvenanceChip(evKey, {\n                  state: mixedEventCount(tab.doc.document, targets, evKey) > 0 ? \"mixed\" : \"set\",\n                  donor: String(targets.length),\n                  onClick: () => commitToTargets(targets, evKey),\n                  title:\n                    mixedEventCount(tab.doc.document, targets, evKey) > 0\n                      ? `${targets.length} selected elements bind ${evKey} differently — ` +\n                        `clearing removes it from all of them`\n                      : `Clear ${evKey}`,\n                })}\n                <sp-action-button size=\"xs\" quiet @click=${() => commitToTargets(targets, evKey)}>\n                  <sp-icon-delete slot=\"icon\"></sp-icon-delete>\n                </sp-action-button>\n              </div>\n              ${\n                inlineFn\n                  ? html`\n                      <div class=\"event-body-mode\" style=\"display:flex;justify-content:flex-end\">\n                        <sp-action-group size=\"s\" compact class=\"body-mode-toggle\">\n                          <sp-action-button\n                            size=\"s\"\n                            class=\"body-mode-statements\"\n                            ?selected=${Array.isArray(inlineFn.body)}\n                            @click=${() => {\n                              if (!Array.isArray(inlineFn.body)) {\n                                transactDoc(activeTab.value, (t) =>\n                                  mutateUpdateProperty(t, selection, evKey, {\n                                    ...inlineFn,\n                                    body: [],\n                                  }),\n                                );\n                              }\n                            }}\n                          >\n                            Statements\n                          </sp-action-button>\n                          <sp-action-button\n                            size=\"s\"\n                            class=\"body-mode-code\"\n                            ?selected=${!Array.isArray(inlineFn.body)}\n                            @click=${() => {\n                              if (Array.isArray(inlineFn.body)) {\n                                transactDoc(activeTab.value, (t) =>\n                                  mutateUpdateProperty(t, selection, evKey, {\n                                    ...inlineFn,\n                                    body: \"\",\n                                  }),\n                                );\n                              }\n                            }}\n                          >\n                            Code\n                          </sp-action-button>\n                        </sp-action-group>\n                      </div>\n                      ${\n                        Array.isArray(inlineFn.body)\n                          ? renderStatementEditor(\n                              inlineFn.body,\n                              (next) =>\n                                transactDoc(activeTab.value, (t) =>\n                                  mutateUpdateProperty(t, selection, evKey, {\n                                    ...inlineFn,\n                                    body: next,\n                                  }),\n                                ),\n                              {\n                                allowEventRef: true,\n                                emits: inlineFn.emits ?? [],\n                                // The Inspector's copy, named by the handler it edits. It answered\n                                // To `navigator/statements` until the docks were split, and then\n                                // To a bare `inspector/statements` — which this `.map` stamps once\n                                // Per structured handler, so two handlers on a node made two\n                                // Elements answer to it and `resolveRegion` took the second.\n                                region: inspectorStatementsRegion(evKey),\n                                stateDefs: Object.keys(defs),\n                                stateEntries: defs,\n                              },\n                            )\n                          : html`\n                              <div class=\"event-body-row\">\n                                <sp-textfield\n                                  size=\"s\"\n                                  multiline\n                                  grows\n                                  placeholder=\"// handler body\"\n                                  .value=${live(typeof inlineFn.body === \"string\" ? inlineFn.body : \"\")}\n                                  @input=${(e: Event) => {\n                                    transactDoc(activeTab.value, (t) =>\n                                      mutateUpdateProperty(t, selection, evKey, {\n                                        $prototype: \"Function\",\n                                        body: (e.target as HTMLInputElement).value,\n                                        parameters: inlineFn?.parameters || [],\n                                      }),\n                                    );\n                                  }}\n                                >\n                                </sp-textfield>\n                                <sp-action-button\n                                  size=\"xs\"\n                                  quiet\n                                  title=\"Open in editor\"\n                                  @click=${() => {\n                                    openLogicTarget({\n                                      editing: { eventKey: evKey, path: selection, type: \"event\" },\n                                      surface: \"function\",\n                                    });\n                                  }}\n                                >\n                                  <sp-icon-code slot=\"icon\"></sp-icon-code>\n                                </sp-action-button>\n                              </div>\n                            `\n                      }\n                    `\n                  : expression\n                    ? html`\n                        <div class=\"event-body-row\">\n                          <div style=\"flex:1;min-width:0\">\n                            ${renderExpressionEditor(\n                              expression,\n                              (newNode: unknown) =>\n                                transactDoc(activeTab.value, (t) =>\n                                  mutateUpdateProperty(t, selection, evKey, {\n                                    $expression: newNode,\n                                  }),\n                                ),\n                              {\n                                allowEventRef: true,\n                                // Live-context evaluation in the canvas iframe, snapshot fallback\n                                // (M6). The selection path is the context, so a binding inside a\n                                // Repeater template previews with the first item's $map scope.\n                                preview: livePreviewExpression(\n                                  tab,\n                                  `event:${JSON.stringify(selection)}:${evKey}`,\n                                  expression,\n                                  selection,\n                                  () => renderOnly(\"rightPanel\"),\n                                ),\n                                onInsertDef: (defName, def) =>\n                                  transactDoc(activeTab.value, (t) =>\n                                    mutateAddDef(t, defName, def as Record<string, JsonValue>),\n                                  ),\n                                stateDefs: Object.keys(defs),\n                                stateEntries: defs,\n                              },\n                            )}\n                          </div>\n                          <sp-action-button\n                            size=\"xs\"\n                            quiet\n                            title=\"Open in formula workspace\"\n                            @click=${() => {\n                              openLogicTarget({\n                                editing: { eventKey: evKey, path: selection, type: \"event\" },\n                                surface: \"formula\",\n                              });\n                            }}\n                          >\n                            <sp-icon-align-bottom slot=\"icon\"></sp-icon-align-bottom>\n                          </sp-action-button>\n                        </div>\n                      `\n                    : html`\n                        <sp-picker\n                          size=\"s\"\n                          class=\"event-handler\"\n                          .value=${live(refValue || \"__none__\")}\n                          @change=${(e: Event) => {\n                            if (\n                              (e.target as HTMLInputElement).value &&\n                              (e.target as HTMLInputElement).value !== \"__none__\"\n                            ) {\n                              transactDoc(activeTab.value, (t) =>\n                                mutateUpdateProperty(t, selection, evKey, {\n                                  $ref: (e.target as HTMLInputElement).value,\n                                }),\n                              );\n                            } else {\n                              transactDoc(activeTab.value, (t) =>\n                                mutateUpdateProperty(t, selection, evKey),\n                              );\n                            }\n                          }}\n                        >\n                          <sp-menu-item value=\"__none__\">— none —</sp-menu-item>\n                          ${functionDefs.map(\n                            ([fName]) =>\n                              html`<sp-menu-item value=${`#/state/${fName}`}\n                                >${fName}</sp-menu-item\n                              >`,\n                          )}\n                        </sp-picker>\n                      `\n              }\n            </div>\n          `;\n        })}\n        <sp-action-button\n          size=\"s\"\n          quiet\n          @click=${() => {\n            let evName = \"onclick\";\n            for (const name of EVENT_NAMES) {\n              if (!node[name]) {\n                evName = name;\n                break;\n              }\n            }\n            if (functionDefs.length > 0) {\n              transactDoc(activeTab.value, (t) =>\n                mutateUpdateProperty(t, selection, evName, {\n                  $ref: `#/state/${functionDefs[0]![0]}`,\n                }),\n              );\n            } else {\n              transactDoc(activeTab.value, (t) =>\n                mutateUpdateProperty(t, selection, evName, {\n                  $prototype: \"Function\",\n                  body: \"\",\n                  parameters: [],\n                }),\n              );\n            }\n          }}\n        >\n          <sp-icon-add slot=\"icon\"></sp-icon-add>\n          Add Event\n        </sp-action-button>\n      </div>\n    </div>\n  `;\n}\n\n// ─── The custom element's outward contract ───────────────────────────────────\n\n/** Observed attributes: the `attribute` names a page may set from markup, and what they feed. */\nfunction renderObservedAttrsSection(document: JxMutableNode) {\n  const state = document.state || {};\n  const entries = Object.entries(state).filter(([, d]) => (d as Record<string, unknown>).attribute);\n  return html`\n    <sp-accordion-item\n      label=\"Observed Attributes\"\n      ?open=${isInspectorSectionOpen(\"__observed\", false)}\n      @sp-accordion-item-toggle=${() =>\n        setInspectorSection(\"__observed\", !isInspectorSectionOpen(\"__observed\", false))}\n    >\n      <div class=\"style-section-body\">\n        ${\n          entries.length === 0\n            ? renderEmptyState({\n                compact: true,\n                message:\n                  \"Attributes let a page set this component from markup. \" +\n                  'Name an \"attribute\" on a data entry to expose it here.',\n              })\n            : entries.map(([key, d]) => {\n                const def = d as Record<string, unknown>;\n                return renderStaticKvRow({\n                  detail: `→ ${key}`,\n                  name: String(def.attribute),\n                  ...(def.type ? { value: String(def.type) } : {}),\n                  ...(def.reflects ? { tags: [\"reflects\"] } : {}),\n                });\n              })\n        }\n      </div>\n    </sp-accordion-item>\n  `;\n}\n\n/** The `--custom-properties` a page may override on this component. */\nfunction renderCssPropsSection(node: JxMutableNode) {\n  const style = node.style || {};\n  const cssProps = Object.entries(style).filter(([k]) => k.startsWith(\"--\"));\n  if (cssProps.length === 0) {\n    return nothing;\n  }\n  return html`\n    <sp-accordion-item\n      label=\"CSS Properties\"\n      ?open=${isInspectorSectionOpen(\"__cssprops\", false)}\n      @sp-accordion-item-toggle=${() =>\n        setInspectorSection(\"__cssprops\", !isInspectorSectionOpen(\"__cssprops\", false))}\n    >\n      <div class=\"style-section-body\">\n        ${cssProps.map(([prop, val]) => renderStaticKvRow({ name: prop, value: String(val) }))}\n      </div>\n    </sp-accordion-item>\n  `;\n}\n\n/** The `part` names a page may style inside this component's shadow tree. */\nfunction renderCssPartsSection(document: JxMutableNode) {\n  const parts = collectCssParts(document);\n  if (parts.length === 0) {\n    return nothing;\n  }\n  return html`\n    <sp-accordion-item\n      label=\"CSS Parts\"\n      ?open=${isInspectorSectionOpen(\"__cssparts\", false)}\n      @sp-accordion-item-toggle=${() =>\n        setInspectorSection(\"__cssparts\", !isInspectorSectionOpen(\"__cssparts\", false))}\n    >\n      <div class=\"style-section-body\">\n        ${parts.map((p) => renderStaticKvRow({ detail: `<${p.tag}>`, name: p.name }))}\n      </div>\n    </sp-accordion-item>\n  `;\n}\n\n// ─── The tab ─────────────────────────────────────────────────────────────────\n\n/**\n * The Logic tab.\n *\n * @param {{ isCustomElementDoc: () => boolean }} helpers — injected because the answer needs the\n *   tab's mode and ui, which the dock already has in hand.\n */\nexport function renderLogicPanelTemplate(helpers: {\n  isCustomElementDoc: () => boolean;\n}): TemplateResult {\n  const { isCustomElementDoc } = helpers;\n  const tab = activeTab.value;\n  const selection = primarySelection(tab?.session.selection);\n  const doc = tab?.doc.document;\n  if (!selection) {\n    return renderEmptyState({ message: clickAnythingTo(\"wire it up\") });\n  }\n  const node = getNodeAtPath(doc!, selection);\n  if (!node) {\n    return renderEmptyState({ message: staleSelectionMessage() });\n  }\n\n  // The whole selection the Logic tab wires. `[selection]` when one element is selected — which is\n  // Every existing call site's behaviour, unchanged.\n  const targets: JxPath[] =\n    tab!.session.selection.length > 0 ? tab!.session.selection : [selection];\n  const isMapNode = node.$prototype === \"Array\";\n  const isSwitchNode = Boolean(node.$switch);\n  const isRoot = selection.length === 0;\n  const isCustomElement = isCustomElementDoc();\n  const mapSignals = mapSignalsFor(selection);\n\n  const repeaterT = isMapNode\n    ? html`\n        <sp-accordion-item label=\"Repeating list\" open>\n          <div class=\"style-section-body\">${renderRepeaterFieldsTemplate(node, selection)}</div>\n        </sp-accordion-item>\n      `\n    : nothing;\n\n  const switchT = isSwitchNode\n    ? html`\n        <sp-accordion-item label=\"Condition\" open>\n          <div class=\"style-section-body\">\n            ${renderSwitchFieldsTemplate(node, selection, mapSignals)}\n          </div>\n        </sp-accordion-item>\n      `\n    : nothing;\n\n  // A repeater is not an element: it has no `on*` position to bind, and offering \"Add Event\" on one\n  // Writes a handler onto a node the renderer never mounts.\n  const eventsT = isMapNode\n    ? nothing\n    : html`\n        <sp-accordion-item label=\"Events\" open>\n          <div class=\"style-section-body\">\n            ${renderEventsBody(node, selection, isCustomElement, targets)}\n          </div>\n        </sp-accordion-item>\n      `;\n\n  const contractT =\n    isCustomElement && isRoot\n      ? html`\n          ${renderObservedAttrsSection(doc!)} ${renderCssPropsSection(node)}\n          ${renderCssPartsSection(doc!)}\n        `\n      : nothing;\n\n  return html`\n    <div class=\"style-sidebar\">\n      <sp-accordion allow-multiple size=\"s\">\n        ${repeaterT} ${switchT} ${eventsT} ${contractT}\n      </sp-accordion>\n    </div>\n  `;\n}\n",
+    "/**\n * Inherited-style.js — the effective inherited style for a breakpoint tab, **and the breakpoint it\n * came from**.\n *\n * Walks the cascade (base → each media block in order) up to but not including the active\n * breakpoint, producing the set of property values that would apply if no explicit override exists\n * on the current tab.\n *\n * The walk has always known the donor — it is the loop variable — and the answer was thrown away\n * one line later, which left the inspector able to show an inherited value only as an input\n * placeholder, visually identical to the CSS initial value rendered beside it.\n * {@link computeInheritedSources} keeps the donor; {@link computeInheritedStyle} is the projection\n * that drops it, for callers that only want the value.\n */\n\nimport type { JxStyle } from \"@jxsuite/schema/types\";\n\n/** One inherited property: the value that shows through, and the breakpoint it was set on. */\nexport interface InheritedSource {\n  value: string | number;\n  /** The donor breakpoint's name, or `null` when the value comes from the base context. */\n  donor: string | null;\n}\n\n/**\n * Compute the inherited style map WITH each value's donor breakpoint.\n *\n * @param {JxStyle} style — full style object (flat props + @media blocks + selectors)\n * @param {string[]} mediaNames — ordered breakpoint names (from parseMediaEntries, respects cascade\n *   direction)\n * @param {string | null} activeTab — current breakpoint tab name, or null for base\n * @param {string | null} activeSelector — current nested selector, or null\n * @returns {Record<string, InheritedSource>} Prop → { value, donor }\n */\nexport function computeInheritedSources(\n  style: JxStyle,\n  mediaNames: string[],\n  activeTab: string | null,\n  activeSelector: string | null = null,\n): Record<string, InheritedSource> {\n  if (activeTab === null || mediaNames.length === 0) {\n    return {};\n  }\n\n  const inherited: Record<string, InheritedSource> = {};\n\n  /** Layer one block over the accumulator, recording `donor` for everything it contributes. */\n  const layer = (block: JxStyle, donor: string | null) => {\n    for (const [p, v] of Object.entries(block)) {\n      if (typeof v !== \"object\") {\n        inherited[p] = { donor, value: (v as string | number) ?? \"\" };\n      }\n    }\n  };\n\n  if (activeSelector) {\n    // Selector inheritance: base selector → each media's selector block, in cascade order.\n    layer((style[activeSelector] || {}) as JxStyle, null);\n    for (const name of mediaNames) {\n      if (name === activeTab) {\n        break;\n      }\n      layer(\n        (((style[`@${name}`] || {}) as Record<string, unknown>)[activeSelector] || {}) as JxStyle,\n        name,\n      );\n    }\n    return inherited;\n  }\n\n  // Base flat props first, then each media block in order until the current tab.\n  layer(style, null);\n  for (const name of mediaNames) {\n    if (name === activeTab) {\n      break;\n    }\n    layer((style[`@${name}`] || {}) as JxStyle, name);\n  }\n  return inherited;\n}\n\n/**\n * Compute the inherited style object for a given breakpoint tab — values only.\n *\n * @param {JxStyle} style — full style object (flat props + @media blocks + selectors)\n * @param {string[]} mediaNames — ordered breakpoint names (from parseMediaEntries, respects cascade\n *   direction)\n * @param {string | null} activeTab — current breakpoint tab name, or null for base\n * @param {string | null} activeSelector — current nested selector, or null\n * @returns {Record<string, string | number>} Inherited style map (prop → value)\n */\nexport function computeInheritedStyle(\n  style: JxStyle,\n  mediaNames: string[],\n  activeTab: string | null,\n  activeSelector: string | null = null,\n): Record<string, string | number> {\n  const values: Record<string, string | number> = {};\n  for (const [prop, source] of Object.entries(\n    computeInheritedSources(style, mediaNames, activeTab, activeSelector),\n  )) {\n    values[prop] = source.value;\n  }\n  return values;\n}\n",
+    "/// <reference lib=\"dom\" />\n/**\n * The Target Line — the Style tab's compound edit target, as one sentence (plan §6.1).\n *\n * ```text\n * ⌖  h1 · @md · :hover · dark variant                    [ all <h1> in this document ]\n * ```\n *\n * `style-panel.ts` has always computed this tuple exactly: it is the per-field key\n * (`style|${sel}|${editMedia}|${activeSelector}|${prop}`) and the five-branch if/else that picks\n * the commit function. What it did with it was hide it behind three disconnected widgets on two\n * different bars — a `<sp-tabs>` breakpoint strip, a `.selector-select` picker, and a\n * `.style-scheme-badge` whose class had **no CSS rule anywhere in the repo**, so the one control\n * that admitted the tab bar was overriding the panel rendered as unstyled inline text.\n *\n * Three rules shape what this module is allowed to be:\n *\n * 1. **Every segment is a control.** A sentence you cannot act on is a caption, and the panel already\n *    had one of those.\n * 2. **The Style tab does not own the breakpoint or the scheme.** Those axes are SELECTED on the pane\n *    context bar (region ⑦) and DEFINED in Project Settings › Contexts — §2 principle 5. The\n *    breakpoint and scheme segments therefore state the resolved value and route to the definition\n *    site; they do not offer a third list to pick from. The selector segment is the one axis this\n *    tab owns, so it is the one segment with a menu.\n * 3. **The scope chip is what makes Stylebook safe.** Entering Stylebook silently discards the element\n *    selection and converts every subsequent edit from \"this element\" to \"every element of this\n *    tag\" — with one line of text, after the fact, as the only signal. The chip states the blast\n *    radius BEFORE the first keystroke, and the project case is a warning band with an affected\n *    count and a \"show affected\" list.\n *\n * The count comes from `services/references.ts` where that query can answer, and says **\"unknown\"**\n * where it cannot. A confirmation may be silent; it may never be confidently wrong.\n */\n\nimport { html, nothing } from \"lit-html\";\nimport { ref } from \"lit-html/directives/ref.js\";\nimport { classMap } from \"lit-html/directives/class-map.js\";\n\n/** The overlay this module drives — `open` is `overlay-trigger`'s own declared state. */\ninterface SelectorTrigger extends HTMLElement {\n  open?: string | undefined;\n}\n\n/** The live selector trigger, captured by the template's own `ref`. */\nlet _selectorTrigger: SelectorTrigger | null = null;\n\n/**\n * Forget the trigger — the Inspector unmounted, or a test is starting clean.\n *\n * A module-local handle rather than a `querySelector` at call time: the line is rebuilt on every\n * Inspector render, so anything that resolved it once would hold a detached node.\n */\nexport function resetSelectorTrigger(): void {\n  _selectorTrigger = null;\n}\n\n/**\n * Open the selector menu.\n *\n * `open = \"click\"` is the element's own declared state, which is the difference between a command\n * that presses a control and a manifest that hands a CSS selector to a synthetic mouse (§13).\n *\n * @throws {RangeError} When the Style tab is not rendered.\n */\nexport function openSelectorMenu(): void {\n  if (!_selectorTrigger?.isConnected) {\n    throw new RangeError(\n      `command \"style.openSelectorMenu\" needs the Inspector's Style tab rendered; its selector ` +\n        `menu is not in the document`,\n    );\n  }\n  _selectorTrigger.open = \"click\";\n}\n\n/** Close it again — every menu choice does this, so the sentence is readable straight after. */\nfunction closeSelectorMenu(): void {\n  if (_selectorTrigger) {\n    _selectorTrigger.open = undefined;\n  }\n}\n\n// ─── The model ───────────────────────────────────────────────────────────────\n\n/** One clickable word of the sentence. */\nexport interface TargetSegment {\n  /** `element` | `media` | `scheme` — the axis, used as the segment's `data-seg`. */\n  key: string;\n  label: string;\n  title: string;\n  /** What clicking it opens. A segment with no action is not rendered as a button. */\n  onActivate?: (() => void) | undefined;\n}\n\n/** The selector axis — the one the Style tab owns, so the one with a menu. */\nexport interface TargetSelector {\n  /** The active nested selector, or `null` for the element's own base rule. */\n  value: string | null;\n  /** Every selector offerable right now: the common set ∪ what the element declares. */\n  options: string[];\n  /** Which options the element already declares — marked in the menu. */\n  declared: Set<string>;\n  onSelect: (selector: string | null) => void;\n  /** Opens the Add Nested Selector dialog (`showPromptDialog`, ui-guidelines §8.7). */\n  onAddCustom: () => void;\n}\n\n/** How wide the blast radius is, and what the app can say about it. */\nexport interface TargetScope {\n  kind: \"element\" | \"document\" | \"project\";\n  /** \"this element\" / \"all `<h1>` in this document\" / \"all `<h1>` in this project\". */\n  label: string;\n  /** The affected-count sentence — \"312 elements in 24 files\", or \"unknown\". */\n  affected?: string | undefined;\n  /** The files the count came from, for the \"show affected\" disclosure. */\n  affectedFiles?: readonly { path: string; count: number }[] | undefined;\n  showAffected?: boolean | undefined;\n  onToggleAffected?: (() => void) | undefined;\n}\n\nexport interface TargetLineModel {\n  segments: TargetSegment[];\n  selector: TargetSelector;\n  scope: TargetScope;\n}\n\n// ─── Rendering ───────────────────────────────────────────────────────────────\n\nfunction segmentTpl(segment: TargetSegment) {\n  const cls = `tl-seg tl-seg--${segment.key}`;\n  if (!segment.onActivate) {\n    return html`<span class=${cls} data-seg=${segment.key} title=${segment.title}\n      >${segment.label}</span\n    >`;\n  }\n  return html`<button\n    type=\"button\"\n    class=${cls}\n    data-seg=${segment.key}\n    title=${segment.title}\n    @click=${segment.onActivate}\n  >\n    ${segment.label}\n  </button>`;\n}\n\n/** The label the selector segment wears when no nested selector is active. */\nexport const BASE_SELECTOR_LABEL = \"base rule\";\n\nfunction selectorTpl(selector: TargetSelector) {\n  const label = selector.value ?? BASE_SELECTOR_LABEL;\n  const choose = (value: string | null) => {\n    closeSelectorMenu();\n    selector.onSelect(value);\n  };\n  return html`\n    <overlay-trigger\n      placement=\"bottom-start\"\n      triggered-by=\"click\"\n      ${ref((el) => {\n        _selectorTrigger = (el as SelectorTrigger | undefined) ?? null;\n      })}\n    >\n      <button\n        slot=\"trigger\"\n        type=\"button\"\n        class=\"tl-seg tl-seg--selector\"\n        data-seg=\"selector\"\n        title=\"The state or nested rule these edits land in — click to choose another\"\n      >\n        ${label} ⌄\n      </button>\n      <sp-popover slot=\"click-content\" tip class=\"tl-selector-popover\">\n        <sp-menu class=\"tl-selector-menu\">\n          <sp-menu-item value=\"__base__\" @click=${() => choose(null)}>\n            ${BASE_SELECTOR_LABEL}\n          </sp-menu-item>\n          <sp-menu-divider></sp-menu-divider>\n          ${selector.options.map(\n            (option) => html`\n              <sp-menu-item value=${option} @click=${() => choose(option)}>\n                ${selector.declared.has(option) ? `${option}  ●` : option}\n              </sp-menu-item>\n            `,\n          )}\n          <sp-menu-divider></sp-menu-divider>\n          <sp-menu-item\n            value=\"__add_custom__\"\n            @click=${() => {\n              closeSelectorMenu();\n              selector.onAddCustom();\n            }}\n          >\n            + Add custom…\n          </sp-menu-item>\n        </sp-menu>\n      </sp-popover>\n    </overlay-trigger>\n  `;\n}\n\nfunction scopeTpl(scope: TargetScope) {\n  const classes = classMap({\n    \"tl-scope\": true,\n    [`tl-scope--${scope.kind}`]: true,\n  });\n  const title =\n    scope.kind === \"element\"\n      ? \"These edits apply to the selected element only\"\n      : `These edits apply to ${scope.label}`;\n  return html`<span class=${classes} data-scope=${scope.kind} title=${title}>${scope.label}</span>`;\n}\n\nfunction warningTpl(scope: TargetScope) {\n  if (scope.kind !== \"project\") {\n    return nothing;\n  }\n  const files = scope.affectedFiles ?? [];\n  return html`\n    <div class=\"tl-warning\" role=\"status\">\n      <p class=\"tl-warning-text\">\n        Every edit here restyles ${scope.label} — ${scope.affected ?? \"unknown\"}.\n      </p>\n      ${\n        scope.onToggleAffected\n          ? html`<button type=\"button\" class=\"tl-warning-action\" @click=${scope.onToggleAffected}>\n              ${scope.showAffected ? \"Hide affected\" : \"Show affected\"}\n            </button>`\n          : nothing\n      }\n      ${\n        scope.showAffected\n          ? files.length > 0\n            ? html`<ul class=\"tl-affected\">\n                ${files.map(\n                  (file) => html`<li class=\"tl-affected-row\">\n                    <span class=\"tl-affected-path\">${file.path}</span>\n                    <span class=\"tl-affected-count\">${file.count}</span>\n                  </li>`,\n                )}\n              </ul>`\n            : html`<p class=\"tl-affected-empty\">\n                No file list — the project could not be searched.\n              </p>`\n          : nothing\n      }\n    </div>\n  `;\n}\n\n/**\n * Render the Target Line.\n *\n * @param {TargetLineModel} model\n * @returns {import(\"lit-html\").TemplateResult}\n */\nexport function renderTargetLine(model: TargetLineModel) {\n  return html`\n    <div class=\"target-line\" data-jx-region=\"inspector/target\">\n      <span class=\"tl-glyph\" aria-hidden=\"true\">⌖</span>\n      <div class=\"tl-segments\">\n        ${model.segments.map(\n          (segment, index) => html`\n            ${index > 0 ? html`<span class=\"tl-sep\" aria-hidden=\"true\">·</span>` : nothing}\n            ${segmentTpl(segment)}\n          `,\n        )}\n        <span class=\"tl-sep\" aria-hidden=\"true\">·</span>\n        ${selectorTpl(model.selector)}\n      </div>\n      ${scopeTpl(model.scope)}\n    </div>\n    ${warningTpl(model.scope)}\n  `;\n}\n",
+    "/// <reference lib=\"dom\" />\n/**\n * Style panel — CSS property editor under the **Target Line** (§6.1), with provenance-coded rows\n * (§6.2), a section accordion, shorthand expand/compress, and a property filter.\n *\n * The panel resolves a compound coordinate before it can commit anything: `(selection, breakpoint,\n * scheme layer, nested selector)`. It has always computed that tuple — it is the per-field key and\n * the five-branch if/else below — and it used to hide it behind three disconnected widgets on two\n * different bars. `target-line.ts` renders it as one sentence instead, and the three widgets are\n * gone: the breakpoint and scheme axes are selected on the pane context bar (region ⑦), and the\n * selector is the one axis this tab owns.\n *\n * Every row then says where its value came from. `provenance.ts` supplies the chip;\n * `computeInheritedSources()` supplies the donor breakpoint the cascade walk always knew and this\n * panel used to throw away.\n */\n\nimport { html, nothing } from \"lit-html\";\nimport { getNestedStyle } from \"@jxsuite/schema/guards\";\nimport { live } from \"lit-html/directives/live.js\";\nimport { ifDefined } from \"lit-html/directives/if-defined.js\";\nimport {\n  COMMON_SELECTORS,\n  debouncedStyleCommit,\n  getNodeAtPath,\n  isNestedSelector,\n  renderOnly,\n  updateUi,\n} from \"../store\";\nimport { activeTab } from \"../workspace/workspace\";\nimport { primarySelection, unifyValues } from \"../tabs/selection\";\nimport { shell } from \"../shell\";\nimport { activeRegistry } from \"../commands/active-registry\";\nimport { selectStylebookTag } from \"./stylebook-panel\";\nimport {\n  mutateUpdateMediaNestedStyle,\n  mutateUpdateMediaNestedStylePath,\n  mutateUpdateMediaStyle,\n  mutateUpdateNestedStyle,\n  mutateUpdateNestedStylePath,\n  mutateUpdateStyle,\n  transactDoc,\n} from \"../tabs/transact\";\nimport { inferInputType, propLabel } from \"../utils/studio-utils\";\nimport { stringArg } from \"../commands/command-args\";\nimport type { AnyCommand, CommandRegistry } from \"../commands/registry\";\nimport { renderFieldRow } from \"../ui/field-row\";\nimport { showPromptDialog } from \"../ui/layers\";\nimport { renderDynamicSlot } from \"../ui/dynamic-slot\";\nimport { parseMediaEntries, schemeOfQuery } from \"../utils/canvas-media\";\nimport { getEffectiveMedia, getEffectiveStyle } from \"../site-context\";\nimport { computeInheritedSources } from \"../utils/inherited-style\";\nimport { loadUsages, peekUsages, usageFiles } from \"../services/references\";\nimport { mediaDisplayName } from \"./shared\";\nimport { countProvenance, renderProvenanceChip, renderProvenanceDots } from \"./provenance\";\nimport {\n  openSelectorMenu,\n  renderTargetLine,\n  resetSelectorTrigger as resetTargetSelector,\n} from \"./target-line\";\nimport {\n  clickAnythingTo,\n  openPageAction,\n  renderEmptyState,\n  staleSelectionMessage,\n} from \"./empty-state\";\nimport {\n  allConditionsPass,\n  autoOpenSections,\n  compressBorderSide,\n  compressShorthand,\n  cssMeta,\n  expandBorderSide,\n  expandShorthand,\n  getCssInitialMap,\n  getLonghands,\n} from \"./style-utils\";\nimport { widgetForType } from \"./style-inputs\";\n\nimport type { FieldProvenance, ProvenanceState } from \"./provenance\";\nimport type { TargetScope, TargetSegment } from \"./target-line\";\nimport type { Tab } from \"../tabs/tab\";\nimport type { JxPath } from \"../state\";\nimport type { JsonValue } from \"../types\";\nimport type { JxMutableNode, JxStyle } from \"@jxsuite/schema/types\";\n\ninterface CssLonghand {\n  name: string;\n  entry: Record<string, unknown>;\n}\n\ntype CssPropertyEntry = Record<string, unknown>;\n\n/** The chip a row wears when its caller has nothing more specific to say. */\nconst DEFAULT_PROVENANCE: FieldProvenance = { state: \"default\" };\n\ntype StyleMutateFn = (\n  t: Tab,\n  prop: string,\n  val?: string | Record<string, unknown> | undefined,\n) => void;\n\n/**\n * Check if a selector is a stylebook tag path (e.g., \"table\" or \"table th\"). Tag paths don't start\n * with selector prefixes (`:`, `.`, `&`, `[`, `@`).\n *\n * @param {string} selector\n * @returns {boolean}\n */\nfunction isTagPath(selector: string) {\n  return /^[a-z]/.test(selector);\n}\n\n/**\n * Resolve a style object by traversing a nested tag path. e.g., \"table th\" → style[\"table\"][\"th\"]\n *\n * @param {JxStyle} style\n * @param {string} tagPath\n * @returns {JxStyle}\n */\nfunction resolveNestedTagStyle(style: JxStyle, tagPath: string): JxStyle {\n  let obj: JxStyle | undefined = style;\n  for (const part of tagPath.split(\" \")) {\n    obj = getNestedStyle(obj, part);\n    if (!obj) {\n      return {};\n    }\n  }\n  return obj;\n}\n\n/**\n * The style object one compound coordinate addresses.\n *\n * Split out of the panel body because the coordinate has to be resolved TWICE: once against the\n * effective (site-merged) style, which is what the rows display, and once against the document's\n * own, which is what a commit writes. The difference between the two is the \"from site tokens\"\n * donor — invisible for as long as there was only one resolution.\n *\n * @param {JxStyle} style\n * @param {string | null} activeSelector\n * @param {string | null} editMedia\n * @returns {JxStyle}\n */\nfunction resolveContextStyle(\n  style: JxStyle,\n  activeSelector: string | null,\n  editMedia: string | null,\n): JxStyle {\n  const base = editMedia ? (getNestedStyle(style, `@${editMedia}`) ?? {}) : style;\n  if (activeSelector) {\n    return isTagPath(activeSelector)\n      ? resolveNestedTagStyle(base, activeSelector)\n      : (getNestedStyle(base, activeSelector) ?? {});\n  }\n  const flat: JxStyle = {};\n  for (const [p, v] of Object.entries(base)) {\n    if (typeof v !== \"object\") {\n      flat[p] = v;\n    }\n  }\n  return flat;\n}\n\n/**\n * The mutation that writes to one compound coordinate — the other half of\n * {@link resolveContextStyle}, and the reason the two now sit side by side: they are one decision\n * expressed twice, and they used to be interleaved in a five-branch `if/else` where a new branch\n * could easily read one coordinate and write another.\n *\n * @param {JxPath} sel\n * @param {string | null} activeSelector\n * @param {string | null} editMedia\n * @returns {StyleMutateFn}\n */\nfunction contextMutate(\n  sel: JxPath,\n  activeSelector: string | null,\n  editMedia: string | null,\n): StyleMutateFn {\n  if (activeSelector && isTagPath(activeSelector)) {\n    const stylePath = activeSelector.split(\" \");\n    return editMedia\n      ? (t, prop, val) =>\n          mutateUpdateMediaNestedStylePath(\n            t,\n            sel,\n            editMedia,\n            stylePath,\n            prop,\n            val as string | undefined,\n          )\n      : (t, prop, val) =>\n          mutateUpdateNestedStylePath(t, sel, stylePath, prop, val as string | undefined);\n  }\n  if (activeSelector) {\n    return editMedia\n      ? (t, prop, val) =>\n          mutateUpdateMediaNestedStyle(\n            t,\n            sel,\n            editMedia,\n            activeSelector,\n            prop,\n            val as string | undefined,\n          )\n      : (t, prop, val) =>\n          mutateUpdateNestedStyle(t, sel, activeSelector, prop, val as string | undefined);\n  }\n  return editMedia\n    ? (t, prop, val) => mutateUpdateMediaStyle(t, sel, editMedia, prop, val as string | undefined)\n    : (t, prop, val) => mutateUpdateStyle(t, sel, prop, val as string | undefined);\n}\n\n/**\n * Which properties the selected elements disagree about, at the coordinate the tab is editing.\n *\n * Resolved through the SAME `resolveContextStyle` the panel reads its own values with, so \"mixed\"\n * is decided at exactly the breakpoint, scheme layer and selector the Target Line names — two cards\n * that differ only inside `@md` are not mixed while you are editing Base.\n *\n * Returns an empty set for a selection of one, which is the whole reason a single selection renders\n * no Mixed state anywhere: the loop never finds a second value to disagree with.\n *\n * @param {Tab} tab\n * @param {readonly JxPath[]} targets\n * @param {string | null} activeSelector\n * @param {string | null} editMedia\n * @returns {Set<string>}\n */\nfunction mixedStyleProps(\n  tab: Tab,\n  targets: readonly JxPath[],\n  activeSelector: string | null,\n  editMedia: string | null,\n): Set<string> {\n  const mixed = new Set<string>();\n  if (targets.length < 2) {\n    return mixed;\n  }\n  const blocks = targets.map((path) => {\n    const node = getNodeAtPath(tab.doc.document, path) as JxMutableNode | undefined;\n    return resolveContextStyle(node?.style ?? {}, activeSelector, editMedia);\n  });\n  const props = new Set<string>();\n  for (const block of blocks) {\n    for (const prop of Object.keys(block)) {\n      props.add(prop);\n    }\n  }\n  for (const prop of props) {\n    if (unifyValues(blocks.map((block) => block[prop] ?? null)).mixed) {\n      mixed.add(prop);\n    }\n  }\n  return mixed;\n}\n\n// ─── Row renderers ──────────────────────────────────────────────────────────\n\nfunction renderStyleRow(\n  entry: CssPropertyEntry,\n  prop: string,\n  value: string,\n  onCommit: (v: string | undefined) => void,\n  isWarning: boolean,\n  gridMode: boolean,\n  inheritedValue: string | undefined,\n  templateSignals: string[] = [],\n  fieldKey: string = prop,\n  provenance?: FieldProvenance,\n) {\n  const chip: FieldProvenance = provenance ?? DEFAULT_PROVENANCE;\n  const type = inferInputType(entry);\n  const hasVal = value !== undefined && value !== \"\";\n  const placeholder = !hasVal && inheritedValue ? String(inheritedValue) : \"\";\n  const spanVal = gridMode && (entry as Record<string, unknown>).$span === 2 ? 2 : undefined;\n  // The rungs come from `StyleObject.additionalProperties`, not from a list here (§6.6 rule 2).\n  // That derives literal + ${} template: a CSS value carrying `${…}` IS a signal binding, which\n  // `emitStyleString` compiles to a reactive declaration, and `$ref` is not admitted by JxStyle.\n  // Naming the POSITION rather than the answer is the point — a schema that later admits another\n  // Rung cannot then be contradicted by a hand-written array sitting here.\n  const slot = renderDynamicSlot({\n    caps: \"styleProperty\",\n    fieldKey,\n    onChange: (v?: JsonValue) => onCommit(v === undefined || v === \"\" ? undefined : String(v)),\n    staticWidget: widgetForType(type, entry, prop, value, onCommit, { placeholder }),\n    stateDefs: templateSignals,\n    value,\n  });\n  // `hasValue` is false because the chip supersedes the row's derived set-dot: the dot could only\n  // Say set-or-not, and three of the four states this panel can now answer with were previously\n  // Indistinguishable from \"unset\".\n  return renderFieldRow({\n    prop,\n    label: propLabel(entry, prop),\n    hasValue: false,\n    widget: slot.widget,\n    provenance: chip,\n    labelExtra: slot.modeButton,\n    ...(spanVal != null && { span: spanVal }),\n    warning: isWarning,\n  });\n}\n\n/** What {@link renderShorthandRow} needs to draw one shorthand and its longhand children. */\ninterface ShorthandRowOptions {\n  prop: string;\n  entry: CssPropertyEntry;\n  /** The style block at the edited coordinate — the primary element's, as every row reads it. */\n  style: Record<string, unknown>;\n  /** The write, already fanned across the selection. Called INSIDE a transaction. */\n  mutate: StyleMutateFn;\n  inherited: Record<string, string | number>;\n  ctx: ProvenanceCtx;\n}\n\n/**\n * A shorthand property row: the header field, plus one row per longhand when it is expanded.\n *\n * Two things were wrong with it, and they were the same thing. It took a single-target mutation\n * while every other row in the tab took the selection-wide one, so \"set padding on six cards in one\n * decision\" — the sentence §6.5 makes, with padding as its example — wrote to one card. And it drew\n * its own `.set-dot` rather than a provenance chip, so a shorthand `mixedStyleProps` had ALREADY\n * flagged as mixed offered a plain \"Clear padding\" affordance instead of saying so.\n *\n * Both are fixed by taking the same two things every other row takes: `mutate`, which fans across\n * the selection, and `ctx`, which answers where a value came from.\n */\nfunction renderShorthandRow({\n  prop: shortProp,\n  entry,\n  style,\n  mutate,\n  inherited,\n  ctx,\n}: ShorthandRowOptions) {\n  const tab = activeTab.value!;\n  const longhands = getLonghands(shortProp) as CssLonghand[];\n  const shortVal = style[shortProp];\n  const hasLonghands = longhands.some((l: CssLonghand) => style[l.name] !== undefined);\n  const isExpanded = tab.session.ui.styleShorthands[shortProp] ?? hasLonghands;\n  const hasAnyVal = shortVal !== undefined || hasLonghands;\n\n  /**\n   * Drop every longhand, then write the shorthand — the one write order this row has.\n   *\n   * The longhands go unconditionally rather than \"the ones the panel can see set\", because what the\n   * panel can see is the PRIMARY element's style: a second selected element with a `paddingTop` of\n   * its own would otherwise keep it and quietly out-rank the shorthand just written over it.\n   * Deleting a property an element does not have is a no-op on that element.\n   */\n  const writeShorthand = (val?: string | undefined) =>\n    transactDoc(activeTab.value, (t) => {\n      for (const l of longhands) {\n        mutate(t, l.name);\n      }\n      mutate(t, shortProp, val);\n    });\n  const clearAll = () =>\n    transactDoc(activeTab.value, (t) => {\n      mutate(t, shortProp);\n      for (const l of longhands) {\n        mutate(t, l.name);\n      }\n    });\n\n  const headerWidget = html`\n    <div class=\"style-shorthand-header\">\n      <sp-textfield\n        size=\"s\"\n        .value=${live(shortVal || \"\")}\n        placeholder=${\n          !shortVal && hasLonghands\n            ? longhands.map((l: CssLonghand) => style[l.name] || \"0\").join(\" \")\n            : !shortVal && inherited[shortProp]\n              ? inherited[shortProp]\n              : !shortVal && longhands.some((l: CssLonghand) => inherited[l.name])\n                ? longhands.map((l: CssLonghand) => inherited[l.name] || \"0\").join(\" \")\n                : \"\"\n        }\n        @input=${debouncedStyleCommit(`short:${shortProp}`, 400, (e: Event) => {\n          writeShorthand((e.target as HTMLInputElement).value || undefined);\n        })}\n      ></sp-textfield>\n      <sp-action-button\n        size=\"xs\"\n        quiet\n        @click=${(e: Event) => {\n          e.stopPropagation();\n          activeTab.value!.session.ui.styleShorthands = {\n            ...activeTab.value!.session.ui.styleShorthands,\n            [shortProp]: !isExpanded,\n          };\n        }}\n      >\n        ${\n          isExpanded\n            ? html`<sp-icon-chevron-down slot=\"icon\"></sp-icon-chevron-down>`\n            : html`<sp-icon-chevron-right slot=\"icon\"></sp-icon-chevron-right>`\n        }\n      </sp-action-button>\n    </div>\n  `;\n\n  return html`\n    ${renderFieldRow({\n      prop: shortProp,\n      label: propLabel(entry, shortProp),\n      hasValue: hasAnyVal,\n      widget: headerWidget,\n      provenance: shorthandProvenance(shortProp, ctx, hasAnyVal ? clearAll : undefined),\n    })}\n    ${\n      isExpanded\n        ? (() => {\n            const isBorderSide =\n              (entry as Record<string, unknown>).$shorthandType === \"border-side\";\n            const expanded = shortVal\n              ? isBorderSide\n                ? expandBorderSide(shortVal as string)\n                : expandShorthand(shortVal as string, longhands.length)\n              : null;\n            const compress = isBorderSide ? compressBorderSide : compressShorthand;\n            const emptyVal = isBorderSide ? \"\" : \"0\";\n            /** This longhand becomes `val`; the others keep whatever they show. */\n            const recompress = (idx: number, val: string) =>\n              writeShorthand(\n                compress(\n                  longhands.map((l: CssLonghand, i: number) =>\n                    i === idx ? val : (style[l.name] ?? (expanded ? expanded[i] : emptyVal)),\n                  ) as string[],\n                ),\n              );\n            return longhands.map(({ name, entry: lEntry }: CssLonghand, idx: number) => {\n              const lVal = style[name] ?? (expanded ? expanded[idx] : \"\");\n              const hasLVal = lVal !== undefined && lVal !== \"\";\n              return html`\n                <div class=\"style-row style-row--child\" data-prop=${name}>\n                  <div class=\"style-row-label\">\n                    ${renderProvenanceChip(\n                      name,\n                      longhandProvenance(name, shortProp, hasLVal, ctx, () =>\n                        recompress(idx, emptyVal),\n                      ),\n                    )}\n                    <sp-field-label size=\"s\" title=${name}\n                      >${propLabel(lEntry, name)}</sp-field-label\n                    >\n                  </div>\n                  ${widgetForType(\n                    inferInputType(lEntry),\n                    lEntry,\n                    name,\n                    lVal as string,\n                    (newVal: string) => recompress(idx, newVal || emptyVal),\n                    {\n                      placeholder: !lVal && inherited[name] ? String(inherited[name]) : \"\",\n                    },\n                  )}\n                </div>\n              `;\n            });\n          })()\n        : nothing\n    }\n  `;\n}\n\n// ─── The edit target ─────────────────────────────────────────────────────────\n\n/** Forget the selector menu's element handle — the Inspector unmounted, or a test starts clean. */\nexport function resetSelectorMenu(): void {\n  resetTargetSelector();\n}\n\n/**\n * Whether the \"show affected\" list under a project-wide warning band is open.\n *\n * Module-local rather than a `session.ui` field: it is a disclosure on a project-level warning, and\n * a per-document field would make the same warning open in one tab and closed in another.\n */\nlet _showAffected = false;\n\n/** Fold the affected list away — the Inspector unmounted, or a test starts clean. */\nexport function resetAffectedDisclosure(): void {\n  _showAffected = false;\n}\n\n/**\n * Ask a registered command to do something this panel does not own.\n *\n * The breakpoint and the colour scheme are DEFINED in Project Settings › Contexts and SELECTED on\n * the pane context bar. A Target Line segment that opened its own list would be the third selector\n * §6.4 forbids, so it routes to the definition site through the same command the context bar's\n * \"Manage contexts…\" footer runs.\n */\nfunction runCommand(id: string, args?: Record<string, unknown>): void {\n  void activeRegistry()?.run(id, args);\n}\n\n/**\n * The tag a stylebook rule restyles, when one is being edited.\n *\n * In Stylebook the \"selector\" is a bare tag path (`h1`, `table th`) written into the DOCUMENT's\n * root style, so the first segment of the path is the tag whose blast radius the scope chip\n * states.\n */\nfunction stylebookTagOf(selector: string | null): string | null {\n  return selector && isTagPath(selector) ? (selector.split(\" \")[0] ?? null) : null;\n}\n\n/**\n * Whether this document IS the project's stylesheet.\n *\n * `project.json`'s `style` is not a document's style. The compiler hands it to EVERY route's\n * compile as `projectStyle` (`site/site-build.ts`), and `compileStyles` emits its custom properties\n * as `:root`, its flat properties as `body`, and every bare tag key as a global rule — so `{ \"h1\":\n * { \"color\": \"red\" } }` in project.json becomes `h1 { color: red }` in the stylesheet of every\n * page, reaching inside every component instance too (nothing in the compiler or the runtime\n * attaches a shadow root). Studio shows the same cascade: `getEffectiveStyle` merges the object\n * into every open document.\n *\n * That makes the document Stylebook opens by default the widest blast radius in the app — and it is\n * the one `resolveScope` used to label \"in this **document**\", the narrowest.\n *\n * Matched by suffix rather than by equality, the way `studio.ts` and `imports-panel.ts` already\n * address this file: a config reached from a sub-directory is still a config, and it still has no\n * elements of its own for \"in this document\" to be about.\n */\nfunction isProjectStylesheet(path: string): boolean {\n  return /(?:^|\\/)project\\.json$/.test(path);\n}\n\n/**\n * How wide an edit here reaches, and — for the project case — how wide, in numbers.\n *\n * Three kinds, in the order a user meets them:\n *\n * - **element** — an element is selected; the rule is scoped to it and to nothing else.\n * - **document** — Stylebook on an ordinary document: every `<tag>` on this page.\n * - **project** — the same keystroke restyles files that are not open. Two documents reach this far:\n *   a LAYOUT, whose root style is inherited by every page declaring it, and\n *   {@link isProjectStylesheet}, which is inherited by all of them.\n *\n * The project stylesheet reaches it with NO tag as well, which no other document does: deselecting\n * in Stylebook leaves the tab editing project.json's own root style — `:root` and `body` on every\n * route — and there is no element anywhere for \"this element\" to have meant.\n */\nfunction resolveScope(tab: Tab, stylebookTag: string | null): TargetScope {\n  const path = tab.documentPath ?? \"\";\n  const isProjectStyle = isProjectStylesheet(path);\n  if (!stylebookTag) {\n    return isProjectStyle\n      ? projectScope(\"every page in this project\", null)\n      : { kind: \"element\", label: \"this element\" };\n  }\n  const shared = isProjectStyle || /^\\.?\\/?layouts\\//.test(path);\n  const label = `all <${stylebookTag}> in this ${shared ? \"project\" : \"document\"}`;\n  return shared ? projectScope(label, stylebookTag) : { kind: \"document\", label };\n}\n\n/**\n * The project-wide warning band: its label, its count, and its disclosure.\n *\n * The count is `findReferences`' tag walk, which counts `tagName` matches across the project. Where\n * the host cannot answer — no `findReferences` route, a failed sweep, or no tag to ask about — the\n * band says **unknown** rather than a confident zero, exactly as `services/references.ts` requires\n * of every rendering.\n *\n * @param {string} label\n * @param {string | null} tagName — null for a root-style edit, which has no tag to count.\n * @returns {TargetScope}\n */\nfunction projectScope(label: string, tagName: string | null): TargetScope {\n  if (tagName === null) {\n    // No tag, so no query: `:root`/`body` on every route is not a `tagName` sweep, and how many\n    // Routes that is, is a question no surface here can answer. A zero would be the same lie the\n    // Band exists to stop, in a smaller font — and with no file list, there is nothing to disclose.\n    return { affected: \"how many pages that is, is unknown\", kind: \"project\", label };\n  }\n  const query = { tagName };\n  const state = peekUsages(query);\n  if (state === null) {\n    // First paint for this tag: ask once, and repaint when the answer lands. `loadUsages` joins an\n    // In-flight request, so a panel repainting sixty times a second is still one sweep.\n    void loadUsages(query).then(() => renderOnly(\"rightPanel\"));\n  }\n  return {\n    kind: \"project\",\n    label,\n    affected: affectedSentence(state),\n    affectedFiles: state?.status === \"ready\" ? usageFiles(state.result) : [],\n    showAffected: _showAffected,\n    onToggleAffected: () => {\n      _showAffected = !_showAffected;\n      renderOnly(\"rightPanel\");\n    },\n  };\n}\n\n/** The affected count, in words — and \"unknown\" wherever the query cannot answer. */\nfunction affectedSentence(state: ReturnType<typeof peekUsages>): string {\n  if (state === null || state.status === \"pending\") {\n    return \"counting the elements it affects…\";\n  }\n  if (state.status !== \"ready\") {\n    return \"how many elements that is, is unknown\";\n  }\n  const { files, refsTotal } = state.result;\n  if (refsTotal === 0) {\n    return \"no element in the project uses it yet\";\n  }\n  return `${refsTotal} element${refsTotal === 1 ? \"\" : \"s\"} in ${files.length} file${\n    files.length === 1 ? \"\" : \"s\"\n  }`;\n}\n\n/** The two axes the Style tab states but does not own, plus the element it is pointed at. */\nfunction targetSegments(\n  elementLabel: string,\n  mediaTab: string | null,\n  hasBreakpoints: boolean,\n  schemeLayer: string | null,\n): TargetSegment[] {\n  const segments: TargetSegment[] = [\n    {\n      key: \"element\",\n      label: elementLabel,\n      title: \"What these edits are pointed at — click to find it in the Outline\",\n      onActivate: () => runCommand(\"view.setActivity\", { tab: \"layers\" }),\n    },\n    {\n      key: \"media\",\n      label: hasBreakpoints && mediaTab ? `@${mediaDisplayName(mediaTab)}` : \"Base\",\n      title:\n        \"The breakpoint these edits land in. Choose it on the pane's Context control; click to \" +\n        \"manage breakpoints.\",\n      onActivate: () => runCommand(\"settings.open\", { section: \"contexts\" }),\n    },\n  ];\n  if (schemeLayer) {\n    segments.push({\n      key: \"scheme\",\n      label: `${mediaDisplayName(schemeLayer)} variant`,\n      title:\n        \"Edits land in this colour-scheme variant. Set the pane's Context control back to Auto \" +\n        \"to edit base styles; click to manage schemes.\",\n      onActivate: () => runCommand(\"settings.open\", { section: \"contexts\" }),\n    });\n  }\n  return segments;\n}\n\n// ─── Provenance ──────────────────────────────────────────────────────────────\n\n/** An inherited value, its donor's name, and how to go there. */\ninterface InheritedInfo {\n  value: string | number;\n  donor: string;\n  jump?: (() => void) | undefined;\n}\n\n/**\n * The signal a `${…}` style value reads, when it reads one.\n *\n * `state.` is optional because both spellings occur in documents and both mean the same entry — the\n * chip names the signal, not the accessor path it was reached by.\n */\nfunction templateSignalOf(value: unknown): string | null {\n  if (typeof value !== \"string\") {\n    return null;\n  }\n  return /\\$\\{\\s*(?:state\\.)?([A-Za-z_$][\\w$]*)/.exec(value)?.[1] ?? null;\n}\n\n/** Whether a value is a `${}` template rather than a literal — the `bound` rung for a CSS value. */\nfunction isTemplateValue(value: unknown): boolean {\n  return typeof value === \"string\" && value.includes(\"${\");\n}\n\n/** What the Style tab can say about one property's origin. */\ninterface ProvenanceCtx {\n  own: JxStyle;\n  active: JxStyle;\n  inherited: Record<string, InheritedInfo>;\n  signals: string[];\n  clear: (prop: string) => void;\n  /**\n   * Properties the selected elements DISAGREE about, and how many elements are selected (§6.5).\n   *\n   * Empty for a selection of one — which is what keeps every other branch of `provenanceOf`\n   * reachable exactly as often as it was before the selection became a set.\n   */\n  mixed?: { props: Set<string>; count: number } | undefined;\n}\n\n/**\n * Where this property's value came from.\n *\n * Four answers, and three of them were previously indistinguishable from each other: an inherited\n * value arrived as a placeholder identical to the CSS initial value, a site token arrived looking\n * like a local override, and a `${}` binding arrived looking like a literal with braces in it.\n */\nfunction provenanceOf(prop: string, ctx: ProvenanceCtx): FieldProvenance {\n  // Mixed is decided FIRST, because it is a fact about the selection rather than about the value:\n  // The primary's own value may be perfectly ordinary while five other elements disagree with it,\n  // And drawing that as `set` is exactly the lie this state exists to stop.\n  if (ctx.mixed?.props.has(prop)) {\n    return {\n      state: \"mixed\",\n      donor: String(ctx.mixed.count),\n      onClick: () => ctx.clear(prop),\n    };\n  }\n  const value = ctx.active[prop];\n  if (value !== undefined && ctx.own[prop] === undefined) {\n    // Present in the effective style but not in the document's own: it came from the site style.\n    // No jump: the project style document is not something this tab can open.\n    return {\n      state: \"inherited\",\n      donor: \"site tokens\",\n      title: `Inherited from the project's site tokens — ${prop} is not set on this document`,\n    };\n  }\n  if (value !== undefined) {\n    if (isTemplateValue(value)) {\n      const signal = templateSignalOf(value);\n      return {\n        state: \"bound\",\n        ...(signal ? { donor: signal } : {}),\n        ...(signal && ctx.signals.includes(signal)\n          ? {\n              onClick: () => {\n                runCommand(\"view.setActivity\", { tab: \"data\" });\n                runCommand(\"data.expandRow\", { name: signal });\n              },\n            }\n          : {}),\n      };\n    }\n    return { state: \"set\", onClick: () => ctx.clear(prop) };\n  }\n  const inherited = ctx.inherited[prop];\n  if (inherited) {\n    return {\n      state: \"inherited\",\n      donor: inherited.donor,\n      ...(inherited.jump ? { onClick: inherited.jump } : {}),\n    };\n  }\n  return { state: \"default\" };\n}\n\n/**\n * Where a SHORTHAND row's value came from.\n *\n * A shorthand is less a value than a name for four of them, so every answer it can give is about\n * five properties at once: `padding` is set when `padding` or any of `paddingTop…Left` is, mixed\n * when the selection disagrees about any of the five, and inherited when the cascade supplies one\n * and this document supplies none. Asking only about the shorthand key is what let the row draw a\n * plain \"Clear padding\" dot over a property the panel had already computed as mixed.\n *\n * @param {string} shortProp\n * @param {ProvenanceCtx} ctx\n * @param {(() => void) | undefined} [clearAll] — clears the shorthand AND its longhands, which is\n *   the only clear this row has ever meant; omitted where there is nothing to clear.\n * @returns {FieldProvenance}\n */\nfunction shorthandProvenance(\n  shortProp: string,\n  ctx: ProvenanceCtx,\n  clearAll?: (() => void) | undefined,\n): FieldProvenance {\n  const props = [shortProp, ...(getLonghands(shortProp) as CssLonghand[]).map((l) => l.name)];\n  const { mixed } = ctx;\n  if (mixed && props.some((p) => mixed.props.has(p))) {\n    return {\n      state: \"mixed\",\n      donor: String(mixed.count),\n      ...(clearAll ? { onClick: clearAll } : {}),\n    };\n  }\n  for (const p of props) {\n    const prov = provenanceOf(p, ctx);\n    if (prov.state === \"default\") {\n      continue;\n    }\n    return prov.state === \"set\" && clearAll ? { ...prov, onClick: clearAll } : prov;\n  }\n  return DEFAULT_PROVENANCE;\n}\n\n/**\n * Where a longhand CHILD row's value came from.\n *\n * A longhand can hold a value it was never given: `padding: 1px 2px` fills four child rows, and\n * clearing one of them recompresses the shorthand rather than deleting a key. So a value derived\n * from the shorthand counts as `set` here, and a selection that disagrees about the shorthand\n * disagrees about every child the shorthand fills.\n *\n * @param {string} name\n * @param {string} shortProp\n * @param {boolean} hasValue — set here, or filled in by the shorthand above.\n * @param {ProvenanceCtx} ctx\n * @param {() => void} clearChild\n * @returns {FieldProvenance}\n */\nfunction longhandProvenance(\n  name: string,\n  shortProp: string,\n  hasValue: boolean,\n  ctx: ProvenanceCtx,\n  clearChild: () => void,\n): FieldProvenance {\n  const { mixed } = ctx;\n  if (mixed && (mixed.props.has(name) || (hasValue && mixed.props.has(shortProp)))) {\n    return { state: \"mixed\", donor: String(mixed.count), onClick: clearChild };\n  }\n  const prov = provenanceOf(name, ctx);\n  if (prov.state === \"set\" || (prov.state === \"default\" && hasValue)) {\n    return { state: \"set\", onClick: clearChild };\n  }\n  return prov;\n}\n\n/**\n * A section's tally, counting a shorthand as set when any of its longhands is.\n *\n * @param {{ prop: string; entry: CssPropertyEntry }[]} entries\n * @param {ProvenanceCtx} ctx\n */\nfunction sectionProvenance(\n  entries: { prop: string; entry: CssPropertyEntry }[],\n  ctx: ProvenanceCtx,\n): ProvenanceState[] {\n  return entries.map(({ prop, entry }) =>\n    inferInputType(entry) === \"shorthand\"\n      ? shorthandProvenance(prop, ctx).state\n      : provenanceOf(prop, ctx).state,\n  );\n}\n\n// ─── Main template ──────────────────────────────────────────────────────────\n\n/**\n * @param {JxMutableNode} node\n * @param {string | null} activeMediaTab\n * @param {string | null} activeSelector\n * @param {{ effectiveStyle?: JxStyle; stylebookSelector?: string | null }} [opts] —\n *   `effectiveStyle` is the site-merged style Stylebook edits against; `stylebookSelector` is the\n *   tag catalogue entry being styled, which is what makes the edit tag-wide rather than\n *   element-wide and therefore what the scope chip reports.\n */\nfunction styleSidebarTemplate(\n  node: JxMutableNode,\n  activeMediaTab: string | null,\n  activeSelector: string | null,\n  opts: { effectiveStyle?: JxStyle | undefined; stylebookSelector?: string | null } = {},\n) {\n  const { effectiveStyle, stylebookSelector = null } = opts;\n  const tab = activeTab.value!;\n  const sel = primarySelection(tab.session.selection) as JxPath;\n  /** The document's OWN style — what a commit writes into. */\n  const ownRootStyle: JxStyle = node.style || {};\n  const style = effectiveStyle ?? ownRootStyle;\n  // Signals seeding the ${} template default when a style value escalates (no $ref in JxStyle).\n  const templateSignals = Object.entries(tab.doc.document.state || {})\n    .filter(\n      ([, d]) =>\n        !(d as Record<string, unknown>)?.$handler &&\n        (d as Record<string, unknown>)?.$prototype !== \"Function\",\n    )\n    .map(([defName]) => defName);\n  const { sizeBreakpoints } = parseMediaEntries(getEffectiveMedia(tab.doc.document.$media));\n  const mediaNames = sizeBreakpoints.map((bp) => bp.name);\n  const mediaTab = activeMediaTab || null;\n\n  // ── Scheme-layer routing (spec §9.5) ────────────────────────────────────────\n  // With the tab-bar scheme control forcing a scheme that has a matching declared scheme query,\n  // Base-context edits target that scheme's `@--name` block — no extra sidebar tabs. Breakpoint\n  // Tabs stay breakpoint-scoped (scheme × breakpoint compound blocks are unsupported).\n  const forcedScheme = tab.session.ui.previewColorScheme;\n  const schemeLayer =\n    mediaTab === null && (forcedScheme === \"light\" || forcedScheme === \"dark\")\n      ? (Object.entries(getEffectiveMedia(tab.doc.document.$media) ?? {}).find(\n          ([, q]) => schemeOfQuery(String(q)) === forcedScheme,\n        )?.[0] ?? null)\n      : null;\n  // The media context edits actually target: a valid breakpoint tab, else the scheme layer.\n  const editMedia = mediaTab && mediaNames.length > 0 ? mediaTab : schemeLayer;\n\n  // ── The selector axis — the one this tab owns ──────────────────────────────\n  const contextStyle = editMedia\n    ? (style[`@${editMedia}`] as Record<string, unknown>) || {}\n    : style;\n  const declaredSelectors = new Set(Object.keys(contextStyle).filter((s) => isNestedSelector(s)));\n  const selectorOptions = [\n    ...new Set([\n      ...COMMON_SELECTORS,\n      ...declaredSelectors,\n      ...(activeSelector ? [activeSelector] : []),\n    ]),\n  ];\n\n  // ── The Target Line (§6.1) ─────────────────────────────────────────────────\n  // The three widgets this replaces are gone: the breakpoint `<sp-tabs>` strip, the\n  // `.selector-select` picker and the `.style-scheme-badge`. The first two named axes the pane\n  // Context bar already selects; the third emitted a class with no CSS rule anywhere in the repo.\n  const stylebookTag = stylebookTagOf(stylebookSelector);\n  const elementLabel =\n    stylebookTag ?? (typeof node.tagName === \"string\" ? node.tagName : \"element\");\n  const targetLineT = renderTargetLine({\n    segments: targetSegments(elementLabel, mediaTab, mediaNames.length > 0, schemeLayer),\n    selector: {\n      value: activeSelector,\n      options: selectorOptions,\n      declared: declaredSelectors,\n      onSelect: (value) => {\n        activeTab.value!.session.ui.activeSelector = value;\n      },\n      onAddCustom: () => {\n        // One flow, through `ui/layers.ts` — the imperative `<input>` this replaces was appended to\n        // A bar lit-html owns, bypassing both the renderer and the overlay stack (§11.4).\n        void showPromptDialog(\"Add Selector\", {\n          confirmLabel: \"Use\",\n          message: \"A state or nested rule to edit under this element.\",\n          placeholder: \":hover, .child, &.active, [attr]\",\n          validate: (v) =>\n            isNestedSelector(v.trim()) ? \"\" : 'A selector must start with \":\", \".\", \"&\" or \"[\".',\n        }).then((value) => {\n          if (value) {\n            activeTab.value!.session.ui.activeSelector = value.trim();\n            renderOnly(\"rightPanel\");\n          }\n        });\n      },\n    },\n    scope: resolveScope(tab, stylebookTag),\n  });\n\n  // ── Filter bar ─────────────────────────────────────────────────────────────\n  // One control. The \"Active\" toggle is gone: it existed only because provenance was invisible\n  // With a section closed, and a heading that says \"3 set here · 2 inherited\" answers the same\n  // Question without hiding two thirds of the panel to do it (§6.2).\n  const filterBarT = html`\n    <div class=\"style-filter-bar\">\n      <sp-textfield\n        size=\"s\"\n        class=\"style-filter-input\"\n        placeholder=\"Filter properties…\"\n        .value=${live(tab.session.ui.styleFilter || \"\")}\n        @input=${(e: Event) => {\n          activeTab.value!.session.ui.styleFilter = (e.target as HTMLInputElement).value;\n        }}\n      ></sp-textfield>\n    </div>\n  `;\n\n  // ── Determine the active style object ──────────────────────────────────────\n  const activeStyle = resolveContextStyle(style, activeSelector, editMedia);\n  // The SAME coordinate, resolved against the document's own style. In Stylebook `style` is the\n  // Site-merged effective style, so a property present here and absent there arrived from the\n  // Project's tokens — a donor the panel can now name instead of drawing it as a local override\n  // Whose \"clear\" would silently do nothing.\n  const ownStyle =\n    style === ownRootStyle\n      ? activeStyle\n      : resolveContextStyle(ownRootStyle, activeSelector, editMedia);\n  // ── The selection, and what it means to commit to it (§6.5) ────────────────\n  // Every selected element gets the same write, inside ONE `transactDoc` — so setting padding on\n  // Six cards is one decision and one undo step. With one element selected this loop runs once\n  // Against `sel` and is indistinguishable from the single-target commit it replaces.\n  const targets = tab.session.selection.length > 0 ? tab.session.selection : [sel];\n  /**\n   * ONE write, applied to every selected element — the only write function this tab has.\n   *\n   * It takes the caller's transaction rather than opening its own, because a row that writes twice\n   * (a shorthand and the longhands it supersedes; a renamed custom property and its old key) must\n   * still be one undo step. There is no single-target counterpart: every row that had one wrote to\n   * the primary element and silently dropped the rest of the selection on the floor.\n   */\n  const mutateTargets: StyleMutateFn = (t, prop, val) => {\n    for (const target of targets) {\n      contextMutate(target, activeSelector, editMedia)(t, prop, val);\n    }\n  };\n  const commitStyle = (prop: string, val?: string | Record<string, unknown> | undefined) =>\n    transactDoc(activeTab.value, (t) => mutateTargets(t, prop, val));\n  /** One target's OWN block at this coordinate — what a write that preserves values reads first. */\n  const targetStyleOf = (t: Tab, target: JxPath): JxStyle => {\n    const targetNode = getNodeAtPath(t.doc.document, target) as JxMutableNode | undefined;\n    return resolveContextStyle(targetNode?.style ?? {}, activeSelector, editMedia);\n  };\n\n  // ── Compute inherited style, and NAME THE DONOR ────────────────────────────\n  // Scheme layer: the base styles show through as inherited; breakpoint tabs inherit from lower\n  // Breakpoints as before. Either way the donor is known at this point and is now kept: it is the\n  // Difference between \"some value is showing through\" and \"Base sets this to 16px, go and look\".\n  const inheritedInfo: Record<string, InheritedInfo> = {};\n  if (schemeLayer) {\n    const baseBlock = activeSelector ? (getNestedStyle(style, activeSelector) ?? {}) : style;\n    for (const [p, v] of Object.entries(baseBlock)) {\n      if (typeof v !== \"object\") {\n        inheritedInfo[p] = {\n          value: (v as string | number) ?? \"\",\n          donor: \"Base\",\n          jump: () => updateUi(activeTab.value, \"previewColorScheme\", \"auto\"),\n        };\n      }\n    }\n  } else {\n    for (const [p, source] of Object.entries(\n      computeInheritedSources(style, mediaNames, mediaTab, activeSelector),\n    )) {\n      inheritedInfo[p] = {\n        value: source.value,\n        donor: source.donor === null ? \"Base\" : mediaDisplayName(source.donor),\n        jump: () => updateUi(activeTab.value, \"activeMedia\", source.donor),\n      };\n    }\n  }\n  const inheritedStyle: Record<string, string | number> = {};\n  for (const [p, info] of Object.entries(inheritedInfo)) {\n    inheritedStyle[p] = info.value;\n  }\n  const mixedProps = mixedStyleProps(tab, targets, activeSelector, editMedia);\n  const provCtx: ProvenanceCtx = {\n    own: ownStyle,\n    active: activeStyle,\n    inherited: inheritedInfo,\n    signals: templateSignals,\n    clear: (prop: string) => commitStyle(prop),\n    ...(mixedProps.size > 0 ? { mixed: { count: targets.length, props: mixedProps } } : {}),\n  };\n\n  // Auto-open sections that have properties\n  const newSections = autoOpenSections({ style: activeStyle }, tab.session.ui.styleSections);\n  if (JSON.stringify(newSections) !== JSON.stringify(tab.session.ui.styleSections)) {\n    tab.session.ui.styleSections = newSections;\n  }\n\n  // Partition properties into sections\n  const sectionProps: Record<string, { prop: string; entry: CssPropertyEntry }[]> = {};\n  for (const sec of cssMeta.$sections) {\n    sectionProps[sec.key] = [];\n  }\n\n  for (const [prop, entry] of Object.entries(cssMeta.$defs) as [string, CssPropertyEntry][]) {\n    if (typeof (entry as Record<string, unknown>).$shorthand === \"string\") {\n      continue;\n    }\n    const sec = ((entry as Record<string, unknown>).$section as string) || \"other\";\n    sectionProps[sec]!.push({ entry, prop });\n  }\n  for (const sec of cssMeta.$sections) {\n    sectionProps[sec.key]!.sort(\n      (\n        a: { prop: string; entry: CssPropertyEntry },\n        b: { prop: string; entry: CssPropertyEntry },\n      ) =>\n        ((a.entry as Record<string, unknown>).$order as number) -\n        ((b.entry as Record<string, unknown>).$order as number),\n    );\n  }\n\n  const otherProps = [];\n  for (const prop of Object.keys(activeStyle)) {\n    if (!(cssMeta.$defs as Record<string, unknown>)[prop]) {\n      const val = activeStyle[prop];\n      if (val !== null && typeof val === \"object\") {\n        continue;\n      }\n      otherProps.push(prop);\n    }\n  }\n\n  const nestedRules: string[] = [];\n  for (const [prop, val] of Object.entries(activeStyle)) {\n    if (val !== null && typeof val === \"object\" && !Array.isArray(val) && !prop.startsWith(\"@\")) {\n      nestedRules.push(prop);\n    }\n  }\n\n  // ── Filter state ─────────────────────────────────────────────────────────\n  const filterText = (tab.session.ui.styleFilter || \"\").toLowerCase();\n  const isFiltering = filterText.length > 0;\n\n  // ── Section templates ────────────────────────────────────────────────────\n  const sectionTemplates = cssMeta.$sections\n    .filter((sec) => sec.key !== \"other\")\n    .map((sec) => {\n      const entries = sectionProps[sec.key]!;\n\n      const sectionActiveProps = entries.filter(\n        ({ prop, entry }: { prop: string; entry: CssPropertyEntry }) => {\n          if (activeStyle[prop] !== undefined) {\n            return true;\n          }\n          if (inferInputType(entry) === \"shorthand\") {\n            return (getLonghands(prop) as CssLonghand[]).some(\n              (l: CssLonghand) => activeStyle[l.name] !== undefined,\n            );\n          }\n          return false;\n        },\n      );\n\n      const clearSection = () => {\n        transactDoc(activeTab.value, (t) => {\n          for (const { prop, entry } of sectionActiveProps) {\n            if (activeStyle[prop] !== undefined) {\n              mutateTargets(t, prop);\n            }\n            if (inferInputType(entry) === \"shorthand\") {\n              for (const l of getLonghands(prop) as CssLonghand[]) {\n                mutateTargets(t, l.name);\n              }\n            }\n          }\n        });\n      };\n\n      // The heading's own answer to \"is anything in here set, inherited or bound\" — the question\n      // The retired \"Active\" toggle answered by hiding everything that was not.\n      const counts = countProvenance(sectionProvenance(entries, provCtx));\n      const headingT = html`\n        <span slot=\"heading\" class=\"style-section-heading\">\n          ${sec.label}\n          ${renderProvenanceDots(counts, {\n            onClearSet: sectionActiveProps.length > 0 ? clearSection : undefined,\n            clearTitle: `Clear all ${sec.label.toLowerCase()} properties`,\n          })}\n        </span>\n      `;\n\n      const isOpen = isFiltering ? true : (tab.session.ui.styleSections[sec.key] ?? false);\n\n      if (!isOpen) {\n        return html`\n          <sp-accordion-item\n            label=${sec.label}\n            .open=${false}\n            @sp-accordion-item-toggle=${(e: Event) => {\n              activeTab.value!.session.ui.styleSections = {\n                ...activeTab.value!.session.ui.styleSections,\n                [sec.key]: (e.target as HTMLElement & { open: boolean }).open,\n              };\n            }}\n          >\n            ${headingT}\n          </sp-accordion-item>\n        `;\n      }\n\n      const rows = [];\n      for (const { prop, entry } of entries) {\n        const val = activeStyle[prop];\n        const hasVal = val !== undefined;\n        const condMet = allConditionsPass(entry, activeStyle);\n        const type = inferInputType(entry);\n        if (!hasVal && !condMet) {\n          continue;\n        }\n\n        if (filterText) {\n          const label = propLabel(entry, prop).toLowerCase();\n          if (!prop.includes(filterText) && !label.includes(filterText)) {\n            continue;\n          }\n        }\n\n        if (type === \"shorthand\") {\n          const longhands = getLonghands(prop) as CssLonghand[];\n          const hasAny =\n            hasVal || longhands.some((l: CssLonghand) => activeStyle[l.name] !== undefined);\n          if (!hasAny && !condMet) {\n            continue;\n          }\n          rows.push(\n            renderShorthandRow({\n              prop,\n              entry,\n              style: activeStyle,\n              mutate: mutateTargets,\n              inherited: inheritedStyle,\n              ctx: provCtx,\n            }),\n          );\n        } else {\n          const isWarning = hasVal && !condMet;\n          if (hasVal || condMet) {\n            rows.push(\n              renderStyleRow(\n                entry,\n                prop,\n                (val as string) ?? \"\",\n                (newVal: string | undefined) => commitStyle(prop, newVal || undefined),\n                isWarning,\n                sec.$layout === \"grid\",\n                inheritedStyle[prop] as string | undefined,\n                templateSignals,\n                `style|${sel.join(\"/\")}|${editMedia ?? \"\"}|${activeSelector ?? \"\"}|${prop}`,\n                provenanceOf(prop, provCtx),\n              ),\n            );\n          }\n        }\n      }\n\n      if (isFiltering && rows.length === 0) {\n        return nothing;\n      }\n\n      return html`\n        <sp-accordion-item\n          label=${sec.label}\n          .open=${isOpen}\n          @sp-accordion-item-toggle=${(e: Event) => {\n            activeTab.value!.session.ui.styleSections = {\n              ...activeTab.value!.session.ui.styleSections,\n              [sec.key]: (e.target as HTMLElement & { open: boolean }).open,\n            };\n          }}\n        >\n          ${headingT}\n          <div class=${sec.$layout === \"grid\" ? \"style-section-body--grid\" : \"\"}>${rows}</div>\n        </sp-accordion-item>\n      `;\n    });\n\n  // ── Custom section ─────────────────────────────────────────────────────────\n  const cssInitialMap = getCssInitialMap();\n  const customIsOpen = tab.session.ui.styleSections.other ?? otherProps.length > 0;\n  const customSectionT = html`\n    <sp-accordion-item\n      label=\"Custom\"\n      .open=${customIsOpen}\n      @sp-accordion-item-toggle=${(e: Event) => {\n        activeTab.value!.session.ui.styleSections = {\n          ...activeTab.value!.session.ui.styleSections,\n          other: (e.target as HTMLElement & { open: boolean }).open,\n        };\n      }}\n    >\n      <div>\n        ${otherProps.map(\n          (prop) => html`\n            <div class=\"kv-row\">\n              <sp-textfield\n                size=\"s\"\n                class=\"kv-key\"\n                .value=${live(prop)}\n                @change=${(e: Event) => {\n                  const newProp = (e.target as HTMLInputElement).value.trim();\n                  if (!newProp || newProp === prop) {\n                    return;\n                  }\n                  // A rename is the one write that cannot be fanned out with a single value: each\n                  // Element keeps ITS OWN value under the new key. The old code batched half of the\n                  // Rename (the delete) against the primary and the other half against the primary\n                  // Too, while the value cell beside it wrote to the whole selection — so renaming\n                  // A property the selection shared moved it on one element and left it on the\n                  // Rest.\n                  transactDoc(activeTab.value, (t) => {\n                    for (const target of targets) {\n                      const current = targetStyleOf(t, target)[prop];\n                      if (current === undefined) {\n                        continue;\n                      }\n                      const write = contextMutate(target, activeSelector, editMedia);\n                      write(t, prop);\n                      write(t, newProp, String(current));\n                    }\n                  });\n                }}\n              ></sp-textfield>\n              <sp-textfield\n                size=\"s\"\n                class=\"kv-val\"\n                .value=${live(String(activeStyle[prop]))}\n                placeholder=${ifDefined(cssInitialMap.get(prop))}\n                @input=${debouncedStyleCommit(`custom:${prop}`, 400, (e: Event) => {\n                  commitStyle(prop, (e.target as HTMLInputElement).value);\n                })}\n              ></sp-textfield>\n              <sp-action-button size=\"xs\" quiet @click=${() => commitStyle(prop)}>\n                <sp-icon-close slot=\"icon\"></sp-icon-close>\n              </sp-action-button>\n            </div>\n          `,\n        )}\n        <div style=\"display:flex;gap:4px;padding-top:4px\">\n          <sp-textfield\n            size=\"s\"\n            placeholder=\"Property name…\"\n            style=\"flex:1\"\n            @keydown=${(e: KeyboardEvent) => {\n              if (e.key === \"Enter\") {\n                e.preventDefault();\n                const prop = (e.target as HTMLInputElement).value.trim();\n                if (prop) {\n                  const initial = cssInitialMap.get(prop) || \"\";\n                  commitStyle(prop, initial || \"\");\n                  (e.target as HTMLInputElement).value = \"\";\n                }\n              }\n            }}\n          ></sp-textfield>\n        </div>\n      </div>\n    </sp-accordion-item>\n  `;\n\n  // ── Relative Styling section (nested rules) ───────────────────────────────\n  const nestedIsOpen = tab.session.ui.styleSections.nested ?? nestedRules.length > 0;\n  const nestedSectionT =\n    nestedRules.length > 0\n      ? html`\n          <sp-accordion-item\n            label=\"Relative Styling\"\n            .open=${nestedIsOpen}\n            @sp-accordion-item-toggle=${(e: Event) => {\n              activeTab.value!.session.ui.styleSections = {\n                ...activeTab.value!.session.ui.styleSections,\n                nested: (e.target as HTMLElement & { open: boolean }).open,\n              };\n            }}\n          >\n            <div style=\"display:flex;flex-direction:column;gap:4px;padding:4px 0\">\n              ${nestedRules.map(\n                (rule) => html`\n                  <div style=\"display:flex;align-items:center;gap:4px\">\n                    <button\n                      style=\"flex:1;text-align:left;padding:6px 10px;background:var(--spectrum-gray-200, #1a1a1a);border:none;border-radius:var(--radius);color:var(--spectrum-gray-900, #fafafa);font-size:var(--spectrum-font-size-75, 12px);cursor:pointer\"\n                      @click=${() => {\n                        const newSelector = activeSelector ? `${activeSelector} ${rule}` : rule;\n                        selectStylebookTag(newSelector, undefined, {\n                          panCanvas: true,\n                        });\n                      }}\n                    >\n                      ${rule}\n                    </button>\n                    <sp-action-button size=\"xs\" quiet @click=${() => commitStyle(rule)}>\n                      <sp-icon-delete slot=\"icon\"></sp-icon-delete>\n                    </sp-action-button>\n                  </div>\n                `,\n              )}\n              <button\n                style=\"padding:6px 10px;background:none;border:1px dashed var(--spectrum-gray-400, #333);border-radius:var(--radius);color:var(--spectrum-gray-700, #a1a1aa);font-size:var(--spectrum-font-size-75, 12px);cursor:pointer\"\n                @click=${async () => {\n                  const name = await showPromptDialog(\"Add Nested Selector\", {\n                    confirmLabel: \"Add\",\n                    message: \"Enter a selector to nest under the current rule.\",\n                    placeholder: \"th, :hover, .active\",\n                    validate: (v) => (v.trim() ? \"\" : \"Enter a selector.\"),\n                  });\n                  if (name) {\n                    commitStyle(name, {});\n                  }\n                }}\n              >\n                + Add\n              </button>\n            </div>\n          </sp-accordion-item>\n        `\n      : nothing;\n\n  return html`\n    <div class=\"style-sidebar\">\n      ${targetLineT} ${filterBarT}\n      <sp-accordion allow-multiple size=\"s\">\n        ${sectionTemplates} ${nestedSectionT} ${customSectionT}\n      </sp-accordion>\n    </div>\n  `;\n}\n\n// ─── Entry point ────────────────────────────────────────────────────────────\n\n/**\n * Top-level Style panel — returns a lit-html template.\n *\n * @param {{ getCanvasMode: () => string }} ctx\n * @returns {import(\"lit-html\").TemplateResult}\n */\nexport function renderStylePanelTemplate(ctx: { getCanvasMode: () => string }) {\n  const tab = activeTab.value;\n  const noDocument = () =>\n    renderEmptyState({\n      actions: [openPageAction()],\n      message: \"Open a page to style what you click.\",\n    });\n  if (!tab) {\n    return noDocument();\n  }\n  if (ctx.getCanvasMode() === \"stylebook\" && shell.stylebook.selection) {\n    const node = tab.doc.document;\n    if (!node) {\n      return noDocument();\n    }\n    // No separate `Styling: <h1>` header. It said the same thing the Target Line's scope chip says,\n    // Except that it said it as a caption, after the fact, and without the blast radius (§6.1).\n    return styleSidebarTemplate(node, tab.session.ui.activeMedia, tab.session.ui.activeSelector, {\n      effectiveStyle: getEffectiveStyle(node.style),\n      stylebookSelector: shell.stylebook.selection,\n    });\n  }\n  const selected = primarySelection(tab.session.selection);\n  if (!selected) {\n    return renderEmptyState({ message: clickAnythingTo(\"style it\") });\n  }\n  const node = getNodeAtPath(tab.doc.document, selected);\n  if (!node) {\n    return renderEmptyState({ message: staleSelectionMessage() });\n  }\n  return styleSidebarTemplate(node, tab.session.ui.activeMedia, tab.session.ui.activeSelector);\n}\n\n// ─── Commands ─────────────────────────────────────────────────────────────────\n\n/**\n * The Style tab's selector verbs.\n *\n * `style.openSelectorMenu` is the one command here that addresses a CONTROL rather than a state,\n * and it earns that on purpose: the shot it serves photographs the open menu, so the menu is the\n * subject. What it does not do is hand a CSS selector back to the runner for a synthetic mouse\n * press — the element comes from the Target Line's own `ref`, so a refactor of that markup moves\n * the handle with it. The menu it opens is now a segment of the Target Line rather than a picker on\n * a retired toolbar; the id, and therefore the shot, is unchanged.\n *\n * `style.setSelector` is the state half of the same idea, and it is what a caller that wants a\n * RESULT rather than a picture should use: the menu exists to choose a selector, and choosing one\n * is expressible.\n *\n * @returns {AnyCommand[]}\n */\nexport function styleCommands(): AnyCommand[] {\n  const styleTabOpen = (ctx: { document: { open: boolean }; selection: { count: number } }) =>\n    ctx.document.open && ctx.selection.count > 0;\n\n  return [\n    {\n      category: \"View\",\n      id: \"style.openSelectorMenu\",\n      level: \"selection\",\n      menus: [\"palette\"],\n      group: \"8_style\",\n      requires: \"the Style tab showing a selected element\",\n      when: styleTabOpen,\n      run: () => openSelectorMenu(),\n      title: \"Open Selector Menu\",\n    },\n    {\n      args: {\n        additionalProperties: false,\n        properties: {\n          selector: pathlessSelectorProperty(),\n        },\n        required: [\"selector\"],\n        type: \"object\",\n      },\n      category: \"View\",\n      id: \"style.setSelector\",\n      level: \"selection\",\n      menus: [\"palette\"],\n      group: \"8_style\",\n      requires: \"an element selection\",\n      when: styleTabOpen,\n      run: (_commandCtx, args) => {\n        const { selector } = args as { selector?: unknown };\n        if (selector === null) {\n          const tab = activeTab.value;\n          if (tab) {\n            tab.session.ui.activeSelector = null;\n          }\n          return;\n        }\n        const value = stringArg(\"style.setSelector\", args, \"selector\");\n        if (!isNestedSelector(value)) {\n          throw new RangeError(\n            `command \"style.setSelector\" argument \"selector\": \"${value}\" is not a nested ` +\n              `selector — it must start with \":\", \".\", \"&\" or \"[\"`,\n          );\n        }\n        const tab = activeTab.value;\n        if (!tab) {\n          throw new RangeError(`command \"style.setSelector\" needs an open document`);\n        }\n        tab.session.ui.activeSelector = value;\n      },\n      title: \"Set Style Selector\",\n    },\n  ];\n}\n\n/** The `selector` property's schema: a nested selector, or `null` for the base context. */\nfunction pathlessSelectorProperty(): object {\n  return {\n    description:\n      'A nested selector such as \":hover\", \".child\" or \"[open]\". null edits the base context.',\n    oneOf: [{ type: \"string\" }, { type: \"null\" }],\n  };\n}\n\n/**\n * Register the Style tab's selector verbs.\n *\n * @param {CommandRegistry} registry\n */\nexport function registerStyleCommands(registry: CommandRegistry): void {\n  registry.registerAll(styleCommands());\n}\n",
+    "/// <reference lib=\"dom\" />\n/**\n * Right panel — the Inspector dock: four tabs, one dock, one column.\n *\n * **Content · Style · Logic · Assistant**, text-labelled. Three of those are renames of what was\n * here (Properties→Content, Events→Logic) and the fourth is the assistant, folded in from the fifth\n * grid column it used to own — which is the point of plan §3.2 ⑨: an inspector tab costs zero\n * additional width, so the canvas gets the ~300px back and the assistant is still one key away.\n *\n * Two things changed shape to make that work:\n *\n * - **The tabs are words, not icons.** Three icon-only tabs with `title` attributes meant three hover\n *   probes to learn a dock you look at all day, and the icons were `sp-icon-properties` /\n *   `sp-icon-event` / `sp-icon-brush` — a form, a lightning bolt and a paintbrush, none of which\n *   says \"this is where the link target lives\".\n * - **The containers are permanent.** The no-document state used to drop and rebuild them; it now\n *   renders INTO the three document tabs, because the Assistant's DOM (composer draft, scroll\n *   position, streaming part cache) must survive a document closing — the assistant works with no\n *   project at all, which is exactly the New Project hand-off's requirement.\n *\n * Every tab renders under a header naming its target (§3.2 ⑨), the same treatment wave A gave the\n * Navigator panels. The Target Line proper — provenance-coded, cascade-aware — is §6 and P5; this\n * is its honest predecessor: the tab's name, and what it is pointed at.\n *\n * The heavy sub-templates (properties, style) remain in their own modules and are passed the ctx\n * they need.\n */\n\nimport { html, render as litRender } from \"lit-html\";\nimport { getNodeAtPath, nodeLabel, rightPanel } from \"../store\";\nimport { effect, effectScope, reactive } from \"../reactivity\";\nimport { createPanelScheduler } from \"./panel-scheduler\";\nimport type { PanelScheduler } from \"./panel-scheduler\";\nimport { activeTab } from \"../workspace/workspace\";\nimport { primarySelection } from \"../tabs/selection\";\nimport { openPageAction, renderEmptyState } from \"./empty-state\";\nimport { renderLogicPanelTemplate } from \"./events-panel\";\nimport { isCustomElementDoc } from \"./signals-panel\";\n\nimport { DEFAULT_INSPECTOR_TAB, isInspectorTabId, shell } from \"../shell\";\nimport { INSPECTOR_TABS } from \"../commands/defaults\";\nimport { inspectorTabRegion, REGION_ATTR } from \"../ui/regions\";\nimport { isColorPopoverOpen } from \"../ui/color-selector\";\nimport { renderStylePanelTemplate } from \"./style-panel\";\nimport { renderPropertiesPanelTemplate } from \"./properties-panel\";\n\nimport type { InspectorTabId } from \"../shell\";\nimport type { TemplateResult } from \"lit-html\";\nimport type { EffectScope } from \"@vue/reactivity\";\n\ninterface RightPanelCtx {\n  navigateToComponent: (path: string) => void;\n  getCanvasMode: () => string;\n  renderCanvas: () => void;\n  /**\n   * Hand the Assistant tab's body to whoever owns the assistant, once.\n   *\n   * Injected rather than imported so the dependency runs one way: `chat-panel.ts` reaches back into\n   * this module to SELECT its tab, and a matching import here would be a cycle between the host and\n   * its tenant. `studio.ts` already composes both, so it is the natural place to join them.\n   */\n  mountAssistant: (host: HTMLElement) => void;\n}\n\nlet _ctx: RightPanelCtx | null = null;\n\nlet _scope: EffectScope | null = null;\n\nlet _scheduler: PanelScheduler | null = null;\n\n/**\n * The selected tab while NO document is open.\n *\n * `session.ui.rightTab` is per-document — the tab you were on comes back with the file — and with\n * no file there is nowhere per-document to put it. The Assistant is usable in exactly that state\n * (the New Project flow hands it a brief before any document exists), so the selection falls back\n * here rather than being refused.\n *\n * Reactive, because it is read by surfaces outside this module: the Command Bar's assistant toggle\n * reports whether the assistant is showing, and a plain field would leave that button lying on the\n * welcome screen — which is the whole class of bug `shell.ts` was split out to end.\n */\nconst _detached = reactive({ tab: DEFAULT_INSPECTOR_TAB as InspectorTabId });\n\n/**\n * Mount the right panel.\n *\n * @param {RightPanelCtx} ctx\n */\nexport function mount(ctx: RightPanelCtx) {\n  _ctx = ctx;\n  _scheduler = createPanelScheduler({\n    blockWhile: isColorPopoverOpen,\n    render: _doRender,\n    root: rightPanel,\n  });\n  _scheduler.bindFocus();\n  _scope = effectScope();\n  _scope.run(() => {\n    effect(() => {\n      const tab = activeTab.value;\n      // Layout chrome is not IN the document, so nothing per-tab changes when the canvas reports a\n      // `layoutHit` — and the panel that answers it (the Content tab's Layout Element card) spent a\n      // Release cycle repainting only because the canvas host happened to call `renderOnly` too.\n      // Reading it here makes the dock's dependency on it real.\n      void shell.layoutSelection;\n      // No tab is a state the inspector renders (its no-document empty state), not one it skips.\n      if (tab) {\n        // Track properties the right panel reads\n        void tab.doc.document;\n        // The whole SET, joined — a bare property read would not re-trigger when the selection\n        // Changes WITHIN the array, and §6.5's helpers always replace it but nothing enforces that.\n        void tab.session.selection.map((path) => path.join(\"/\")).join(\"|\");\n        void tab.session.ui.rightTab;\n        void tab.session.ui.activeMedia;\n        void tab.session.ui.activeSelector;\n        void tab.session.ui.styleSections;\n        void tab.session.ui.styleShorthands;\n        void tab.session.ui.styleFilter;\n        void tab.session.ui.inspectorSections;\n      }\n      render();\n    });\n  });\n}\n\nexport function unmount() {\n  _scope?.stop();\n  _scope = null;\n  _ctx = null;\n  _scheduler?.unbind();\n  _scheduler = null;\n  _containers = null;\n  _detached.tab = DEFAULT_INSPECTOR_TAB;\n}\n\n/**\n * Request a render. Coalesced and deferred while a text input in the panel is focused or a color\n * popover is open (so explicit callers can never clobber a field mid-edit).\n */\nexport function render() {\n  _scheduler?.schedule();\n}\n\n/**\n * The tab showing right now — the stored value, coerced to a declared one.\n *\n * Coercion rather than trust because the value is persisted session state: a build that spelled a\n * tab differently, or an automation step that guessed, must land on Content rather than on a blank\n * dock with no tab selected.\n */\nexport function inspectorTab(): InspectorTabId {\n  const tab = activeTab.value;\n  if (!tab) {\n    return _detached.tab;\n  }\n  const stored: unknown = tab.session.ui.rightTab;\n  return isInspectorTabId(stored) ? stored : DEFAULT_INSPECTOR_TAB;\n}\n\n/**\n * Select a tab. The ONE writer — the strip, `view.setRightTab`, `view.setAssistant` and the\n * assistant's own pending-prompt hand-off all come through here.\n */\nexport function setInspectorTab(tab: InspectorTabId): void {\n  const aTab = activeTab.value;\n  if (aTab) {\n    aTab.session.ui.rightTab = tab;\n  } else {\n    _detached.tab = tab;\n  }\n  render();\n}\n\n/** Tab value → its body container, built once and reused across renders. */\nlet _containers: Map<InspectorTabId, HTMLElement> | null = null;\n\nfunction _ensureContainers(ctx: RightPanelCtx): Map<InspectorTabId, HTMLElement> {\n  if (_containers) {\n    return _containers;\n  }\n  _containers = new Map(\n    INSPECTOR_TABS.map((t) => {\n      const el = document.createElement(\"div\");\n      el.className = \"panel-body\";\n      el.setAttribute(REGION_ATTR, inspectorTabRegion(t.id));\n      return [t.id as InspectorTabId, el] as const;\n    }),\n  );\n  // The assistant owns its container for the life of the window: it is bound as lit's render host\n  // For a streaming rAF loop, and rebuilding it would drop the transcript and the composer draft.\n  ctx.mountAssistant(_containers.get(\"assistant\")!);\n  return _containers;\n}\n\n/**\n * What the selected tab is pointed AT, in the fewest words that are true.\n *\n * A tag name when a node is selected, the document's own name when nothing is, and \"no document\"\n * when there is nothing open. The dock spent its whole life unable to answer this — three icon tabs\n * and no statement of target anywhere — which is how \"why is this field disabled\" became a question\n * with no on-screen answer.\n */\nfunction inspectorTarget(): string {\n  const tab = activeTab.value;\n  if (!tab) {\n    return \"no document\";\n  }\n  // Layout chrome first: it is mutually exclusive with a document selection, and it is the one\n  // Target whose name has to say where it came FROM — \"<header> in layouts/base.json\" is the whole\n  // Answer to \"why can I not edit this\".\n  const layout = shell.layoutSelection;\n  if (layout) {\n    return `<${layout.tagName || \"element\"}> in ${layout.layoutFile || \"the layout\"}`;\n  }\n  const paths = tab.session.selection;\n  const selection = primarySelection(paths);\n  if (selection) {\n    // The inspector's title names the batch when there is one — it edits all of them, and titling\n    // It after the primary alone is how a Mixed field ends up looking like a plain value.\n    return paths.length > 1\n      ? `${paths.length} elements`\n      : nodeLabel(getNodeAtPath(tab.doc.document, selection));\n  }\n  const path = tab.documentPath;\n  return path ? (path.split(\"/\").at(-1) ?? \"document\") : \"document\";\n}\n\n/** The dock's header: which tab you are in, and what it is pointed at. */\nfunction headerTpl(tab: InspectorTabId): TemplateResult {\n  const title = INSPECTOR_TABS.find((t) => t.id === tab)?.title ?? tab;\n  return html`\n    <header class=\"panel-header\">\n      <span class=\"panel-header-title\">${title}</span>\n      <span class=\"panel-header-level\">${inspectorTarget()}</span>\n    </header>\n  `;\n}\n\n/** The four-tab strip. Text labels: a dock you read all day should not need to be hovered. */\nfunction tabsTpl(tab: InspectorTabId): TemplateResult {\n  return html`\n    <div class=\"panel-tabs inspector-tabs\">\n      <sp-tabs\n        selected=${tab}\n        quiet\n        size=\"s\"\n        @change=${(e: Event & { target: { selected: string } }) => {\n          const sel = e.target.selected;\n          if (sel && sel !== tab && isInspectorTabId(sel)) {\n            setInspectorTab(sel);\n          }\n        }}\n      >\n        ${INSPECTOR_TABS.map((t) => html`<sp-tab value=${t.id} label=${t.title}></sp-tab>`)}\n      </sp-tabs>\n    </div>\n  `;\n}\n\n/** The inspector's no-document state, rendered into a document tab's own body. */\nfunction noDocumentTpl(): TemplateResult {\n  return renderEmptyState({\n    actions: [openPageAction()],\n    message: \"Open a page to inspect and style what you click.\",\n  });\n}\n\nfunction _doRender() {\n  if (!_ctx) {\n    return;\n  }\n  try {\n    const ctx = _ctx as RightPanelCtx;\n    const aTab = activeTab.value;\n    const tab = inspectorTab();\n\n    litRender(html`${headerTpl(tab)}${tabsTpl(tab)}`, rightPanel);\n\n    const containers = _ensureContainers(ctx);\n    // Show/hide containers, and attach any that a fresh build has not mounted yet.\n    for (const [key, el] of containers) {\n      el.style.display = key === tab ? \"\" : \"none\";\n      if (!el.parentNode) {\n        rightPanel.append(el);\n      }\n    }\n\n    const body = containers.get(tab)!;\n    // The assistant paints itself through its own rAF loop into this very container (streaming has\n    // To repaint while the composer is focused), so the host must not render over it.\n    if (tab === \"assistant\") {\n      return;\n    }\n    if (!aTab) {\n      litRender(noDocumentTpl(), body);\n      return;\n    }\n    if (tab === \"properties\") {\n      litRender(\n        renderPropertiesPanelTemplate({\n          navigateToComponent: ctx.navigateToComponent,\n        }),\n        body,\n      );\n    } else if (tab === \"events\") {\n      litRender(\n        renderLogicPanelTemplate({\n          isCustomElementDoc: () =>\n            isCustomElementDoc({\n              document: aTab.doc.document,\n              mode: aTab.doc.mode,\n              selection: aTab.session.selection,\n              ui: aTab.session.ui,\n            }),\n        }),\n        body,\n      );\n    } else {\n      try {\n        litRender(renderStylePanelTemplate({ getCanvasMode: ctx.getCanvasMode }), body);\n      } catch (error) {\n        console.error(\"[renderStylePanelTemplate]\", error);\n      }\n    }\n  } catch (error) {\n    console.error(\"right-panel render error:\", error);\n  }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "EE6BCDBC241C370964756E2164756E21",
+  "names": []
+}