@comecaramelos/dsh-chrome-mcp 0.0.1 → 2.0.0

package/lib/client.js

@@ -4,582 +4,3019 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-		var react = require("react");
-		var reactJsx = require("react/jsx-runtime");
-		var clientStore = require("@deepseek-ai/dsh-client-store");
-		// NOTE: no UI primitives required — the extra flags editor is a plain
-		// textarea writing through the controller (props.saveFlags), not the
-		// shell Menu primitive the reference used for its profile picker.
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  LIVE_KEYS: () => LIVE_KEYS,
+  RUN_SETTLE_TIMEOUT_MS: () => RUN_SETTLE_TIMEOUT_MS2,
+  apply: () => apply,
+  card: () => card,
+  cardActions: () => cardActions,
+  cardState: () => cardState,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// node_modules/@comecaramelos/dsh-ancesters/lib/client.esm.js
+var react4 = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var react = __toESM(require("react"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var react2 = __toESM(require("react"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var react3 = __toESM(require("react"), 1);
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_dsh_client_store = require("@deepseek-ai/dsh-client-store");
+function rowConfigKey(pkgName, entryId) {
+  if (typeof pkgName !== "string" || pkgName === "") {
+    throw new Error("dsh-ancesters: rowConfigKey(pkg, entryId) requires a non-empty package name");
+  }
+  if (typeof entryId !== "string" || entryId === "") {
+    throw new Error("dsh-ancesters: rowConfigKey(pkg, entryId) requires a non-empty entry id");
+  }
+  return `${pkgName}#${entryId}`;
+}
+var cssText = '.qox3mn_body{flex-direction:column;gap:10px;display:flex}.qox3mn_field{align-items:flex-start;gap:4px;display:flex;flex-direction:column;width:100%}.qox3mn_fieldRow{align-items:center;gap:8px;display:flex;width:100%}.qox3mn_fieldTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px;flex:1;min-width:0}.qox3mn_fieldDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px;width:100%}.qox3mn_selector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.qox3mn_selector:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.qox3mn_selector:disabled{cursor:default}.qox3mn_selectorWrap{display:flex}.qox3mn_pillChevron{flex:none}.qox3mn_row{display:flex;gap:10px;align-items:center}.qox3mn_button{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:.5px solid var(--dsw-alias-border-l3);border-radius:14px;cursor:pointer;font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary);background:transparent;padding:0 10px;height:28px}.qox3mn_button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.qox3mn_button:disabled{cursor:not-allowed;opacity:.4}.qox3mn_button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.qox3mn_readOnly{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.qox3mn_error{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px;line-height:1.5}.qox3mn_dot{box-sizing:border-box;corner-shape:round;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.qox3mn_dotError{background:var(--dsw-alias-state-error-primary)}.qox3mn_badge{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-1);border-radius:10px;padding:1px 8px;font-size:11px;line-height:16px;display:inline-flex;align-items:center;flex:none}.qox3mn_empty{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.qox3mn_catalog{flex-direction:column;align-items:stretch;gap:10px;display:flex}.qox3mn_catalog+.qox3mn_catalog{border-top:.5px solid var(--dsw-alias-border-l2);padding-top:12px}.qox3mn_catalog>.qox3mn_linkButton{align-self:flex-start}.qox3mn_catalog>.qox3mn_linkButtonRow{align-self:flex-start;display:flex;gap:8px;align-items:center}.qox3mn_linkButton{box-sizing:border-box;border:none;background:0 0;color:var(--dsw-alias-label-tertiary);cursor:pointer;border-radius:14px;align-items:center;height:28px;padding:0 10px;font:inherit;font-size:12px;line-height:18px;display:inline-flex}.qox3mn_linkButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.qox3mn_linkButton:disabled{opacity:.4;cursor:default}.qox3mn_linkButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.qox3mn_rowList{flex-direction:column;align-items:stretch;gap:6px;display:flex}.qox3mn_rowList>button{align-self:flex-start}.qox3mn_catalogEntry{border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-module-platform);border-radius:10px;padding:6px}.qox3mn_catalogRow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.qox3mn_catalogInput{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:8px;height:28px;padding:0 10px;font:inherit;font-size:14px;line-height:22px;min-width:0;width:100%}.qox3mn_catalogInput::placeholder{color:var(--dsw-alias-label-dimmed)}.qox3mn_catalogInput:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-1px}.qox3mn_catalogInput:disabled{opacity:.6;cursor:default}.qox3mn_iconButton{box-sizing:border-box;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.qox3mn_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.qox3mn_iconButton:disabled{opacity:.4;cursor:default}.qox3mn_iconButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.qox3mn_iconButtonDanger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary)}.qox3mn_addButton{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:14px;align-self:flex-start;align-items:center;gap:4px;height:28px;padding:0 10px;font:inherit;font-size:12px;line-height:18px;display:inline-flex}.qox3mn_addButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.qox3mn_addButton:disabled{opacity:.4;cursor:default}.qox3mn_disclosure{flex-direction:column;gap:10px;display:flex}.qox3mn_disclosureSummary{color:var(--dsw-alias-label-secondary);cursor:pointer;list-style:none;align-items:center;gap:6px;font-size:12px;line-height:18px;user-select:none;display:flex}.qox3mn_disclosureSummary::-webkit-details-marker{display:none}.qox3mn_disclosureSummary:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px;border-radius:6px}.qox3mn_disclosureLabel:before{content:"\\25b8";display:inline-block;margin-right:6px;transition:transform .16s}.qox3mn_disclosure[open] .qox3mn_disclosureLabel:before{transform:rotate(90deg)}.qox3mn_disclosureCount{color:var(--dsw-alias-label-tertiary)}.qox3mn_disclosureBody{flex-direction:column;gap:10px;display:flex}.qox3mn_disclosureBody>.qox3mn_linkButton{align-self:flex-start}.qox3mn_disclosureBody>.qox3mn_linkButtonRow{align-self:flex-start;display:flex;gap:8px;align-items:center}.qox3mn_toggleLabel{align-items:center;display:inline-flex;flex:none}.qox3mn_fetchDialog{background:color-mix(in srgb,var(--dsw-alias-label-primary) 28%,transparent);align-items:center;justify-content:center;display:flex;position:fixed;inset:0;z-index:90}.qox3mn_dialogContent{background:var(--dsw-alias-bg-layer-3);border:.5px solid var(--dsw-alias-border-l3);border-radius:16px;flex-direction:column;gap:10px;width:min(520px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 48px));display:flex;overflow:hidden}.qox3mn_dialogHeader{align-items:center;gap:8px;padding:14px 16px 0;display:flex}.qox3mn_dialogTitle{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:22px;flex:1;min-width:0;margin:0}.qox3mn_dialogClose{box-sizing:border-box;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;flex:none;width:28px;height:28px;display:inline-flex}.qox3mn_dialogClose:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.qox3mn_dialogClose:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.qox3mn_dialogDescription{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin:0;padding:0 16px}.qox3mn_dialogBody{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0 16px;display:flex}.qox3mn_candidateToolbar{align-items:center;gap:8px;display:flex}.qox3mn_candidateSearch{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:8px;height:32px;padding:0 10px;font:inherit;font-size:12px;line-height:20px;flex:1;min-width:0}.qox3mn_candidateSearch::placeholder{color:var(--dsw-alias-label-dimmed)}.qox3mn_candidateSearch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-1px}.qox3mn_candidateList{flex-direction:column;gap:2px;margin:0;padding:0 0 10px;list-style:none;overflow-y:auto;display:flex}.qox3mn_candidate{border-radius:8px;padding:4px 6px}.qox3mn_candidate:hover{background:var(--dsw-alias-interactive-bg-hover)}.qox3mn_candidateLabel{align-items:center;gap:8px;min-width:0;display:flex}.qox3mn_candidateLabel input[type=checkbox]{accent-color:var(--dsw-alias-brand-primary);flex:none;margin:0}.qox3mn_candidateId{color:var(--dsw-alias-label-primary);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.qox3mn_candidateNote{color:var(--dsw-alias-label-tertiary);flex:0 1 auto;min-width:0;overflow-wrap:anywhere;font-size:11px;line-height:16px}.qox3mn_dialogFooter{border-top:.5px solid var(--dsw-alias-border-l2);align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.qox3mn_dialogButton{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:.5px solid var(--dsw-alias-border-l3);border-radius:16px;cursor:pointer;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary);background:transparent;padding:0 12px;height:32px}.qox3mn_dialogButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.qox3mn_dialogButton:disabled{cursor:not-allowed;opacity:.4}.qox3mn_dialogButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.qox3mn_dialogButtonPrimary{color:var(--dsw-alias-label-primary);font-weight:600}.qox3mn_selectorLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.qox3mn_result{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.qox3mn_resultValue{color:var(--dsw-alias-label-secondary);margin-left:4px}.qox3mn_resultAge{color:var(--dsw-alias-label-dimmed);margin-left:4px}.qox3mn_notice{flex-direction:column;gap:4px;display:flex;border:.5px solid var(--dsw-alias-border-l3);border-radius:10px;background:var(--dsw-alias-bg-layer-1);padding:8px 10px}.qox3mn_noticeTitle{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600;line-height:18px}.qox3mn_noticeBody{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.qox3mn_docsLink{color:var(--dsw-alias-label-tertiary);align-items:center;gap:4px;display:inline-flex;text-decoration:none;font-size:12px;line-height:1.5}.qox3mn_docsLinkLabel{text-decoration:none}.qox3mn_docsLink:hover{color:var(--dsw-alias-brand-primary)}.qox3mn_docsLink:hover .qox3mn_docsLinkLabel{text-decoration:underline}.qox3mn_docsLink:hover .qox3mn_docsIcon{color:var(--dsw-alias-brand-primary)}.qox3mn_docsIcon{color:var(--dsw-alias-label-tertiary);flex:none}.qox3mn_docsLink:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px;border-radius:4px}.qox3mn_catalogRowSingle{grid-template-columns:minmax(0,1fr) auto}.qox3mn_catalogInputMono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.qox3mn_footer{border-top:.5px solid var(--dsw-alias-border-l2);align-items:center;justify-content:flex-end;gap:8px;padding:12px 0 0;display:flex}.qox3mn_footerError{color:var(--dsw-alias-label-error);text-align:right;min-width:0;flex:1;margin:0;font-size:12px;line-height:1.5}.qox3mn_footerButton{border:.5px solid var(--dsw-alias-border-l3);border-radius:8px;cursor:pointer;color:var(--dsw-alias-label-secondary);background:transparent;padding:5px 14px;font-size:13px;line-height:1.5}.qox3mn_footerButton:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.qox3mn_footerButton:disabled{cursor:default;opacity:.4}.qox3mn_footerButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.qox3mn_footerButtonPrimary{color:var(--dsw-alias-bg-layer-3);font-weight:600;background:var(--dsw-alias-label-primary);border-color:transparent}.qox3mn_footerButtonPrimary:hover:not(:disabled){color:var(--dsw-alias-bg-layer-3);background:var(--dsw-alias-label-secondary);border-color:transparent}.qox3mn_liveLine{align-items:center;gap:8px;display:flex;padding:6px 10px;border:.5px solid var(--dsw-alias-border-l3);border-radius:8px;background:var(--dsw-alias-bg-layer-1)}.qox3mn_liveLine:hover{border-color:var(--dsw-alias-border-l4)}.qox3mn_liveText{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.qox3mn_liveName{color:var(--dsw-alias-label-primary);font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qox3mn_liveState{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qox3mn_tools{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:4px;color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.qox3mn_tools span{padding:0 6px;border:.5px solid var(--dsw-alias-border-l3);border-radius:6px;background:var(--dsw-alias-bg-module-platform)}.qox3mn_control{box-sizing:border-box;width:100%;min-width:0;height:28px;padding:0 10px;border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:14px;line-height:22px}.qox3mn_control::placeholder{color:var(--dsw-alias-label-dimmed)}.qox3mn_control:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-1px}.qox3mn_control:disabled{opacity:.6;cursor:default}.qox3mn_textarea{box-sizing:border-box;width:100%;min-width:0;min-height:64px;padding:6px 10px;border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:18px;resize:vertical}.qox3mn_textarea:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-1px}.qox3mn_textarea:disabled{opacity:.6;cursor:default}.qox3mn_select{box-sizing:border-box;height:28px;min-width:0;padding:0 8px;border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:22px}.qox3mn_select:disabled{opacity:.6;cursor:default}.qox3mn_checkbox{margin:0;accent-color:var(--dsw-alias-brand-primary)}.qox3mn_controlField{align-items:flex-start;gap:4px;display:flex;flex-direction:column;width:100%}.qox3mn_controlTitle{color:var(--dsw-alias-label-primary);font-size:12px;line-height:18px}.qox3mn_controlField .qox3mn_control,.qox3mn_controlField .qox3mn_textarea{margin-top:2px}.qox3mn_grid{display:grid;grid-template-columns:minmax(96px,20%) minmax(0,1fr);gap:6px 10px;align-items:center;width:100%}.qox3mn_grid>label{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.qox3mn_editor{gap:10px;display:flex;flex-direction:column;padding:10px;border:.5px solid var(--dsw-alias-border-l3);border-radius:10px;background:var(--dsw-alias-bg-layer-1)}.qox3mn_editorTitle{color:var(--dsw-alias-label-primary);font-size:14px;line-height:20px}.qox3mn_editorHint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.qox3mn_editorActions{align-items:center;gap:8px;display:flex;justify-content:flex-end}.qox3mn_transport{color:var(--dsw-alias-label-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:18px;word-break:break-all}.qox3mn_summary{color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px;display:flex;align-items:center;gap:6px}.qox3mn_summaryItem{color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qox3mn_summaryNone{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.qox3mn_summaryBroken{color:var(--dsw-alias-state-error-primary);font-size:13px;line-height:20px}.qox3mn_toastRoot{z-index:2147483000;flex-direction:column;gap:8px;display:flex;position:fixed;right:16px;bottom:16px;max-width:min(360px,50vw)}.qox3mn_toast{border:.5px solid var(--dsw-alias-border-l3);border-radius:10px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);padding:8px 10px;font-size:12px;line-height:18px;box-shadow:0 4px 12px #0000001f;overflow-wrap:anywhere}.qox3mn_toast[data-notice-kind=error]{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-primary)}.qox3mn_toast[data-notice-kind=stall]{border-color:var(--dsw-alias-border-l4);color:var(--dsw-alias-label-tertiary)}.qox3mn_composerPills{display:inline-flex;gap:4px}.qox3mn_composerPillRoot{display:flex}.qox3mn_composerPill{min-width:0;max-width:220px;height:28px;font:inherit;font-size:13px;font-weight:500;line-height:20px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:transparent;border:none;border-radius:24px;outline:none;align-items:center;gap:4px;padding:0 4px 0 8px;display:inline-flex}.qox3mn_composerPill:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.qox3mn_composerPill:disabled{cursor:default}.qox3mn_composerPillIcon{flex:none;display:inline-flex;color:var(--dsw-alias-label-secondary)}.qox3mn_composerPillLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.qox3mn_composerPillChevron{color:var(--dsw-alias-label-caption);flex:none;transition:transform .12s;display:inline-flex}.qox3mn_composerPillChevronOpen{transform:rotate(180deg)}\n';
+var shared_default = { "body": "qox3mn_body", "field": "qox3mn_field", "fieldRow": "qox3mn_fieldRow", "fieldTitle": "qox3mn_fieldTitle", "fieldDesc": "qox3mn_fieldDesc", "selector": "qox3mn_selector", "selectorWrap": "qox3mn_selectorWrap", "pillChevron": "qox3mn_pillChevron", "row": "qox3mn_row", "button": "qox3mn_button", "readOnly": "qox3mn_readOnly", "error": "qox3mn_error", "dot": "qox3mn_dot", "dotError": "qox3mn_dotError", "badge": "qox3mn_badge", "empty": "qox3mn_empty", "catalog": "qox3mn_catalog", "linkButton": "qox3mn_linkButton", "linkButtonRow": "qox3mn_linkButtonRow", "rowList": "qox3mn_rowList", "catalogEntry": "qox3mn_catalogEntry", "catalogRow": "qox3mn_catalogRow", "catalogInput": "qox3mn_catalogInput", "iconButton": "qox3mn_iconButton", "iconButtonDanger": "qox3mn_iconButtonDanger", "addButton": "qox3mn_addButton", "disclosure": "qox3mn_disclosure", "disclosureSummary": "qox3mn_disclosureSummary", "disclosureLabel": "qox3mn_disclosureLabel", "disclosureCount": "qox3mn_disclosureCount", "disclosureBody": "qox3mn_disclosureBody", "toggleLabel": "qox3mn_toggleLabel", "fetchDialog": "qox3mn_fetchDialog", "dialogContent": "qox3mn_dialogContent", "dialogHeader": "qox3mn_dialogHeader", "dialogTitle": "qox3mn_dialogTitle", "dialogClose": "qox3mn_dialogClose", "dialogDescription": "qox3mn_dialogDescription", "dialogBody": "qox3mn_dialogBody", "candidateToolbar": "qox3mn_candidateToolbar", "candidateSearch": "qox3mn_candidateSearch", "candidateList": "qox3mn_candidateList", "candidate": "qox3mn_candidate", "candidateLabel": "qox3mn_candidateLabel", "candidateId": "qox3mn_candidateId", "candidateNote": "qox3mn_candidateNote", "dialogFooter": "qox3mn_dialogFooter", "dialogButton": "qox3mn_dialogButton", "dialogButtonPrimary": "qox3mn_dialogButtonPrimary", "selectorLabel": "qox3mn_selectorLabel", "result": "qox3mn_result", "resultValue": "qox3mn_resultValue", "resultAge": "qox3mn_resultAge", "notice": "qox3mn_notice", "noticeTitle": "qox3mn_noticeTitle", "noticeBody": "qox3mn_noticeBody", "docsLink": "qox3mn_docsLink", "docsLinkLabel": "qox3mn_docsLinkLabel", "docsIcon": "qox3mn_docsIcon", "catalogRowSingle": "qox3mn_catalogRowSingle", "catalogInputMono": "qox3mn_catalogInputMono", "footer": "qox3mn_footer", "footerError": "qox3mn_footerError", "footerButton": "qox3mn_footerButton", "footerButtonPrimary": "qox3mn_footerButtonPrimary", "liveLine": "qox3mn_liveLine", "liveText": "qox3mn_liveText", "liveName": "qox3mn_liveName", "liveState": "qox3mn_liveState", "tools": "qox3mn_tools", "control": "qox3mn_control", "textarea": "qox3mn_textarea", "select": "qox3mn_select", "checkbox": "qox3mn_checkbox", "controlField": "qox3mn_controlField", "controlTitle": "qox3mn_controlTitle", "grid": "qox3mn_grid", "editor": "qox3mn_editor", "editorTitle": "qox3mn_editorTitle", "editorHint": "qox3mn_editorHint", "editorActions": "qox3mn_editorActions", "transport": "qox3mn_transport", "summary": "qox3mn_summary", "summaryItem": "qox3mn_summaryItem", "summaryNone": "qox3mn_summaryNone", "summaryBroken": "qox3mn_summaryBroken", "toastRoot": "qox3mn_toastRoot", "toast": "qox3mn_toast", "composerPills": "qox3mn_composerPills", "composerPillRoot": "qox3mn_composerPillRoot", "composerPill": "qox3mn_composerPill", "composerPillIcon": "qox3mn_composerPillIcon", "composerPillLabel": "qox3mn_composerPillLabel", "composerPillChevron": "qox3mn_composerPillChevron", "composerPillChevronOpen": "qox3mn_composerPillChevronOpen" };
+var CHEVRON_PATH = "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z";
+var TRASH_PATH = "M2.5 4h11M6.5 4V2.5h3V4M4 4l.7 9a1 1 0 001 .9h4.6a1 1 0 001-.9L12 4M6.5 6.8v4.4M9.5 6.8v4.4";
+var CLOSE_PATHS = [
+  "M14.1168 13.197L13.197 14.1167L1.8833 2.80303L2.80309 1.88324L14.1168 13.197Z",
+  "M13.197 1.88326L14.1168 2.80305L2.80309 14.1168L1.8833 13.197L13.197 1.88326Z"
+];
+var DOCS_PATHS = [
+  "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
+  "M15 3h6v6",
+  "M10 14 21 3"
+];
+function RowsBlock(props) {
+  const served = Array.isArray(props.values) ? props.values : [];
+  const writable = props.writable === true;
+  const busy = props.busy === true;
+  const labels = Array.isArray(props.labels) ? props.labels : [];
+  const placeholders = Array.isArray(props.placeholders) ? props.placeholders : [];
+  const columns = Math.max(1, labels.length);
+  const blankRow = [];
+  for (let blank = 0; blank < columns; blank++) blankRow.push("");
+  const servedKey = JSON.stringify(served);
+  const draftState = react.useState({ key: "", rows: [] });
+  const draft = draftState[0];
+  const setDraft = draftState[1];
+  const rows = draft.key === servedKey ? draft.rows : served.map((row) => Array.from(row));
+  const write = (next) => {
+    const saved = props.save === void 0 ? void 0 : props.save(next);
+    return Promise.resolve(saved === void 0 ? void 0 : saved).then(
+      () => {
+        setDraft({ key: "", rows: [] });
+      },
+      (failure) => {
+        throw failure;
+      }
+    );
+  };
+  const setCell = (at, column, value) => {
+    const next = rows.map((row, index) => index === at ? row.map((cell, cellIndex) => cellIndex === column ? value : cell) : row.slice());
+    setDraft({ key: servedKey, rows: next });
+  };
+  const commit = () => {
+    const cleaned = [];
+    for (const row of rows) {
+      const cells = row.map((cell) => String(cell ?? "").trim());
+      if (cells.some((cell) => cell !== "")) cleaned.push(cells);
+    }
+    return write(cleaned);
+  };
+  const remove = (at) => {
+    return write(rows.filter((_row, index) => index !== at));
+  };
+  const add = () => {
+    setDraft({ key: servedKey, rows: rows.concat([blankRow.slice()]) });
+  };
+  const rowClass = props.rowClassName === void 0 || props.rowClassName === shared_default.catalogRow ? shared_default.catalogRow : shared_default.catalogRow + " " + props.rowClassName;
+  const inputClass = props.inputClassName === void 0 ? shared_default.catalogInput : props.inputClassName;
+  const list = (0, import_jsx_runtime2.jsxs)("div", {
+    className: shared_default.rowList,
+    children: [
+      served.length === 0 && props.emptyLabel !== void 0 ? (0, import_jsx_runtime2.jsx)("div", { className: shared_default.empty, children: props.emptyLabel }, "empty") : null,
+      rows.map(
+        (row, at) => (0, import_jsx_runtime2.jsx)("div", {
+          className: shared_default.catalogEntry,
+          children: (0, import_jsx_runtime2.jsxs)("div", {
+            className: rowClass,
+            children: [
+              row.map(
+                (cell, column) => (0, import_jsx_runtime2.jsx)("input", {
+                  className: inputClass,
+                  type: "text",
+                  value: cell === void 0 ? "" : cell,
+                  placeholder: placeholders[column] === void 0 ? "" : placeholders[column],
+                  disabled: !writable || busy,
+                  onChange: (event) => {
+                    setCell(at, column, typeof event?.target?.value === "string" ? event.target.value : "");
+                  },
+                  onBlur: () => {
+                    if (writable && !busy) void commit();
+                  },
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter") {
+                      if (typeof event.preventDefault === "function") event.preventDefault();
+                      if (writable && !busy) void commit();
+                    }
+                  }
+                }, column)
+              ),
+              (0, import_jsx_runtime2.jsx)("button", {
+                type: "button",
+                className: shared_default.iconButton + " " + shared_default.iconButtonDanger,
+                disabled: !writable || busy,
+                title: props.removeLabel === void 0 ? "" : props.removeLabel,
+                onClick: () => {
+                  if (writable && !busy) void remove(at);
+                },
+                children: (0, import_jsx_runtime2.jsx)("svg", {
+                  width: 14,
+                  height: 14,
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  stroke: "currentColor",
+                  children: (0, import_jsx_runtime2.jsx)("path", { d: TRASH_PATH })
+                })
+              }, "remove")
+            ]
+          })
+        }, at)
+      ),
+      (0, import_jsx_runtime2.jsx)("button", {
+        type: "button",
+        className: shared_default.linkButton,
+        disabled: !writable || busy,
+        title: props.addTitle === void 0 ? "" : props.addTitle,
+        onClick: () => {
+          if (!writable || busy) return;
+          add();
+        },
+        children: props.addLabel === void 0 ? "" : props.addLabel
+      }, "add"),
+      props.renderAction === void 0 ? null : props.renderAction(rows)
+    ]
+  });
+  if (props.disclosure !== true) return list;
+  return (0, import_jsx_runtime2.jsxs)("details", {
+    className: shared_default.disclosure,
+    children: [
+      (0, import_jsx_runtime2.jsxs)("summary", {
+        className: shared_default.disclosureSummary,
+        children: [
+          (0, import_jsx_runtime2.jsx)("span", { className: shared_default.disclosureLabel, children: props.disclosureLabel === void 0 ? "" : props.disclosureLabel }),
+          (0, import_jsx_runtime2.jsx)("span", {
+            className: shared_default.disclosureCount,
+            children: (props.disclosureCountLabel === void 0 ? String(rows.length) : props.disclosureCountLabel).replace("{count}", String(rows.length))
+          })
+        ]
+      }),
+      (0, import_jsx_runtime2.jsx)("div", { className: shared_default.disclosureBody, children: list })
+    ]
+  });
+}
+function DialogBlock(props) {
+  var t = props.t;
+  var candidates = Array.from(props.candidates);
+  var savedIds = Array.from(props.savedIds);
+  var savedSet = new Set(savedIds);
+  var initialChecked = candidates.filter((candidate) => savedSet.has(candidate.id)).map((candidate) => candidate.id);
+  var servedKey = JSON.stringify(candidates) + "|" + JSON.stringify(savedIds);
+  var draftState = react2.useState({ key: "", query: "", checked: [] });
+  var draft = draftState[0];
+  var setDraft = draftState[1];
+  var dirty = draft.key !== servedKey;
+  var query = dirty ? "" : draft.query;
+  var checked = dirty ? initialChecked : draft.checked;
+  var checkedSet = new Set(checked);
+  var setQuery = (value) => {
+    setDraft({ key: servedKey, query: value, checked: Array.from(checkedSet) });
+  };
+  var setChecked = (make) => {
+    setDraft({ key: servedKey, query, checked: make(checked) });
+  };
+  var needle = query.trim().toLowerCase();
+  var shown = needle === "" ? candidates : candidates.filter((candidate) => candidate.id.toLowerCase().indexOf(needle) !== -1);
+  var addable = shown.filter((candidate) => !savedSet.has(candidate.id)).map((candidate) => candidate.id);
+  var allChecked = addable.length > 0 && addable.every((id) => checkedSet.has(id));
+  var toggle = (id, value) => {
+    setChecked((current) => value ? current.concat([id]) : current.filter((entry) => entry !== id));
+  };
+  return (0, import_jsx_runtime3.jsxs)("div", {
+    className: shared_default.fetchDialog,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": props.title,
+    children: [
+      (0, import_jsx_runtime3.jsxs)("div", {
+        className: shared_default.dialogContent,
+        children: [
+          (0, import_jsx_runtime3.jsxs)("div", {
+            className: shared_default.dialogHeader,
+            children: [
+              (0, import_jsx_runtime3.jsx)("h2", { className: shared_default.dialogTitle, children: props.title }),
+              (0, import_jsx_runtime3.jsx)("button", {
+                type: "button",
+                className: shared_default.dialogClose,
+                "aria-label": t("close"),
+                onClick: () => props.onClose(),
+                children: (0, import_jsx_runtime3.jsx)("svg", {
+                  width: 14,
+                  height: 14,
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  "aria-hidden": "true",
+                  children: CLOSE_PATHS.map((d, at) => (0, import_jsx_runtime3.jsx)("path", { d, fill: "currentColor" }, at))
+                })
+              })
+            ]
+          }),
+          (0, import_jsx_runtime3.jsx)("p", { className: shared_default.dialogDescription, children: props.description }),
+          (0, import_jsx_runtime3.jsxs)("div", {
+            className: shared_default.dialogBody,
+            children: [
+              (0, import_jsx_runtime3.jsxs)("div", {
+                className: shared_default.candidateToolbar,
+                children: [
+                  (0, import_jsx_runtime3.jsx)("input", {
+                    className: shared_default.candidateSearch,
+                    type: "search",
+                    placeholder: props.searchPlaceholder,
+                    "aria-label": props.searchPlaceholder,
+                    value: query,
+                    onChange: (event) => {
+                      setQuery(event && event.target ? String(event.target.value ?? "") : "");
+                    }
+                  }),
+                  (0, import_jsx_runtime3.jsx)("button", {
+                    type: "button",
+                    className: shared_default.linkButton,
+                    onClick: () => {
+                      if (allChecked) setChecked(() => []);
+                      else setChecked((current) => Array.from(new Set(current.concat(addable))));
+                    },
+                    children: t("selectAll")
+                  })
+                ]
+              }),
+              shown.length === 0 ? (0, import_jsx_runtime3.jsx)("p", { className: shared_default.empty, children: t("dialogEmpty") }) : (0, import_jsx_runtime3.jsx)("ul", {
+                className: shared_default.candidateList,
+                children: shown.map((candidate) => {
+                  var isSaved = savedSet.has(candidate.id);
+                  var note = candidate.note !== "" ? candidate.note : isSaved ? t("candidateSaved") : "";
+                  return (0, import_jsx_runtime3.jsx)("li", {
+                    className: shared_default.candidate,
+                    children: (0, import_jsx_runtime3.jsxs)("label", {
+                      className: shared_default.candidateLabel,
+                      children: [
+                        (0, import_jsx_runtime3.jsx)("input", {
+                          type: "checkbox",
+                          checked: isSaved ? true : checkedSet.has(candidate.id),
+                          disabled: isSaved,
+                          onChange: (event) => {
+                            toggle(candidate.id, !!(event && event.target && event.target.checked));
+                          }
+                        }),
+                        (0, import_jsx_runtime3.jsx)("span", { className: shared_default.candidateId, children: candidate.id }),
+                        note === "" ? null : (0, import_jsx_runtime3.jsx)("span", { className: shared_default.candidateNote, children: note })
+                      ]
+                    })
+                  }, candidate.id);
+                })
+              })
+            ]
+          }),
+          (0, import_jsx_runtime3.jsxs)("div", {
+            className: shared_default.dialogFooter,
+            children: [
+              (0, import_jsx_runtime3.jsx)("button", {
+                type: "button",
+                className: shared_default.dialogButton,
+                onClick: () => props.onClose(),
+                children: t("cancel")
+              }),
+              (0, import_jsx_runtime3.jsx)("button", {
+                type: "button",
+                className: shared_default.dialogButton + " " + shared_default.dialogButtonPrimary,
+                onClick: () => props.onAdd(Array.from(checkedSet)),
+                children: t("addSelected")
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+function PickerBlock(props) {
+  const entries = Array.isArray(props.entries) ? props.entries : [];
+  const options = Array.isArray(props.options) ? props.options : [];
+  const selectedId = props.selectedId === void 0 ? "" : props.selectedId;
+  const writable = props.writable === true;
+  const busy = props.busy === true;
+  const rows = entries.map((entry) => [entry.id, entry.name]);
+  const saveEntries = (next) => {
+    if (props.save === void 0) return Promise.resolve();
+    return Promise.resolve(props.save(next.map((row) => ({ id: row[0] ?? "", name: row[1] ?? "" }))));
+  };
+  const refreshAction = () => (0, import_jsx_runtime4.jsx)("button", {
+    type: "button",
+    className: shared_default.linkButton,
+    disabled: !writable || busy,
+    onClick: () => {
+      props.refresh();
+    },
+    children: busy && props.busyLabel !== void 0 ? props.busyLabel : props.refreshLabel
+  });
+  const extras = props.actions === void 0 ? [] : props.actions;
+  const renderActions = () => (0, import_jsx_runtime4.jsxs)("div", {
+    className: shared_default.linkButtonRow,
+    children: [
+      refreshAction(),
+      ...extras.map(
+        (action, index) => (0, import_jsx_runtime4.jsx)("button", {
+          type: "button",
+          className: shared_default.linkButton,
+          disabled: !writable || busy || action.disabled === true,
+          title: action.title === void 0 ? "" : action.title,
+          onClick: () => {
+            action.onClick();
+          },
+          children: action.label
+        }, index)
+      )
+    ]
+  });
+  return (0, import_jsx_runtime4.jsxs)("div", {
+    className: shared_default.catalog,
+    children: [
+      (0, import_jsx_runtime4.jsxs)("div", {
+        className: shared_default.field,
+        children: [
+          (0, import_jsx_runtime4.jsxs)("div", {
+            className: shared_default.fieldRow,
+            children: [
+              props.selectorLabel === void 0 || props.selectorLabel === "" ? null : (0, import_jsx_runtime4.jsx)("span", { className: shared_default.fieldTitle, children: props.selectorLabel }),
+              (0, import_jsx_runtime4.jsx)("span", {
+                className: shared_default.selectorWrap,
+                children: (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives.Menu, {
+                  open: props.menuOpen === true,
+                  onClose: () => {
+                    props.setMenuOpen(false);
+                  },
+                  items: options.map((option) => ({ id: option.id, label: option.label })),
+                  selectedId: options.some((option) => option.id === selectedId) ? selectedId : "",
+                  onSelect: (id) => {
+                    props.setMenuOpen(false);
+                    props.select(id);
+                  },
+                  align: "end",
+                  portal: true,
+                  anchor: (0, import_jsx_runtime4.jsxs)("button", {
+                    type: "button",
+                    className: shared_default.selector,
+                    "aria-haspopup": "menu",
+                    "aria-expanded": props.menuOpen === true,
+                    disabled: !writable || busy,
+                    title: props.selectedTitle === void 0 ? "" : props.selectedTitle,
+                    onClick: () => {
+                      props.setMenuOpen(!(props.menuOpen === true));
+                    },
+                    children: [
+                      // A bare label; a path needs its own
+                      // truncating span.
+                      (0, import_jsx_runtime4.jsx)("span", { className: shared_default.selectorLabel, children: props.selectedLabel }),
+                      (0, import_jsx_runtime4.jsx)("svg", {
+                        width: 14,
+                        height: 14,
+                        className: shared_default.pillChevron,
+                        viewBox: "0 0 14 14",
+                        fill: "none",
+                        "aria-hidden": "true",
+                        children: (0, import_jsx_runtime4.jsx)("path", { d: CHEVRON_PATH, fill: "currentColor" })
+                      })
+                    ]
+                  })
+                })
+              })
+            ]
+          }),
+          props.hint === void 0 ? null : (0, import_jsx_runtime4.jsx)("div", { className: shared_default.fieldDesc, children: props.hint })
+        ]
+      }),
+      RowsBlock({
+        values: rows,
+        save: saveEntries,
+        labels: [props.idLabel === void 0 ? "" : props.idLabel, props.nameLabel === void 0 ? "" : props.nameLabel],
+        placeholders: [props.idPlaceholder === void 0 ? "" : props.idPlaceholder, props.namePlaceholder === void 0 ? "" : props.namePlaceholder],
+        writable: props.writable,
+        busy,
+        emptyLabel: props.emptyText,
+        addLabel: props.addLabel,
+        removeLabel: props.removeLabel,
+        disclosureLabel: props.rowsLabel,
+        disclosure: true,
+        rowClassName: shared_default.catalogRow,
+        renderAction: renderActions
+      }),
+      props.statusLine === void 0 || props.statusLine === null ? null : props.statusLine
+    ]
+  });
+}
+function FlagsBlock(props) {
+  const writable = props.writable === true;
+  const busy = props.busy === true;
+  const flags = Array.isArray(props.flags) ? props.flags : [];
+  const saveValues = (next) => {
+    const cleaned = next.map((row) => String(row === void 0 || row === null ? "" : row[0] ?? "").trim()).filter((flag) => flag !== "").filter((flag, index, all) => all.indexOf(flag) === index);
+    if (typeof props.save !== "function") return Promise.resolve();
+    return Promise.resolve(props.save(cleaned));
+  };
+  const actions = props.actions === void 0 ? [] : props.actions;
+  const renderAction = (visible) => (0, import_jsx_runtime5.jsxs)("div", {
+    className: shared_default.linkButtonRow,
+    children: actions.map(
+      (action, index) => (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          type: "button",
+          className: shared_default.linkButton,
+          disabled: !writable || busy || action.disabled === true,
+          title: action.title === void 0 ? action.label : action.title,
+          onClick: () => {
+            if (!writable || busy) return;
+            const current = visible.map((row) => String(row[0] ?? "").trim()).filter((flag) => flag !== "");
+            const merged = Array.from(/* @__PURE__ */ new Set([...current, ...action.merged(current)]));
+            void saveValues(merged.map((flag) => [flag]));
+          },
+          children: action.label
+        },
+        index
+      )
+    )
+  }, "actions");
+  return (0, import_jsx_runtime5.jsxs)("div", {
+    className: shared_default.catalog,
+    children: [
+      (0, import_jsx_runtime5.jsxs)("div", {
+        className: shared_default.field,
+        children: [
+          (0, import_jsx_runtime5.jsxs)("div", {
+            className: shared_default.fieldRow,
+            children: [
+              (0, import_jsx_runtime5.jsx)("span", { className: shared_default.fieldTitle, children: props.title }),
+              props.link === void 0 || props.link.href === "" ? null : (0, import_jsx_runtime5.jsxs)("a", {
+                className: shared_default.docsLink,
+                href: props.link.href,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                title: props.link.title === void 0 ? props.link.label : props.link.title,
+                children: [
+                  (0, import_jsx_runtime5.jsx)("svg", {
+                    className: shared_default.docsIcon,
+                    width: 14,
+                    height: 14,
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: 2,
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    "aria-hidden": "true",
+                    children: DOCS_PATHS.map((d, at) => (0, import_jsx_runtime5.jsx)("path", { d }, at))
+                  }),
+                  (0, import_jsx_runtime5.jsx)("span", { className: shared_default.docsLinkLabel, children: props.link.label })
+                ]
+              })
+            ]
+          }),
+          props.hint === void 0 ? null : (0, import_jsx_runtime5.jsx)("div", { className: shared_default.fieldDesc, children: props.hint })
+        ]
+      }),
+      RowsBlock({
+        values: flags.map((flag) => [flag]),
+        save: saveValues,
+        labels: [props.rowLabel === void 0 ? "" : props.rowLabel],
+        placeholders: [props.rowPlaceholder === void 0 ? "" : props.rowPlaceholder],
+        writable: props.writable,
+        busy,
+        emptyLabel: props.emptyText,
+        addLabel: props.addLabel,
+        removeLabel: props.removeLabel,
+        disclosureLabel: props.disclosureLabel,
+        disclosure: props.disclosure === true,
+        rowClassName: shared_default.catalogRowSingle,
+        inputClassName: shared_default.catalogInput,
+        renderAction
+      })
+    ]
+  });
+}
+function SwitchField(props) {
+  const control = (0, import_jsx_runtime6.jsx)(import_dsh_client_ui_primitives2.Switch, {
+    checked: props.checked === true,
+    label: props.label,
+    disabled: props.disabled === true || props.busy === true,
+    onChange: () => {
+      if (typeof props.onToggle === "function") props.onToggle();
+    }
+  });
+  if (props.variant === "row") {
+    return (0, import_jsx_runtime6.jsx)("span", {
+      className: shared_default.toggleLabel,
+      title: props.title === void 0 ? props.label : props.title,
+      "aria-label": props.label,
+      children: control
+    });
+  }
+  return (0, import_jsx_runtime6.jsxs)("div", {
+    className: shared_default.catalog,
+    children: [
+      (0, import_jsx_runtime6.jsxs)("div", {
+        className: shared_default.field,
+        children: [
+          (0, import_jsx_runtime6.jsxs)("div", {
+            className: shared_default.fieldRow,
+            children: [
+              (0, import_jsx_runtime6.jsx)("span", { className: shared_default.fieldTitle, children: props.label }),
+              (0, import_jsx_runtime6.jsx)("span", {
+                className: shared_default.toggleLabel,
+                title: props.title === void 0 ? props.label : props.title,
+                children: control
+              })
+            ]
+          }),
+          props.hint === void 0 ? null : (0, import_jsx_runtime6.jsx)("div", { className: shared_default.fieldDesc, children: props.hint })
+        ]
+      })
+    ]
+  });
+}
+function LinkButtonRow(props) {
+  return (0, import_jsx_runtime7.jsxs)("div", { className: shared_default.linkButtonRow, children: props.children === void 0 ? [] : [props.children] });
+}
+function ErrorLine(props) {
+  const text2 = String(props.text ?? "");
+  if (text2 === "") return null;
+  return (0, import_jsx_runtime7.jsxs)("p", {
+    className: shared_default.error,
+    role: "status",
+    children: [
+      (0, import_jsx_runtime7.jsx)("span", { className: shared_default.dot + " " + shared_default.dotError, "aria-hidden": "true" }),
+      (0, import_jsx_runtime7.jsx)("span", { children: text2 })
+    ]
+  });
+}
+function TextField(props) {
+  return field(props, (0, import_jsx_runtime8.jsx)("input", {
+    type: "text",
+    className: shared_default.control,
+    value: text(props.value),
+    placeholder: props.placeholder ?? "",
+    disabled: props.disabled === true,
+    "aria-label": props.label,
+    onChange: (event) => props.onChange(event.target.value)
+  }));
+}
+function LinesField(props) {
+  const box = useTypedBox(linesOf(props.value).join("\n"));
+  return field(props, (0, import_jsx_runtime8.jsx)("textarea", {
+    className: shared_default.textarea,
+    value: box.text,
+    placeholder: props.placeholder ?? "",
+    disabled: props.disabled === true,
+    "aria-label": props.label,
+    onChange: (event) => {
+      const typed = event.target.value;
+      box.stage(typed);
+      props.onChange(parseLines(typed));
+    }
+  }));
+}
+function MapField(props) {
+  const box = useTypedBox(serializeMap(props.value));
+  return field(props, (0, import_jsx_runtime8.jsx)("textarea", {
+    className: shared_default.textarea,
+    value: box.text,
+    placeholder: props.placeholder ?? "",
+    disabled: props.disabled === true,
+    "aria-label": props.label,
+    onChange: (event) => {
+      const typed = event.target.value;
+      box.stage(typed);
+      props.onChange(parseMap(typed));
+    }
+  }));
+}
+function SelectField(props) {
+  const options = selectOptions(props.value, props.options ?? [], props.placeholder);
+  return field(
+    props,
+    (0, import_jsx_runtime8.jsx)("select", {
+      className: shared_default.select,
+      value: text(props.value),
+      disabled: props.disabled === true,
+      "aria-label": props.label,
+      onChange: (event) => {
+        const picked = options.find((option) => text(option.value) === event.target.value);
+        props.onChange(picked === void 0 ? event.target.value : picked.value);
+      },
+      children: options.map(
+        (option) => (0, import_jsx_runtime8.jsx)("option", { value: text(option.value), children: option.label }, text(option.value))
+      )
+    })
+  );
+}
+function DropdownField(props) {
+  const openState = react3.useState(false);
+  const open = openState[0];
+  const setOpen = openState[1];
+  const disabled = props.disabled === true;
+  const options = selectOptions(props.value, props.options ?? [], props.placeholder);
+  const held = text(props.value);
+  const current = options.find((option) => text(option.value) === held);
+  return field(
+    props,
+    (0, import_jsx_runtime8.jsx)("span", {
+      className: shared_default.selectorWrap,
+      children: (0, import_jsx_runtime8.jsx)(import_dsh_client_ui_primitives3.Menu, {
+        open: open && !disabled,
+        onClose: () => setOpen(false),
+        items: options.map((option) => ({ id: text(option.value), label: option.label })),
+        selectedId: current === void 0 ? "" : held,
+        onSelect: (id) => {
+          setOpen(false);
+          if (id === held) return;
+          const picked = options.find((option) => text(option.value) === id);
+          props.onChange(picked === void 0 ? id : picked.value);
+        },
+        align: "start",
+        portal: true,
+        anchor: (0, import_jsx_runtime8.jsxs)("button", {
+          type: "button",
+          className: shared_default.selector,
+          "aria-haspopup": "menu",
+          "aria-expanded": open && !disabled,
+          "aria-label": props.label,
+          disabled,
+          onClick: () => setOpen(!open),
+          children: [
+            (0, import_jsx_runtime8.jsx)("span", { className: shared_default.selectorLabel, children: current === void 0 ? props.placeholder ?? "" : current.label }),
+            (0, import_jsx_runtime8.jsx)("svg", {
+              width: 14,
+              height: 14,
+              className: shared_default.pillChevron,
+              viewBox: "0 0 14 14",
+              fill: "none",
+              "aria-hidden": "true",
+              children: (0, import_jsx_runtime8.jsx)("path", { d: CHEVRON_PATH, fill: "currentColor" })
+            })
+          ]
+        })
+      })
+    })
+  );
+}
+function ExtraField(props) {
+  const type = props.type === void 0 ? "string" : props.type;
+  if (type === "boolean") {
+    return field(
+      props,
+      (0, import_jsx_runtime8.jsx)("input", {
+        type: "checkbox",
+        className: shared_default.checkbox,
+        checked: props.value === true,
+        disabled: props.disabled === true,
+        "aria-label": props.label,
+        onChange: (event) => props.onChange(event.target.checked)
+      })
+    );
+  }
+  if (type === "lines") return (0, import_jsx_runtime8.jsx)(LinesField, props);
+  if (type === "select") return SelectField(props);
+  if (type === "secret") {
+    return field(
+      props,
+      (0, import_jsx_runtime8.jsx)("input", {
+        type: "password",
+        className: shared_default.control,
+        value: text(props.value),
+        placeholder: props.placeholder ?? "",
+        disabled: props.disabled === true,
+        "aria-label": props.label,
+        onChange: (event) => props.onChange(event.target.value)
+      })
+    );
+  }
+  if ((props.options ?? []).length > 0) return SelectField(props);
+  return TextField(props);
+}
+function selectOptions(value, served, placeholder) {
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  const held = text(value);
+  if (held === "" && placeholder !== void 0 && placeholder !== "" && !served.some((option) => text(option.value) === "")) {
+    out.push({ value: "", label: placeholder });
+    seen.add("");
+  }
+  for (const option of served) {
+    const key = text(option.value);
+    if (seen.has(key)) continue;
+    seen.add(key);
+    out.push(option);
+  }
+  if (held !== "" && !seen.has(held)) out.push({ value, label: held });
+  return out;
+}
+function linesOf(value) {
+  if (Array.isArray(value)) return value.map((item) => text(item)).filter((item) => item.trim() !== "");
+  if (typeof value === "string") return parseLines(value);
+  return [];
+}
+function useTypedBox(served) {
+  const typedState = react3.useState({ key: "", text: "" });
+  const typed = typedState[0];
+  const setTyped = typedState[1];
+  return {
+    text: typed.key === served ? typed.text : served,
+    stage: (text2) => setTyped({ key: served, text: text2 })
+  };
+}
+function text(value) {
+  if (value === void 0 || value === null) return "";
+  return typeof value === "string" ? value : String(value);
+}
+function parseLines(text2) {
+  return String(text2).split("\n").filter((line) => line.trim() !== "");
+}
+function parseMap(text2) {
+  const out = {};
+  for (const line of String(text2).split("\n")) {
+    if (line.trim() === "") continue;
+    const split = line.indexOf("=");
+    if (split <= 0) continue;
+    const key = line.slice(0, split);
+    if (key.trim() === "") continue;
+    out[key] = line.slice(split + 1);
+  }
+  return out;
+}
+function mapText(value) {
+  if (value === void 0 || value === null) return "";
+  if (typeof value === "string") return value;
+  if (Array.isArray(value)) return value.map((item) => text(item)).join(",");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function serializeMap(value) {
+  if (typeof value === "string") return value;
+  if (value === null || typeof value !== "object" || Array.isArray(value)) return "";
+  return Object.entries(value).map(([key, item]) => `${key}=${mapText(item)}`).join("\n");
+}
+function field(props, control) {
+  return (0, import_jsx_runtime8.jsxs)("div", {
+    className: shared_default.controlField,
+    children: [
+      (0, import_jsx_runtime8.jsx)("div", { className: shared_default.controlTitle, children: props.label }),
+      control,
+      props.help === void 0 || props.help === "" ? null : (0, import_jsx_runtime8.jsx)("div", { className: shared_default.fieldDesc, children: props.help })
+    ]
+  });
+}
+function ComposerPill(props) {
+  const disabled = props.disabled === true;
+  return (0, import_jsx_runtime9.jsx)("span", {
+    className: shared_default.composerPillRoot,
+    "data-pill": props.key,
+    children: (0, import_jsx_runtime9.jsx)(import_dsh_client_ui_primitives4.Menu, {
+      open: props.open && !disabled,
+      onClose: () => props.setOpen(false),
+      items: props.options,
+      selectedId: props.selectedId,
+      onSelect: (id) => {
+        props.setOpen(false);
+        if (id === props.selectedId) return;
+        Promise.resolve(props.onSelect(id)).catch(() => void 0);
+      },
+      align: "start",
+      side: "top",
+      portal: true,
+      anchor: (0, import_jsx_runtime9.jsxs)("button", {
+        type: "button",
+        className: shared_default.composerPill,
+        "aria-label": props.ariaLabel ?? (props.title === void 0 ? props.label : `${props.title}: ${props.label}`),
+        title: props.title ?? props.label,
+        "aria-haspopup": "menu",
+        "aria-expanded": props.open && !disabled,
+        disabled,
+        onClick: () => props.setOpen(!props.open),
+        children: [
+          props.icon === void 0 || props.icon.length === 0 ? null : (0, import_jsx_runtime9.jsx)("span", {
+            className: shared_default.composerPillIcon,
+            "aria-hidden": true,
+            children: (0, import_jsx_runtime9.jsx)("svg", {
+              width: 14,
+              height: 14,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: props.icon.map(
+                (d, at) => (0, import_jsx_runtime9.jsx)("path", { d, stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, at)
+              )
+            })
+          }),
+          (0, import_jsx_runtime9.jsx)("span", { className: shared_default.composerPillLabel, children: props.label }),
+          (0, import_jsx_runtime9.jsx)("span", {
+            className: shared_default.composerPillChevron + (props.open && !disabled ? " " + shared_default.composerPillChevronOpen : ""),
+            "aria-hidden": true,
+            children: (0, import_jsx_runtime9.jsx)("svg", {
+              width: 14,
+              height: 14,
+              viewBox: "0 0 14 14",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: (0, import_jsx_runtime9.jsx)("path", { d: CHEVRON_PATH, fill: "currentColor" })
+            })
+          })
+        ]
+      })
+    })
+  });
+}
+var Blocks = {
+  RowsBlock,
+  DialogBlock,
+  PickerBlock,
+  FlagsBlock,
+  SwitchField,
+  LinkButtonRow,
+  ErrorLine,
+  TextField,
+  LinesField,
+  MapField,
+  SelectField,
+  DropdownField,
+  ExtraField,
+  ComposerPill
+};
+function tag(value) {
+  return Object.prototype.toString.call(value).slice(8, -1);
+}
+function isPlainObject(value) {
+  const prototype = Object.getPrototypeOf(value);
+  if (prototype === null) return true;
+  if (prototype === Object.prototype) return true;
+  return Object.getPrototypeOf(prototype) === null && tag(value) === "Object";
+}
+function canonicalCollection(value, kind) {
+  if (kind === "Set") {
+    return [...value].map(canonical).sort((left, right) => stableKey(left) < stableKey(right) ? -1 : 1);
+  }
+  return [...value].map(([key, item]) => [canonical(key), canonical(item)]).sort((left, right) => stableKey(left[0]) < stableKey(right[0]) ? -1 : 1);
+}
+function answersNothing(value) {
+  return value === void 0 || value === null;
+}
+function meaningfulKeys(value) {
+  return Object.keys(value).filter((key) => !answersNothing(value[key]));
+}
+function canonical(value) {
+  const kind = tag(value);
+  if (kind === "Set" || kind === "Map") return canonicalCollection(value, kind);
+  return value;
+}
+function stableKey(value) {
+  const text2 = JSON.stringify(value, (_key, item) => {
+    if (item !== null && typeof item === "object") {
+      const kind = tag(item);
+      if (kind === "Set" || kind === "Map") return canonicalCollection(item, kind);
+    }
+    if (item !== null && typeof item === "object" && !Array.isArray(item)) {
+      const sorted = {};
+      for (const name of Object.keys(item).sort()) {
+        const child = item[name];
+        if (!answersNothing(child)) sorted[name] = child;
+      }
+      return sorted;
+    }
+    return item === void 0 ? null : item;
+  });
+  return text2 === void 0 ? "null" : text2;
+}
+function sameValue(a, b) {
+  if (a === b) return true;
+  if (typeof a === "number" && typeof b === "number") return Number.isNaN(a) && Number.isNaN(b);
+  const leftMissing = answersNothing(a);
+  const rightMissing = answersNothing(b);
+  if (leftMissing || rightMissing) return leftMissing && rightMissing;
+  if (typeof a !== "object" || typeof b !== "object") return false;
+  if (Array.isArray(a) !== Array.isArray(b)) return false;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false;
+    return a.every((item, index) => sameValue(item, b[index]));
+  }
+  if (!isPlainObject(a) || !isPlainObject(b)) return sameOpaqueValue(a, b);
+  const left = meaningfulKeys(a);
+  const right = meaningfulKeys(b);
+  if (left.length !== right.length) return false;
+  return left.every(
+    (key) => Object.prototype.hasOwnProperty.call(b, key) && sameValue(a[key], b[key])
+  );
+}
+function sameOpaqueValue(a, b) {
+  const kind = tag(a);
+  if (kind !== tag(b)) return false;
+  if (kind === "Date") return sameValue(a.getTime(), b.getTime());
+  if (kind === "RegExp") {
+    return sameValue(a.source, b.source) && sameValue(a.flags, b.flags);
+  }
+  if (kind === "Map" || kind === "Set") {
+    return sameValue(canonical(a), canonical(b));
+  }
+  if (kind === "String" || kind === "Number" || kind === "Boolean") {
+    return sameValue(a.valueOf(), b.valueOf());
+  }
+  return false;
+}
+function nothingCardSnapshot() {
+  return {
+    available: false,
+    writable: false,
+    values: {},
+    overridden: [],
+    lastError: "",
+    dirty: false,
+    saving: false,
+    failed: false,
+    actionError: "",
+    notice: null
+  };
+}
+var RUN_SETTLE_TIMEOUT_MS = 9e4;
+function settleOnRevision(host, settled, write, deadline = RUN_SETTLE_TIMEOUT_MS) {
+  if (host.disposed) return Promise.resolve();
+  let satisfied = false;
+  const armed = host.settleOn((snapshot) => {
+    if (settled(snapshot) !== true) return false;
+    satisfied = true;
+    return true;
+  });
+  return new Promise((resolve) => {
+    let done = false;
+    const timer = setTimeout(() => finish(), deadline);
+    host.settleTimer = timer;
+    const finish = (refused = false) => {
+      if (done) return;
+      done = true;
+      clearTimeout(timer);
+      if (host.settleTimer === timer) host.settleTimer = null;
+      armed.cancel();
+      resolve();
+      if (refused || satisfied || host.disposed) return;
+      const state = host.getSnapshot();
+      if (state.lastError !== "") host.noteNotice("error", state.lastError);
+      else host.noteNotice("stall", "");
+    };
+    void armed.settle.then(() => finish());
+    void Promise.resolve(write()).then(
+      (accepted) => {
+        if (accepted === false) {
+          host.noteError("configuration write refused");
+          finish(true);
+        }
+      },
+      (error) => {
+        host.noteError(error);
+        finish(true);
+      }
+    );
+  });
+}
+var MAX_WRITE_PASSES = 4;
+var CardController = class {
+  /** Disposed — every late answer and timer bails on this flag first. */
+  disposed = false;
+  /** The armed stall-deadline timer (owned by ./wait.ts). */
+  settleTimer = null;
+  store;
+  fields;
+  errorField;
+  settleDeadlineMs;
+  settleField;
+  /** The last pass of the write door, when the mount can issue it unfenced. */
+  unfencedMutate;
+  /** The form the entry's row page handed (`view: "page"`), if any. */
+  pageForm;
+  formRef;
+  unsubscribe;
+  /** Staged drafts: only fields that differ from what is served. */
+  draft = {};
+  /** The last served (undrafted) answers, recomputed on every push. */
+  served = {};
+  saving = false;
+  failed = false;
+  actionError = "";
+  noticeQueue = null;
+  noticeSeq = 0;
+  /** Every armed settle; keyed against a published snapshot. */
+  waits = [];
+  constructor(form, spec = {}) {
+    this.fields = spec.fields ?? {};
+    this.errorField = spec.errorField ?? "lastError";
+    this.settleDeadlineMs = spec.settleDeadlineMs;
+    this.settleField = spec.settleField === void 0 || spec.settleField === "" ? void 0 : spec.settleField;
+    this.unfencedMutate = spec.unfencedMutate;
+    this.formRef = form;
+    this.store = (0, import_dsh_client_store.createSnapshotStore)(nothingCardSnapshot());
+    this.unsubscribe = form === void 0 ? void 0 : form.subscribe(() => {
+      this.actionError = "";
+      this.publish();
+    });
+    this.publish();
+  }
+  /** Adopt the form the row page hands with `view: "page"` (identity guarded:
+   * an unchanged adopt is a no-op, keeping its publish out of the render). */
+  adoptForm(form) {
+    if (this.disposed) return;
+    const next = form === void 0 ? void 0 : form;
+    if (this.pageForm === next) return;
+    this.pageForm = next;
+    this.publish();
+  }
+  /** The card's store is what the card body renders. */
+  getSnapshot() {
+    return this.store.getSnapshot();
+  }
+  /** Whether anything serves this entry. */
+  available() {
+    return this.store.getSnapshot().available === true;
+  }
+  /** Read one field off the current snapshot (drafts overlaid). */
+  value(field2) {
+    return this.store.getSnapshot().values[field2];
+  }
+  /** One field as the Host serves it, drafts left out — what a staged edit
+   * that lands back on it is compared against. */
+  servedValue(field2) {
+    return this.documentValue(field2);
+  }
+  /** One field as the served document answers it (what a wait arms against). */
+  documentValue(field2) {
+    const snapshot = this.readSnapshot();
+    if (snapshot === void 0 || snapshot.status !== "ready" || snapshot.value === void 0) return void 0;
+    return snapshot.value[field2];
+  }
+  /**
+   * Staged edit: save one value as a draft. A draft equal to what is served
+   * is not dirty — it stages nothing and dirties nothing.
+   */
+  stage(field2, value) {
+    if (this.disposed) return;
+    const servedValue = this.served[field2];
+    if (valuesEqual(servedValue, value)) {
+      delete this.draft[field2];
+    } else {
+      this.draft[field2] = value;
+    }
+    this.publish();
+  }
+  /** Drop every staged draft: the card answers with what is served. */
+  discard() {
+    if (this.disposed) return;
+    for (const key of Object.keys(this.draft)) delete this.draft[key];
+    this.failed = false;
+    this.publish();
+  }
+  /** Apply exactly the staged fields. Accepted: the drafts clear with the
+   * Host's answers. Refused: the drafts stand, `failed` says so. */
+  async applyStaged() {
+    if (this.disposed) return false;
+    const staged = Object.entries(this.draft);
+    if (staged.length === 0) return true;
+    this.saving = true;
+    this.publish();
+    const ops = staged.map(([field2, value]) => ({ op: "set", path: [field2], value }));
+    const accepted = await this.writeDoor(() => ops);
+    if (accepted) {
+      for (const field2 of Object.keys(this.draft)) delete this.draft[field2];
+      this.failed = false;
+    } else {
+      this.failed = true;
+      this.actionError = "configuration write refused";
+    }
+    this.saving = false;
+    this.publish();
+    return accepted;
+  }
+  /** Immediate write of one field — rows, selections: written on the spot. */
+  async writeField(field2, value) {
+    if (this.disposed) return false;
+    const accepted = await this.writeDoor(() => [{ op: "set", path: [field2], value }]);
+    this.publish();
+    return accepted;
+  }
+  /** Return one field to what the row's own configuration answers: the field
+   * leaves the user layer (an `unset`), and any draft standing over it goes. */
+  async resetField(field2) {
+    if (this.disposed) return false;
+    const accepted = await this.writeDoor(() => [{ op: "unset", path: [field2] }]);
+    if (accepted) delete this.draft[field2];
+    this.publish();
+    return accepted;
+  }
+  /**
+   * Trigger write — a nonce: the value is always a stamp that moved off what
+   * stood before it (`nextStamp`), so a later commit always reads as a diff.
+   * Returns as soon as the write lands; waiting for the Host *run* is the job
+   * of `settle` — armed before this crosses the wire, so nothing can slip
+   * between. A stamp that stands where it stood answers no run at all: two
+   * actions inside one millisecond must not read as nothing happened.
+   */
+  async writeTrigger(field2) {
+    return this.writeDoor((document2) => [{ op: "set", path: [field2], value: nextStamp(document2[field2]) }]);
+  }
+  /** Write a trigger and wait for the mirror to satisfy `settled`. */
+  settleAndTrigger(settled, field2) {
+    return settleOnRevision(this, settled, () => this.writeTrigger(field2), this.settleDeadlineMs);
+  }
+  /** The immediate-write shape of `settleAndTrigger`: write one field on the
+   * spot (a selection, a saved list) and wait for the Host run behind it to
+   * satisfy `settled` — the wait armed before the write crosses the wire. */
+  settleAndWrite(settled, field2, value) {
+    return settleOnRevision(this, settled, () => this.writeField(field2, value), this.settleDeadlineMs);
+  }
+  /**
+   * Entry trigger — the keyed nonce (`entryActions` hole): stamps a moved
+   * value **under `key`** inside the field's map, keeping every other row's
+   * stamp, and writes the whole map through the door. The Host's trigger diff
+   * answers per key (`host/adapter/form.ts`), so exactly the row that stamped
+   * fires its run. The merge is composed inside the door (what the document
+   * stands on now), never from what this half last rendered.
+   */
+  async writeEntryTrigger(field2, key) {
+    const wanted = String(key);
+    return this.writeDoor((document2) => {
+      const current = document2[field2];
+      const stamps = current !== null && typeof current === "object" && !Array.isArray(current) ? { ...current } : {};
+      stamps[wanted] = nextStamp(stamps[wanted]);
+      return [{ op: "set", path: [field2], value: stamps }];
+    });
+  }
+  /** The keyed shape of `settleAndTrigger`: arm the wait, write the entry
+   * nonce, settle when `settled` stands. */
+  settleAndTriggerEntry(settled, field2, key) {
+    return settleOnRevision(this, settled, () => this.writeEntryTrigger(field2, key), this.settleDeadlineMs);
+  }
+  /** Host-run settle on the `settleField` hole: write the trigger for
+   * `triggerField`, settle once what `watchField` answers moves off the value
+   * it stood at when the wait was armed — the diff is the answer, the wall
+   * clock only the backstop. With no `watchField` declared anywhere, the
+   * trigger field itself is what must move.
+   *
+   * Both sides read the **served document**: the store is what the body
+   * renders, and at arm time it may not have answered the field at all (nothing
+   * published yet) — armed against that, every answer reads as a move. */
+  settleTrigger(triggerField, watchField) {
+    const watched = watchField ?? this.settleField ?? triggerField;
+    const armed = this.documentValue(watched);
+    return settleOnRevision(
+      this,
+      () => !sameValue(this.documentValue(watched), armed),
+      () => this.writeTrigger(triggerField),
+      this.settleDeadlineMs
+    );
+  }
+  /** The keyed shape of `settleTrigger`: the wait answers **per entry** — what
+   * `watchField` answers for `key` moves off what it answered when armed. A
+   * mirror shaped as a list of lines answers it by the line's own `id`/`key`,
+   * which is the shape a live mirror really carries. */
+  settleEntryTrigger(triggerField, key, watchField) {
+    const watched = watchField ?? this.settleField ?? triggerField;
+    const wanted = String(key);
+    const armed = keyedAnswer(this.documentValue(watched), wanted);
+    return settleOnRevision(
+      this,
+      () => !sameValue(keyedAnswer(this.documentValue(watched), wanted), armed),
+      () => this.writeEntryTrigger(triggerField, key),
+      this.settleDeadlineMs
+    );
+  }
+  /** Arm one predicate against the next publish (the wait surface). */
+  settleOn(settled) {
+    let resolve = () => void 0;
+    const settle = new Promise((done) => {
+      resolve = done;
+    });
+    const wait = { settled, resolve };
+    this.waits.push(wait);
+    return {
+      settle,
+      cancel: () => {
+        const index = this.waits.indexOf(wait);
+        if (index >= 0) this.waits.splice(index, 1);
+        resolve();
+      }
+    };
+  }
+  /** Stage one failure notice for the body's toast host. */
+  noteNotice(kind, text2) {
+    this.noticeSeq += 1;
+    this.noticeQueue = { seq: this.noticeSeq, kind, text: String(text2 ?? "") };
+    this.publish();
+  }
+  /** Drop one announced notice (by `seq`). */
+  clearNotice(seq) {
+    if (this.noticeQueue !== null && this.noticeQueue.seq === seq) this.noticeQueue = null;
+    this.publish();
+  }
+  /** Surface a refused or failed write as the card's own error line. */
+  noteError(error) {
+    this.actionError = String(error instanceof Error ? error.message : error);
+    this.publish();
+  }
+  /** Release everything: subscriptions, settle, timers. */
+  dispose() {
+    this.disposed = true;
+    this.unsubscribe?.();
+    this.unsubscribe = void 0;
+    this.pageForm = void 0;
+    for (const wait of [...this.waits]) wait.resolve();
+    this.waits.length = 0;
+    if (this.settleTimer !== null && this.settleTimer !== void 0) {
+      clearTimeout(this.settleTimer);
+      this.settleTimer = null;
+    }
+  }
+  /** Everything a registered card body receives — the same object for every
+   * render (identity stable), so a re-render cannot disturb the store. */
+  inject() {
+    return {
+      store: this.store,
+      controller: this,
+      fields: this.fields
+    };
+  }
+  /** Push the served answers, overlaid by drafts, into the store. */
+  publish() {
+    if (this.disposed) return;
+    const previous = this.store.getSnapshot();
+    const snapshot = this.readSnapshot();
+    let values = {};
+    let overridden = [];
+    let available = false;
+    let writable = false;
+    if (snapshot !== void 0 && snapshot.status === "ready" && snapshot.value !== void 0) {
+      available = true;
+      writable = snapshot.writable !== false;
+      values = { ...snapshot.value };
+      const user = snapshot.user;
+      if (user !== null && typeof user === "object") overridden = Object.keys(user);
+      for (const [field2, value] of Object.entries(this.draft)) values[field2] = value;
+    } else {
+      for (const key of Object.keys(this.draft)) delete this.draft[key];
+      this.releaseWaits();
+    }
+    this.served = snapshot !== void 0 && snapshot.status === "ready" && snapshot.value !== void 0 ? { ...snapshot.value } : {};
+    this.store.set({
+      available,
+      writable,
+      values,
+      overridden,
+      lastError: typeof values[this.errorField] === "string" ? String(values[this.errorField]) : "",
+      dirty: Object.keys(this.draft).length > 0,
+      saving: this.saving,
+      failed: this.failed,
+      actionError: this.actionError,
+      notice: this.noticeQueue
+    });
+    const state = this.store.getSnapshot();
+    for (const wait of [...this.waits]) {
+      if (wait.settled(state) === true) {
+        this.waits.splice(this.waits.indexOf(wait), 1);
+        wait.resolve();
+      }
+    }
+  }
+  /** What every read stands on: the shared form's mirror, which subscribes
+   * and so moves with every Host answer. The page's handed `state` is a
+   * snapshot taken when the page rendered — only the fallback when no shared
+   * form stands; the page form is adopted as the write **door**, not as the
+   * source. */
+  readSnapshot() {
+    if (this.formRef !== void 0) {
+      try {
+        return this.formRef.getSnapshot();
+      } catch {
+      }
+    }
+    return this.pageForm?.state;
+  }
+  /**
+   * The write door — a refused pass is re-issued against the re-read document
+   * until the budget runs out, then the refusal is *reported*.
+   *
+   * The door takes what the ops are **made of**, not the ops themselves, for
+   * one reason: anything that has to carry what the document already says (a
+   * keyed trigger's stamp map, a stamp that must move) is composed against
+   * what the document says *now*, on every pass. Composing it once from what
+   * this half last rendered would re-issue a merge made against a document
+   * that already moved — and drop the other row's stamp on the floor.
+   */
+  async writeDoor(compose) {
+    for (let pass = 0; pass < MAX_WRITE_PASSES; pass++) {
+      const snapshot = this.readSnapshot();
+      if (snapshot === void 0 || snapshot.status !== "ready") return false;
+      const document2 = snapshot.value ?? {};
+      const ops = withLiveCleared(compose(document2), this.fields.liveKeys);
+      const pageForm = this.pageForm;
+      const formRef = this.formRef;
+      const door = pageForm !== void 0 ? (next) => pageForm.mutate(next) : formRef !== void 0 ? (next) => formRef.mutate(next) : void 0;
+      if (door === void 0) return false;
+      const last = pass === MAX_WRITE_PASSES - 1 && this.unfencedMutate !== void 0;
+      try {
+        const accepted = last ? await this.unfencedMutate(ops) : await door(ops);
+        if (accepted === true) return true;
+      } catch {
+      }
+    }
+    return false;
+  }
+  /** Nothing serves: no wait can settle. */
+  releaseWaits() {
+    for (const wait of [...this.waits]) {
+      this.waits.splice(this.waits.indexOf(wait), 1);
+      wait.resolve();
+    }
+  }
+};
+function withLiveCleared(ops, liveKeys) {
+  if (liveKeys === void 0 || liveKeys.length === 0) return ops;
+  const written = new Set(ops.map((op) => op.path[0]));
+  const clears = liveKeys.filter((key) => !written.has(key)).map((key) => ({ op: "unset", path: [key] }));
+  return clears.length === 0 ? ops : [...ops, ...clears];
+}
+function valuesEqual(a, b) {
+  return sameValue(a, b);
+}
+function keyedAnswer(value, key) {
+  if (value === null || typeof value !== "object") return value;
+  if (Array.isArray(value)) {
+    const rows = value;
+    const row = rows.find((item) => identityOf(item) === key);
+    if (rows.some((item) => identityOf(item) !== void 0)) return row;
+    return value;
+  }
+  if (Object.prototype.hasOwnProperty.call(value, key)) return value[key];
+  return value;
+}
+function identityOf(row) {
+  if (row === null || typeof row !== "object") return void 0;
+  const claimed = row.id ?? row.key;
+  if (typeof claimed === "string") return claimed;
+  if (typeof claimed === "number") return String(claimed);
+  return void 0;
+}
+function nextStamp(previous) {
+  const standing = typeof previous === "number" && Number.isFinite(previous) ? previous : 0;
+  return Math.max(Date.now(), standing + 1);
+}
+var LOCALE_NAMESPACE = "dshAncesters";
+var DICTIONARIES = {
+  en: {
+    apply: "Apply",
+    discard: "Discard",
+    saving: "Saving\u2026",
+    unsaved: "Unsaved changes",
+    saveFailed: "Save failed",
+    cancel: "Cancel",
+    close: "Close",
+    search: "Search",
+    searchNoResults: "No matches",
+    searchPlaceholder: "Search\u2026",
+    addSelected: "Add selected",
+    // The page-wide notices (`toasts`): a wait that ended with nothing
+    // answered, and a failure the Host answered without a line of its own.
+    toastStall: "The host did not answer the action \u2014 try it again.",
+    toastError: "The host reported a failure."
+  }
+};
+function mergeDictionaries(base = DICTIONARIES, override = {}) {
+  const merged = {};
+  for (const locale of [...Object.keys(base), ...Object.keys(override)]) {
+    merged[locale] = { ...base[locale] === void 0 ? {} : base[locale], ...override[locale] === void 0 ? {} : override[locale] };
+  }
+  return merged;
+}
+var TOAST_ROOT_SELECTOR = "div[data-dsh-ancesters-toasts]";
+var TOAST_DISMISS_MS = 8e3;
+function noticeText(notice, t) {
+  if (notice.kind === "stall") return t("toastStall");
+  return notice.text !== "" ? notice.text : t("toastError");
+}
+function mountToastMirror(source, host, options = {}) {
+  const doc = documentOf(host);
+  if (doc === void 0) return () => void 0;
+  const root = host === void 0 || host === null ? toastRoot(doc) : host;
+  if (root === void 0 || typeof root.appendChild !== "function") return () => void 0;
+  const t = typeof options.t === "function" ? options.t : (key) => key;
+  const dismissMs = typeof options.dismissMs === "number" && options.dismissMs >= 0 ? options.dismissMs : TOAST_DISMISS_MS;
+  let node = void 0;
+  let shownSeq = -1;
+  let timer = void 0;
+  const dismiss = (seq) => {
+    if (typeof source.clearNotice === "function") source.clearNotice(seq);
+  };
+  const stopTimer = () => {
+    if (timer !== void 0) clearTimeout(timer);
+    timer = void 0;
+  };
+  const paint = () => {
+    const snapshot = source.store.getSnapshot();
+    const notice = snapshot.notice ?? null;
+    if (notice === null) {
+      stopTimer();
+      shownSeq = -1;
+      if (node !== void 0) {
+        root.removeChild(node);
+        node = void 0;
+      }
+      return;
+    }
+    if (node === void 0) {
+      node = doc.createElement("div");
+      node.className = shared_default.toast;
+      root.appendChild(node);
+    }
+    node.dataset.dshAncestersToast = String(notice.seq);
+    node.dataset.noticeKind = notice.kind;
+    node.textContent = typeof options.text === "function" ? options.text(notice, snapshot, t) : noticeText(notice, t);
+    const seq = notice.seq;
+    node.onclick = () => dismiss(seq);
+    if (seq !== shownSeq) {
+      shownSeq = seq;
+      stopTimer();
+      if (dismissMs > 0 && typeof setTimeout === "function") timer = setTimeout(() => dismiss(seq), dismissMs);
+    }
+  };
+  const unsubscribe = source.store.subscribe(() => paint());
+  paint();
+  return () => {
+    unsubscribe();
+    stopTimer();
+    if (node !== void 0) {
+      root.removeChild(node);
+      node = void 0;
+    }
+  };
+}
+function documentOf(host) {
+  const own = host !== void 0 && host !== null ? host.ownerDocument : void 0;
+  if (own !== void 0 && own !== null) return own;
+  return typeof document === "undefined" ? void 0 : document;
+}
+function toastRoot(doc) {
+  const standing = doc.querySelectorAll(TOAST_ROOT_SELECTOR);
+  if (standing.length > 0) return standing[0];
+  const root = doc.createElement("div");
+  root.className = shared_default.toastRoot;
+  root.dataset.dshAncestersToasts = "1";
+  const container = doc.body ?? doc.head;
+  if (container === void 0) return void 0;
+  container.appendChild(root);
+  return root;
+}
+var SHEET_ID = "dsh-ancesters-" + hash(cssText);
+function sheetId(css) {
+  return "dsh-ancesters-" + hash(css);
+}
+function injected(id) {
+  return document.querySelectorAll('style[data-dsh-ancesters-css="' + id + '"]').length > 0;
+}
+function injectCardStyles(sheets) {
+  if (typeof document === "undefined") return;
+  const wanted = [cssText, ...sheets ?? []].filter((sheet) => typeof sheet === "string" && sheet !== "");
+  for (const sheet of wanted) {
+    const id = sheetId(sheet);
+    if (injected(id)) continue;
+    const styleTag = document.createElement("style");
+    styleTag.dataset.dshAncestersCss = id;
+    styleTag.textContent = sheet;
+    document.head.appendChild(styleTag);
+  }
+}
+function hash(text2) {
+  let value = 2166136261 >>> 0;
+  for (let index = 0; index < text2.length; index++) {
+    value ^= text2.charCodeAt(index);
+    value = Math.imul(value, 16777619) >>> 0;
+  }
+  return value.toString(36).padStart(6, "0").slice(0, 6) + "-" + text2.length.toString(36);
+}
+function unfencedSettingsWrite(ctx, ns) {
+  const settings = ctx.remote?.settings;
+  const mutate = settings?.mutate;
+  if (settings === void 0 || typeof mutate !== "function") return void 0;
+  return async (ops) => {
+    try {
+      const response = await mutate.call(settings, ns, ops, void 0);
+      return response?.ok === true;
+    } catch {
+      return false;
+    }
+  };
+}
+function mountSettingsCard(spec) {
+  if (spec === void 0 || typeof spec !== "object" || Array.isArray(spec)) {
+    throw new TypeError("mountSettingsCard: requires a descriptor object ({ entryId, fields, blocks \u2026 })");
+  }
+  if (typeof spec.entryId !== "string" || spec.entryId === "") {
+    throw new TypeError("mountSettingsCard: the descriptor requires a non-empty `entryId`");
+  }
+  if (spec.pluginId !== void 0 && (typeof spec.pluginId !== "string" || spec.pluginId === "")) {
+    throw new TypeError("mountSettingsCard: the descriptor's `pluginId` must be a non-empty string (the row key needs the package identity)");
+  }
+  if (spec.bundleId !== void 0 && (typeof spec.bundleId !== "string" || spec.bundleId === "")) {
+    throw new TypeError("mountSettingsCard: the descriptor's `bundleId` must be a non-empty string (it is the bundle package the row key is built from)");
+  }
+  if (spec.placement !== void 0 && spec.placement !== "row" && spec.placement !== "bundle") {
+    throw new TypeError('mountSettingsCard: the descriptor\'s `placement` is "row" or "bundle"');
+  }
+  const namespace = spec.localeNamespace === void 0 || spec.localeNamespace === "" ? LOCALE_NAMESPACE : spec.localeNamespace;
+  const bundle = spec.placement === "bundle";
+  const slotName = bundle ? "plugins.bundle.config" : "plugins.row.config";
+  return {
+    inject: ["configForms", "slots", "locale", "remote", "remote.settings"],
+    apply(ctx) {
+      if (ctx === void 0 || typeof ctx !== "object" || ctx.slots === void 0 || typeof ctx.slots.inject !== "function") {
+        throw new TypeError("mountSettingsCard.apply: needs the browser plugin context (the shell's `slots` service)");
+      }
+      injectCardStyles();
+      const dicts = mergeDictionaries(DICTIONARIES, spec.locale ?? {});
+      if (ctx.locale !== void 0 && typeof ctx.locale.register === "function") {
+        ctx.effect(() => ctx.locale.register(namespace, dicts), `${spec.entryId}: dictionaries`);
+      }
+      const form = ctx.configForms === void 0 ? void 0 : ctx.configForms.get(spec.entryId);
+      const controller = new CardController(form, {
+        fields: spec.fields,
+        errorField: spec.errorField,
+        settleDeadlineMs: spec.settleDeadlineMs,
+        settleField: spec.settleField,
+        unfencedMutate: unfencedSettingsWrite(ctx, spec.entryId)
+      });
+      ctx.effect(() => () => controller.dispose(), `${spec.entryId}: card controller`);
+      const translate = ctx.locale !== void 0 && typeof ctx.locale.bind === "function" ? ctx.locale.bind(namespace) : (key) => key;
+      if (spec.toasts === true || spec.toasts !== void 0 && typeof spec.toasts === "object") {
+        const toastHost = typeof spec.toasts === "object" ? spec.toasts.host : void 0;
+        const dismissMs = typeof spec.toasts === "object" ? spec.toasts.dismissMs : void 0;
+        const text2 = typeof spec.toasts === "object" ? spec.toasts.text : void 0;
+        ctx.effect(
+          () => mountToastMirror(controller, toastHost, { t: translate, dismissMs, text: text2 }),
+          `${spec.entryId}: toast host`
+        );
+      }
+      const body = (props) => {
+        const view = String(props?.view) === "page" ? "page" : "summary";
+        controller.adoptForm(props?.form === void 0 ? void 0 : props.form);
+        const snapshot = controller.getSnapshot();
+        if (view === "summary") {
+          if (typeof spec.renderSummary !== "function") return null;
+          return spec.renderSummary(snapshot, translate);
+        }
+        if (!snapshot.available && (spec.blocks ?? []).length === 0) return null;
+        const renders = (spec.blocks ?? []).map(
+          (block, index) => renderBlock(block, { snapshot, controller, view, t: translate })
+        );
+        const composed = renders.filter((rendered) => rendered !== null && rendered !== void 0);
+        if (spec.errorLine === false) return composed;
+        const error = snapshot.actionError !== "" ? snapshot.actionError : snapshot.lastError;
+        const line = ErrorLine({ text: error === "" ? "" : error });
+        return line === null ? composed : [...composed, line];
+      };
+      const pageKey = bundle ? bundleConfigKey(spec.bundleId ?? spec.pluginId) : rowConfigKey(spec.bundleId ?? spec.pluginId ?? "", spec.entryId);
+      ctx.slots.inject(slotName, () => {
+        ctx.slots.register(
+          {
+            name: slotName,
+            key: pageKey,
+            locale: namespace,
+            inject: () => controller.inject()
+          },
+          body
+        );
+      });
+      const composer = spec.composer;
+      if (composer !== void 0) {
+        if (typeof composer.id !== "string" || composer.id === "" || typeof composer.bind !== "function") {
+          throw new TypeError("mountSettingsCard: `composer` needs a non-empty `id` and a `bind` function");
+        }
+        const pills = (props) => {
+          const subscribe = props?.useAncestersComposer;
+          const snapshot = typeof subscribe === "function" ? subscribe((state) => state) : controller.getSnapshot();
+          const openState = react4.useState("");
+          const open = openState[0];
+          const setOpen = openState[1];
+          if (snapshot?.available !== true) return null;
+          const t = typeof props?.t === "function" ? props.t : translate;
+          const declared = composer.bind(snapshot, controller, t) ?? [];
+          if (declared.length === 0) return null;
+          return (0, import_jsx_runtime.jsx)("span", {
+            className: shared_default.composerPills,
+            children: declared.map(
+              (pill) => (0, import_jsx_runtime.jsx)(
+                ComposerPill,
+                { ...pill, open: open === pill.key, setOpen: (next) => setOpen(next ? pill.key : "") },
+                pill.key
+              )
+            )
+          });
+        };
+        ctx.slots.inject("conversation.input.left", () => {
+          ctx.slots.register(
+            {
+              name: "conversation.input.left",
+              // The slot is kind `list`: entries are deduped and
+              // placed by a stable `id`, not a keyed `key`.
+              id: composer.id,
+              locale: namespace,
+              inject: () => ({ hooks: { ancestersComposer: controller.store }, controller })
+            },
+            pills
+          );
+        });
+      }
+    }
+  };
+}
+function bundleConfigKey(pkgName) {
+  if (typeof pkgName !== "string" || pkgName === "") {
+    throw new TypeError('mountSettingsCard: `placement: "bundle"` needs `pluginId` or `bundleId` (the bundle page is keyed by its package name)');
+  }
+  return pkgName;
+}
+function renderBlock(block, props) {
+  if (block.hideWhenUnavailable === true && props.snapshot.available !== true) return null;
+  const compose = { ...block.props ?? {} };
+  if (block.field !== void 0) {
+    compose.value = props.snapshot.values[block.field];
+    compose.field = block.field;
+  }
+  if (block.liveKeys !== void 0) {
+    for (const liveKey of block.liveKeys) compose[liveKey] = props.snapshot.values[liveKey];
+  }
+  if (typeof block.bind === "function") Object.assign(compose, block.bind(props.snapshot, props.controller, props.t));
+  if (block.action !== void 0) compose.action = composeAction(block.action, props.controller, block.field);
+  const component = typeof block.block === "string" ? BlocksByName[block.block] : block.block;
+  if (typeof component !== "function") return null;
+  return component({ ...compose, t: props.t });
+}
+function composeAction(action, controller, field2) {
+  if (typeof action === "function") return action(controller);
+  if (action === "stage") return (value) => controller.stage(String(field2 ?? ""), value);
+  if (action === "apply") return () => controller.applyStaged();
+  if (action === "discard") return () => controller.discard();
+  if (action === "write") return (value) => controller.writeField(String(field2 ?? ""), value);
+  return (value) => value === void 0 ? controller.writeTrigger(String(field2 ?? "")) : controller.writeEntryTrigger(String(field2 ?? ""), value);
+}
+var BlocksByName = Blocks;
+function mountSettingsCard2(spec) {
+  return mountSettingsCard(spec);
+}
+
+// src/client/catalog.ts
+var ID_MAX_LENGTH = 1024;
+var PATH_PATTERN = /^[^\x00-\x1f\x7f]{1,1024}$/u;
+var NAME_MAX_LENGTH = 200;
+var ENTRY_CAP = 50;
+function isValidEntryId(id) {
+  if (id === "" || id.length > ID_MAX_LENGTH) return false;
+  return PATH_PATTERN.test(id);
+}
+function entryLabel(entry) {
+  const name = entry.name.trim();
+  return name === "" ? entry.id : name;
+}
+function normalizeEntries(value) {
+  if (!Array.isArray(value)) return [];
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of value) {
+    if (out.length === ENTRY_CAP) break;
+    if (item === null || typeof item !== "object" || Array.isArray(item)) continue;
+    const raw = item;
+    const id = typeof raw.id === "string" ? raw.id.trim() : "";
+    if (!isValidEntryId(id) || seen.has(id)) continue;
+    seen.add(id);
+    const name = typeof raw.name === "string" ? raw.name.trim() : "";
+    out.push({ id, name: name.slice(0, NAME_MAX_LENGTH) });
+  }
+  return out;
+}
+
+// src/client/card/index.ts
+var react8 = __toESM(require("react"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+
+// dsh-css:/home/roberto/dev/dsh/dsh-chrome-mcp/src/client/styles/ChromeMcpCard.module.css
+var cssText2 = '.e5pfpa_body{flex-direction:column;gap:10px;display:flex}.e5pfpa_field{align-items:flex-start;gap:4px;display:flex;flex-direction:column;width:100%}.e5pfpa_fieldRow{align-items:center;gap:8px;display:flex;width:100%}.e5pfpa_fieldTitle{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px;flex:1;min-width:0}.e5pfpa_fieldDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px;width:100%}.e5pfpa_selector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.e5pfpa_selector:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.e5pfpa_selector:disabled{cursor:default}.e5pfpa_selectorWrap{display:flex}.e5pfpa_pillChevron{flex:none}.e5pfpa_row{display:flex;gap:10px;align-items:center}.e5pfpa_button{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:.5px solid var(--dsw-alias-border-l3);border-radius:14px;cursor:pointer;font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary);background:transparent;padding:0 10px;height:28px}.e5pfpa_button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.e5pfpa_button:disabled{cursor:not-allowed;opacity:.4}.e5pfpa_button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.e5pfpa_readOnly{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.e5pfpa_error{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px;line-height:1.5}.e5pfpa_dot{box-sizing:border-box;corner-shape:round;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.e5pfpa_dotError{background:var(--dsw-alias-state-error-primary)}.e5pfpa_badge{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-1);border-radius:10px;padding:1px 8px;font-size:11px;line-height:16px;display:inline-flex;align-items:center;flex:none}.e5pfpa_empty{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.e5pfpa_catalog{flex-direction:column;align-items:stretch;gap:10px;display:flex}.e5pfpa_catalog+.e5pfpa_catalog{border-top:.5px solid var(--dsw-alias-border-l2);padding-top:12px}.e5pfpa_catalog>.e5pfpa_linkButton{align-self:flex-start}.e5pfpa_catalog>.e5pfpa_linkButtonRow{align-self:flex-start;display:flex;gap:8px;align-items:center}.e5pfpa_linkButton{box-sizing:border-box;border:none;background:0 0;color:var(--dsw-alias-label-tertiary);cursor:pointer;border-radius:14px;align-items:center;height:28px;padding:0 10px;font:inherit;font-size:12px;line-height:18px;display:inline-flex}.e5pfpa_linkButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.e5pfpa_linkButton:disabled{opacity:.4;cursor:default}.e5pfpa_linkButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.e5pfpa_catalogEntry{border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-module-platform);border-radius:10px;padding:6px}.e5pfpa_catalogRow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.e5pfpa_catalogInput{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:8px;height:28px;padding:0 10px;font:inherit;font-size:14px;line-height:22px;min-width:0;width:100%}.e5pfpa_catalogInput::placeholder{color:var(--dsw-alias-label-dimmed)}.e5pfpa_catalogInput:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-1px}.e5pfpa_catalogInput:disabled{opacity:.6;cursor:default}.e5pfpa_iconButton{box-sizing:border-box;width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.e5pfpa_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.e5pfpa_iconButton:disabled{opacity:.4;cursor:default}.e5pfpa_iconButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.e5pfpa_iconButtonDanger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary)}.e5pfpa_addButton{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:14px;align-self:flex-start;align-items:center;gap:4px;height:28px;padding:0 10px;font:inherit;font-size:12px;line-height:18px;display:inline-flex}.e5pfpa_addButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.e5pfpa_addButton:disabled{opacity:.4;cursor:default}.e5pfpa_disclosure{flex-direction:column;gap:10px;display:flex}.e5pfpa_disclosureSummary{color:var(--dsw-alias-label-secondary);cursor:pointer;list-style:none;align-items:center;gap:6px;font-size:12px;line-height:18px;user-select:none;display:flex}.e5pfpa_disclosureSummary::-webkit-details-marker{display:none}.e5pfpa_disclosureSummary:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px;border-radius:6px}.e5pfpa_disclosureLabel:before{content:"\\25b8";display:inline-block;margin-right:6px;transition:transform .16s}.e5pfpa_disclosure[open] .e5pfpa_disclosureLabel:before{transform:rotate(90deg)}.e5pfpa_disclosureCount{color:var(--dsw-alias-label-tertiary)}.e5pfpa_disclosureBody{flex-direction:column;gap:10px;display:flex}.e5pfpa_disclosureBody>.e5pfpa_linkButton{align-self:flex-start}.e5pfpa_disclosureBody>.e5pfpa_linkButtonRow{align-self:flex-start;display:flex;gap:8px;align-items:center}.e5pfpa_toggleLabel{align-items:center;display:inline-flex;flex:none}.e5pfpa_fetchDialog{background:color-mix(in srgb,var(--dsw-alias-label-primary) 28%,transparent);align-items:center;justify-content:center;display:flex;position:fixed;inset:0;z-index:90}.e5pfpa_dialogContent{background:var(--dsw-alias-bg-layer-3);border:.5px solid var(--dsw-alias-border-l3);border-radius:16px;flex-direction:column;gap:10px;width:min(520px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 48px));display:flex;overflow:hidden}.e5pfpa_dialogHeader{align-items:center;gap:8px;padding:14px 16px 0;display:flex}.e5pfpa_dialogTitle{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:22px;flex:1;min-width:0;margin:0}.e5pfpa_dialogClose{box-sizing:border-box;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;flex:none;width:28px;height:28px;display:inline-flex}.e5pfpa_dialogClose:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.e5pfpa_dialogClose:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.e5pfpa_dialogDescription{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin:0;padding:0 16px}.e5pfpa_dialogBody{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0 16px;display:flex}.e5pfpa_candidateToolbar{align-items:center;gap:8px;display:flex}.e5pfpa_candidateSearch{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:8px;height:32px;padding:0 10px;font:inherit;font-size:12px;line-height:20px;flex:1;min-width:0}.e5pfpa_candidateSearch::placeholder{color:var(--dsw-alias-label-dimmed)}.e5pfpa_candidateSearch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-1px}.e5pfpa_candidateList{flex-direction:column;gap:2px;margin:0;padding:0 0 10px;list-style:none;overflow-y:auto;display:flex}.e5pfpa_candidate{border-radius:8px;padding:4px 6px}.e5pfpa_candidate:hover{background:var(--dsw-alias-interactive-bg-hover)}.e5pfpa_candidateLabel{align-items:center;gap:8px;min-width:0;display:flex}.e5pfpa_candidateLabel input[type=checkbox]{accent-color:var(--dsw-alias-brand-primary);flex:none;margin:0}.e5pfpa_candidateId{color:var(--dsw-alias-label-primary);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.e5pfpa_candidateNote{color:var(--dsw-alias-label-tertiary);flex:0 1 auto;min-width:0;overflow-wrap:anywhere;font-size:11px;line-height:16px}.e5pfpa_dialogFooter{border-top:.5px solid var(--dsw-alias-border-l2);align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.e5pfpa_dialogButton{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:.5px solid var(--dsw-alias-border-l3);border-radius:16px;cursor:pointer;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary);background:transparent;padding:0 12px;height:32px}.e5pfpa_dialogButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.e5pfpa_dialogButton:disabled{cursor:not-allowed;opacity:.4}.e5pfpa_dialogButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.e5pfpa_dialogButtonPrimary{color:var(--dsw-alias-label-primary);font-weight:600}.e5pfpa_selectorLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.e5pfpa_result{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.e5pfpa_resultValue{color:var(--dsw-alias-label-secondary);margin-left:4px}.e5pfpa_resultAge{color:var(--dsw-alias-label-dimmed);margin-left:4px}.e5pfpa_notice{flex-direction:column;gap:4px;display:flex;border:.5px solid var(--dsw-alias-border-l3);border-radius:10px;background:var(--dsw-alias-bg-layer-1);padding:8px 10px}.e5pfpa_noticeTitle{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600;line-height:18px}.e5pfpa_noticeBody{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.e5pfpa_docsLink{color:var(--dsw-alias-label-tertiary);align-items:center;gap:4px;display:inline-flex;text-decoration:none;font-size:12px;line-height:1.5}.e5pfpa_docsLinkLabel{text-decoration:none}.e5pfpa_docsLink:hover{color:var(--dsw-alias-brand-primary)}.e5pfpa_docsLink:hover .e5pfpa_docsLinkLabel{text-decoration:underline}.e5pfpa_docsLink:hover .e5pfpa_docsIcon{color:var(--dsw-alias-brand-primary)}.e5pfpa_docsIcon{color:var(--dsw-alias-label-tertiary);flex:none}.e5pfpa_docsLink:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px;border-radius:4px}.e5pfpa_catalogRowSingle{grid-template-columns:minmax(0,1fr) auto}.e5pfpa_catalogInputMono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.e5pfpa_footer{border-top:.5px solid var(--dsw-alias-border-l2);align-items:center;justify-content:flex-end;gap:8px;padding:12px 0 0;display:flex}.e5pfpa_footerError{color:var(--dsw-alias-label-error);text-align:right;min-width:0;flex:1;margin:0;font-size:12px;line-height:1.5}.e5pfpa_footerButton{border:.5px solid var(--dsw-alias-border-l3);border-radius:8px;cursor:pointer;color:var(--dsw-alias-label-secondary);background:transparent;padding:5px 14px;font-size:13px;line-height:1.5}.e5pfpa_footerButton:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.e5pfpa_footerButton:disabled{cursor:default;opacity:.4}.e5pfpa_footerButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.e5pfpa_footerButtonPrimary{color:var(--dsw-alias-bg-layer-3);font-weight:600;background:var(--dsw-alias-label-primary);border-color:transparent}.e5pfpa_footerButtonPrimary:hover:not(:disabled){color:var(--dsw-alias-bg-layer-3);background:var(--dsw-alias-label-secondary);border-color:transparent}\n';
+var ChromeMcpCard_default = { "body": "e5pfpa_body", "field": "e5pfpa_field", "fieldRow": "e5pfpa_fieldRow", "fieldTitle": "e5pfpa_fieldTitle", "fieldDesc": "e5pfpa_fieldDesc", "selector": "e5pfpa_selector", "selectorWrap": "e5pfpa_selectorWrap", "pillChevron": "e5pfpa_pillChevron", "row": "e5pfpa_row", "button": "e5pfpa_button", "readOnly": "e5pfpa_readOnly", "error": "e5pfpa_error", "dot": "e5pfpa_dot", "dotError": "e5pfpa_dotError", "badge": "e5pfpa_badge", "empty": "e5pfpa_empty", "catalog": "e5pfpa_catalog", "linkButton": "e5pfpa_linkButton", "linkButtonRow": "e5pfpa_linkButtonRow", "catalogEntry": "e5pfpa_catalogEntry", "catalogRow": "e5pfpa_catalogRow", "catalogInput": "e5pfpa_catalogInput", "iconButton": "e5pfpa_iconButton", "iconButtonDanger": "e5pfpa_iconButtonDanger", "addButton": "e5pfpa_addButton", "disclosure": "e5pfpa_disclosure", "disclosureSummary": "e5pfpa_disclosureSummary", "disclosureLabel": "e5pfpa_disclosureLabel", "disclosureCount": "e5pfpa_disclosureCount", "disclosureBody": "e5pfpa_disclosureBody", "toggleLabel": "e5pfpa_toggleLabel", "fetchDialog": "e5pfpa_fetchDialog", "dialogContent": "e5pfpa_dialogContent", "dialogHeader": "e5pfpa_dialogHeader", "dialogTitle": "e5pfpa_dialogTitle", "dialogClose": "e5pfpa_dialogClose", "dialogDescription": "e5pfpa_dialogDescription", "dialogBody": "e5pfpa_dialogBody", "candidateToolbar": "e5pfpa_candidateToolbar", "candidateSearch": "e5pfpa_candidateSearch", "candidateList": "e5pfpa_candidateList", "candidate": "e5pfpa_candidate", "candidateLabel": "e5pfpa_candidateLabel", "candidateId": "e5pfpa_candidateId", "candidateNote": "e5pfpa_candidateNote", "dialogFooter": "e5pfpa_dialogFooter", "dialogButton": "e5pfpa_dialogButton", "dialogButtonPrimary": "e5pfpa_dialogButtonPrimary", "selectorLabel": "e5pfpa_selectorLabel", "result": "e5pfpa_result", "resultValue": "e5pfpa_resultValue", "resultAge": "e5pfpa_resultAge", "notice": "e5pfpa_notice", "noticeTitle": "e5pfpa_noticeTitle", "noticeBody": "e5pfpa_noticeBody", "docsLink": "e5pfpa_docsLink", "docsLinkLabel": "e5pfpa_docsLinkLabel", "docsIcon": "e5pfpa_docsIcon", "catalogRowSingle": "e5pfpa_catalogRowSingle", "catalogInputMono": "e5pfpa_catalogInputMono", "footer": "e5pfpa_footer", "footerError": "e5pfpa_footerError", "footerButton": "e5pfpa_footerButton", "footerButtonPrimary": "e5pfpa_footerButtonPrimary" };
+
+// src/client/card/flags.ts
+var import_jsx_runtime11 = require("react/jsx-runtime");
+
+// src/client/plugin-meta.ts
+var ENTRY_ID = "mcp-chrome";
+var PLUGIN_ID = "@comecaramelos/dsh-chrome-mcp";
+var BUNDLE_ID = "@comecaramelos/dsh-mcp-manager-bundle";
+var ROW_CONFIG_KEY = `${BUNDLE_ID}#${ENTRY_ID}`;
+var LOCALE_NAMESPACE2 = "chromeMcp";
+var CONFIGURATION_URL = "https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/docs/configuration.md";
+var RUN_SETTLE_TIMEOUT_MS2 = 9e4;
+var LIVE_KEYS = [
+  "lastError",
+  "chromeMissing",
+  "executableDiscoveryRevision",
+  "chromeVersion",
+  "executableStatus",
+  "effectiveChromePath",
+  "effectiveSource",
+  "stderrEffective",
+  "defaultExtraFlags",
+  "wslExtraFlags",
+  "wslWindowsExecutable",
+  "windowsChromeStatus",
+  "carriesConnectionMode",
+  "runningFlags",
+  "runningNote"
+];
+
+// src/client/card/icons.ts
+var CHEVRON_PATH2 = "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z";
+var TRASH_PATH2 = "M2.5 4h11M6.5 4V2.5h3V4M4 4l.7 9a1 1 0 001 .9h4.6a1 1 0 001-.9L12 4M6.5 6.8v4.4M9.5 6.8v4.4";
+var CLOSE_PATHS2 = [
+  "M14.1168 13.197L13.197 14.1167L1.8833 2.80303L2.80309 1.88324L14.1168 13.197Z",
+  "M13.197 1.88326L14.1168 2.80305L2.80309 14.1168L1.8833 13.197L13.197 1.88326Z"
+];
+var DOCS_PATHS2 = [
+  "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
+  "M15 3h6v6",
+  "M10 14 21 3"
+];
 
-		/**
-		 * Chrome DevTools MCP settings + status card, browser half.
-		 *
-		 * Registers one card into the shared `settings.plugin.item` slot
-		 * (Settings → Plugins → Plugin configuration), keyed by the
-		 * `chrome-mcp` settings namespace the host half serves. The card
-		 * offers, per the product spec:
-		 *   - error reporting: chrome executable / connection errors surfaced
-		 *     from the host's `lastError`, reported by a single UI element: the
-		 *     red status dot in the header, whose `title` carries the full
-		 *     message. A served `chromeMissing` flag keeps that dot red even
-		 *     when the captured error was cleared (its title then falls back to
-		 *     the not-found label). No body paragraph, no extra badge.
-		 *   - an extra flags editor (host field `extraFlags`, one flag per
-		 *     line, default `--no-usage-statistics`, `--no-performance-crux`), writing the persisted
-		 *     field via scope.set (host fiber.update relaunches the bridge),
-		 *   - the Chrome executable version discovered by the last check, and
-		 *   - the full configuration-guide message with a link to
-		 *     https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/docs/configuration.md
-		 * The card is collapsible like the stock plugin cards: closed by
-		 * default, with the header as its disclosure button.
-		 */
-		/** Settings namespace served by the host half; also the slot key. */
-		var NS = "chrome-mcp";
-		/** Locale dictionary namespace. */
-		var LOCALE_NS = "chromeMcp";
-		/** Required services (cordis fiber inject). */
-		var inject = ["slots", "locale", "settingsScope"];
+// src/client/card/rows.ts
+var react5 = __toESM(require("react"), 1);
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function RowList(props) {
+  var served = Array.isArray(props.values) ? props.values : [];
+  var writable = props.writable === true;
+  var busy = props.busy === true;
+  var labels = Array.isArray(props.labels) ? props.labels : [];
+  var placeholders = Array.isArray(props.placeholders) ? props.placeholders : [];
+  var columns = Math.max(1, labels.length);
+  var blankRow = [];
+  for (var blank = 0; blank < columns; blank++) blankRow.push("");
+  var draftState = react5.useState(null);
+  var draft = draftState[0];
+  var setDraft = draftState[1];
+  var focusedState = react5.useState(false);
+  var focused = focusedState[0];
+  var setFocused = focusedState[1];
+  var servedKey = JSON.stringify(served);
+  var syncState = react5.useState("");
+  var servedSync = syncState[0];
+  var setServedSync = syncState[1];
+  if (servedKey !== servedSync) {
+    setServedSync(servedKey);
+    if (!focused) setDraft(null);
+  }
+  var rows = draft === null ? served : draft;
+  var save = (next) => {
+    if (typeof props.save !== "function") return Promise.resolve();
+    setDraft(next);
+    return Promise.resolve(props.save(next)).catch(() => {
+    });
+  };
+  var withDraft = (make) => make(draft === null ? served : draft);
+  var patchRow = (index2, column, value) => {
+    setFocused(true);
+    setDraft(
+      withDraft(
+        (current) => current.map(
+          (row, at) => at === index2 ? row.map((cell, field2) => field2 === column ? value : cell) : row
+        )
+      )
+    );
+  };
+  var removeRow = (index2) => {
+    if (!writable || rows[index2] === void 0) return;
+    save(rows.filter((_row, at) => at !== index2));
+  };
+  var addRow = () => {
+    if (!writable) return;
+    setDraft(withDraft((current) => current.concat([blankRow])));
+  };
+  var commit = () => {
+    if (draft === null) return;
+    save(rows);
+  };
+  var fieldNode = (row, index2, column) => (0, import_jsx_runtime10.jsx)("input", {
+    className: props.inputClassName ? ChromeMcpCard_default.catalogInput + " " + props.inputClassName : ChromeMcpCard_default.catalogInput,
+    type: "text",
+    value: row[column] === void 0 ? "" : row[column],
+    placeholder: placeholders[column],
+    "aria-label": labels[column] + " " + (index2 + 1),
+    title: column === 0 ? row[column] : void 0,
+    disabled: !writable,
+    spellCheck: false,
+    autoComplete: "off",
+    autocapitalize: "off",
+    onChange: (event) => {
+      patchRow(index2, column, event && event.target ? String(event.target.value ?? "") : "");
+    },
+    onFocus: () => setFocused(true),
+    onBlur: () => {
+      setFocused(false);
+      commit();
+    },
+    onKeyDown: (event) => {
+      if (event && event.key === "Enter") {
+        setFocused(false);
+        commit();
+      }
+    }
+  }, column);
+  var entryNode = (row, index2) => {
+    var cells = [];
+    var width = row.length === 0 ? columns : row.length;
+    for (var column = 0; column < width; column++) cells.push(fieldNode(row, index2, column));
+    cells.push(
+      (0, import_jsx_runtime10.jsx)("button", {
+        type: "button",
+        className: ChromeMcpCard_default.iconButton + " " + ChromeMcpCard_default.iconButtonDanger,
+        "aria-label": props.removeLabel + " " + (index2 + 1),
+        title: props.removeLabel,
+        disabled: !writable,
+        onClick: () => {
+          removeRow(index2);
+        },
+        children: (0, import_jsx_runtime10.jsx)("svg", {
+          width: 14,
+          height: 14,
+          viewBox: "0 0 16 16",
+          fill: "none",
+          "aria-hidden": "true",
+          children: (0, import_jsx_runtime10.jsx)("path", {
+            d: TRASH_PATH2,
+            stroke: "currentColor",
+            strokeWidth: 1.3,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          })
+        })
+      })
+    );
+    return (0, import_jsx_runtime10.jsx)("div", {
+      className: ChromeMcpCard_default.catalogEntry,
+      children: (0, import_jsx_runtime10.jsxs)("div", {
+        className: props.rowClassName ? ChromeMcpCard_default.catalogRow + " " + props.rowClassName : ChromeMcpCard_default.catalogRow,
+        children: cells
+      })
+    }, index2);
+  };
+  var body = [];
+  if (typeof props.renderAction === "function") body.push(props.renderAction(rows, save));
+  var visible = [];
+  for (var index = 0; index < rows.length; index++) visible.push(entryNode(rows[index], index));
+  body = body.concat(visible);
+  body.push(
+    (0, import_jsx_runtime10.jsx)("button", {
+      type: "button",
+      className: ChromeMcpCard_default.addButton,
+      disabled: !writable || busy,
+      onClick: addRow,
+      children: props.addLabel
+    })
+  );
+  var emptyLine = rows.length === 0 ? (0, import_jsx_runtime10.jsx)("p", { className: ChromeMcpCard_default.empty, children: props.emptyText }) : null;
+  if (props.disclosure !== true) {
+    return [emptyLine].concat(body);
+  }
+  return [
+    emptyLine,
+    (0, import_jsx_runtime10.jsxs)("details", {
+      className: ChromeMcpCard_default.disclosure,
+      children: [
+        (0, import_jsx_runtime10.jsxs)("summary", {
+          className: ChromeMcpCard_default.disclosureSummary,
+          children: [
+            (0, import_jsx_runtime10.jsx)("span", { className: ChromeMcpCard_default.disclosureLabel, children: props.rowsLabel }),
+            (0, import_jsx_runtime10.jsx)("span", { className: ChromeMcpCard_default.disclosureCount, children: String(rows.length) })
+          ]
+        }),
+        (0, import_jsx_runtime10.jsx)("div", { className: ChromeMcpCard_default.disclosureBody, children: body })
+      ]
+    })
+  ];
+}
 
-		/** Configuration docs link (must match host CONFIGURATION_DOCS_URL). */
-		var CONFIGURATION_URL =
-			"https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/docs/configuration.md";
+// src/client/card/flags.ts
+function rowsOf(flags) {
+  return flags.map((flag) => [flag]);
+}
+function flagsOf(rows) {
+  var flags = [];
+  for (const row of rows) {
+    var flag = typeof row === "undefined" || row === null ? "" : String(row[0] ?? "").trim();
+    if (flag === "") continue;
+    if (flags.indexOf(flag) !== -1) continue;
+    flags.push(flag);
+  }
+  return flags;
+}
+function ExtraFlagsEditor(props) {
+  var t = props.t;
+  var writable = props.writable;
+  var flags = Array.isArray(props.flags) ? props.flags : [];
+  var defaults = Array.isArray(props.defaultFlags) ? props.defaultFlags : [];
+  var wsl = Array.isArray(props.wslFlags) ? props.wslFlags : [];
+  var save = (next) => {
+    if (typeof props.saveFlags !== "function") return Promise.resolve();
+    return Promise.resolve(props.saveFlags(flagsOf(next)));
+  };
+  var restoreAction = (visible) => {
+    var current = flagsOf(visible);
+    var merged = current.concat(defaults.filter((flag) => current.indexOf(flag) === -1));
+    return (0, import_jsx_runtime11.jsx)("button", {
+      type: "button",
+      className: ChromeMcpCard_default.linkButton,
+      // The defaults list is host-served — with nothing to recover there
+      // is nothing to do.
+      disabled: !writable || defaults.length === 0,
+      title: t("flagsRestoreTitle"),
+      onClick: () => {
+        if (!writable) return;
+        save(merged.map((flag) => [flag]));
+      },
+      children: t("flagsRestore")
+    });
+  };
+  var wslAction = (visible) => {
+    var current = flagsOf(visible);
+    var merged = current.concat(wsl.filter((flag) => current.indexOf(flag) === -1));
+    return (0, import_jsx_runtime11.jsx)("button", {
+      type: "button",
+      className: ChromeMcpCard_default.linkButton,
+      // The recommended list is host-served — with every one of them
+      // already in the rows there is nothing left to add.
+      disabled: !writable || wsl.length === 0,
+      title: t("flagsWslTitle"),
+      onClick: () => {
+        if (!writable) return;
+        save(merged.map((flag) => [flag]));
+      },
+      children: t("flagsWsl")
+    });
+  };
+  var renderActions = (visible) => (0, import_jsx_runtime11.jsxs)("div", {
+    className: ChromeMcpCard_default.linkButtonRow,
+    children: [restoreAction(visible), wslAction(visible)]
+  });
+  return (0, import_jsx_runtime11.jsxs)("div", {
+    className: ChromeMcpCard_default.catalog,
+    children: [
+      (0, import_jsx_runtime11.jsxs)("div", {
+        className: ChromeMcpCard_default.field,
+        children: [
+          (0, import_jsx_runtime11.jsxs)("div", {
+            className: ChromeMcpCard_default.fieldRow,
+            children: [
+              (0, import_jsx_runtime11.jsx)("span", { className: ChromeMcpCard_default.fieldTitle, children: t("flagsTitle") }),
+              // The guide link rides the same field row the picker's
+              // pill occupies.
+              (0, import_jsx_runtime11.jsxs)("a", {
+                className: ChromeMcpCard_default.docsLink,
+                href: CONFIGURATION_URL,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                title: t("docsMessage"),
+                children: [
+                  (0, import_jsx_runtime11.jsx)("svg", {
+                    className: ChromeMcpCard_default.docsIcon,
+                    width: 14,
+                    height: 14,
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: 2,
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    "aria-hidden": "true",
+                    children: DOCS_PATHS2.map((d, at) => (0, import_jsx_runtime11.jsx)("path", { d }, at))
+                  }),
+                  (0, import_jsx_runtime11.jsx)("span", { className: ChromeMcpCard_default.docsLinkLabel, children: t("docsLinkLabel") })
+                ]
+              })
+            ]
+          }),
+          (0, import_jsx_runtime11.jsx)("div", { className: ChromeMcpCard_default.fieldDesc, children: t("flagsHint") })
+        ]
+      }),
+      // One row per saved flag: the single field is the flag itself, and
+      // the two append controls — Restore defaults and Flags WSL — ride
+      // the list's action line.
+      (0, import_jsx_runtime11.jsx)(RowList, {
+        values: rowsOf(flags),
+        labels: [t("flagsValueLabel")],
+        placeholders: [t("flagsValuePlaceholder")],
+        writable,
+        save,
+        renderAction: renderActions,
+        emptyText: t("flagsEmpty"),
+        rowsLabel: t("flagsRows"),
+        addLabel: t("addFlag"),
+        removeLabel: t("removeFlag"),
+        rowClassName: ChromeMcpCard_default.catalogRowSingle,
+        inputClassName: ChromeMcpCard_default.catalogInputMono,
+        disclosure: true
+      })
+    ]
+  });
+}
 
-		// ── card styles ────────────────────────────────────────────────────
-		var CSS = {
-			card: "dshcmc_card",
-			cardOpen: "dshcmc_cardOpen",
-			header: "dshcmc_header",
-			headText: "dshcmc_headText",
-			nameRow: "dshcmc_nameRow",
-			name: "dshcmc_name",
-			desc: "dshcmc_desc",
-			chevron: "dshcmc_chevron",
-			chevronOpen: "dshcmc_chevronOpen",
-			body: "dshcmc_body",
-			field: "dshcmc_field",
-			rowText: "dshcmc_rowText",
-			fieldTitle: "dshcmc_fieldTitle",
-			fieldDesc: "dshcmc_fieldDesc",
-			row: "dshcmc_row",
-			button: "dshcmc_button",
-			readOnly: "dshcmc_readOnly",
-			dot: "dshcmc_dot",
-			dotError: "dshcmc_dotError",
-			link: "dshcmc_link",
-			value: "dshcmc_value",
-			docs: "dshcmc_docs",
-			editor: "dshcmc_editor",
-			text: "dshcmc_text"
-		};
-		var css =
-			"." + CSS.card + "{border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-3);border-radius:16px;list-style:none;transition:border-color .16s,background .16s}" +
-			"." + CSS.card + ":hover{border-color:var(--dsw-alias-label-dimmed)}" +
-			"." + CSS.cardOpen + "{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}" +
-			"." + CSS.header + "{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}" +
-			"." + CSS.header + ":focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}" +
-			"." + CSS.headText + "{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}" +
-			"." + CSS.nameRow + "{align-items:center;gap:8px;min-width:0;display:flex}" +
-			"." + CSS.name + "{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}" +
-			"." + CSS.desc + "{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}" +
-			"." + CSS.chevron + "{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}" +
-			"." + CSS.chevronOpen + "{transform:rotate(180deg)}" +
-			"." + CSS.body + "{border-top:.5px solid var(--dsw-alias-border-l2);display:flex;flex-direction:column;gap:10px;margin:0 16px;padding:12px 0}" +
-			"." + CSS.field + "{align-items:flex-start;gap:8px;display:flex}" +
-			"." + CSS.rowText + "{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}" +
-			"." + CSS.fieldTitle + "{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}" +
-			"." + CSS.fieldDesc + "{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}" +
-			"." + CSS.row + "{display:flex;gap:10px;align-items:center}" +
-			"." + CSS.button +
-			"{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:.5px solid var(--dsw-alias-border-l3);" +
-			"border-radius:14px;cursor:pointer;font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary);" +
-			"background:transparent;padding:0 10px;height:28px}" +
-			"." + CSS.button + ":hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}" +
-			"." + CSS.button + ":disabled{cursor:not-allowed;opacity:.4}" +
-			"." + CSS.button + ":focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}" +
-			"." + CSS.readOnly + "{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}" +
-			"." + CSS.dot + "{box-sizing:border-box;corner-shape:round;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}" +
-			"." + CSS.dotError + "{background:var(--dsw-alias-state-error-primary)}" +
-			"." + CSS.link + "{color:var(--dsw-alias-brand-primary);text-decoration:none;font-size:12px;line-height:1.5}" +
-			"." + CSS.link + ":hover{text-decoration:underline}" +
-			"." + CSS.value + "{margin:0;color:var(--dsw-alias-label-secondary);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;white-space:pre-wrap}" +
-			"." + CSS.docs + "{margin:0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5;overflow-wrap:anywhere}" +
-			"." + CSS.editor + "{flex-direction:column;gap:8px;display:flex}" +
-			"." + CSS.text +
-			"{box-sizing:border-box;width:100%;border:.5px solid var(--dsw-alias-border-l3);border-radius:10px;background:var(--dsw-alias-bg-layer-1);" +
-			"color:var(--dsw-alias-label-primary);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;" +
-			"padding:6px 10px;min-height:64px;resize:vertical}" +
-			"." + CSS.text + ":focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-1px}";
-		var TAG_ID = "@comecaramelos/dsh-chrome-mcp/ChromeMcpCard.module.css";
-		if (typeof document !== "undefined" && document.querySelector('style[data-plugin-css="' + TAG_ID + '"]') === null) {
-			var tag = document.createElement("style");
-			tag.dataset.plugin = "@comecaramelos/dsh-chrome-mcp";
-			tag.dataset.pluginCss = TAG_ID;
-			tag.textContent = css;
-			document.head.appendChild(tag);
-		}
+// src/client/card/picker.ts
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
+function CatalogPicker(props) {
+  var entries = props.entries;
+  var options = props.options;
+  var selectedId = props.selectedId;
+  var writable = props.writable;
+  var busy = props.busy === true;
+  var rows = entries.map((entry) => [entry.id, entry.name]);
+  var saveEntries = (next) => {
+    if (typeof props.saveEntries !== "function") return Promise.resolve();
+    return Promise.resolve(props.saveEntries(next.map((row) => ({ id: row[0] ?? "", name: row[1] ?? "" }))));
+  };
+  var fetchAction = () => (0, import_jsx_runtime12.jsx)("button", {
+    type: "button",
+    className: ChromeMcpCard_default.linkButton,
+    disabled: !writable || busy,
+    onClick: () => {
+      props.refresh();
+    },
+    children: busy ? props.busyLabel : props.refreshLabel
+  });
+  var windowsAction = () => (0, import_jsx_runtime12.jsx)("button", {
+    type: "button",
+    className: ChromeMcpCard_default.linkButton,
+    disabled: props.windowsDisabled === true,
+    title: props.windowsTitle,
+    onClick: () => {
+      if (typeof props.windowsOnOpen === "function") props.windowsOnOpen();
+    },
+    children: props.windowsLabel
+  });
+  var renderActions = () => (0, import_jsx_runtime12.jsxs)("div", {
+    className: ChromeMcpCard_default.linkButtonRow,
+    children: [fetchAction(), windowsAction()]
+  });
+  return (0, import_jsx_runtime12.jsxs)("div", {
+    className: ChromeMcpCard_default.catalog,
+    children: [
+      (0, import_jsx_runtime12.jsxs)("div", {
+        className: ChromeMcpCard_default.field,
+        children: [
+          (0, import_jsx_runtime12.jsxs)("div", {
+            className: ChromeMcpCard_default.fieldRow,
+            children: [
+              (0, import_jsx_runtime12.jsx)("span", { className: ChromeMcpCard_default.fieldTitle, children: props.selectorLabel }),
+              (0, import_jsx_runtime12.jsx)("span", {
+                className: ChromeMcpCard_default.selectorWrap,
+                children: (0, import_jsx_runtime12.jsx)(import_dsh_client_ui_primitives5.Menu, {
+                  open: props.menuOpen,
+                  onClose: () => {
+                    props.setMenuOpen(false);
+                  },
+                  items: options,
+                  selectedId: options.some((option) => option.id === selectedId) ? selectedId : "",
+                  onSelect: (id) => {
+                    props.setMenuOpen(false);
+                    props.select(id);
+                  },
+                  align: "end",
+                  portal: true,
+                  anchor: (0, import_jsx_runtime12.jsxs)("button", {
+                    type: "button",
+                    className: ChromeMcpCard_default.selector,
+                    "aria-haspopup": "menu",
+                    "aria-expanded": props.menuOpen,
+                    disabled: !writable || busy,
+                    title: props.selectedTitle,
+                    onClick: () => {
+                      props.setMenuOpen(!props.menuOpen);
+                    },
+                    children: [
+                      // The reference card hands the pill a bare label;
+                      // the path needs its own truncating span.
+                      (0, import_jsx_runtime12.jsx)("span", { className: ChromeMcpCard_default.selectorLabel, children: props.selectedLabel }),
+                      (0, import_jsx_runtime12.jsx)("svg", {
+                        width: 14,
+                        height: 14,
+                        className: ChromeMcpCard_default.pillChevron,
+                        viewBox: "0 0 14 14",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: (0, import_jsx_runtime12.jsx)("path", { d: CHEVRON_PATH2, fill: "currentColor" })
+                      })
+                    ]
+                  })
+                })
+              })
+            ]
+          }),
+          (0, import_jsx_runtime12.jsx)("div", { className: ChromeMcpCard_default.fieldDesc, children: props.hint })
+        ]
+      }),
+      // The saved rows: two fields per row, folded behind the disclosure,
+      // with the fetch action sitting inside the body.
+      (0, import_jsx_runtime12.jsx)(RowList, {
+        values: rows,
+        labels: [props.idLabel, props.nameLabel],
+        placeholders: [props.idPlaceholder, props.namePlaceholder],
+        writable,
+        busy,
+        save: saveEntries,
+        renderAction: renderActions,
+        emptyText: props.emptyText,
+        rowsLabel: props.rowsLabel,
+        addLabel: props.addLabel,
+        removeLabel: props.removeLabel,
+        disclosure: true
+      }),
+      props.statusLine === void 0 || props.statusLine === null ? null : props.statusLine
+    ]
+  });
+}
 
-		// ── locale dictionaries ────────────────────────────────────────────
-		var en = {
-			title: "Chrome DevTools MCP",
-			description: "Chrome DevTools MCP server (chrome-devtools-mcp) settings and status",
-			flagsTitle: "Extra flags",
-			flagsHint: "One flag per line, appended to `npx -y chrome-devtools-mcp@latest`. Defaults to --no-usage-statistics, --no-performance-crux.",
-			flagsPlaceholder: "No extra flags",
-			flagsSave: "Save flags",
-			versionTitle: "Detected Chrome version",
-			check: "Re-check Chrome",
-			checking: "Checking…",
-			docsMessage: "Find the complete list of server parameters (e.g., --headless, --isolated, --slim) and how to configure WebSocket connections in the Configuration Guide:",
-			statusError: "Error",
-			statusOk: "OK",
-			chromeMissing: "Chrome executable not found",
-			readOnly: "Settings are read-only in this deployment.",
-			expand: "Expand",
-			collapse: "Collapse"
-		};
-		// ── card controller ────────────────────────────────────────────────
-		/** Re-describe cadence (ms) while waiting for the host's check run. */
-		var CHECK_POLL_TICK_MS = 700;
-		/** Give up waiting for the check revision to advance after this (ms). The host check subprocess times out at 15s. */
-		var CHECK_POLL_TIMEOUT_MS = 20000;
-		/**
-		 * Projects the bound `chrome-mcp` settings scope onto a snapshot store
-		 * the card reads through its `useChromeMcpCard` hook, and owns the two
-		 * write actions (save flags, re-check). `mirror` is the shared
-		 * settings describe mirror (`settingsScope.describe()`) the re-check
-		 * action re-reads while the host's in-memory check status is still en
-		 * route — module plugins have no client→host push channel beyond
-		 * persisted writes.
-		 */
-		var ChromeMcpCardController = class {
-			constructor(scope, mirror) {
-				this.scope = scope;
-				this.mirror = mirror;
-				this.disposed = false;
-				this.pollTimer = null;
-				this.pollGeneration = 0;
-				this.checkWaitStarted = false;
-				this.store = clientStore.createSnapshotStore({
-					available: false,
-					writable: false,
-					extraFlags: [],
-					lastError: "",
-					chromeMissing: false,
-					checkRevision: 0,
-					chromeVersion: "",
-					actionError: ""
-				});
-				this.unsubscribe = scope.subscribe(() => this.publish());
-				this.publish();
-			}
-			/** Republish the latest scope snapshot into the card store. */
-			publish() {
-				if (this.disposed) return;
-				var previous = this.store.getSnapshot();
-				var snapshot = this.scope.getSnapshot();
-				if (snapshot.status !== "ready" || snapshot.value === void 0) {
-					this.store.set({
-						available: false,
-						writable: false,
-						extraFlags: [],
-						lastError: "",
-						chromeMissing: false,
-						checkRevision: 0,
-						chromeVersion: "",
-						actionError: previous.actionError
-					});
-					return;
-				}
-				var value = snapshot.value;
-				// The status fields (lastError / chromeMissing / checkRevision /
-				// chromeVersion) ride the composition **base** layer: describe()
-				// clones that entry object fresh on every read, while the frozen
-				// resolved `value` folds the base in only at commits. Base-only
-				// host changes — the registration-time check, bridge-log and
-				// tool-call captures — are therefore invisible to `value`, so
-				// status is read from `base`, falling back to `value` only when
-				// the read carries no base layer. `extraFlags` keeps reading
-				// `value`: the persisted user layer wins there, not the
-				// host-seeded entry field.
-				var base = snapshot.base ?? {};
-				var servedRevision =
-					typeof base.checkRevision === "number"
-						? base.checkRevision
-						: typeof value.checkRevision === "number"
-							? value.checkRevision
-							: 0;
-				this.store.set({
-					available: true,
-					writable: snapshot.writable === true,
-					extraFlags: Array.isArray(value.extraFlags) ? value.extraFlags : [],
-					lastError: typeof base.lastError === "string" ? base.lastError : (value.lastError ?? ""),
-					chromeMissing: base.chromeMissing === undefined ? value.chromeMissing === true : base.chromeMissing === true,
-					checkRevision: servedRevision,
-					chromeVersion: typeof base.chromeVersion === "string" ? base.chromeVersion : (typeof value.chromeVersion === "string" ? value.chromeVersion : ""),
-					actionError: ""
-				});
-				// Startup catch-up: the registration-time executable check lands
-				// in the base layer *after* this first describe read, and a
-				// module plugin has no push channel — poll the shared describe
-				// mirror until the served revision advances (the same budget the
-				// re-check waits with). A card attaching after the check already
-				// ran sees a nonzero revision and does not poll.
-				if (!this.checkWaitStarted) {
-					this.checkWaitStarted = true;
-					if (servedRevision === 0) this.waitForCheck(0, Date.now() + CHECK_POLL_TIMEOUT_MS);
-				}
-			}
-			/**
-			 * Immediate write of the user's extra flags (persisted; the host's
-			 * validate hook rejects invalid lists here, and the next bridge
-			 * launch starts with them).
-			 */
-			saveFlags(flags) {
-				return this.scope.set("extraFlags", flags).catch((error) => this.noteError(error));
-			}
-			/**
-			 * Ask the host to re-run the Chrome executable/connection check,
-			 * then wait for the result: write `recheckNonce`, then poll the
-			 * shared describe mirror until the served `checkRevision` advances
-			 * past the click-time value — or the check timeout budget elapses.
-			 */
-			recheck() {
-				if (this.disposed) return Promise.resolve();
-				var baseline = this.store.getSnapshot().checkRevision;
-				var wait = this.waitForCheck(baseline, Date.now() + CHECK_POLL_TIMEOUT_MS);
-				return this.scope
-					.set("recheckNonce", Date.now())
-					.catch((error) => this.noteError(error))
-					.then(() => wait);
-			}
-			/** Re-describe the settings mirror every tick until the check revision advances or the deadline passes. */
-			waitForCheck(baseline, deadline) {
-				var controller = this;
-				// A new wait supersedes any pending one (the startup catch-up
-				// poll yielding to a manual re-check), so exactly one poll loop
-				// runs and the superseded wait settles instead of dangling.
-				var generation = ++controller.pollGeneration;
-				return new Promise((resolve) => {
-					var timer;
-					var settled = false;
-					var arm = (delay) => {
-						timer = setTimeout(tick, delay);
-						controller.pollTimer = timer;
-					};
-					var finish = () => {
-						if (settled) return;
-						settled = true;
-						clearTimeout(timer);
-						if (controller.pollTimer === timer) controller.pollTimer = null;
-						resolve();
-					};
-					var satisfied = () =>
-						controller.store.getSnapshot().checkRevision > baseline || Date.now() >= deadline;
-					var stale = () => controller.disposed || generation !== controller.pollGeneration;
-					var tick = () => {
-						if (stale() || satisfied()) {
-							finish();
-							return;
-						}
-						var loaded;
-						try {
-							loaded = controller.mirror.load();
-						} catch (error) {
-							loaded = void 0; // mirror read failure: the next tick retries
-						}
-						Promise.resolve(loaded)
-							.catch(() => {})
-							.then(() => {
-								if (stale() || satisfied()) {
-									finish();
-									return;
-								}
-								arm(CHECK_POLL_TICK_MS);
-							});
-					};
-					arm(CHECK_POLL_TICK_MS);
-				});
-			}
-			noteError(error) {
-				if (this.disposed) return;
-				var previous = this.store.getSnapshot();
-				this.store.set({
-					...previous,
-					actionError: error != null && typeof error.message === "string" ? error.message : String(error)
-				});
-			}
-			/** The face the card's slot registration injects. */
-			inject() {
-				return {
-					hooks: { chromeMcpCard: this.store },
-					saveFlags: (flags) => this.saveFlags(flags),
-					recheck: () => this.recheck(),
-					/** One mirror re-read (used when the card opens). */
-					refresh: () => this.refresh()
-				};
-			}
-			/**
-			 * Re-read the shared describe mirror once so base-layer status
-			 * captured asynchronously by the host (bridge connection errors)
-			 * reaches an opened card without waiting for a write or a re-check.
-			 */
-			refresh() {
-				if (this.disposed) return Promise.resolve();
-				var load;
-				try {
-					load = this.mirror.load();
-				} catch (error) {
-					load = void 0;
-				}
-				return Promise.resolve(load).catch(() => {});
-			}
-			dispose() {
-				this.disposed = true;
-				if (this.pollTimer !== null) {
-					clearTimeout(this.pollTimer);
-					this.pollTimer = null;
-				}
-				this.unsubscribe();
-			}
-		};
+// src/client/card/dialog.ts
+var react6 = __toESM(require("react"), 1);
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function CandidateDialog(props) {
+  var t = props.t;
+  var candidates = props.candidates;
+  var savedIds = props.savedIds;
+  var savedSet = new Set(savedIds);
+  var initialChecked = candidates.filter((candidate) => savedSet.has(candidate.id)).map((candidate) => candidate.id);
+  var servedKey = JSON.stringify(candidates) + "|" + JSON.stringify(savedIds);
+  var draftState = react6.useState({ key: "", query: "", checked: [] });
+  var draft = draftState[0];
+  var setDraft = draftState[1];
+  var dirty = draft.key !== servedKey;
+  var query = dirty ? "" : draft.query;
+  var checked = dirty ? initialChecked : draft.checked;
+  var checkedSet = new Set(checked);
+  var setQuery = (value) => {
+    setDraft({ key: servedKey, query: value, checked: Array.from(checkedSet) });
+  };
+  var setChecked = (make) => {
+    setDraft({ key: servedKey, query, checked: make(checked) });
+  };
+  var needle = query.trim().toLowerCase();
+  var shown = needle === "" ? candidates : candidates.filter((candidate) => candidate.id.toLowerCase().indexOf(needle) !== -1);
+  var addable = shown.filter((candidate) => !savedSet.has(candidate.id)).map((candidate) => candidate.id);
+  var allChecked = addable.length > 0 && addable.every((id) => checkedSet.has(id));
+  var toggle = (id, value) => {
+    setChecked((current) => value ? current.concat([id]) : current.filter((entry) => entry !== id));
+  };
+  return (0, import_jsx_runtime13.jsxs)("div", {
+    className: ChromeMcpCard_default.fetchDialog,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": props.title,
+    children: [
+      (0, import_jsx_runtime13.jsxs)("div", {
+        className: ChromeMcpCard_default.dialogContent,
+        children: [
+          (0, import_jsx_runtime13.jsxs)("div", {
+            className: ChromeMcpCard_default.dialogHeader,
+            children: [
+              (0, import_jsx_runtime13.jsx)("h2", { className: ChromeMcpCard_default.dialogTitle, children: props.title }),
+              (0, import_jsx_runtime13.jsx)("button", {
+                type: "button",
+                className: ChromeMcpCard_default.dialogClose,
+                "aria-label": t("close"),
+                onClick: () => props.onClose(),
+                children: (0, import_jsx_runtime13.jsx)("svg", {
+                  width: 14,
+                  height: 14,
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  "aria-hidden": "true",
+                  children: CLOSE_PATHS2.map((d, at) => (0, import_jsx_runtime13.jsx)("path", { d, fill: "currentColor" }, at))
+                })
+              })
+            ]
+          }),
+          (0, import_jsx_runtime13.jsx)("p", { className: ChromeMcpCard_default.dialogDescription, children: props.description }),
+          (0, import_jsx_runtime13.jsxs)("div", {
+            className: ChromeMcpCard_default.dialogBody,
+            children: [
+              (0, import_jsx_runtime13.jsxs)("div", {
+                className: ChromeMcpCard_default.candidateToolbar,
+                children: [
+                  (0, import_jsx_runtime13.jsx)("input", {
+                    className: ChromeMcpCard_default.candidateSearch,
+                    type: "search",
+                    placeholder: props.searchPlaceholder,
+                    "aria-label": props.searchPlaceholder,
+                    value: query,
+                    onChange: (event) => {
+                      setQuery(event && event.target ? String(event.target.value ?? "") : "");
+                    }
+                  }),
+                  (0, import_jsx_runtime13.jsx)("button", {
+                    type: "button",
+                    className: ChromeMcpCard_default.linkButton,
+                    onClick: () => {
+                      if (allChecked) setChecked(() => []);
+                      else setChecked((current) => Array.from(new Set(current.concat(addable))));
+                    },
+                    children: t("selectAll")
+                  })
+                ]
+              }),
+              shown.length === 0 ? (0, import_jsx_runtime13.jsx)("p", { className: ChromeMcpCard_default.empty, children: t("dialogEmpty") }) : (0, import_jsx_runtime13.jsx)("ul", {
+                className: ChromeMcpCard_default.candidateList,
+                children: shown.map((candidate) => {
+                  var isSaved = savedSet.has(candidate.id);
+                  var note = candidate.note !== "" ? candidate.note : isSaved ? t("candidateSaved") : "";
+                  return (0, import_jsx_runtime13.jsx)("li", {
+                    className: ChromeMcpCard_default.candidate,
+                    children: (0, import_jsx_runtime13.jsxs)("label", {
+                      className: ChromeMcpCard_default.candidateLabel,
+                      children: [
+                        (0, import_jsx_runtime13.jsx)("input", {
+                          type: "checkbox",
+                          checked: isSaved ? true : checkedSet.has(candidate.id),
+                          disabled: isSaved,
+                          onChange: (event) => {
+                            toggle(candidate.id, !!(event && event.target && event.target.checked));
+                          }
+                        }),
+                        (0, import_jsx_runtime13.jsx)("span", { className: ChromeMcpCard_default.candidateId, children: candidate.id }),
+                        note === "" ? null : (0, import_jsx_runtime13.jsx)("span", { className: ChromeMcpCard_default.candidateNote, children: note })
+                      ]
+                    })
+                  }, candidate.id);
+                })
+              })
+            ]
+          }),
+          (0, import_jsx_runtime13.jsxs)("div", {
+            className: ChromeMcpCard_default.dialogFooter,
+            children: [
+              (0, import_jsx_runtime13.jsx)("button", {
+                type: "button",
+                className: ChromeMcpCard_default.dialogButton,
+                onClick: () => props.onClose(),
+                children: t("cancel")
+              }),
+              (0, import_jsx_runtime13.jsx)("button", {
+                type: "button",
+                className: ChromeMcpCard_default.dialogButton + " " + ChromeMcpCard_default.dialogButtonPrimary,
+                onClick: () => props.onAdd(Array.from(checkedSet)),
+                children: t("addSelected")
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
 
-		// ── card component ─────────────────────────────────────────────────
-		/** Chevron matching the shell's IconChevronDownOutline14 primitive. */
-		var CHEVRON_PATH =
-			"M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z";
+// src/client/card/run-actions.ts
+var react7 = __toESM(require("react"), 1);
+var PROBED_AGE_TICK_MS = 1e4;
+function useRunActions(deps) {
+  const runningState = react7.useState(false);
+  const isRunning = runningState[0];
+  const setRunning = runningState[1];
+  const windowsRunningState = react7.useState(false);
+  const isWindowsRunning = windowsRunningState[0];
+  const setWindowsRunning = windowsRunningState[1];
+  const dialogRef = react7.useState(null);
+  const dialog = dialogRef[0];
+  const setDialog = dialogRef[1];
+  const probedState = react7.useState(0);
+  const lastProbedAt = probedState[0];
+  const setLastProbedAt = probedState[1];
+  const clockState = react7.useState(() => Date.now());
+  const clock = clockState[0];
+  const setClock = clockState[1];
+  react7.useEffect(() => {
+    const tick = setInterval(() => setClock(Date.now()), PROBED_AGE_TICK_MS);
+    return () => clearInterval(tick);
+  }, []);
+  const runFetch = () => {
+    setRunning(true);
+    let promise;
+    try {
+      promise = deps.refreshExecutables();
+    } catch (caught) {
+      promise = Promise.reject(caught);
+    }
+    Promise.resolve(promise).then(
+      async (statuses) => {
+        setRunning(false);
+        const settled = Date.now();
+        setLastProbedAt(settled);
+        setClock(settled);
+        if (!Array.isArray(statuses) || statuses.length === 0) return;
+        const candidates = statuses.map((status) => ({
+          id: status.path,
+          note: status.version !== "" ? status.version : status.error !== "" ? status.error : status.note,
+          broken: status.version === "" && status.error !== ""
+        }));
+        setDialog({ candidates });
+      },
+      () => {
+        setRunning(false);
+      }
+    );
+  };
+  const runWindowsChrome = () => {
+    setWindowsRunning(true);
+    let promise;
+    try {
+      promise = deps.openWindowsChrome();
+    } catch (caught) {
+      promise = Promise.reject(caught);
+    }
+    Promise.resolve(promise).then(
+      () => {
+        setWindowsRunning(false);
+      },
+      () => {
+        setWindowsRunning(false);
+      }
+    );
+  };
+  const addFromDialog = (ids) => {
+    setDialog(null);
+    if (typeof deps.addExecutables === "function") Promise.resolve(deps.addExecutables(ids)).catch(() => {
+    });
+  };
+  return {
+    running: isRunning,
+    windowsRunning: isWindowsRunning,
+    dialog,
+    runFetch,
+    runWindowsChrome,
+    addFromDialog,
+    closeDialog: () => setDialog(null),
+    lastProbedAt,
+    clock
+  };
+}
 
-		/**
-		 * Render the Chrome DevTools MCP settings/status card. Collapsible
-		 * like the stock plugin cards: the header is a disclosure button
-		 * (closed by default) and the controls live in the body.
-		 * @param props - locale copy, the card snapshot hook, and its actions.
-		 * @returns the card, or nothing until the namespace is served.
-		 */
-		function ChromeMcpCard(props) {
-			var t = props.t;
-			var state = props.useChromeMcpCard((snapshot) => snapshot);
-			var openState = react.useState(false);
-			var open = openState[0];
-			var setOpen = openState[1];
-			var checkingState = react.useState(false);
-			var isChecking = checkingState[0];
-			var setChecking = checkingState[1];
-			var bodyId = react.useId();
-			var flagsRef = react.useRef(null);
-			if (!state.available) return null;
-			// Header status dot: the single error surface. Red while a
-			// check/connection error, a rejected action, or the known
-			// executable-missing flag (which survives bridge-update-success
-			// clears of lastError) is present; hidden while healthy.
-			var error = state.lastError || state.actionError || "";
-			var tip = error !== "" ? error : state.chromeMissing === true ? t("chromeMissing") : "";
-			var dotAria = tip !== "" ? t("statusError") : t("statusOk");
-			return (0, reactJsx.jsx)("li", {
-				className: CSS.card + (open ? " " + CSS.cardOpen : ""),
-				children: [
-					(0, reactJsx.jsxs)("button", {
-						type: "button",
-						className: CSS.header,
-						"aria-expanded": open,
-						"aria-label": t(open ? "collapse" : "expand") + ": " + t("title"),
-						"aria-controls": bodyId,
-						onClick: () => {
-							setOpen(!open);
-							if (!open && typeof props.refresh === "function") props.refresh();
-						},
-						children: [
-							(0, reactJsx.jsxs)("span", {
-								className: CSS.headText,
-								children: [
-									(0, reactJsx.jsxs)("div", {
-										className: CSS.nameRow,
-										children: [
-											(0, reactJsx.jsx)("span", {
-												className: CSS.name,
-												children: t("title")
-											}),
-											tip !== ""
-												? (0, reactJsx.jsx)("span", {
-													className: CSS.dot + " " + CSS.dotError,
-													role: "img",
-													"aria-label": dotAria,
-													title: tip
-												})
-												: null
-										]
-									}),
-									(0, reactJsx.jsx)("span", { className: CSS.desc, children: t("description") })
-								]
-							}),
-							(0, reactJsx.jsx)("svg", {
-								width: 14,
-								height: 14,
-								className: CSS.chevron + (open ? " " + CSS.chevronOpen : ""),
-								viewBox: "0 0 14 14",
-								fill: "none",
-								xmlns: "http://www.w3.org/2000/svg",
-								children: (0, reactJsx.jsx)("path", { d: CHEVRON_PATH, fill: "currentColor" })
-							})
-						]
-					}),
-					open
-						? (0, reactJsx.jsxs)("div", {
-								id: bodyId,
-								className: CSS.body,
-								children: [
-									!state.writable
-										? (0, reactJsx.jsx)("p", { className: CSS.readOnly, role: "status", children: t("readOnly") })
-										: null,
-									(0, reactJsx.jsxs)("div", {
-										className: CSS.field,
-										children: [
-											(0, reactJsx.jsxs)("div", {
-												className: CSS.rowText,
-												children: [
-													(0, reactJsx.jsx)("div", { className: CSS.fieldTitle, children: t("flagsTitle") }),
-													(0, reactJsx.jsx)("div", { className: CSS.fieldDesc, children: t("flagsHint") })
-												]
-											})
-										]
-									}),
-									// Extra flags editor: one flag per line; the write goes
-									// through props.saveFlags (host validate + fiber.update).
-									// `key` re-mounts the textarea when the store value
-									// changes underneath the editor (e.g. a save from another
-									// window), so the shown value never drifts.
-									state.writable
-										? (0, reactJsx.jsxs)("div", {
-												className: CSS.editor,
-												children: [
-													(0, reactJsx.jsx)("textarea", {
-														className: CSS.text,
-														rows: Math.max(3, state.extraFlags.length),
-														placeholder: t("flagsPlaceholder"),
-														defaultValue: state.extraFlags.join("\n"),
-														key: state.extraFlags.join("\n"),
-														ref: flagsRef
-													}),
-													(0, reactJsx.jsx)("div", {
-														className: CSS.row,
-														children: (0, reactJsx.jsx)("button", {
-															type: "button",
-															className: CSS.button,
-															disabled: !state.writable,
-															onClick: () => {
-																var raw = flagsRef.current && typeof flagsRef.current.value === "string" ? flagsRef.current.value : "";
-																props.saveFlags(
-																	raw
-																		.split(/\r?\n/u)
-																		.map((line) => line.trim())
-																		.filter((line) => line !== "")
-																);
-															},
-															children: t("flagsSave")
-														})
-													})
-												]
-											})
-										: (0, reactJsx.jsx)("p", {
-												className: CSS.value,
-												children:
-													state.extraFlags.length > 0 ? state.extraFlags.join("\n") : t("flagsPlaceholder")
-											}),
-									(0, reactJsx.jsxs)("div", {
-										className: CSS.row,
-										children: [
-											(0, reactJsx.jsx)("button", {
-												type: "button",
-												className: CSS.button,
-												disabled: !state.writable || isChecking,
-												onClick: () => {
-													setChecking(true);
-													var checkPromise;
-													try {
-														checkPromise = props.recheck();
-													} catch (error) {
-														checkPromise = Promise.reject(error);
-													}
-													if (checkPromise == null || typeof checkPromise.finally !== "function") {
-														checkPromise = Promise.resolve(checkPromise);
-													}
-													checkPromise.finally(() => setChecking(false));
-												},
-												children: isChecking ? t("checking") : t("check")
-											})
-										]
-									}),
-									// Executable version discovered by the last check.
-									state.chromeVersion !== ""
-										? (0, reactJsx.jsxs)("div", {
-												className: CSS.field,
-												children: [
-													(0, reactJsx.jsxs)("div", {
-														className: CSS.rowText,
-														children: [
-															(0, reactJsx.jsx)("div", { className: CSS.fieldTitle, children: t("versionTitle") }),
-															(0, reactJsx.jsx)("p", {
-																className: CSS.value,
-																children: state.chromeVersion
-															})
-														]
-													})
-												]
-											})
-										: null,
-									// Product spec: the full configuration-guide message, with
-									// the upstream URL rendered as the external link.
-									(0, reactJsx.jsxs)("p", {
-										className: CSS.docs,
-										children: [
-											t("docsMessage") + " ",
-											(0, reactJsx.jsx)("a", {
-												className: CSS.link,
-												href: CONFIGURATION_URL,
-												target: "_blank",
-												rel: "noopener noreferrer",
-												children: CONFIGURATION_URL
-											})
-										]
-									})
-								]
-							})
-						: null
-				]
-			});
-		}
+// src/client/card/toggle.ts
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
+function LogOutputToggle(props) {
+  var t = props.t;
+  return (0, import_jsx_runtime14.jsxs)("div", {
+    className: ChromeMcpCard_default.catalog,
+    children: [
+      (0, import_jsx_runtime14.jsxs)("div", {
+        className: ChromeMcpCard_default.field,
+        children: [
+          (0, import_jsx_runtime14.jsxs)("div", {
+            className: ChromeMcpCard_default.fieldRow,
+            children: [
+              (0, import_jsx_runtime14.jsx)("span", { className: ChromeMcpCard_default.fieldTitle, children: t("reduceLabel") }),
+              (0, import_jsx_runtime14.jsx)("span", {
+                className: ChromeMcpCard_default.toggleLabel,
+                title: t("reduceTitle"),
+                children: (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives6.Switch, {
+                  checked: props.checked,
+                  label: t("reduceLabel"),
+                  disabled: props.disabled,
+                  onChange: () => {
+                    if (typeof props.onToggle === "function") props.onToggle();
+                  }
+                })
+              })
+            ]
+          }),
+          (0, import_jsx_runtime14.jsx)("div", { className: ChromeMcpCard_default.fieldDesc, children: t("reduceHint") })
+        ]
+      })
+    ]
+  });
+}
 
-		// ── plugin body ────────────────────────────────────────────────────
-		/**
-		 * Mount the settings/status card.
-		 * @param ctx - the browser plugin context.
-		 */
-		function apply(ctx) {
-			ctx.effect(() => ctx.locale.register(LOCALE_NS, { en }), "chrome-mcp: dictionaries");
-			var binder = ctx.settingsScope;
-			var scope = binder.bind({ namespace: NS });
-			// The shared describe mirror: the recheck action re-reads it while
-			// the host's in-memory check status is en route.
-			var controller = new ChromeMcpCardController(scope, binder.describe());
-			ctx.effect(
-				() => () => controller.dispose(),
-				"chrome-mcp: card controller"
-			);
-			ctx.slots.inject("settings.plugin.item", () =>
-				ctx.slots.register(
-					{
-						name: "settings.plugin.item",
-						key: NS,
-						locale: LOCALE_NS,
-						inject: () => controller.inject()
-					},
-					ChromeMcpCard
-				)
-			);
-		}
+// src/client/card/view.ts
+function labelOf(entries, id) {
+  const row = entries.find((entry) => entry.id === id);
+  return row === void 0 ? id : entryLabel(row);
+}
+function describeCard(state) {
+  const error = state.lastError || state.actionError || "";
+  const servedMode = typeof state.stderrMode === "string" ? state.stderrMode : "";
+  const stderrEffective = servedMode !== "" ? servedMode : state.rowStderr === "console" ? "console" : "log";
+  const executableEntries = normalizeEntries(state.executables);
+  const statusList = Array.isArray(state.executableStatus) ? state.executableStatus : [];
+  const optionIds = executableEntries.map((entry) => entry.id);
+  const effectivePath = typeof state.effectiveChromePath === "string" ? state.effectiveChromePath : "";
+  if (effectivePath !== "" && optionIds.indexOf(effectivePath) === -1) optionIds.push(effectivePath);
+  const executableOptions = optionIds.map((id) => ({ id, label: labelOf(executableEntries, id) }));
+  const brokenIds = statusList.filter((status) => status.version === "" && status.error !== "").map((status) => status.path);
+  return {
+    error,
+    reduceChecked: stderrEffective === "log",
+    executableEntries,
+    executableOptions,
+    brokenIds,
+    effectivePath,
+    version: typeof state.chromeVersion === "string" ? state.chromeVersion : "",
+    missing: state.chromeMissing === true && error === "",
+    dotIsError: error !== "",
+    wslWindowsExecutable: state.wslWindowsExecutable === true,
+    windowsChrome: readWindowsChrome(state.windowsChromeStatus),
+    // Connect mode reads two ways. The mirror's answer is what the Host says
+    // the bridge launches with — authoritative when it has been answered. And
+    // the same question answered off the **saved flags**, which is what the
+    // bridge launches with by the same precedence the flags rows edit: a flag
+    // entry is a real config field a write-back never clears, so it keeps the
+    // answer standing through the reset window every write pass leaves behind
+    // (the same rule the pill's saved-path fallback follows). Either half
+    // answering is enough; neither can contradict what the other states,
+    // because both are asked of the same launch.
+    connectMode: state.carriesConnectionMode === true || flagsCarryConnectionMode(state.extraFlags)
+  };
+}
+var CONNECT_FLAG_PATTERN = /^--(?:browserUrl|wsEndpoint)(?:=|(?=\s)|$)/iu;
+function flagsCarryConnectionMode(flags) {
+  return Array.isArray(flags) && flags.some((flag) => typeof flag === "string" && CONNECT_FLAG_PATTERN.test(flag));
+}
+function executableLabel(view, id) {
+  return labelOf(view.executableEntries, id);
+}
+function readWindowsChrome(value) {
+  if (value === null || typeof value !== "object" || Array.isArray(value)) return { state: "off", port: 0, error: "" };
+  const record = value;
+  const known = ["off", "launching", "connected", "unreachable", "not-found", "launch-failed", "not-applicable"];
+  const state = typeof record.state === "string" && known.indexOf(record.state) !== -1 ? record.state : "off";
+  const port = typeof record.port === "number" && Number.isFinite(record.port) ? Math.trunc(record.port) : 0;
+  const error = typeof record.error === "string" ? record.error : "";
+  return { state, port, error };
+}
+function windowsChromeButton(view) {
+  const status = view.windowsChrome;
+  if (status.state === "launching") return { labelKey: "openWindowsChromeBusy", titleKey: "openWindowsChromeTitle", disabled: true, busy: true };
+  if (status.state === "not-applicable") return { labelKey: "openWindowsChrome", titleKey: "windowsChromeNotWsl", disabled: true, busy: false };
+  if (status.state === "not-found") return { labelKey: "openWindowsChrome", titleKey: "windowsChromeNotFound", disabled: false, busy: false };
+  if (status.state === "unreachable") return { labelKey: "openWindowsChrome", titleKey: "windowsChromeUnreachable", disabled: false, busy: false };
+  return { labelKey: "openWindowsChrome", titleKey: "openWindowsChromeTitle", disabled: false, busy: false };
+}
+function isBroken(view, id) {
+  return view.brokenIds.indexOf(id) !== -1;
+}
+function probeAge(since, now, t) {
+  const seconds = Math.max(0, Math.floor((now - since) / 1e3));
+  if (seconds < 10) return t("probeJustNow");
+  if (seconds < 60) return String(seconds) + " " + t("probeSecondsAgo");
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return String(minutes) + " " + t("probeMinutesAgo");
+  return String(Math.floor(minutes / 60)) + " " + t("probeHoursAgo");
+}
 
-		exports.apply = apply;
-		exports.inject = inject;
-		return module.exports;
+// src/client/card/index.ts
+function optionLabel(view, id, t) {
+  const label = executableLabel(view, id);
+  return isBroken(view, id) ? label + " (" + t("unavailableSuffix") + ")" : label;
+}
+function ChromeMcpCard(props) {
+  const t = props.t;
+  const state = props.useChromeMcpCard((snapshot) => snapshot);
+  const menuState = react8.useState(false);
+  const menuOpen = menuState[0];
+  const setMenuOpen = menuState[1];
+  const runs = useRunActions({
+    refreshExecutables: props.refreshExecutables,
+    openWindowsChrome: props.openWindowsChrome,
+    addExecutables: props.addExecutables
+  });
+  if (props.view !== "page") return null;
+  if (!state.available) return null;
+  const view = describeCard(state);
+  const rows = view.executableEntries;
+  const savedIds = rows.map((entry) => entry.id);
+  const options = view.executableOptions.map((option) => ({ id: option.id, label: optionLabel(view, option.id, t) }));
+  const dotLabel = view.error !== "" ? view.error : t("chromeMissing");
+  const dotAria = view.dotIsError || view.missing ? t("statusError") : t("statusOk");
+  const statusDot = (0, import_jsx_runtime15.jsx)("span", {
+    className: ChromeMcpCard_default.dot + " " + ChromeMcpCard_default.dotError,
+    role: "img",
+    "aria-label": dotAria,
+    title: dotLabel
+  });
+  const windowsButton = windowsChromeButton(view);
+  const windowsDisabled = windowsButton.disabled || runs.windowsRunning || !state.writable;
+  const windowsBusy = windowsButton.busy || runs.windowsRunning;
+  const connectLabel = view.windowsChrome.port > 0 ? t("connectModeLabel") + " (http://127.0.0.1:" + String(view.windowsChrome.port) + ")" : t("connectModeLabel");
+  const selectedLabel = view.connectMode ? connectLabel : view.effectivePath === "" ? t("executableNone") : executableLabel(view, view.effectivePath);
+  const statusLine = runs.running ? (0, import_jsx_runtime15.jsx)("p", { className: ChromeMcpCard_default.result, role: "status", children: t("probing") }) : view.version === "" ? null : (0, import_jsx_runtime15.jsxs)("p", {
+    className: ChromeMcpCard_default.result,
+    role: "status",
+    children: [
+      t("versionLabel"),
+      (0, import_jsx_runtime15.jsx)("span", { className: ChromeMcpCard_default.resultValue, children: view.version }),
+      runs.lastProbedAt === 0 ? null : (0, import_jsx_runtime15.jsx)("span", { className: ChromeMcpCard_default.resultAge, children: probeAge(runs.lastProbedAt, runs.clock, t) })
+    ]
+  });
+  const errorLine = view.error !== "" ? (0, import_jsx_runtime15.jsxs)("p", { className: ChromeMcpCard_default.error, role: "status", children: [statusDot, view.error] }) : view.missing ? (0, import_jsx_runtime15.jsxs)("p", { className: ChromeMcpCard_default.error, role: "status", children: [statusDot, t("chromeMissing")] }) : null;
+  return (0, import_jsx_runtime15.jsxs)("div", {
+    className: ChromeMcpCard_default.body,
+    children: [
+      // Nothing the page can write from here is writable: the row's
+      // configuration is owned elsewhere (a home patch or the page's own
+      // read-only state).
+      !state.writable ? (0, import_jsx_runtime15.jsx)("p", { className: ChromeMcpCard_default.readOnly, role: "status", children: t("readOnly") }) : null,
+      (0, import_jsx_runtime15.jsx)(CatalogPicker, {
+        t,
+        entries: rows,
+        options,
+        idPlaceholder: t("executableIdPlaceholder"),
+        namePlaceholder: t("namePlaceholder"),
+        selectedId: view.effectivePath,
+        selectedLabel,
+        selectedTitle: view.connectMode ? connectLabel : view.effectivePath !== "" ? view.effectivePath : selectedLabel,
+        writable: state.writable,
+        busy: runs.running,
+        menuOpen,
+        setMenuOpen,
+        connectMode: view.connectMode,
+        selectorLabel: t("executableLabel"),
+        hint: view.connectMode ? t("connectModeHint") : t("executableHint"),
+        windowsLabel: windowsBusy ? t("openWindowsChromeBusy") : t(windowsButton.labelKey),
+        windowsTitle: t(windowsButton.titleKey),
+        windowsDisabled,
+        windowsOnOpen: runs.runWindowsChrome,
+        rowsLabel: t("executableRows"),
+        emptyText: t("executableEmpty"),
+        idLabel: t("executableIdLabel"),
+        nameLabel: t("executableNameLabel"),
+        removeLabel: t("removeExecutable"),
+        addLabel: t("addExecutable"),
+        refreshLabel: t("fetchExecutables"),
+        busyLabel: t("fetching"),
+        select: (id) => {
+          if (typeof props.selectExecutable === "function") void props.selectExecutable(id);
+        },
+        saveEntries: (entries) => props.saveExecutables(entries),
+        refresh: runs.runFetch,
+        statusLine
+      }),
+      // The one state no control of this form can express: the host runs
+      // under WSL and what is selected is a Windows executable — which the
+      // bridge cannot launch, however healthy its `--version` answer looks.
+      // Nothing has failed yet, so this is a notice (static copy, shown only
+      // while the host reports the state), not a third error surface: the
+      // required configuration differs.
+      view.wslWindowsExecutable ? (0, import_jsx_runtime15.jsxs)("div", {
+        className: ChromeMcpCard_default.notice,
+        role: "note",
+        children: [
+          (0, import_jsx_runtime15.jsx)("div", { className: ChromeMcpCard_default.noticeTitle, children: t("wslWindowsTitle") }),
+          (0, import_jsx_runtime15.jsx)("div", { className: ChromeMcpCard_default.noticeBody, children: t("wslWindowsNote") })
+        ]
+      }) : null,
+      (0, import_jsx_runtime15.jsx)(ExtraFlagsEditor, {
+        t,
+        flags: Array.isArray(state.extraFlags) ? state.extraFlags : [],
+        defaultFlags: Array.isArray(state.defaultExtraFlags) ? state.defaultExtraFlags : [],
+        wslFlags: Array.isArray(state.wslExtraFlags) ? state.wslExtraFlags : [],
+        writable: state.writable,
+        saveFlags: props.saveFlags
+      }),
+      (0, import_jsx_runtime15.jsx)(LogOutputToggle, {
+        t,
+        checked: view.reduceChecked,
+        disabled: !state.writable,
+        onToggle: props.toggleStderr
+      }),
+      errorLine,
+      runs.dialog !== null ? (0, import_jsx_runtime15.jsx)(CandidateDialog, {
+        t,
+        candidates: runs.dialog.candidates,
+        savedIds,
+        title: t("dialogExecutablesTitle"),
+        description: t("dialogExecutablesDescription"),
+        searchPlaceholder: t("searchExecutables"),
+        onAdd: runs.addFromDialog,
+        onClose: runs.closeDialog
+      }) : null,
+      // The form writes nothing as it is edited: every staged edit is
+      // persisted only when **Apply** lands them, and **Discard** drops the
+      // whole draft — reverting every staged value to what the host already
+      // serves.
+      (0, import_jsx_runtime15.jsxs)("div", {
+        className: ChromeMcpCard_default.footer,
+        children: [
+          // A staged edit announces itself on the save line, since the
+          // identity line the page draws says nothing about it.
+          state.dirty ? (0, import_jsx_runtime15.jsx)("span", { className: ChromeMcpCard_default.badge, children: t("unsaved") }) : null,
+          state.failed ? (0, import_jsx_runtime15.jsx)("p", { className: ChromeMcpCard_default.footerError, role: "status", children: t("saveFailed") }) : null,
+          (0, import_jsx_runtime15.jsx)("button", {
+            type: "button",
+            className: ChromeMcpCard_default.footerButton,
+            onClick: () => {
+              if (typeof props.discard === "function") props.discard();
+            },
+            children: t("discard")
+          }),
+          (0, import_jsx_runtime15.jsx)("button", {
+            type: "button",
+            className: ChromeMcpCard_default.footerButton + " " + ChromeMcpCard_default.footerButtonPrimary,
+            disabled: !state.dirty || state.saving || !state.writable,
+            onClick: () => {
+              if (typeof props.apply === "function") void props.apply();
+            },
+            children: state.saving ? t("saving") : t("apply")
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// src/client/read.ts
+function sameEntries(a, b) {
+  if (a === b) return true;
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) if (a[i].id !== b[i].id || a[i].name !== b[i].name) return false;
+  return true;
+}
+function readFlags(value) {
+  if (!Array.isArray(value)) return [];
+  return value.filter((flag) => typeof flag === "string" && flag !== "");
+}
+function readNumber(value, fallback) {
+  return typeof value === "number" ? value : fallback;
+}
+function readString(value, fallback) {
+  return typeof value === "string" ? value : fallback;
+}
+function readWindowsChromeStatus(value) {
+  const fallback = { state: "off", port: 0, error: "" };
+  if (value === null || typeof value !== "object" || Array.isArray(value)) return fallback;
+  const status = value.state;
+  const states = ["off", "launching", "connected", "unreachable", "not-found", "launch-failed", "not-applicable"];
+  const port = value.port;
+  const error = value.error;
+  return {
+    state: typeof status === "string" && states.indexOf(status) !== -1 ? status : "off",
+    port: typeof port === "number" && Number.isFinite(port) ? Math.trunc(port) : 0,
+    error: typeof error === "string" ? error : ""
+  };
+}
+function readStatus(value) {
+  if (!Array.isArray(value)) return [];
+  const statuses = [];
+  for (const item of value) {
+    if (item === null || typeof item !== "object" || Array.isArray(item)) continue;
+    const path = readString(item.path, "");
+    if (path === "") continue;
+    statuses.push({
+      path,
+      version: readString(item.version, ""),
+      error: readString(item.error, ""),
+      note: readString(item.note, "")
+    });
+  }
+  return statuses;
+}
+
+// src/client/project.ts
+function nothingProjected() {
+  return {
+    available: false,
+    writable: false,
+    extraFlags: [],
+    lastError: "",
+    chromeMissing: false,
+    executableDiscoveryRevision: 0,
+    chromeVersion: "",
+    executables: [],
+    executableStatus: [],
+    chromePath: "",
+    effectiveChromePath: "",
+    effectiveSource: "",
+    stderrMode: "",
+    rowStderr: "log",
+    defaultExtraFlags: [],
+    wslExtraFlags: [],
+    wslWindowsExecutable: false,
+    windowsChromeStatus: { state: "off", port: 0, error: "" },
+    carriesConnectionMode: false,
+    actionError: "",
+    dirty: false,
+    saving: false,
+    failed: false
+  };
+}
+function projectCard(snapshot, heldWslNotice2) {
+  if (snapshot.available !== true) return nothingProjected();
+  const value = snapshot.values ?? {};
+  const chromePath = readString(value.chromePath, "");
+  const answeredEffective = readString(value.effectiveChromePath, "");
+  const wslNotice = value.wslWindowsExecutable === true ? true : answeredEffective === "" && chromePath !== "" ? heldWslNotice2 : false;
+  const effectiveChromePath = answeredEffective !== "" ? answeredEffective : value.wslWindowsExecutable === true ? "" : chromePath;
+  const effectiveSource = value.effectiveSource === "selected" || value.effectiveSource === "row-config" ? value.effectiveSource : "";
+  const stderrMode = value.stderrMode === "log" || value.stderrMode === "console" ? value.stderrMode : "";
+  return {
+    available: true,
+    writable: snapshot.writable === true,
+    extraFlags: readFlags(value.extraFlags),
+    lastError: readString(value.lastError, ""),
+    chromeMissing: value.chromeMissing === true,
+    executableDiscoveryRevision: readNumber(value.executableDiscoveryRevision, 0),
+    chromeVersion: readString(value.chromeVersion, ""),
+    executables: normalizeEntries(value.executables),
+    executableStatus: readStatus(value.executableStatus),
+    chromePath,
+    effectiveChromePath,
+    effectiveSource,
+    stderrMode,
+    // The mode the bridge actually routes console output through, as the
+    // Host resolves it — what the field states wins, the live answer fills
+    // the gap.
+    rowStderr: value.stderrEffective === "console" ? "console" : "log",
+    defaultExtraFlags: readFlags(value.defaultExtraFlags),
+    wslExtraFlags: readFlags(value.wslExtraFlags),
+    wslWindowsExecutable: wslNotice,
+    windowsChromeStatus: readWindowsChromeStatus(value.windowsChromeStatus),
+    carriesConnectionMode: value.carriesConnectionMode === true,
+    actionError: snapshot.actionError ?? "",
+    dirty: snapshot.dirty === true,
+    saving: snapshot.saving === true,
+    failed: snapshot.failed === true
+  };
+}
+
+// src/client/block.ts
+var RUN_COUNTER = "executableDiscoveryRevision";
+var heldWslNotice = /* @__PURE__ */ new WeakMap();
+function runCounter(snapshot) {
+  const value = snapshot.values?.[RUN_COUNTER];
+  return typeof value === "number" ? value : 0;
+}
+function cardState(controller) {
+  const state = projectCard(controller.getSnapshot(), heldWslNotice.get(controller) === true);
+  heldWslNotice.set(controller, state.wslWindowsExecutable);
+  return state;
+}
+function cardActions(controller) {
+  const current = () => cardState(controller);
+  const saveExecutables = (entries) => {
+    const next = normalizeEntries(entries);
+    if (sameEntries(next, current().executables)) return Promise.resolve();
+    const baseline = runCounter(controller.getSnapshot());
+    return controller.settleAndWrite((snapshot) => runCounter(snapshot) > baseline, "executables", next);
+  };
+  return {
+    /** Stage the extra-flags list; a list equal to what is served is not
+     * dirty (the controller drops that draft). */
+    saveFlags: (flags) => {
+      controller.stage("extraFlags", Array.isArray(flags) ? flags : []);
+      return Promise.resolve();
+    },
+    /** Stage the flipped "Reduce log output" mode. A flip that lands back on
+     * what is already effective drops the draft instead of staging a no-op:
+     * it stages the served value itself, which the controller reads as clean. */
+    toggleStderr: () => {
+      const state = current();
+      const held = state.stderrMode;
+      const effective = held === "" ? state.rowStderr : held;
+      const next = effective === "log" ? "console" : "log";
+      const servedRaw = controller.servedValue("stderrMode");
+      const served = servedRaw === "log" || servedRaw === "console" ? servedRaw : "";
+      const servedEffective = served === "" ? state.rowStderr : served;
+      controller.stage("stderrMode", next === servedEffective ? served : next);
+      return Promise.resolve();
+    },
+    /** Select the executable the bridge launches with: written on the spot,
+     * settled by the Host's own re-run. Picking what already runs writes
+     * nothing. */
+    selectExecutable: (id) => {
+      const target = typeof id === "string" ? id.trim() : "";
+      if (target === "" || target === current().effectiveChromePath) return Promise.resolve();
+      const baseline = runCounter(controller.getSnapshot());
+      return controller.settleAndWrite((snapshot) => runCounter(snapshot) > baseline, "chromePath", target);
+    },
+    saveExecutables,
+    /** Merge the ids picked in the dialog into the saved rows. */
+    addExecutables: (ids) => saveExecutables(current().executables.concat(
+      (Array.isArray(ids) ? ids : []).filter((id) => typeof id === "string" && id.trim() !== "").map((id) => ({ id: id.trim(), name: "" }))
+    )),
+    /** Ask the Host to re-probe the saved rows; answers every path the run
+     * answered for, read off the served mirror once it settles. */
+    refreshExecutables: () => controller.settleTrigger("refreshExecutablesNonce", RUN_COUNTER).then(() => readStatus(controller.value("executableStatus"))),
+    /** Ask the Host to drive a Windows-side Chrome in connect mode; what the
+     * button reports is served through `windowsChromeStatus`. */
+    openWindowsChrome: () => controller.settleTrigger("openWindowsChromeNonce", RUN_COUNTER),
+    /** Persist every staged edit in one pass. */
+    apply: async () => {
+      await controller.applyStaged();
+    },
+    /** Drop every staged edit. */
+    discard: () => controller.discard()
+  };
+}
+function ChromeCardBlock(props) {
+  const state = cardState(props.controller);
+  return ChromeMcpCard({
+    t: props.t,
+    view: "page",
+    useChromeMcpCard: (selector) => selector(state),
+    ...cardActions(props.controller)
+  });
+}
+
+// src/client/locales/en-US.ts
+var en = {
+  executableLabel: "Chrome executable",
+  executableHint: "The executable every connection launched from this row launches with, unless the connection picked its own. Changing it answers the live connections again.",
+  executableNone: "No Chrome executable detected",
+  executableRows: "Saved executables",
+  executableIdLabel: "Executable path",
+  executableIdPlaceholder: "Path to a Chrome executable",
+  executableNameLabel: "Display name",
+  namePlaceholder: "Display name",
+  addExecutable: "Add executable",
+  removeExecutable: "Delete executable",
+  fetchExecutables: "Fetch executables",
+  fetching: "Fetching\u2026",
+  executableEmpty: "No executables saved. Use \u201CFetch executables\u201D, or add the Chrome path by hand.",
+  dialogExecutablesTitle: "Choose executables to add",
+  dialogExecutablesDescription: "These are the Chrome executables this host's last run answered for. Choose the ones to add.",
+  dialogEmpty: "Nothing matches your search.",
+  searchExecutables: "Search executables",
+  selectAll: "Select all",
+  addSelected: "Add selected",
+  candidateSaved: "Saved",
+  close: "Close",
+  cancel: "Cancel",
+  unavailableSuffix: "not runnable",
+  wslWindowsTitle: "Windows executable under WSL",
+  wslWindowsNote: "This host runs inside Windows Subsystem for Linux and the selected executable is the Windows Chrome, which no connection here can launch: the debug pipes it opens do not survive the WSL interop boundary, and its debugging port stays bound to the Windows loopback. It answers --version correctly, so the pill looks healthy until the first tool call fails. Drive it instead with the \u201CWindows Chrome (WSL debug port)\u201D connection, or with its run \u2014 Prelaunch Windows Chrome, the action the executable block carries next to Fetch executables, or the prelaunch_windows_chrome tool \u2014 which starts the Windows browser on a free debugging port. The run only reads whether Windows loopback reaches this WSL host (networkingMode=mirrored in %USERPROFILE%\\.wslconfig, then wsl --shutdown \u2014 a manual Windows-side setting it never edits). Chrome installed inside the Linux distro needs none of this.",
+  probing: "Checking the executables\u2026",
+  versionLabel: "Probed version:",
+  probeJustNow: "just now",
+  probeSecondsAgo: "seconds ago",
+  probeMinutesAgo: "minutes ago",
+  probeHoursAgo: "hours ago",
+  flagsTitle: "Extra flags",
+  flagsHint: "The extra flags every connection launched from this row launches with, unless the connection carries its own. One flag per row \u2014 applying them answers the live connections again.",
+  flagsEmpty: "No extra flags saved. Add one by hand, or use \u201CRestore defaults\u201D.",
+  flagsRows: "Saved flags",
+  flagsValueLabel: "Extra flag",
+  flagsValuePlaceholder: "e.g. --headless",
+  addFlag: "Add flag",
+  removeFlag: "Delete flag",
+  flagsRestore: "Restore defaults",
+  flagsRestoreTitle: "Keep every flag the rows carry and append the defaults that are still missing",
+  flagsWsl: "Flags WSL",
+  flagsWslTitle: "Append the recommended WSL<->Windows flags",
+  openWindowsChrome: "Prelaunch Windows Chrome",
+  openWindowsChromeTitle: "Start the Windows-side Chrome with --remote-debugging-port and refresh whatever Windows Chrome connections stand live",
+  openWindowsChromeBusy: "Starting Windows Chrome\u2026",
+  windowsChromeNotWsl: "Windows Chrome does not apply outside WSL.",
+  windowsChromeNotFound: "No Windows Chrome was found (Program Files / Program Files (x86)) \u2014 run it again once one is installed.",
+  windowsChromeUnreachable: "Needs networkingMode=mirrored in %USERPROFILE%\\.wslconfig, with wsl --shutdown: right now this WSL host cannot reach the Windows loopback.",
+  connectModeLabel: "Connect mode",
+  connectModeHint: "Connect mode: the connection launches no local Chrome (it connects with --browserUrl / --wsEndpoint); the local selection stays put.",
+  reduceLabel: "Reduce log output",
+  reduceTitle: "Capture the connection's stderr into the plugin's log file",
+  reduceHint: "Captures stderr into the plugin's log file. Turn it off to debug the raw output; switching answers the live connections again.",
+  // The staged form's own copy: nothing is written until **Apply** lands every
+  // staged edit, so the card announces what a save would store and what it
+  // could not land.
+  apply: "Apply",
+  discard: "Discard",
+  saving: "Applying\u2026",
+  unsaved: "Unsaved",
+  saveFailed: "The last save was not accepted.",
+  docsMessage: "Find the complete list of server parameters (e.g., --headless, --isolated, --slim) and how to configure WebSocket connections in the Configuration Guide.",
+  docsLinkLabel: "Configuration Guide",
+  statusError: "Error",
+  statusOk: "OK",
+  chromeMissing: "Chrome executable not found",
+  // The body-mounted toast host's copy: it announces what the card's own error
+  // line can only show while the row page is open. An error notice carries the
+  // Host's captured line, so `toastError` only stands behind an empty one.
+  toastStall: "The Chrome host did not answer the action \u2014 try it again.",
+  toastError: "The Chrome host reported a failure.",
+  readOnly: "Settings are read-only in this deployment."
+};
+
+// src/client/locales/index.ts
+var DICTIONARIES2 = { en };
+
+// src/client/styles/index.ts
+var CARD_CSS_ID = PLUGIN_ID + "/ChromeMcpCard.module.css";
+function injectCardStyles2() {
+  if (typeof document === "undefined") return;
+  if (document.querySelector('style[data-plugin-css="' + CARD_CSS_ID + '"]') !== null) return;
+  const styleTag = document.createElement("style");
+  styleTag.dataset.plugin = PLUGIN_ID;
+  styleTag.dataset.pluginCss = CARD_CSS_ID;
+  styleTag.textContent = cssText2;
+  document.head.appendChild(styleTag);
+}
+
+// src/client/index.ts
+var card = mountSettingsCard2({
+  entryId: ENTRY_ID,
+  pluginId: PLUGIN_ID,
+  bundleId: BUNDLE_ID,
+  localeNamespace: LOCALE_NAMESPACE2,
+  locale: DICTIONARIES2,
+  fields: {
+    // The flags and the "Reduce log output" mode are edited as a draft:
+    // nothing reaches the Host until Apply.
+    staged: ["extraFlags", "stderrMode"],
+    // The saved rows and the selection drive a Host run, so they land on
+    // the click that asked for them.
+    immediate: ["executables", "chromePath"],
+    triggers: ["refreshExecutablesNonce", "openWindowsChromeNonce"],
+    liveKeys: [...LIVE_KEYS]
+  },
+  blocks: [{ block: ChromeCardBlock, bind: (_snapshot, controller) => ({ controller }) }],
+  // The body states the error itself (the dot and the line under the
+  // toggle), so the shared second line stays off.
+  errorLine: false,
+  // A failure that lands while the person is elsewhere in the app is still
+  // announced: the row page is closed most of the time a run is happening.
+  // An error carries the Host's own line; a stall has no text of its own and
+  // reads from the mirror — the known missing-executable answer when it
+  // stands, the "the host did not answer" line otherwise.
+  toasts: {
+    text: (notice, snapshot, t) => notice.kind === "error" ? notice.text !== "" ? notice.text : t("toastError") : snapshot.values?.chromeMissing === true ? t("chromeMissing") : t("toastStall")
+  },
+  settleField: "executableDiscoveryRevision",
+  settleDeadlineMs: RUN_SETTLE_TIMEOUT_MS2
+});
+var inject = card.inject;
+function apply(ctx) {
+  injectCardStyles2();
+  card.apply(ctx);
+}
+	return module.exports;
 	}
 });
+//# sourceMappingURL=client.js.map