@comecaramelos/dsh-chrome-mcp 1.0.0 → 2.0.0

package/lib/client.js

@@ -36,47 +36,1777 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/client/index.ts
 var index_exports = {};
 __export(index_exports, {
-  CHECK_POLL_TICK_MS: () => CHECK_POLL_TICK_MS,
-  CHECK_POLL_TIMEOUT_MS: () => CHECK_POLL_TIMEOUT_MS,
+  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 react4 = __toESM(require("react"), 1);
-var import_jsx_runtime6 = require("react/jsx-runtime");
+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 cssText = '.e5pfpa_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}.e5pfpa_card:hover{border-color:var(--dsw-alias-label-dimmed)}.e5pfpa_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.e5pfpa_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}.e5pfpa_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.e5pfpa_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.e5pfpa_nameRow{align-items:center;gap:8px;min-width:0;display:flex}.e5pfpa_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.e5pfpa_desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.e5pfpa_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.e5pfpa_chevronOpen{transform:rotate(180deg)}.e5pfpa_body{border-top:.5px solid var(--dsw-alias-border-l2);display:flex;flex-direction:column;gap:10px;margin:0 16px;padding:12px 0}.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_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:none;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}\n';
-var ChromeMcpCard_default = { "card": "e5pfpa_card", "cardOpen": "e5pfpa_cardOpen", "header": "e5pfpa_header", "headText": "e5pfpa_headText", "nameRow": "e5pfpa_nameRow", "name": "e5pfpa_name", "desc": "e5pfpa_desc", "chevron": "e5pfpa_chevron", "chevronOpen": "e5pfpa_chevronOpen", "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", "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" };
+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_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 
 // src/client/plugin-meta.ts
-var SETTINGS_NAMESPACE = "chrome-mcp";
-var LOCALE_NAMESPACE = "chromeMcp";
+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 inject = ["slots", "locale", "settingsScope"];
+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_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 = [
+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_PATHS = [
+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"
 ];
 
 // src/client/card/rows.ts
-var react = __toESM(require("react"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
+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;
@@ -86,14 +1816,14 @@ function RowList(props) {
   var columns = Math.max(1, labels.length);
   var blankRow = [];
   for (var blank = 0; blank < columns; blank++) blankRow.push("");
-  var draftState = react.useState(null);
+  var draftState = react5.useState(null);
   var draft = draftState[0];
   var setDraft = draftState[1];
-  var focusedState = react.useState(false);
+  var focusedState = react5.useState(false);
   var focused = focusedState[0];
   var setFocused = focusedState[1];
   var servedKey = JSON.stringify(served);
-  var syncState = react.useState("");
+  var syncState = react5.useState("");
   var servedSync = syncState[0];
   var setServedSync = syncState[1];
   if (servedKey !== servedSync) {
@@ -113,7 +1843,7 @@ function RowList(props) {
     setDraft(
       withDraft(
         (current) => current.map(
-          (row, at) => at === index2 ? row.map((cell, field) => field === column ? value : cell) : row
+          (row, at) => at === index2 ? row.map((cell, field2) => field2 === column ? value : cell) : row
         )
       )
     );
@@ -130,7 +1860,7 @@ function RowList(props) {
     if (draft === null) return;
     save(rows);
   };
-  var fieldNode = (row, index2, column) => (0, import_jsx_runtime.jsx)("input", {
+  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],
@@ -161,7 +1891,7 @@ function RowList(props) {
     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_runtime.jsx)("button", {
+      (0, import_jsx_runtime10.jsx)("button", {
         type: "button",
         className: ChromeMcpCard_default.iconButton + " " + ChromeMcpCard_default.iconButtonDanger,
         "aria-label": props.removeLabel + " " + (index2 + 1),
@@ -170,14 +1900,14 @@ function RowList(props) {
         onClick: () => {
           removeRow(index2);
         },
-        children: (0, import_jsx_runtime.jsx)("svg", {
+        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_runtime.jsx)("path", {
-            d: TRASH_PATH,
+          children: (0, import_jsx_runtime10.jsx)("path", {
+            d: TRASH_PATH2,
             stroke: "currentColor",
             strokeWidth: 1.3,
             strokeLinecap: "round",
@@ -186,9 +1916,9 @@ function RowList(props) {
         })
       })
     );
-    return (0, import_jsx_runtime.jsx)("div", {
+    return (0, import_jsx_runtime10.jsx)("div", {
       className: ChromeMcpCard_default.catalogEntry,
-      children: (0, import_jsx_runtime.jsxs)("div", {
+      children: (0, import_jsx_runtime10.jsxs)("div", {
         className: props.rowClassName ? ChromeMcpCard_default.catalogRow + " " + props.rowClassName : ChromeMcpCard_default.catalogRow,
         children: cells
       })
@@ -200,7 +1930,7 @@ function RowList(props) {
   for (var index = 0; index < rows.length; index++) visible.push(entryNode(rows[index], index));
   body = body.concat(visible);
   body.push(
-    (0, import_jsx_runtime.jsx)("button", {
+    (0, import_jsx_runtime10.jsx)("button", {
       type: "button",
       className: ChromeMcpCard_default.addButton,
       disabled: !writable || busy,
@@ -208,23 +1938,23 @@ function RowList(props) {
       children: props.addLabel
     })
   );
-  var emptyLine = rows.length === 0 ? (0, import_jsx_runtime.jsx)("p", { className: ChromeMcpCard_default.empty, children: props.emptyText }) : null;
+  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_runtime.jsxs)("details", {
+    (0, import_jsx_runtime10.jsxs)("details", {
       className: ChromeMcpCard_default.disclosure,
       children: [
-        (0, import_jsx_runtime.jsxs)("summary", {
+        (0, import_jsx_runtime10.jsxs)("summary", {
           className: ChromeMcpCard_default.disclosureSummary,
           children: [
-            (0, import_jsx_runtime.jsx)("span", { className: ChromeMcpCard_default.disclosureLabel, children: props.rowsLabel }),
-            (0, import_jsx_runtime.jsx)("span", { className: ChromeMcpCard_default.disclosureCount, children: String(rows.length) })
+            (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_runtime.jsx)("div", { className: ChromeMcpCard_default.disclosureBody, children: body })
+        (0, import_jsx_runtime10.jsx)("div", { className: ChromeMcpCard_default.disclosureBody, children: body })
       ]
     })
   ];
@@ -257,7 +1987,7 @@ function ExtraFlagsEditor(props) {
   var restoreAction = (visible) => {
     var current = flagsOf(visible);
     var merged = current.concat(defaults.filter((flag) => current.indexOf(flag) === -1));
-    return (0, import_jsx_runtime2.jsx)("button", {
+    return (0, import_jsx_runtime11.jsx)("button", {
       type: "button",
       className: ChromeMcpCard_default.linkButton,
       // The defaults list is host-served — with nothing to recover there
@@ -274,7 +2004,7 @@ function ExtraFlagsEditor(props) {
   var wslAction = (visible) => {
     var current = flagsOf(visible);
     var merged = current.concat(wsl.filter((flag) => current.indexOf(flag) === -1));
-    return (0, import_jsx_runtime2.jsx)("button", {
+    return (0, import_jsx_runtime11.jsx)("button", {
       type: "button",
       className: ChromeMcpCard_default.linkButton,
       // The recommended list is host-served — with every one of them
@@ -288,30 +2018,30 @@ function ExtraFlagsEditor(props) {
       children: t("flagsWsl")
     });
   };
-  var renderActions = (visible) => (0, import_jsx_runtime2.jsxs)("div", {
+  var renderActions = (visible) => (0, import_jsx_runtime11.jsxs)("div", {
     className: ChromeMcpCard_default.linkButtonRow,
     children: [restoreAction(visible), wslAction(visible)]
   });
-  return (0, import_jsx_runtime2.jsxs)("div", {
+  return (0, import_jsx_runtime11.jsxs)("div", {
     className: ChromeMcpCard_default.catalog,
     children: [
-      (0, import_jsx_runtime2.jsxs)("div", {
+      (0, import_jsx_runtime11.jsxs)("div", {
         className: ChromeMcpCard_default.field,
         children: [
-          (0, import_jsx_runtime2.jsxs)("div", {
+          (0, import_jsx_runtime11.jsxs)("div", {
             className: ChromeMcpCard_default.fieldRow,
             children: [
-              (0, import_jsx_runtime2.jsx)("span", { className: ChromeMcpCard_default.fieldTitle, children: t("flagsTitle") }),
+              (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_runtime2.jsxs)("a", {
+              (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_runtime2.jsx)("svg", {
+                  (0, import_jsx_runtime11.jsx)("svg", {
                     className: ChromeMcpCard_default.docsIcon,
                     width: 14,
                     height: 14,
@@ -322,20 +2052,20 @@ function ExtraFlagsEditor(props) {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     "aria-hidden": "true",
-                    children: DOCS_PATHS.map((d, at) => (0, import_jsx_runtime2.jsx)("path", { d }, at))
+                    children: DOCS_PATHS2.map((d, at) => (0, import_jsx_runtime11.jsx)("path", { d }, at))
                   }),
-                  (0, import_jsx_runtime2.jsx)("span", { className: ChromeMcpCard_default.docsLinkLabel, children: t("docsLinkLabel") })
+                  (0, import_jsx_runtime11.jsx)("span", { className: ChromeMcpCard_default.docsLinkLabel, children: t("docsLinkLabel") })
                 ]
               })
             ]
           }),
-          (0, import_jsx_runtime2.jsx)("div", { className: ChromeMcpCard_default.fieldDesc, children: t("flagsHint") })
+          (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_runtime2.jsx)(RowList, {
+      (0, import_jsx_runtime11.jsx)(RowList, {
         values: rowsOf(flags),
         labels: [t("flagsValueLabel")],
         placeholders: [t("flagsValuePlaceholder")],
@@ -355,8 +2085,8 @@ function ExtraFlagsEditor(props) {
 }
 
 // src/client/card/picker.ts
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+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;
@@ -368,7 +2098,7 @@ function CatalogPicker(props) {
     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_runtime3.jsx)("button", {
+  var fetchAction = () => (0, import_jsx_runtime12.jsx)("button", {
     type: "button",
     className: ChromeMcpCard_default.linkButton,
     disabled: !writable || busy,
@@ -377,7 +2107,7 @@ function CatalogPicker(props) {
     },
     children: busy ? props.busyLabel : props.refreshLabel
   });
-  var windowsAction = () => (0, import_jsx_runtime3.jsx)("button", {
+  var windowsAction = () => (0, import_jsx_runtime12.jsx)("button", {
     type: "button",
     className: ChromeMcpCard_default.linkButton,
     disabled: props.windowsDisabled === true,
@@ -387,23 +2117,23 @@ function CatalogPicker(props) {
     },
     children: props.windowsLabel
   });
-  var renderActions = () => (0, import_jsx_runtime3.jsxs)("div", {
+  var renderActions = () => (0, import_jsx_runtime12.jsxs)("div", {
     className: ChromeMcpCard_default.linkButtonRow,
     children: [fetchAction(), windowsAction()]
   });
-  return (0, import_jsx_runtime3.jsxs)("div", {
+  return (0, import_jsx_runtime12.jsxs)("div", {
     className: ChromeMcpCard_default.catalog,
     children: [
-      (0, import_jsx_runtime3.jsxs)("div", {
+      (0, import_jsx_runtime12.jsxs)("div", {
         className: ChromeMcpCard_default.field,
         children: [
-          (0, import_jsx_runtime3.jsxs)("div", {
+          (0, import_jsx_runtime12.jsxs)("div", {
             className: ChromeMcpCard_default.fieldRow,
             children: [
-              (0, import_jsx_runtime3.jsx)("span", { className: ChromeMcpCard_default.fieldTitle, children: props.selectorLabel }),
-              (0, import_jsx_runtime3.jsx)("span", {
+              (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_runtime3.jsx)(import_dsh_client_ui_primitives.Menu, {
+                children: (0, import_jsx_runtime12.jsx)(import_dsh_client_ui_primitives5.Menu, {
                   open: props.menuOpen,
                   onClose: () => {
                     props.setMenuOpen(false);
@@ -416,7 +2146,7 @@ function CatalogPicker(props) {
                   },
                   align: "end",
                   portal: true,
-                  anchor: (0, import_jsx_runtime3.jsxs)("button", {
+                  anchor: (0, import_jsx_runtime12.jsxs)("button", {
                     type: "button",
                     className: ChromeMcpCard_default.selector,
                     "aria-haspopup": "menu",
@@ -429,15 +2159,15 @@ function CatalogPicker(props) {
                     children: [
                       // The reference card hands the pill a bare label;
                       // the path needs its own truncating span.
-                      (0, import_jsx_runtime3.jsx)("span", { className: ChromeMcpCard_default.selectorLabel, children: props.selectedLabel }),
-                      (0, import_jsx_runtime3.jsx)("svg", {
+                      (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_runtime3.jsx)("path", { d: CHEVRON_PATH, fill: "currentColor" })
+                        children: (0, import_jsx_runtime12.jsx)("path", { d: CHEVRON_PATH2, fill: "currentColor" })
                       })
                     ]
                   })
@@ -445,12 +2175,12 @@ function CatalogPicker(props) {
               })
             ]
           }),
-          (0, import_jsx_runtime3.jsx)("div", { className: ChromeMcpCard_default.fieldDesc, children: props.hint })
+          (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_runtime3.jsx)(RowList, {
+      (0, import_jsx_runtime12.jsx)(RowList, {
         values: rows,
         labels: [props.idLabel, props.nameLabel],
         placeholders: [props.idPlaceholder, props.namePlaceholder],
@@ -470,8 +2200,8 @@ function CatalogPicker(props) {
 }
 
 // src/client/card/dialog.ts
-var react2 = __toESM(require("react"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
+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;
@@ -479,7 +2209,7 @@ function CandidateDialog(props) {
   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 draftState = react6.useState({ key: "", query: "", checked: [] });
   var draft = draftState[0];
   var setDraft = draftState[1];
   var dirty = draft.key !== servedKey;
@@ -499,44 +2229,44 @@ function CandidateDialog(props) {
   var toggle = (id, value) => {
     setChecked((current) => value ? current.concat([id]) : current.filter((entry) => entry !== id));
   };
-  return (0, import_jsx_runtime4.jsxs)("div", {
+  return (0, import_jsx_runtime13.jsxs)("div", {
     className: ChromeMcpCard_default.fetchDialog,
     role: "dialog",
     "aria-modal": "true",
     "aria-label": props.title,
     children: [
-      (0, import_jsx_runtime4.jsxs)("div", {
+      (0, import_jsx_runtime13.jsxs)("div", {
         className: ChromeMcpCard_default.dialogContent,
         children: [
-          (0, import_jsx_runtime4.jsxs)("div", {
+          (0, import_jsx_runtime13.jsxs)("div", {
             className: ChromeMcpCard_default.dialogHeader,
             children: [
-              (0, import_jsx_runtime4.jsx)("h2", { className: ChromeMcpCard_default.dialogTitle, children: props.title }),
-              (0, import_jsx_runtime4.jsx)("button", {
+              (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_runtime4.jsx)("svg", {
+                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_PATHS.map((d, at) => (0, import_jsx_runtime4.jsx)("path", { d, fill: "currentColor" }, at))
+                  children: CLOSE_PATHS2.map((d, at) => (0, import_jsx_runtime13.jsx)("path", { d, fill: "currentColor" }, at))
                 })
               })
             ]
           }),
-          (0, import_jsx_runtime4.jsx)("p", { className: ChromeMcpCard_default.dialogDescription, children: props.description }),
-          (0, import_jsx_runtime4.jsxs)("div", {
+          (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_runtime4.jsxs)("div", {
+              (0, import_jsx_runtime13.jsxs)("div", {
                 className: ChromeMcpCard_default.candidateToolbar,
                 children: [
-                  (0, import_jsx_runtime4.jsx)("input", {
+                  (0, import_jsx_runtime13.jsx)("input", {
                     className: ChromeMcpCard_default.candidateSearch,
                     type: "search",
                     placeholder: props.searchPlaceholder,
@@ -546,7 +2276,7 @@ function CandidateDialog(props) {
                       setQuery(event && event.target ? String(event.target.value ?? "") : "");
                     }
                   }),
-                  (0, import_jsx_runtime4.jsx)("button", {
+                  (0, import_jsx_runtime13.jsx)("button", {
                     type: "button",
                     className: ChromeMcpCard_default.linkButton,
                     onClick: () => {
@@ -557,17 +2287,17 @@ function CandidateDialog(props) {
                   })
                 ]
               }),
-              shown.length === 0 ? (0, import_jsx_runtime4.jsx)("p", { className: ChromeMcpCard_default.empty, children: t("dialogEmpty") }) : (0, import_jsx_runtime4.jsx)("ul", {
+              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_runtime4.jsx)("li", {
+                  return (0, import_jsx_runtime13.jsx)("li", {
                     className: ChromeMcpCard_default.candidate,
-                    children: (0, import_jsx_runtime4.jsxs)("label", {
+                    children: (0, import_jsx_runtime13.jsxs)("label", {
                       className: ChromeMcpCard_default.candidateLabel,
                       children: [
-                        (0, import_jsx_runtime4.jsx)("input", {
+                        (0, import_jsx_runtime13.jsx)("input", {
                           type: "checkbox",
                           checked: isSaved ? true : checkedSet.has(candidate.id),
                           disabled: isSaved,
@@ -575,8 +2305,8 @@ function CandidateDialog(props) {
                             toggle(candidate.id, !!(event && event.target && event.target.checked));
                           }
                         }),
-                        (0, import_jsx_runtime4.jsx)("span", { className: ChromeMcpCard_default.candidateId, children: candidate.id }),
-                        note === "" ? null : (0, import_jsx_runtime4.jsx)("span", { className: ChromeMcpCard_default.candidateNote, children: note })
+                        (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);
@@ -584,16 +2314,16 @@ function CandidateDialog(props) {
               })
             ]
           }),
-          (0, import_jsx_runtime4.jsxs)("div", {
+          (0, import_jsx_runtime13.jsxs)("div", {
             className: ChromeMcpCard_default.dialogFooter,
             children: [
-              (0, import_jsx_runtime4.jsx)("button", {
+              (0, import_jsx_runtime13.jsx)("button", {
                 type: "button",
                 className: ChromeMcpCard_default.dialogButton,
                 onClick: () => props.onClose(),
                 children: t("cancel")
               }),
-              (0, import_jsx_runtime4.jsx)("button", {
+              (0, import_jsx_runtime13.jsx)("button", {
                 type: "button",
                 className: ChromeMcpCard_default.dialogButton + " " + ChromeMcpCard_default.dialogButtonPrimary,
                 onClick: () => props.onAdd(Array.from(checkedSet)),
@@ -608,25 +2338,25 @@ function CandidateDialog(props) {
 }
 
 // src/client/card/run-actions.ts
-var react3 = __toESM(require("react"), 1);
+var react7 = __toESM(require("react"), 1);
 var PROBED_AGE_TICK_MS = 1e4;
 function useRunActions(deps) {
-  const runningState = react3.useState(false);
+  const runningState = react7.useState(false);
   const isRunning = runningState[0];
   const setRunning = runningState[1];
-  const windowsRunningState = react3.useState(false);
+  const windowsRunningState = react7.useState(false);
   const isWindowsRunning = windowsRunningState[0];
   const setWindowsRunning = windowsRunningState[1];
-  const dialogRef = react3.useState(null);
+  const dialogRef = react7.useState(null);
   const dialog = dialogRef[0];
   const setDialog = dialogRef[1];
-  const probedState = react3.useState(0);
+  const probedState = react7.useState(0);
   const lastProbedAt = probedState[0];
   const setLastProbedAt = probedState[1];
-  const clockState = react3.useState(() => Date.now());
+  const clockState = react7.useState(() => Date.now());
   const clock = clockState[0];
   const setClock = clockState[1];
-  react3.useEffect(() => {
+  react7.useEffect(() => {
     const tick = setInterval(() => setClock(Date.now()), PROBED_AGE_TICK_MS);
     return () => clearInterval(tick);
   }, []);
@@ -647,7 +2377,7 @@ function useRunActions(deps) {
         if (!Array.isArray(statuses) || statuses.length === 0) return;
         const candidates = statuses.map((status) => ({
           id: status.path,
-          note: status.version !== "" ? status.version : status.error,
+          note: status.version !== "" ? status.version : status.error !== "" ? status.error : status.note,
           broken: status.version === "" && status.error !== ""
         }));
         setDialog({ candidates });
@@ -693,24 +2423,24 @@ function useRunActions(deps) {
 }
 
 // src/client/card/toggle.ts
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+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_runtime5.jsxs)("div", {
+  return (0, import_jsx_runtime14.jsxs)("div", {
     className: ChromeMcpCard_default.catalog,
     children: [
-      (0, import_jsx_runtime5.jsxs)("div", {
+      (0, import_jsx_runtime14.jsxs)("div", {
         className: ChromeMcpCard_default.field,
         children: [
-          (0, import_jsx_runtime5.jsxs)("div", {
+          (0, import_jsx_runtime14.jsxs)("div", {
             className: ChromeMcpCard_default.fieldRow,
             children: [
-              (0, import_jsx_runtime5.jsx)("span", { className: ChromeMcpCard_default.fieldTitle, children: t("reduceLabel") }),
-              (0, import_jsx_runtime5.jsx)("span", {
+              (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_runtime5.jsx)(import_dsh_client_ui_primitives2.Switch, {
+                children: (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives6.Switch, {
                   checked: props.checked,
                   label: t("reduceLabel"),
                   disabled: props.disabled,
@@ -721,43 +2451,13 @@ function LogOutputToggle(props) {
               })
             ]
           }),
-          (0, import_jsx_runtime5.jsx)("div", { className: ChromeMcpCard_default.fieldDesc, children: t("reduceHint") })
+          (0, import_jsx_runtime14.jsx)("div", { className: ChromeMcpCard_default.fieldDesc, children: t("reduceHint") })
         ]
       })
     ]
   });
 }
 
-// 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/view.ts
 function labelOf(entries, id) {
   const row = entries.find((entry) => entry.id === id);
@@ -786,9 +2486,22 @@ function describeCard(state) {
     dotIsError: error !== "",
     wslWindowsExecutable: state.wslWindowsExecutable === true,
     windowsChrome: readWindowsChrome(state.windowsChromeStatus),
-    connectMode: state.carriesConnectionMode === true
+    // 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);
 }
@@ -805,8 +2518,8 @@ 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: true, busy: false };
-  if (status.state === "unreachable") return { labelKey: "openWindowsChrome", titleKey: "windowsChromeUnreachable", 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) {
@@ -829,18 +2542,15 @@ function optionLabel(view, id, t) {
 function ChromeMcpCard(props) {
   const t = props.t;
   const state = props.useChromeMcpCard((snapshot) => snapshot);
-  const openState = react4.useState(false);
-  const open = openState[0];
-  const setOpen = openState[1];
-  const menuState = react4.useState(false);
+  const menuState = react8.useState(false);
   const menuOpen = menuState[0];
   const setMenuOpen = menuState[1];
-  const bodyId = react4.useId();
   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;
@@ -848,158 +2558,153 @@ function ChromeMcpCard(props) {
   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_runtime6.jsx)("p", { className: ChromeMcpCard_default.result, role: "status", children: t("probing") }) : view.version === "" ? null : (0, import_jsx_runtime6.jsxs)("p", {
+  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_runtime6.jsx)("span", { className: ChromeMcpCard_default.resultValue, children: view.version }),
-      runs.lastProbedAt === 0 ? null : (0, import_jsx_runtime6.jsx)("span", { className: ChromeMcpCard_default.resultAge, children: probeAge(runs.lastProbedAt, runs.clock, t) })
+      (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) })
     ]
   });
-  return (0, import_jsx_runtime6.jsx)("li", {
-    className: ChromeMcpCard_default.card + (open ? " " + ChromeMcpCard_default.cardOpen : ""),
+  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: [
-      (0, import_jsx_runtime6.jsxs)("button", {
-        type: "button",
-        className: ChromeMcpCard_default.header,
-        "aria-expanded": open,
-        "aria-label": t(open ? "collapse" : "expand") + ": " + t("title"),
-        "aria-controls": bodyId,
-        onClick: () => {
-          setOpen(!open);
-          if (!open && typeof props.refresh === "function") void props.refresh();
+      // 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_runtime6.jsxs)("span", {
-            className: ChromeMcpCard_default.headText,
-            children: [
-              (0, import_jsx_runtime6.jsxs)("div", {
-                className: ChromeMcpCard_default.nameRow,
-                children: [
-                  (0, import_jsx_runtime6.jsx)("span", { className: ChromeMcpCard_default.name, children: t("title") }),
-                  view.dotIsError || view.missing ? (0, import_jsx_runtime6.jsx)("span", {
-                    className: ChromeMcpCard_default.dot + " " + ChromeMcpCard_default.dotError,
-                    role: "img",
-                    "aria-label": dotAria,
-                    title: dotLabel
-                  }) : null
-                ]
-              }),
-              (0, import_jsx_runtime6.jsx)("span", { className: ChromeMcpCard_default.desc, children: t("description") })
-            ]
-          }),
-          (0, import_jsx_runtime6.jsx)("svg", {
-            width: 14,
-            height: 14,
-            className: ChromeMcpCard_default.chevron + (open ? " " + ChromeMcpCard_default.chevronOpen : ""),
-            viewBox: "0 0 14 14",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: (0, import_jsx_runtime6.jsx)("path", { d: CHEVRON_PATH, fill: "currentColor" })
-          })
+          (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
       }),
-      open ? (0, import_jsx_runtime6.jsxs)("div", {
-        id: bodyId,
-        className: ChromeMcpCard_default.body,
+      (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: [
-          !state.writable ? (0, import_jsx_runtime6.jsx)("p", { className: ChromeMcpCard_default.readOnly, role: "status", children: t("readOnly") }) : null,
-          (0, import_jsx_runtime6.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);
+          // 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();
             },
-            saveEntries: (entries) => props.saveExecutables(entries),
-            refresh: runs.runFetch,
-            statusLine
-          }),
-          // The one state no control of this card 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_runtime6.jsxs)("div", {
-            className: ChromeMcpCard_default.notice,
-            role: "note",
-            children: [
-              (0, import_jsx_runtime6.jsx)("div", { className: ChromeMcpCard_default.noticeTitle, children: t("wslWindowsTitle") }),
-              (0, import_jsx_runtime6.jsx)("div", { className: ChromeMcpCard_default.noticeBody, children: t("wslWindowsNote") })
-            ]
-          }) : null,
-          (0, import_jsx_runtime6.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
+            children: t("discard")
           }),
-          (0, import_jsx_runtime6.jsx)(LogOutputToggle, {
-            t,
-            checked: view.reduceChecked,
-            disabled: !state.writable,
-            onToggle: props.toggleStderr
-          }),
-          state.lastError ? (0, import_jsx_runtime6.jsx)("p", { className: ChromeMcpCard_default.error, role: "status", children: state.lastError }) : null,
-          state.actionError ? (0, import_jsx_runtime6.jsx)("p", { className: ChromeMcpCard_default.error, role: "status", children: state.actionError }) : null,
-          runs.dialog !== null ? (0, import_jsx_runtime6.jsx)(CandidateDialog, {
-            t,
-            candidates: runs.dialog.candidates,
-            savedIds,
-            title: t("dialogExecutablesTitle"),
-            description: t("dialogExecutablesDescription"),
-            searchPlaceholder: t("searchExecutables"),
-            onAdd: runs.addFromDialog,
-            onClose: runs.closeDialog
-          }) : null
+          (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")
+          })
         ]
-      }) : null
+      })
     ]
   });
 }
 
-// src/client/controller/budget.ts
-var CHECK_POLL_TICK_MS = 700;
-var CHECK_POLL_TIMEOUT_MS = 2e4;
-
-// src/client/controller/controller.ts
-var import_dsh_client_store = require("@deepseek-ai/dsh-client-store");
-
-// src/client/controller/read.ts
+// 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;
 }
@@ -1029,323 +2734,163 @@ function readStatus(value) {
     statuses.push({
       path,
       version: readString(item.version, ""),
-      error: readString(item.error, "")
+      error: readString(item.error, ""),
+      note: readString(item.note, "")
     });
   }
   return statuses;
 }
 
-// src/client/controller/controller.ts
-var ChromeMcpCardController = class {
-  scope;
-  mirror;
-  disposed = false;
-  pollTimer = null;
-  pollGeneration = 0;
-  waitStarted = false;
-  store;
-  unsubscribe;
-  constructor(scope, mirror) {
-    this.scope = scope;
-    this.mirror = mirror;
-    this.store = (0, import_dsh_client_store.createSnapshotStore)({
-      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: ""
-    });
-    this.unsubscribe = scope.subscribe(() => this.publish());
-    this.publish();
-  }
-  /** Republish the latest scope snapshot into the card store. */
-  publish() {
-    if (this.disposed) return;
-    const previous = this.store.getSnapshot();
-    const snapshot = this.scope.getSnapshot();
-    if (snapshot.status !== "ready" || snapshot.value === void 0) {
-      this.store.set({
-        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: previous.actionError
-      });
-      return;
-    }
-    const value = snapshot.value;
-    const base = snapshot.base ?? {};
-    const servedRevision = readNumber(base.executableDiscoveryRevision, readNumber(value.executableDiscoveryRevision, 0));
-    const servedVersion = readString(base.chromeVersion, readString(value.chromeVersion, ""));
-    const servedExecutables = normalizeEntries(value.executables);
-    const servedStatus = readStatus(base.executableStatus);
-    const servedEffectivePath = readString(
-      base.effectiveChromePath,
-      readString(value.effectiveChromePath, readString(value.chromePath, ""))
-    );
-    const servedSource = base.effectiveSource === "selected" || base.effectiveSource === "row-config" ? base.effectiveSource : value.effectiveSource === "selected" || value.effectiveSource === "row-config" ? value.effectiveSource : "";
-    const servedStderrMode = typeof value.stderrMode === "string" ? value.stderrMode : "";
-    const servedRowStderr = typeof base.rowStderr === "string" ? base.rowStderr : typeof value.rowStderr === "string" ? value.rowStderr : "log";
-    const servedDefaults = Array.isArray(base.defaultExtraFlags) ? base.defaultExtraFlags.filter((flag) => typeof flag === "string" && flag !== "") : Array.isArray(value.defaultExtraFlags) ? value.defaultExtraFlags.filter((flag) => typeof flag === "string" && flag !== "") : [];
-    const servedWslFlags = Array.isArray(base.wslExtraFlags) ? base.wslExtraFlags.filter((flag) => typeof flag === "string" && flag !== "") : Array.isArray(value.wslExtraFlags) ? value.wslExtraFlags.filter((flag) => typeof flag === "string" && flag !== "") : [];
-    const servedWslWindows = base.wslWindowsExecutable === void 0 ? value.wslWindowsExecutable === true : base.wslWindowsExecutable === true;
-    const servedWindowsChrome = readWindowsChromeStatus(base.windowsChromeStatus !== void 0 ? base.windowsChromeStatus : value.windowsChromeStatus);
-    const servedConnectMode = base.carriesConnectionMode === void 0 ? value.carriesConnectionMode === true : base.carriesConnectionMode === true;
-    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 === void 0 ? value.chromeMissing === true : base.chromeMissing === true,
-      executableDiscoveryRevision: servedRevision,
-      chromeVersion: servedVersion,
-      executables: servedExecutables,
-      executableStatus: servedStatus,
-      chromePath: readString(value.chromePath, ""),
-      effectiveChromePath: servedEffectivePath,
-      effectiveSource: servedSource,
-      stderrMode: servedStderrMode === "log" || servedStderrMode === "console" ? servedStderrMode : "",
-      rowStderr: servedRowStderr === "console" ? "console" : "log",
-      defaultExtraFlags: servedDefaults,
-      wslExtraFlags: servedWslFlags,
-      wslWindowsExecutable: servedWslWindows,
-      windowsChromeStatus: servedWindowsChrome,
-      carriesConnectionMode: servedConnectMode,
-      actionError: ""
-    });
-    if (!this.waitStarted) {
-      this.waitStarted = true;
-      if (servedRevision === 0) void this.waitFor("executableDiscoveryRevision", 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));
-  }
-  /**
-   * Pick one saved executable. Writes the persisted `chromePath` (the host
-   * restarts the bridge connection carrying it and re-runs the discovery), then
-   * waits until the served revision advances past the click-time value.
-   */
-  selectExecutable(id) {
-    if (this.disposed) return Promise.resolve();
-    const target = typeof id === "string" ? id.trim() : "";
-    if (target === "") return Promise.resolve();
-    const baseline = this.store.getSnapshot().executableDiscoveryRevision;
-    const wait = this.waitFor("executableDiscoveryRevision", baseline, Date.now() + CHECK_POLL_TIMEOUT_MS);
-    return this.scope.set("chromePath", target).catch((error) => this.noteError(error)).then(() => wait);
-  }
-  /**
-   * Save the whole rows list: the card owns the draft, the host re-normalizes
-   * on the way in and re-runs the scan the new ids imply.
-   */
-  saveExecutables(entries) {
-    if (this.disposed) return Promise.resolve();
-    const rows = normalizeEntries(entries);
-    const snapshot = this.store.getSnapshot();
-    const unchanged = JSON.stringify(rows) === JSON.stringify(snapshot.executables);
-    if (unchanged) return Promise.resolve();
-    const baseline = snapshot.executableDiscoveryRevision;
-    const wait = this.waitFor("executableDiscoveryRevision", baseline, Date.now() + CHECK_POLL_TIMEOUT_MS);
-    return this.scope.set("executables", rows).catch((error) => this.noteError(error)).then(() => wait);
-  }
-  /**
-   * Ask the host to re-probe the saved rows and fold what it finds into them,
-   * then wait for the served revision to advance: write the trigger, then poll
-   * the shared describe mirror until it moves — or the budget elapses. Resolves
-   * with every candidate the run answered for and what it said about each, so
-   * the dialog opens over the run's own answer list.
-   */
-  refreshExecutables() {
-    if (this.disposed) return Promise.resolve([]);
-    const baseline = this.store.getSnapshot().executableDiscoveryRevision;
-    const wait = this.waitFor("executableDiscoveryRevision", baseline, Date.now() + CHECK_POLL_TIMEOUT_MS);
-    return this.scope.set("refreshExecutablesNonce", Date.now()).catch((error) => this.noteError(error)).then(() => wait).then(() => {
-      const served = this.store.getSnapshot();
-      return Array.isArray(served.executableStatus) ? served.executableStatus : [];
-    });
-  }
-  /**
-   * Merge the ids picked in the dialog into the saved rows: every id already
-   * there keeps its place (and its name), the missing ones append nameless.
-   * The host re-normalizes on the way in and re-runs the scan the new ids
-   * imply, so the same revision counter carries the wait.
-   */
-  addExecutables(ids) {
-    if (this.disposed) return Promise.resolve();
-    const served = this.store.getSnapshot();
-    const rows = normalizeEntries(served.executables);
-    const merged = rows.concat(
+// 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: "" }))
-    );
-    const next = normalizeEntries(merged);
-    if (JSON.stringify(next) === JSON.stringify(rows)) return Promise.resolve();
-    const baseline = served.executableDiscoveryRevision;
-    const wait = this.waitFor("executableDiscoveryRevision", baseline, Date.now() + CHECK_POLL_TIMEOUT_MS);
-    return this.scope.set("executables", next).catch((error) => this.noteError(error)).then(() => wait);
-  }
-  /**
-   * Ask the host to drive a Windows-side Chrome in connect mode: write the
-   * trigger, then wait for the run to settle (same revision counter every
-   * executable run advances). What the button ends up reporting — launched,
-   * already connected, prereq missing — is served through
-   * `windowsChromeStatus`, not through the promise.
-   */
-  openWindowsChrome() {
-    if (this.disposed) return Promise.resolve();
-    const baseline = this.store.getSnapshot().executableDiscoveryRevision;
-    const wait = this.waitFor("executableDiscoveryRevision", baseline, Date.now() + CHECK_POLL_TIMEOUT_MS);
-    return this.scope.set("openWindowsChromeNonce", Date.now()).catch((error) => this.noteError(error)).then(() => wait);
-  }
-  /**
-   * Flip the "Reduce log output" toggle: persists `stderrMode` as "log"
-   * (capture stderr into the bridge log file) or "console" (echo it for
-   * debugging), starting from what the host currently resolves — the served
-   * `stderrMode` when set, else the row-config `rowStderr` fallback. The host
-   * restarts the bridge connection on the change.
-   */
-  toggleStderr() {
-    if (this.disposed) return Promise.resolve();
-    const snapshot = this.store.getSnapshot();
-    const effective = snapshot.stderrMode === "log" || snapshot.stderrMode === "console" ? snapshot.stderrMode : snapshot.rowStderr === "console" ? "console" : "log";
-    const next = effective === "log" ? "console" : "log";
-    return this.scope.set("stderrMode", next).catch((error) => this.noteError(error));
-  }
-  /** The face the card's slot registration injects. */
-  inject() {
-    return {
-      hooks: { chromeMcpCard: this.store },
-      saveFlags: (flags) => this.saveFlags(flags),
-      toggleStderr: () => this.toggleStderr(),
-      selectExecutable: (id) => this.selectExecutable(id),
-      saveExecutables: (entries) => this.saveExecutables(entries),
-      refreshExecutables: () => this.refreshExecutables(),
-      addExecutables: (ids) => this.addExecutables(ids),
-      openWindowsChrome: () => this.openWindowsChrome(),
-      /** 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 run.
-   */
-  refresh() {
-    if (this.disposed) return Promise.resolve();
-    let load;
-    try {
-      load = this.mirror.load();
-    } catch {
-      load = void 0;
-    }
-    return Promise.resolve(load).catch(() => {
-    });
-  }
-  dispose() {
-    this.disposed = true;
-    if (this.pollTimer !== null) {
-      clearTimeout(this.pollTimer);
-      this.pollTimer = null;
-    }
-    this.unsubscribe();
-  }
-  /**
-   * Re-describe the settings mirror every tick until the given revision field
-   * advances past `baseline`, or the deadline passes.
-   */
-  waitFor(field, baseline, deadline) {
-    const generation = ++this.pollGeneration;
-    const controller = this;
-    return new Promise((resolve) => {
-      let timer;
-      let settled = false;
-      const arm = (delay) => {
-        timer = setTimeout(tick, delay);
-        controller.pollTimer = timer ?? null;
-      };
-      const finish = () => {
-        if (settled) return;
-        settled = true;
-        clearTimeout(timer);
-        if (controller.pollTimer === (timer ?? null)) controller.pollTimer = null;
-        resolve();
-      };
-      const satisfied = () => readNumber(controller.store.getSnapshot()[field], baseline) > baseline || Date.now() >= deadline;
-      const stale = () => controller.disposed || generation !== controller.pollGeneration;
-      const tick = () => {
-        if (stale() || satisfied()) {
-          finish();
-          return;
-        }
-        let loaded;
-        try {
-          loaded = controller.mirror.load();
-        } catch {
-          loaded = void 0;
-        }
-        Promise.resolve(loaded).catch(() => ({})).then(() => {
-          if (stale() || satisfied()) {
-            finish();
-            return;
-          }
-          arm(CHECK_POLL_TICK_MS);
-        });
-      };
-      arm(CHECK_POLL_TICK_MS);
-    });
-  }
-  /** Surface a rejected action on the card (store-only; never host state). */
-  noteError(error) {
-    if (this.disposed) return;
-    const previous = this.store.getSnapshot();
-    this.store.set({
-      ...previous,
-      actionError: error != null && typeof error.message === "string" ? error.message : String(error)
-    });
-  }
-};
+    )),
+    /** 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 = {
-  title: "DSH Chrome MCP",
-  description: "DSH Chrome MCP server (chrome-devtools-mcp) settings and status",
   executableLabel: "Chrome executable",
-  executableHint: "The saved executable the bridge launches with. Selecting one restarts the connection.",
+  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",
@@ -1368,7 +2913,7 @@ var en = {
   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 the bridge cannot launch: the debug pipes it opens do not survive the WSL interop boundary, and its debugging port stays bound to the Windows loopback, unreachable over the WSL2 NAT bridge. It answers --version correctly, so the pill looks healthy until the first tool call fails. To drive the Windows browser, start Chrome yourself with --remote-debugging-port=9222 --user-data-dir=C:\\chrome-debug, add --browserUrl=http://127.0.0.1:9222 to the extra flags, and make Windows loopback reachable from WSL by setting networkingMode=mirrored in %USERPROFILE%\\.wslconfig followed by wsl --shutdown. Chrome installed inside the Linux distro needs none of this.",
+  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",
@@ -1376,7 +2921,7 @@ var en = {
   probeMinutesAgo: "minutes ago",
   probeHoursAgo: "hours ago",
   flagsTitle: "Extra flags",
-  flagsHint: "The extra flags the bridge launches with. One flag per row \u2014 saving restarts the connection.",
+  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",
@@ -1386,63 +2931,90 @@ var en = {
   flagsRestore: "Restore defaults",
   flagsRestoreTitle: "Keep every flag the rows carry and append the defaults that are still missing",
   flagsWsl: "Flags WSL",
-  flagsWslTitle: "A\xF1adir flags recomendados para WSL<->Windows",
+  flagsWslTitle: "Append the recommended WSL<->Windows flags",
   openWindowsChrome: "Prelaunch Windows Chrome",
-  openWindowsChromeTitle: "Lanza el Chrome del lado Windows con --remote-debugging-port y deja el bridge en modo conexi\xF3n",
-  openWindowsChromeBusy: "Iniciando Chrome de Windows\u2026",
-  windowsChromeNotWsl: "Windows Chrome no aplica fuera de WSL.",
-  windowsChromeNotFound: "No se encontr\xF3 Chrome en el lado Windows (Program Files / Program Files (x86)).",
-  windowsChromeUnreachable: "Requiere networkingMode=mirrored en %USERPROFILE%\\.wslconfig, con wsl --shutdown: hoy el loopback de Windows no es alcanzable desde este host WSL.",
+  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: "Modo conexi\xF3n: el bridge no lanza un Chrome local (conecta con --browserUrl / --wsEndpoint); la selecci\xF3n local queda a la espera.",
+  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 bridge's stderr into the plugin's log file",
-  reduceHint: "Captures stderr into the plugin's log file. Turn it off to debug the raw bridge output; switching restarts the bridge connection.",
+  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",
-  readOnly: "Settings are read-only in this deployment.",
-  expand: "Expand",
-  collapse: "Collapse"
+  // 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 DICTIONARIES = { en };
+var DICTIONARIES2 = { en };
 
 // src/client/styles/index.ts
 var CARD_CSS_ID = PLUGIN_ID + "/ChromeMcpCard.module.css";
-function injectCardStyles() {
+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 = cssText;
+  styleTag.textContent = cssText2;
   document.head.appendChild(styleTag);
 }
 
-// src/client/apply.ts
+// 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) {
-  injectCardStyles();
-  ctx.effect(() => ctx.locale.register(LOCALE_NAMESPACE, DICTIONARIES), `${SETTINGS_NAMESPACE}: dictionaries`);
-  const binder = ctx.settingsScope;
-  const scope = binder.bind({ namespace: SETTINGS_NAMESPACE });
-  const controller = new ChromeMcpCardController(scope, binder.describe());
-  ctx.effect(
-    () => () => controller.dispose(),
-    `${SETTINGS_NAMESPACE}: card controller`
-  );
-  ctx.slots.inject("settings.plugin.item", () => ctx.slots.register(
-    {
-      name: "settings.plugin.item",
-      key: SETTINGS_NAMESPACE,
-      locale: LOCALE_NAMESPACE,
-      inject: () => controller.inject()
-    },
-    ChromeMcpCard
-  ));
+  injectCardStyles2();
+  card.apply(ctx);
 }
 	return module.exports;
 	}