@nklisch/pi-enhanced 0.1.2 → 0.1.4

package/node_modules/@nklisch/pi-clearance/src/runtime/config-commands/settings/dispatcher.ts

@@ -2,10 +2,12 @@ import type { ExtensionCommandContext } from "@earendil-works/pi-coding-agent";
 
 import {
   type ProjectScopeListField,
+  planGatedToolCommandChange,
   planModeCommandChange,
   planProjectScopeCommandChange,
   planReviewerCommandChange,
   planReviewNoteDisplayCommandChange,
+  type GatedToolCommandChange,
   type ReviewerCommandChange,
   type ReviewNoteDisplayCommandChange,
   type ScopeCommandChange,
@@ -15,9 +17,17 @@ import {
   type ConfigCommandApplyResult,
   type ConfigCommandPlan,
 } from "../../../config/config-command-writer.ts";
-import type { ClearanceMode } from "../../../config/schema.ts";
+import {
+  CLEARANCE_MODES,
+  type ClearanceMode,
+  REVIEW_NOTE_MODES,
+} from "../../../config/schema.ts";
 import type { JsonPatchOperation } from "../../../replay/proposal-schema.ts";
 import { detectReviewDecisionDisplayCapability } from "../../review-decision-display.ts";
+import {
+  isShippedReviewerPostureId,
+  SHIPPED_REVIEWER_POSTURE_OPTIONS,
+} from "../../reviewer-prompts.ts";
 import {
   handlePackMutationCommand,
   type PackMutationRequest,
@@ -36,6 +46,11 @@ import {
   type SettingsActionId,
 } from "./actions.ts";
 import { renderPacksOpenDrill, renderPacksShowDrill } from "./panels/packs.ts";
+import {
+  ACTIVE_SESSION_MODEL_LABEL,
+  availableReviewerModels,
+  type ReviewerModelOption,
+} from "./model-options.ts";
 
 export interface SettingsDispatchDependencies
   extends AutoReviewerCommandDependencies {}
@@ -83,6 +98,10 @@ export async function dispatchSettingsAction(
   ctx: ExtensionCommandContext,
   deps: SettingsDispatchDependencies,
 ): Promise<CommandReport<SettingsDispatchDetails | unknown>> {
+  const selected = await resolveSelectorAction(action, ctx, deps);
+  if (!selected.ok) return selected.report;
+  action = selected.action;
+
   if (isDrillAction(action.id)) {
     if (action.id === "packs.open") {
       return await renderPacksOpenDrill({ action, ctx, deps });
@@ -133,6 +152,11 @@ export async function dispatchSettingsAction(
           mode: change.mode,
           resolvedConfig: policy.policy.config,
         });
+      case "gated-tools":
+        return planGatedToolCommandChange({
+          change: change.change,
+          resolvedConfig: policy.policy.config,
+        });
       case "reviewer":
         return planReviewerCommandChange({
           change: change.change,
@@ -236,8 +260,217 @@ export function settingsUiRequiredReport(
   };
 }
 
+async function resolveSelectorAction(
+  action: SettingsAction,
+  ctx: ExtensionCommandContext,
+  deps: SettingsDispatchDependencies,
+): Promise<
+  | { readonly ok: true; readonly action: SettingsAction }
+  | { readonly ok: false; readonly report: CommandReport }
+> {
+  const isSelector =
+    action.id === "mode.select" ||
+    (action.id === "reviewer.model" && !Object.hasOwn(action.args, "model")) ||
+    action.id === "reviewer.posture.select" ||
+    action.id === "scope.preset.select" ||
+    action.id === "scope.unknown-path.select" ||
+    action.id === "briefing.mode.select" ||
+    (action.id === "gated-tools.add" &&
+      !Object.hasOwn(action.args, "toolName"));
+  if (!isSelector) return { ok: true, action };
+  if (ctx.hasUI !== true)
+    return { ok: false, report: settingsUiRequiredReport(action) };
+
+  const policy = await resolvePolicyReport(ctx, deps);
+  if (!policy.ok) return { ok: false, report: policy.report };
+  const reviewerModelOptions =
+    action.id === "reviewer.model" ? availableReviewerModels(ctx) : [];
+  const options = selectorOptions(
+    action,
+    deps,
+    reviewerModelOptions,
+    policy.policy.config.gatedTools ?? [],
+  );
+  if (options.length === 0) {
+    return {
+      ok: false,
+      report: invalidActionReport(
+        action,
+        "No choices are available in the current Pi session.",
+      ),
+    };
+  }
+
+  let selected: string | undefined;
+  try {
+    selected = await ctx.ui.select(selectorTitle(action), [...options]);
+  } catch {
+    selected = undefined;
+  }
+  if (selected === undefined) {
+    return {
+      ok: false,
+      report: {
+        title: "Settings selection cancelled",
+        summary: "No setting was selected; no config changes were written.",
+        markdown:
+          "# Settings selection cancelled\n\nNo config changes were written.",
+        details: { reason: "cancelled", action },
+        level: "warning",
+      },
+    };
+  }
+
+  const selectedAction = selectorSelection(
+    action,
+    selected,
+    reviewerModelOptions,
+  );
+  return selectedAction === undefined
+    ? {
+        ok: false,
+        report: invalidActionReport(action, "Unknown settings selection."),
+      }
+    : { ok: true, action: selectedAction };
+}
+
+function selectorOptions(
+  action: SettingsAction,
+  deps: SettingsDispatchDependencies,
+  reviewerModelOptions: readonly ReviewerModelOption[],
+  gatedTools: readonly string[],
+): readonly string[] {
+  switch (action.id) {
+    case "mode.select":
+      return CLEARANCE_MODES.map((mode) => modeLabel(mode));
+    case "reviewer.model":
+      return [
+        ACTIVE_SESSION_MODEL_LABEL,
+        ...reviewerModelOptions.map((model) => model.label),
+      ];
+    case "reviewer.posture.select":
+      return SHIPPED_REVIEWER_POSTURE_OPTIONS.map((option) => option.label);
+    case "scope.preset.select":
+      return ["Project only", "Home + project", "Full minus danger list"];
+    case "scope.unknown-path.select":
+      return ["Review unknown paths", "Deny unknown paths"];
+    case "briefing.mode.select":
+      return REVIEW_NOTE_MODES.map((mode) => `Note mode: ${mode}`);
+    case "gated-tools.add": {
+      const metadata = deps.toolMetadata?.();
+      return metadata === undefined
+        ? []
+        : activeToolNames(metadata)
+            .filter((name) => name !== "bash")
+            .filter((name) => !gatedTools.includes(name));
+    }
+    default:
+      return [];
+  }
+}
+
+function selectorTitle(action: SettingsAction): string {
+  switch (action.id) {
+    case "mode.select":
+      return "Choose Clearance mode";
+    case "reviewer.model":
+      return "Choose reviewer model";
+    case "reviewer.posture.select":
+      return "Choose reviewer posture";
+    case "scope.preset.select":
+      return "Choose scope preset";
+    case "scope.unknown-path.select":
+      return "Choose unknown-path behavior";
+    case "briefing.mode.select":
+      return "Choose briefing mode";
+    case "gated-tools.add":
+      return "Add exact gated non-Bash tool";
+    default:
+      return "Choose setting";
+  }
+}
+
+function selectorSelection(
+  action: SettingsAction,
+  selected: string,
+  reviewerModelOptions: readonly ReviewerModelOption[],
+): SettingsAction | undefined {
+  switch (action.id) {
+    case "mode.select": {
+      const mode = CLEARANCE_MODES.find(
+        (candidate) => selected === modeLabel(candidate),
+      );
+      return mode === undefined
+        ? undefined
+        : { id: "mode.set", args: { mode } };
+    }
+    case "reviewer.model": {
+      if (selected === ACTIVE_SESSION_MODEL_LABEL)
+        return { id: "reviewer.model", args: { model: null } };
+      const model = reviewerModelOptions.find(
+        (candidate) => candidate.label === selected,
+      );
+      return model === undefined
+        ? undefined
+        : { id: "reviewer.model", args: { model: model.spec } };
+    }
+    case "reviewer.posture.select": {
+      const posture = SHIPPED_REVIEWER_POSTURE_OPTIONS.find(
+        (option) => option.label === selected,
+      )?.id;
+      return posture === undefined
+        ? undefined
+        : { id: "reviewer.posture.set", args: { promptPosture: posture } };
+    }
+    case "scope.preset.select": {
+      const preset = {
+        "Project only": "project",
+        "Home + project": "home",
+        "Full minus danger list": "unrestricted",
+      }[selected];
+      return preset === undefined
+        ? undefined
+        : { id: "scope.preset", args: { preset } };
+    }
+    case "scope.unknown-path.select":
+      return selected === "Review unknown paths"
+        ? { id: "scope.unknown-path", args: { behavior: "review" } }
+        : selected === "Deny unknown paths"
+          ? { id: "scope.unknown-path", args: { behavior: "deny" } }
+          : undefined;
+    case "briefing.mode.select": {
+      const mode = selected.replace(/^Note mode: /, "");
+      return (REVIEW_NOTE_MODES as readonly string[]).includes(mode)
+        ? { id: "briefing.mode", args: { mode } }
+        : undefined;
+    }
+    case "gated-tools.add":
+      return { id: "gated-tools.add", args: { toolName: selected } };
+    default:
+      return undefined;
+  }
+}
+
+function modeLabel(mode: ClearanceMode): string {
+  return mode[0]?.toUpperCase() + mode.slice(1);
+}
+
+function activeToolNames(metadata: {
+  readonly activeToolNames: readonly string[];
+  readonly allToolNames: readonly string[];
+}): readonly string[] {
+  return metadata.activeToolNames.length > 0
+    ? metadata.activeToolNames
+    : metadata.allToolNames;
+}
+
 type MaterializedSettingsChange =
   | { readonly ok: true; readonly kind: "mode"; readonly mode: ClearanceMode }
+  | {
+      readonly ok: true;
+      readonly kind: "gated-tools";
+      readonly change: GatedToolCommandChange;
+    }
   | {
       readonly ok: true;
       readonly kind: "reviewer";
@@ -266,6 +499,41 @@ function materializeSettingsAction(
       }
       return { ok: true, kind: "mode", mode };
     }
+    case "gated-tools.add":
+    case "gated-tools.remove": {
+      const toolName = stringArg(action, "toolName");
+      if (toolName === undefined) {
+        return invalidArg(action, "toolName", "an exact non-Bash tool name");
+      }
+      return {
+        ok: true,
+        kind: "gated-tools",
+        change: {
+          kind: action.id === "gated-tools.add" ? "add" : "remove",
+          toolName,
+        },
+      };
+    }
+    case "reviewer.posture.set": {
+      const promptPosture = stringArg(action, "promptPosture");
+      if (
+        promptPosture === undefined ||
+        !isShippedReviewerPostureId(promptPosture)
+      ) {
+        return invalidArg(
+          action,
+          "promptPosture",
+          SHIPPED_REVIEWER_POSTURE_OPTIONS.map((option) => option.id).join(
+            ", ",
+          ),
+        );
+      }
+      return {
+        ok: true,
+        kind: "reviewer",
+        change: { kind: "prompt-posture", promptPosture },
+      };
+    }
     case "reviewer.model": {
       const model = nullableStringArg(action, "model");
       if (!model.ok) return { ok: false, reason: model.reason };
@@ -383,6 +651,11 @@ function materializeSettingsAction(
         change: { kind: "accent", enabled },
       };
     }
+    case "mode.select":
+    case "reviewer.posture.select":
+    case "scope.preset.select":
+    case "scope.unknown-path.select":
+    case "briefing.mode.select":
     case "reviewer.open":
     case "scope.open":
     case "packs.open":

package/node_modules/@nklisch/pi-clearance/src/runtime/config-commands/settings/model-options.ts

@@ -0,0 +1,52 @@
+import type { ExtensionCommandContext } from "@earendil-works/pi-coding-agent";
+
+import type { ReviewerModelRegistry } from "../../reviewer-model.ts";
+
+export interface ReviewerModelOption {
+  /** Canonical provider/modelId spec written to config. */
+  readonly spec: string;
+  /** Human-facing label shown by Pi's selector. */
+  readonly label: string;
+}
+
+export const ACTIVE_SESSION_MODEL_LABEL = "Use active session model" as const;
+export const REVIEWER_MODEL_OPTION_LIMIT = 12;
+
+/**
+ * Return the same capped, auth-filtered model catalog for both read models and
+ * selector dispatch. Keeping the spec beside its label avoids rebuilding a
+ * potentially different provider/model mapping at the point of selection.
+ */
+export function availableReviewerModels(
+  ctx: ExtensionCommandContext,
+): readonly ReviewerModelOption[] {
+  const registry = (ctx as { readonly modelRegistry?: unknown })
+    .modelRegistry as ReviewerModelRegistry | undefined;
+  if (
+    registry === undefined ||
+    typeof registry.getAll !== "function" ||
+    typeof registry.hasConfiguredAuth !== "function"
+  ) {
+    return [];
+  }
+
+  try {
+    return registry
+      .getAll()
+      .filter((model) => registry.hasConfiguredAuth(model))
+      .map((model) => {
+        const spec = `${model.provider}/${model.id}`;
+        return {
+          spec,
+          label:
+            typeof model.name === "string" && model.name.length > 0
+              ? `${model.name} (${spec})`
+              : spec,
+        };
+      })
+      .sort((a, b) => a.spec.localeCompare(b.spec))
+      .slice(0, REVIEWER_MODEL_OPTION_LIMIT);
+  } catch {
+    return [];
+  }
+}

package/node_modules/@nklisch/pi-clearance/src/runtime/config-commands/settings/native-ui.ts

@@ -1,7 +1,11 @@
 import type { ExtensionCommandContext } from "@earendil-works/pi-coding-agent";
 import { Key, matchesKey, truncateToWidth } from "@earendil-works/pi-tui";
 
-import type { ProjectScopeListField } from "../../../config/config-command-plans.ts";
+import {
+  inferScopePreset,
+  SCOPE_PRESET_LABELS,
+  type ProjectScopeListField,
+} from "../../../config/config-command-plans.ts";
 import { handleScopeCommand } from "../scope.ts";
 import type { CommandReport } from "../types.ts";
 import type { SettingsAction, SettingsActionId } from "./actions.ts";
@@ -645,6 +649,11 @@ export class SettingsNativeUiComponent {
       `Mode: ${this.model.currentMode.label} - ${this.model.currentMode.description}`,
       `Reviewer: ${this.model.status.reviewer.path} - ${this.model.status.reviewer.consequence}`,
       `Review context: ${this.model.status.reviewer.contextMode}`,
+      ...((this.model.status.customizations?.length ?? 0) === 0
+        ? []
+        : [
+            `Customizations: ${this.model.status.customizations?.join("; ") ?? ""}`,
+          ]),
       `Packs: ${this.model.status.packs.enabled}/${this.model.status.packs.total} enabled`,
     ];
   }
@@ -720,16 +729,11 @@ export class SettingsNativeUiComponent {
 
 function homeItems(model: SettingsReadModel): readonly NativeSettingsItem[] {
   return [
-    ...model.modes.map((mode) => ({
-      kind: "selection" as const,
-      label: `Set mode: ${mode.label}`,
-      description: mode.description,
-      selection: {
-        kind: "action" as const,
-        label: `Set mode: ${mode.label}`,
-        action: { id: "mode.set" as const, args: { mode: mode.mode } },
-      },
-    })),
+    actionItem(
+      `Mode: ${model.currentMode.label}`,
+      model.currentMode.description,
+      { id: "mode.select", args: {} },
+    ),
     ...model.panels.map((descriptor) => ({
       kind: "panel" as const,
       label: descriptor.title,
@@ -763,22 +767,36 @@ function panelItems(
 function reviewerItems(
   model: SettingsReadModel,
 ): readonly NativeSettingsItem[] {
+  const configuredModel = model.status.reviewer.configuredModel;
+  const gatedToolItems = model.gatedTools.names.map((toolName) =>
+    actionItem(
+      `Gated tool: ${toolName}`,
+      "Toggle this exact non-Bash tool off; Bash cannot be listed.",
+      { id: "gated-tools.remove", args: { toolName } },
+    ),
+  );
   return [
-    ...model.reviewerModels.map((option) =>
       actionItem(
-        `Use reviewer model ${option.label}`,
-        "Pin the reviewer model; writes user-owned config after confirmation.",
-        { id: "reviewer.model", args: { model: option.spec } },
+      `Reviewer model: ${configuredModel ?? "session model"}`,
+      "Choose a configured model or return to the active session model; writes require confirmation.",
+      { id: "reviewer.model", args: {} },
       ),
+    actionItem(
+      `Prompt posture: ${model.status.reviewer.promptPosture}`,
+      "Choose the evidence threshold used by the model reviewer; writes require confirmation.",
+      { id: "reviewer.posture.select", args: {} },
     ),
     actionItem(
-      "Clear explicit reviewer model",
-      "Fall back to the active session model for review.",
-      { id: "reviewer.model", args: { model: null } },
+      `Gated non-Bash tools: ${model.gatedTools.names.length}`,
+      model.gatedTools.addableToolNames.length === 0
+        ? "No active non-Bash tools are available to add."
+        : "Choose an active non-Bash tool to opt into exact-name Clearance gating.",
+      { id: "gated-tools.add", args: {} },
     ),
+    ...gatedToolItems,
     actionItem(
       "Show reviewer details",
-      "Reviewer settings are read-only except model selection.",
+      "Reviewer settings and current evidence thresholds.",
       { id: "reviewer.open", args: {} },
     ),
     backItem(),
@@ -786,24 +804,13 @@ function reviewerItems(
 }
 
 function scopeItems(model: SettingsReadModel): readonly NativeSettingsItem[] {
-  const safeHomeEnabled = model.projectScope.safeHomeUseDefaults !== false;
-  const agentSupportEnabled =
-    model.projectScope.agentSupportUseDefaults !== false;
+  const safeHomeEnabled = model.projectScope.safeHomeUseDefaults;
+  const agentSupportEnabled = model.projectScope.agentSupportUseDefaults;
   return [
     actionItem(
-      "Preset: Project only",
-      "Review anything touching paths outside the project; safe-home and agent-support defaults off.",
-      { id: "scope.preset", args: { preset: "project" } },
-    ),
-    actionItem(
-      "Preset: Home + project",
-      "Baseline read auto-approvals extend into non-secret home directories.",
-      { id: "scope.preset", args: { preset: "home" } },
-    ),
-    actionItem(
-      "Preset: Full minus danger list",
-      "Broad home reads; credential and key paths are hard-denied.",
-      { id: "scope.preset", args: { preset: "unrestricted" } },
+      `Scope preset: ${scopePresetLabel(model)}`,
+      "Choose one behavior bundle; path lists remain unchanged and writes require confirmation.",
+      { id: "scope.preset.select", args: {} },
     ),
     actionItem(
       "Show full scope details",
@@ -813,20 +820,9 @@ function scopeItems(model: SettingsReadModel): readonly NativeSettingsItem[] {
     ...scopePathItems("scope.add-path", "Add"),
     ...scopePathItems("scope.remove-path", "Remove"),
     actionItem(
-      "Unknown paths: review",
-      "Review ambiguous paths instead of denying immediately.",
-      {
-        id: "scope.unknown-path",
-        args: { behavior: "review" },
-      },
-    ),
-    actionItem(
-      "Unknown paths: deny",
-      "Deny ambiguous paths unless policy can prove safety.",
-      {
-        id: "scope.unknown-path",
-        args: { behavior: "deny" },
-      },
+      `Unknown paths: ${model.projectScope.unknownPathBehavior}`,
+      "Choose whether ambiguous paths review or deny; writes require confirmation.",
+      { id: "scope.unknown-path.select", args: {} },
     ),
     actionItem(
       safeHomeEnabled ? "Safe-home defaults: off" : "Safe-home defaults: on",
@@ -888,30 +884,21 @@ export function packItems(
   ];
 }
 
+function scopePresetLabel(model: SettingsReadModel): string {
+  const scope = model.projectScope;
+  const preset = inferScopePreset(scope);
+  return preset === "custom" ? "Custom" : SCOPE_PRESET_LABELS[preset];
+}
+
 function briefingItems(
   model: SettingsReadModel,
 ): readonly NativeSettingsItem[] {
   const briefing = model.briefing;
   return [
     actionItem(
-      `Note text: reason + accent${briefing.mode === "reason+accent" ? " (current)" : ""}`,
-      "Show the decision reason inline after each reviewed call.",
-      { id: "briefing.mode", args: { mode: "reason+accent" } },
-    ),
-    actionItem(
-      `Note text: accent only${briefing.mode === "accent-only" ? " (current)" : ""}`,
-      "Quiet allows: no reason text, accent marker only.",
-      { id: "briefing.mode", args: { mode: "accent-only" } },
-    ),
-    actionItem(
-      `Note text: reason + model${briefing.mode === "reason+model" ? " (current)" : ""}`,
-      "Show the decision reason and the reviewer model label.",
-      { id: "briefing.mode", args: { mode: "reason+model" } },
-    ),
-    actionItem(
-      `Note text: off${briefing.mode === "off" ? " (current)" : ""}`,
-      "Hide review-note text entirely.",
-      { id: "briefing.mode", args: { mode: "off" } },
+      `Note mode: ${briefing.mode}`,
+      "Choose the inline review-note mode; writes require confirmation.",
+      { id: "briefing.mode.select", args: {} },
     ),
     actionItem(
       briefing.showModelLabel ? "Model label: hide" : "Model label: show",

package/node_modules/@nklisch/pi-clearance/src/runtime/config-commands/settings/panels/reviewer.ts

@@ -5,7 +5,14 @@ export const REVIEWER_PANEL: SettingsPanel = {
   id: "reviewer",
   title: "Reviewer",
   rows: reviewerRows,
-  actions: ["reviewer.model", "reviewer.open"],
+  actions: [
+    "reviewer.model",
+    "reviewer.posture.select",
+    "reviewer.posture.set",
+    "gated-tools.add",
+    "gated-tools.remove",
+    "reviewer.open",
+  ],
 };
 
 export function reviewerRows(model: SettingsReadModel): readonly SettingsRow[] {
@@ -33,7 +40,7 @@ export function reviewerRows(model: SettingsReadModel): readonly SettingsRow[] {
     {
       label: "Prompt posture",
       value: reviewer.promptPosture,
-      meaning: "Edit advanced reviewer settings in global.json.",
+      meaning: "Select a posture; writes global.json after confirmation.",
     },
     {
       label: "Context mode",
@@ -42,6 +49,15 @@ export function reviewerRows(model: SettingsReadModel): readonly SettingsRow[] {
     },
     { label: "Token budget", value: formatTokenBudget(reviewer.tokenBudget) },
     { label: "Escalation", value: formatEscalation(reviewer.escalation) },
+    {
+      label: "Gated non-Bash tools",
+      value:
+        model.gatedTools.names.length === 0
+          ? "none"
+          : `${model.gatedTools.names.length} configured`,
+      meaning:
+        "Only exact names shown in this control are analyzed by Clearance; Bash remains gated and cannot be listed.",
+    },
   ];
 }
 
@@ -51,7 +67,7 @@ export function renderReviewerPanel(model: SettingsReadModel): string {
     "",
     markdownTable(reviewerRows(model)),
     "",
-    "Model selection is interactive. Other reviewer settings are read-only here; edit global.json.",
+    "Model and prompt-posture selection are interactive and confirm-backed. Other reviewer settings are read-only here; edit global.json.",
   ].join("\n");
 }
 

package/node_modules/@nklisch/pi-clearance/src/runtime/config-commands/settings/panels/scope.ts

@@ -5,7 +5,6 @@ import {
   type ProjectScopeListField,
   SCOPE_PRESET_LABELS,
 } from "../../../../config/config-command-plans.ts";
-import type { ProjectScopeConfig } from "../../../../config/schema.ts";
 import type { CommandReport } from "../../types.ts";
 import type { SettingsAction } from "../actions.ts";
 import {
@@ -84,15 +83,7 @@ export const SCOPE_PANEL: SettingsPanel = {
 
 export function scopeRows(model: SettingsReadModel): readonly SettingsRow[] {
   const scope = model.projectScope;
-  const preset = inferScopePreset({
-    safeHomeUseDefaults: scope.safeHomeUseDefaults ?? true,
-    ...(scope.agentSupportUseDefaults === undefined
-      ? {}
-      : { agentSupportUseDefaults: scope.agentSupportUseDefaults }),
-    homePathBehavior: scope.homePathBehavior,
-    sensitivePathBehavior: scope.sensitivePathBehavior,
-    unknownPathBehavior: scope.unknownPathBehavior,
-  } as ProjectScopeConfig);
+  const preset = inferScopePreset(scope);
 
   return [
     {
@@ -308,5 +299,5 @@ function markdownTable(rows: readonly SettingsRow[]): string {
 }
 
 function escapeCell(value: string): string {
-  return value.replaceAll("|", "\\|").replaceAll("\n", "<br>");
+  return value.replaceAll("|", "\\|").replaceAll("\n", "; ");
 }

package/node_modules/@nklisch/pi-clearance/src/runtime/config-commands/settings/panels.ts

@@ -30,12 +30,21 @@ export const SETTINGS_PANELS = [
 ] as const satisfies readonly SettingsPanel[];
 
 export function renderControlCenter(model: SettingsReadModel): string {
-  const rows: readonly SettingsRow[] = [
+  const rows: SettingsRow[] = [
     {
       label: "Clearance mode",
       value: model.currentMode.label,
       meaning: model.currentMode.description,
     },
+    ...(model.status.customizations === undefined ||
+    model.status.customizations.length === 0
+      ? []
+      : [
+          {
+            label: "Customizations",
+            value: model.status.customizations.join("; "),
+          },
+        ]),
     {
       label: "Tune mode",
       value: formatTuneCueStatus(model.status.ratchet.active),