@comecaramelos/dsh-chrome-mcp 0.0.1 → 1.0.0

package/lib/client.js

@@ -4,582 +4,1447 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-		var react = require("react");
-		var reactJsx = require("react/jsx-runtime");
-		var clientStore = require("@deepseek-ai/dsh-client-store");
-		// NOTE: no UI primitives required — the extra flags editor is a plain
-		// textarea writing through the controller (props.saveFlags), not the
-		// shell Menu primitive the reference used for its profile picker.
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  CHECK_POLL_TICK_MS: () => CHECK_POLL_TICK_MS,
+  CHECK_POLL_TIMEOUT_MS: () => CHECK_POLL_TIMEOUT_MS,
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/card/index.ts
+var react4 = __toESM(require("react"), 1);
+var import_jsx_runtime6 = 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" };
+
+// src/client/card/flags.ts
+var import_jsx_runtime2 = require("react/jsx-runtime");
+
+// src/client/plugin-meta.ts
+var SETTINGS_NAMESPACE = "chrome-mcp";
+var LOCALE_NAMESPACE = "chromeMcp";
+var PLUGIN_ID = "@comecaramelos/dsh-chrome-mcp";
+var CONFIGURATION_URL = "https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/docs/configuration.md";
+var inject = ["slots", "locale", "settingsScope"];
+
+// 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 = [
+  "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"
+];
+
+// src/client/card/rows.ts
+var react = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function RowList(props) {
+  var served = Array.isArray(props.values) ? props.values : [];
+  var writable = props.writable === true;
+  var busy = props.busy === true;
+  var labels = Array.isArray(props.labels) ? props.labels : [];
+  var placeholders = Array.isArray(props.placeholders) ? props.placeholders : [];
+  var columns = Math.max(1, labels.length);
+  var blankRow = [];
+  for (var blank = 0; blank < columns; blank++) blankRow.push("");
+  var draftState = react.useState(null);
+  var draft = draftState[0];
+  var setDraft = draftState[1];
+  var focusedState = react.useState(false);
+  var focused = focusedState[0];
+  var setFocused = focusedState[1];
+  var servedKey = JSON.stringify(served);
+  var syncState = react.useState("");
+  var servedSync = syncState[0];
+  var setServedSync = syncState[1];
+  if (servedKey !== servedSync) {
+    setServedSync(servedKey);
+    if (!focused) setDraft(null);
+  }
+  var rows = draft === null ? served : draft;
+  var save = (next) => {
+    if (typeof props.save !== "function") return Promise.resolve();
+    setDraft(next);
+    return Promise.resolve(props.save(next)).catch(() => {
+    });
+  };
+  var withDraft = (make) => make(draft === null ? served : draft);
+  var patchRow = (index2, column, value) => {
+    setFocused(true);
+    setDraft(
+      withDraft(
+        (current) => current.map(
+          (row, at) => at === index2 ? row.map((cell, field) => field === column ? value : cell) : row
+        )
+      )
+    );
+  };
+  var removeRow = (index2) => {
+    if (!writable || rows[index2] === void 0) return;
+    save(rows.filter((_row, at) => at !== index2));
+  };
+  var addRow = () => {
+    if (!writable) return;
+    setDraft(withDraft((current) => current.concat([blankRow])));
+  };
+  var commit = () => {
+    if (draft === null) return;
+    save(rows);
+  };
+  var fieldNode = (row, index2, column) => (0, import_jsx_runtime.jsx)("input", {
+    className: props.inputClassName ? ChromeMcpCard_default.catalogInput + " " + props.inputClassName : ChromeMcpCard_default.catalogInput,
+    type: "text",
+    value: row[column] === void 0 ? "" : row[column],
+    placeholder: placeholders[column],
+    "aria-label": labels[column] + " " + (index2 + 1),
+    title: column === 0 ? row[column] : void 0,
+    disabled: !writable,
+    spellCheck: false,
+    autoComplete: "off",
+    autocapitalize: "off",
+    onChange: (event) => {
+      patchRow(index2, column, event && event.target ? String(event.target.value ?? "") : "");
+    },
+    onFocus: () => setFocused(true),
+    onBlur: () => {
+      setFocused(false);
+      commit();
+    },
+    onKeyDown: (event) => {
+      if (event && event.key === "Enter") {
+        setFocused(false);
+        commit();
+      }
+    }
+  }, column);
+  var entryNode = (row, index2) => {
+    var cells = [];
+    var width = row.length === 0 ? columns : row.length;
+    for (var column = 0; column < width; column++) cells.push(fieldNode(row, index2, column));
+    cells.push(
+      (0, import_jsx_runtime.jsx)("button", {
+        type: "button",
+        className: ChromeMcpCard_default.iconButton + " " + ChromeMcpCard_default.iconButtonDanger,
+        "aria-label": props.removeLabel + " " + (index2 + 1),
+        title: props.removeLabel,
+        disabled: !writable,
+        onClick: () => {
+          removeRow(index2);
+        },
+        children: (0, import_jsx_runtime.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,
+            stroke: "currentColor",
+            strokeWidth: 1.3,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          })
+        })
+      })
+    );
+    return (0, import_jsx_runtime.jsx)("div", {
+      className: ChromeMcpCard_default.catalogEntry,
+      children: (0, import_jsx_runtime.jsxs)("div", {
+        className: props.rowClassName ? ChromeMcpCard_default.catalogRow + " " + props.rowClassName : ChromeMcpCard_default.catalogRow,
+        children: cells
+      })
+    }, index2);
+  };
+  var body = [];
+  if (typeof props.renderAction === "function") body.push(props.renderAction(rows, save));
+  var visible = [];
+  for (var index = 0; index < rows.length; index++) visible.push(entryNode(rows[index], index));
+  body = body.concat(visible);
+  body.push(
+    (0, import_jsx_runtime.jsx)("button", {
+      type: "button",
+      className: ChromeMcpCard_default.addButton,
+      disabled: !writable || busy,
+      onClick: addRow,
+      children: props.addLabel
+    })
+  );
+  var emptyLine = rows.length === 0 ? (0, import_jsx_runtime.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", {
+      className: ChromeMcpCard_default.disclosure,
+      children: [
+        (0, import_jsx_runtime.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_runtime.jsx)("div", { className: ChromeMcpCard_default.disclosureBody, children: body })
+      ]
+    })
+  ];
+}
+
+// src/client/card/flags.ts
+function rowsOf(flags) {
+  return flags.map((flag) => [flag]);
+}
+function flagsOf(rows) {
+  var flags = [];
+  for (const row of rows) {
+    var flag = typeof row === "undefined" || row === null ? "" : String(row[0] ?? "").trim();
+    if (flag === "") continue;
+    if (flags.indexOf(flag) !== -1) continue;
+    flags.push(flag);
+  }
+  return flags;
+}
+function ExtraFlagsEditor(props) {
+  var t = props.t;
+  var writable = props.writable;
+  var flags = Array.isArray(props.flags) ? props.flags : [];
+  var defaults = Array.isArray(props.defaultFlags) ? props.defaultFlags : [];
+  var wsl = Array.isArray(props.wslFlags) ? props.wslFlags : [];
+  var save = (next) => {
+    if (typeof props.saveFlags !== "function") return Promise.resolve();
+    return Promise.resolve(props.saveFlags(flagsOf(next)));
+  };
+  var restoreAction = (visible) => {
+    var current = flagsOf(visible);
+    var merged = current.concat(defaults.filter((flag) => current.indexOf(flag) === -1));
+    return (0, import_jsx_runtime2.jsx)("button", {
+      type: "button",
+      className: ChromeMcpCard_default.linkButton,
+      // The defaults list is host-served — with nothing to recover there
+      // is nothing to do.
+      disabled: !writable || defaults.length === 0,
+      title: t("flagsRestoreTitle"),
+      onClick: () => {
+        if (!writable) return;
+        save(merged.map((flag) => [flag]));
+      },
+      children: t("flagsRestore")
+    });
+  };
+  var wslAction = (visible) => {
+    var current = flagsOf(visible);
+    var merged = current.concat(wsl.filter((flag) => current.indexOf(flag) === -1));
+    return (0, import_jsx_runtime2.jsx)("button", {
+      type: "button",
+      className: ChromeMcpCard_default.linkButton,
+      // The recommended list is host-served — with every one of them
+      // already in the rows there is nothing left to add.
+      disabled: !writable || wsl.length === 0,
+      title: t("flagsWslTitle"),
+      onClick: () => {
+        if (!writable) return;
+        save(merged.map((flag) => [flag]));
+      },
+      children: t("flagsWsl")
+    });
+  };
+  var renderActions = (visible) => (0, import_jsx_runtime2.jsxs)("div", {
+    className: ChromeMcpCard_default.linkButtonRow,
+    children: [restoreAction(visible), wslAction(visible)]
+  });
+  return (0, import_jsx_runtime2.jsxs)("div", {
+    className: ChromeMcpCard_default.catalog,
+    children: [
+      (0, import_jsx_runtime2.jsxs)("div", {
+        className: ChromeMcpCard_default.field,
+        children: [
+          (0, import_jsx_runtime2.jsxs)("div", {
+            className: ChromeMcpCard_default.fieldRow,
+            children: [
+              (0, import_jsx_runtime2.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", {
+                className: ChromeMcpCard_default.docsLink,
+                href: CONFIGURATION_URL,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                title: t("docsMessage"),
+                children: [
+                  (0, import_jsx_runtime2.jsx)("svg", {
+                    className: ChromeMcpCard_default.docsIcon,
+                    width: 14,
+                    height: 14,
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: 2,
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    "aria-hidden": "true",
+                    children: DOCS_PATHS.map((d, at) => (0, import_jsx_runtime2.jsx)("path", { d }, at))
+                  }),
+                  (0, import_jsx_runtime2.jsx)("span", { className: ChromeMcpCard_default.docsLinkLabel, children: t("docsLinkLabel") })
+                ]
+              })
+            ]
+          }),
+          (0, import_jsx_runtime2.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, {
+        values: rowsOf(flags),
+        labels: [t("flagsValueLabel")],
+        placeholders: [t("flagsValuePlaceholder")],
+        writable,
+        save,
+        renderAction: renderActions,
+        emptyText: t("flagsEmpty"),
+        rowsLabel: t("flagsRows"),
+        addLabel: t("addFlag"),
+        removeLabel: t("removeFlag"),
+        rowClassName: ChromeMcpCard_default.catalogRowSingle,
+        inputClassName: ChromeMcpCard_default.catalogInputMono,
+        disclosure: true
+      })
+    ]
+  });
+}
+
+// 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");
+function CatalogPicker(props) {
+  var entries = props.entries;
+  var options = props.options;
+  var selectedId = props.selectedId;
+  var writable = props.writable;
+  var busy = props.busy === true;
+  var rows = entries.map((entry) => [entry.id, entry.name]);
+  var saveEntries = (next) => {
+    if (typeof props.saveEntries !== "function") return Promise.resolve();
+    return Promise.resolve(props.saveEntries(next.map((row) => ({ id: row[0] ?? "", name: row[1] ?? "" }))));
+  };
+  var fetchAction = () => (0, import_jsx_runtime3.jsx)("button", {
+    type: "button",
+    className: ChromeMcpCard_default.linkButton,
+    disabled: !writable || busy,
+    onClick: () => {
+      props.refresh();
+    },
+    children: busy ? props.busyLabel : props.refreshLabel
+  });
+  var windowsAction = () => (0, import_jsx_runtime3.jsx)("button", {
+    type: "button",
+    className: ChromeMcpCard_default.linkButton,
+    disabled: props.windowsDisabled === true,
+    title: props.windowsTitle,
+    onClick: () => {
+      if (typeof props.windowsOnOpen === "function") props.windowsOnOpen();
+    },
+    children: props.windowsLabel
+  });
+  var renderActions = () => (0, import_jsx_runtime3.jsxs)("div", {
+    className: ChromeMcpCard_default.linkButtonRow,
+    children: [fetchAction(), windowsAction()]
+  });
+  return (0, import_jsx_runtime3.jsxs)("div", {
+    className: ChromeMcpCard_default.catalog,
+    children: [
+      (0, import_jsx_runtime3.jsxs)("div", {
+        className: ChromeMcpCard_default.field,
+        children: [
+          (0, import_jsx_runtime3.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", {
+                className: ChromeMcpCard_default.selectorWrap,
+                children: (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives.Menu, {
+                  open: props.menuOpen,
+                  onClose: () => {
+                    props.setMenuOpen(false);
+                  },
+                  items: options,
+                  selectedId: options.some((option) => option.id === selectedId) ? selectedId : "",
+                  onSelect: (id) => {
+                    props.setMenuOpen(false);
+                    props.select(id);
+                  },
+                  align: "end",
+                  portal: true,
+                  anchor: (0, import_jsx_runtime3.jsxs)("button", {
+                    type: "button",
+                    className: ChromeMcpCard_default.selector,
+                    "aria-haspopup": "menu",
+                    "aria-expanded": props.menuOpen,
+                    disabled: !writable || busy,
+                    title: props.selectedTitle,
+                    onClick: () => {
+                      props.setMenuOpen(!props.menuOpen);
+                    },
+                    children: [
+                      // The reference card hands the pill a bare label;
+                      // the path needs its own truncating span.
+                      (0, import_jsx_runtime3.jsx)("span", { className: ChromeMcpCard_default.selectorLabel, children: props.selectedLabel }),
+                      (0, import_jsx_runtime3.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" })
+                      })
+                    ]
+                  })
+                })
+              })
+            ]
+          }),
+          (0, import_jsx_runtime3.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, {
+        values: rows,
+        labels: [props.idLabel, props.nameLabel],
+        placeholders: [props.idPlaceholder, props.namePlaceholder],
+        writable,
+        busy,
+        save: saveEntries,
+        renderAction: renderActions,
+        emptyText: props.emptyText,
+        rowsLabel: props.rowsLabel,
+        addLabel: props.addLabel,
+        removeLabel: props.removeLabel,
+        disclosure: true
+      }),
+      props.statusLine === void 0 || props.statusLine === null ? null : props.statusLine
+    ]
+  });
+}
+
+// src/client/card/dialog.ts
+var react2 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function CandidateDialog(props) {
+  var t = props.t;
+  var candidates = props.candidates;
+  var savedIds = props.savedIds;
+  var savedSet = new Set(savedIds);
+  var initialChecked = candidates.filter((candidate) => savedSet.has(candidate.id)).map((candidate) => candidate.id);
+  var servedKey = JSON.stringify(candidates) + "|" + JSON.stringify(savedIds);
+  var draftState = 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_runtime4.jsxs)("div", {
+    className: ChromeMcpCard_default.fetchDialog,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": props.title,
+    children: [
+      (0, import_jsx_runtime4.jsxs)("div", {
+        className: ChromeMcpCard_default.dialogContent,
+        children: [
+          (0, import_jsx_runtime4.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", {
+                type: "button",
+                className: ChromeMcpCard_default.dialogClose,
+                "aria-label": t("close"),
+                onClick: () => props.onClose(),
+                children: (0, import_jsx_runtime4.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))
+                })
+              })
+            ]
+          }),
+          (0, import_jsx_runtime4.jsx)("p", { className: ChromeMcpCard_default.dialogDescription, children: props.description }),
+          (0, import_jsx_runtime4.jsxs)("div", {
+            className: ChromeMcpCard_default.dialogBody,
+            children: [
+              (0, import_jsx_runtime4.jsxs)("div", {
+                className: ChromeMcpCard_default.candidateToolbar,
+                children: [
+                  (0, import_jsx_runtime4.jsx)("input", {
+                    className: ChromeMcpCard_default.candidateSearch,
+                    type: "search",
+                    placeholder: props.searchPlaceholder,
+                    "aria-label": props.searchPlaceholder,
+                    value: query,
+                    onChange: (event) => {
+                      setQuery(event && event.target ? String(event.target.value ?? "") : "");
+                    }
+                  }),
+                  (0, import_jsx_runtime4.jsx)("button", {
+                    type: "button",
+                    className: ChromeMcpCard_default.linkButton,
+                    onClick: () => {
+                      if (allChecked) setChecked(() => []);
+                      else setChecked((current) => Array.from(new Set(current.concat(addable))));
+                    },
+                    children: t("selectAll")
+                  })
+                ]
+              }),
+              shown.length === 0 ? (0, import_jsx_runtime4.jsx)("p", { className: ChromeMcpCard_default.empty, children: t("dialogEmpty") }) : (0, import_jsx_runtime4.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", {
+                    className: ChromeMcpCard_default.candidate,
+                    children: (0, import_jsx_runtime4.jsxs)("label", {
+                      className: ChromeMcpCard_default.candidateLabel,
+                      children: [
+                        (0, import_jsx_runtime4.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_runtime4.jsx)("span", { className: ChromeMcpCard_default.candidateId, children: candidate.id }),
+                        note === "" ? null : (0, import_jsx_runtime4.jsx)("span", { className: ChromeMcpCard_default.candidateNote, children: note })
+                      ]
+                    })
+                  }, candidate.id);
+                })
+              })
+            ]
+          }),
+          (0, import_jsx_runtime4.jsxs)("div", {
+            className: ChromeMcpCard_default.dialogFooter,
+            children: [
+              (0, import_jsx_runtime4.jsx)("button", {
+                type: "button",
+                className: ChromeMcpCard_default.dialogButton,
+                onClick: () => props.onClose(),
+                children: t("cancel")
+              }),
+              (0, import_jsx_runtime4.jsx)("button", {
+                type: "button",
+                className: ChromeMcpCard_default.dialogButton + " " + ChromeMcpCard_default.dialogButtonPrimary,
+                onClick: () => props.onAdd(Array.from(checkedSet)),
+                children: t("addSelected")
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// src/client/card/run-actions.ts
+var react3 = __toESM(require("react"), 1);
+var PROBED_AGE_TICK_MS = 1e4;
+function useRunActions(deps) {
+  const runningState = react3.useState(false);
+  const isRunning = runningState[0];
+  const setRunning = runningState[1];
+  const windowsRunningState = react3.useState(false);
+  const isWindowsRunning = windowsRunningState[0];
+  const setWindowsRunning = windowsRunningState[1];
+  const dialogRef = react3.useState(null);
+  const dialog = dialogRef[0];
+  const setDialog = dialogRef[1];
+  const probedState = react3.useState(0);
+  const lastProbedAt = probedState[0];
+  const setLastProbedAt = probedState[1];
+  const clockState = react3.useState(() => Date.now());
+  const clock = clockState[0];
+  const setClock = clockState[1];
+  react3.useEffect(() => {
+    const tick = setInterval(() => setClock(Date.now()), PROBED_AGE_TICK_MS);
+    return () => clearInterval(tick);
+  }, []);
+  const runFetch = () => {
+    setRunning(true);
+    let promise;
+    try {
+      promise = deps.refreshExecutables();
+    } catch (caught) {
+      promise = Promise.reject(caught);
+    }
+    Promise.resolve(promise).then(
+      async (statuses) => {
+        setRunning(false);
+        const settled = Date.now();
+        setLastProbedAt(settled);
+        setClock(settled);
+        if (!Array.isArray(statuses) || statuses.length === 0) return;
+        const candidates = statuses.map((status) => ({
+          id: status.path,
+          note: status.version !== "" ? status.version : status.error,
+          broken: status.version === "" && status.error !== ""
+        }));
+        setDialog({ candidates });
+      },
+      () => {
+        setRunning(false);
+      }
+    );
+  };
+  const runWindowsChrome = () => {
+    setWindowsRunning(true);
+    let promise;
+    try {
+      promise = deps.openWindowsChrome();
+    } catch (caught) {
+      promise = Promise.reject(caught);
+    }
+    Promise.resolve(promise).then(
+      () => {
+        setWindowsRunning(false);
+      },
+      () => {
+        setWindowsRunning(false);
+      }
+    );
+  };
+  const addFromDialog = (ids) => {
+    setDialog(null);
+    if (typeof deps.addExecutables === "function") Promise.resolve(deps.addExecutables(ids)).catch(() => {
+    });
+  };
+  return {
+    running: isRunning,
+    windowsRunning: isWindowsRunning,
+    dialog,
+    runFetch,
+    runWindowsChrome,
+    addFromDialog,
+    closeDialog: () => setDialog(null),
+    lastProbedAt,
+    clock
+  };
+}
+
+// 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");
+function LogOutputToggle(props) {
+  var t = props.t;
+  return (0, import_jsx_runtime5.jsxs)("div", {
+    className: ChromeMcpCard_default.catalog,
+    children: [
+      (0, import_jsx_runtime5.jsxs)("div", {
+        className: ChromeMcpCard_default.field,
+        children: [
+          (0, import_jsx_runtime5.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", {
+                className: ChromeMcpCard_default.toggleLabel,
+                title: t("reduceTitle"),
+                children: (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives2.Switch, {
+                  checked: props.checked,
+                  label: t("reduceLabel"),
+                  disabled: props.disabled,
+                  onChange: () => {
+                    if (typeof props.onToggle === "function") props.onToggle();
+                  }
+                })
+              })
+            ]
+          }),
+          (0, import_jsx_runtime5.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);
+  return row === void 0 ? id : entryLabel(row);
+}
+function describeCard(state) {
+  const error = state.lastError || state.actionError || "";
+  const servedMode = typeof state.stderrMode === "string" ? state.stderrMode : "";
+  const stderrEffective = servedMode !== "" ? servedMode : state.rowStderr === "console" ? "console" : "log";
+  const executableEntries = normalizeEntries(state.executables);
+  const statusList = Array.isArray(state.executableStatus) ? state.executableStatus : [];
+  const optionIds = executableEntries.map((entry) => entry.id);
+  const effectivePath = typeof state.effectiveChromePath === "string" ? state.effectiveChromePath : "";
+  if (effectivePath !== "" && optionIds.indexOf(effectivePath) === -1) optionIds.push(effectivePath);
+  const executableOptions = optionIds.map((id) => ({ id, label: labelOf(executableEntries, id) }));
+  const brokenIds = statusList.filter((status) => status.version === "" && status.error !== "").map((status) => status.path);
+  return {
+    error,
+    reduceChecked: stderrEffective === "log",
+    executableEntries,
+    executableOptions,
+    brokenIds,
+    effectivePath,
+    version: typeof state.chromeVersion === "string" ? state.chromeVersion : "",
+    missing: state.chromeMissing === true && error === "",
+    dotIsError: error !== "",
+    wslWindowsExecutable: state.wslWindowsExecutable === true,
+    windowsChrome: readWindowsChrome(state.windowsChromeStatus),
+    connectMode: state.carriesConnectionMode === true
+  };
+}
+function executableLabel(view, id) {
+  return labelOf(view.executableEntries, id);
+}
+function readWindowsChrome(value) {
+  if (value === null || typeof value !== "object" || Array.isArray(value)) return { state: "off", port: 0, error: "" };
+  const record = value;
+  const known = ["off", "launching", "connected", "unreachable", "not-found", "launch-failed", "not-applicable"];
+  const state = typeof record.state === "string" && known.indexOf(record.state) !== -1 ? record.state : "off";
+  const port = typeof record.port === "number" && Number.isFinite(record.port) ? Math.trunc(record.port) : 0;
+  const error = typeof record.error === "string" ? record.error : "";
+  return { state, port, error };
+}
+function windowsChromeButton(view) {
+  const status = view.windowsChrome;
+  if (status.state === "launching") return { labelKey: "openWindowsChromeBusy", titleKey: "openWindowsChromeTitle", disabled: true, busy: true };
+  if (status.state === "not-applicable") return { labelKey: "openWindowsChrome", titleKey: "windowsChromeNotWsl", disabled: true, busy: false };
+  if (status.state === "not-found") return { labelKey: "openWindowsChrome", titleKey: "windowsChromeNotFound", disabled: true, busy: false };
+  if (status.state === "unreachable") return { labelKey: "openWindowsChrome", titleKey: "windowsChromeUnreachable", disabled: true, busy: false };
+  return { labelKey: "openWindowsChrome", titleKey: "openWindowsChromeTitle", disabled: false, busy: false };
+}
+function isBroken(view, id) {
+  return view.brokenIds.indexOf(id) !== -1;
+}
+function probeAge(since, now, t) {
+  const seconds = Math.max(0, Math.floor((now - since) / 1e3));
+  if (seconds < 10) return t("probeJustNow");
+  if (seconds < 60) return String(seconds) + " " + t("probeSecondsAgo");
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return String(minutes) + " " + t("probeMinutesAgo");
+  return String(Math.floor(minutes / 60)) + " " + t("probeHoursAgo");
+}
+
+// src/client/card/index.ts
+function optionLabel(view, id, t) {
+  const label = executableLabel(view, id);
+  return isBroken(view, id) ? label + " (" + t("unavailableSuffix") + ")" : label;
+}
+function ChromeMcpCard(props) {
+  const t = props.t;
+  const state = props.useChromeMcpCard((snapshot) => snapshot);
+  const openState = react4.useState(false);
+  const open = openState[0];
+  const setOpen = openState[1];
+  const menuState = react4.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 (!state.available) return null;
+  const view = describeCard(state);
+  const rows = view.executableEntries;
+  const savedIds = rows.map((entry) => entry.id);
+  const options = view.executableOptions.map((option) => ({ id: option.id, label: optionLabel(view, option.id, t) }));
+  const dotLabel = view.error !== "" ? view.error : t("chromeMissing");
+  const dotAria = view.dotIsError || view.missing ? t("statusError") : t("statusOk");
+  const 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", {
+    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) })
+    ]
+  });
+  return (0, import_jsx_runtime6.jsx)("li", {
+    className: ChromeMcpCard_default.card + (open ? " " + ChromeMcpCard_default.cardOpen : ""),
+    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();
+        },
+        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" })
+          })
+        ]
+      }),
+      open ? (0, import_jsx_runtime6.jsxs)("div", {
+        id: bodyId,
+        className: ChromeMcpCard_default.body,
+        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);
+            },
+            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
+          }),
+          (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
+        ]
+      }) : null
+    ]
+  });
+}
 
-		/**
-		 * Chrome DevTools MCP settings + status card, browser half.
-		 *
-		 * Registers one card into the shared `settings.plugin.item` slot
-		 * (Settings → Plugins → Plugin configuration), keyed by the
-		 * `chrome-mcp` settings namespace the host half serves. The card
-		 * offers, per the product spec:
-		 *   - error reporting: chrome executable / connection errors surfaced
-		 *     from the host's `lastError`, reported by a single UI element: the
-		 *     red status dot in the header, whose `title` carries the full
-		 *     message. A served `chromeMissing` flag keeps that dot red even
-		 *     when the captured error was cleared (its title then falls back to
-		 *     the not-found label). No body paragraph, no extra badge.
-		 *   - an extra flags editor (host field `extraFlags`, one flag per
-		 *     line, default `--no-usage-statistics`, `--no-performance-crux`), writing the persisted
-		 *     field via scope.set (host fiber.update relaunches the bridge),
-		 *   - the Chrome executable version discovered by the last check, and
-		 *   - the full configuration-guide message with a link to
-		 *     https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/docs/configuration.md
-		 * The card is collapsible like the stock plugin cards: closed by
-		 * default, with the header as its disclosure button.
-		 */
-		/** Settings namespace served by the host half; also the slot key. */
-		var NS = "chrome-mcp";
-		/** Locale dictionary namespace. */
-		var LOCALE_NS = "chromeMcp";
-		/** Required services (cordis fiber inject). */
-		var inject = ["slots", "locale", "settingsScope"];
+// src/client/controller/budget.ts
+var CHECK_POLL_TICK_MS = 700;
+var CHECK_POLL_TIMEOUT_MS = 2e4;
 
-		/** Configuration docs link (must match host CONFIGURATION_DOCS_URL). */
-		var CONFIGURATION_URL =
-			"https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/docs/configuration.md";
+// src/client/controller/controller.ts
+var import_dsh_client_store = require("@deepseek-ai/dsh-client-store");
 
-		// ── card styles ────────────────────────────────────────────────────
-		var CSS = {
-			card: "dshcmc_card",
-			cardOpen: "dshcmc_cardOpen",
-			header: "dshcmc_header",
-			headText: "dshcmc_headText",
-			nameRow: "dshcmc_nameRow",
-			name: "dshcmc_name",
-			desc: "dshcmc_desc",
-			chevron: "dshcmc_chevron",
-			chevronOpen: "dshcmc_chevronOpen",
-			body: "dshcmc_body",
-			field: "dshcmc_field",
-			rowText: "dshcmc_rowText",
-			fieldTitle: "dshcmc_fieldTitle",
-			fieldDesc: "dshcmc_fieldDesc",
-			row: "dshcmc_row",
-			button: "dshcmc_button",
-			readOnly: "dshcmc_readOnly",
-			dot: "dshcmc_dot",
-			dotError: "dshcmc_dotError",
-			link: "dshcmc_link",
-			value: "dshcmc_value",
-			docs: "dshcmc_docs",
-			editor: "dshcmc_editor",
-			text: "dshcmc_text"
-		};
-		var css =
-			"." + CSS.card + "{border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-3);border-radius:16px;list-style:none;transition:border-color .16s,background .16s}" +
-			"." + CSS.card + ":hover{border-color:var(--dsw-alias-label-dimmed)}" +
-			"." + CSS.cardOpen + "{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}" +
-			"." + CSS.header + "{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}" +
-			"." + CSS.header + ":focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}" +
-			"." + CSS.headText + "{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}" +
-			"." + CSS.nameRow + "{align-items:center;gap:8px;min-width:0;display:flex}" +
-			"." + CSS.name + "{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}" +
-			"." + CSS.desc + "{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}" +
-			"." + CSS.chevron + "{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}" +
-			"." + CSS.chevronOpen + "{transform:rotate(180deg)}" +
-			"." + CSS.body + "{border-top:.5px solid var(--dsw-alias-border-l2);display:flex;flex-direction:column;gap:10px;margin:0 16px;padding:12px 0}" +
-			"." + CSS.field + "{align-items:flex-start;gap:8px;display:flex}" +
-			"." + CSS.rowText + "{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}" +
-			"." + CSS.fieldTitle + "{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}" +
-			"." + CSS.fieldDesc + "{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}" +
-			"." + CSS.row + "{display:flex;gap:10px;align-items:center}" +
-			"." + CSS.button +
-			"{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:.5px solid var(--dsw-alias-border-l3);" +
-			"border-radius:14px;cursor:pointer;font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary);" +
-			"background:transparent;padding:0 10px;height:28px}" +
-			"." + CSS.button + ":hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}" +
-			"." + CSS.button + ":disabled{cursor:not-allowed;opacity:.4}" +
-			"." + CSS.button + ":focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}" +
-			"." + CSS.readOnly + "{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}" +
-			"." + CSS.dot + "{box-sizing:border-box;corner-shape:round;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}" +
-			"." + CSS.dotError + "{background:var(--dsw-alias-state-error-primary)}" +
-			"." + CSS.link + "{color:var(--dsw-alias-brand-primary);text-decoration:none;font-size:12px;line-height:1.5}" +
-			"." + CSS.link + ":hover{text-decoration:underline}" +
-			"." + CSS.value + "{margin:0;color:var(--dsw-alias-label-secondary);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;white-space:pre-wrap}" +
-			"." + CSS.docs + "{margin:0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5;overflow-wrap:anywhere}" +
-			"." + CSS.editor + "{flex-direction:column;gap:8px;display:flex}" +
-			"." + CSS.text +
-			"{box-sizing:border-box;width:100%;border:.5px solid var(--dsw-alias-border-l3);border-radius:10px;background:var(--dsw-alias-bg-layer-1);" +
-			"color:var(--dsw-alias-label-primary);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;" +
-			"padding:6px 10px;min-height:64px;resize:vertical}" +
-			"." + CSS.text + ":focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-1px}";
-		var TAG_ID = "@comecaramelos/dsh-chrome-mcp/ChromeMcpCard.module.css";
-		if (typeof document !== "undefined" && document.querySelector('style[data-plugin-css="' + TAG_ID + '"]') === null) {
-			var tag = document.createElement("style");
-			tag.dataset.plugin = "@comecaramelos/dsh-chrome-mcp";
-			tag.dataset.pluginCss = TAG_ID;
-			tag.textContent = css;
-			document.head.appendChild(tag);
-		}
+// src/client/controller/read.ts
+function readNumber(value, fallback) {
+  return typeof value === "number" ? value : fallback;
+}
+function readString(value, fallback) {
+  return typeof value === "string" ? value : fallback;
+}
+function readWindowsChromeStatus(value) {
+  const fallback = { state: "off", port: 0, error: "" };
+  if (value === null || typeof value !== "object" || Array.isArray(value)) return fallback;
+  const status = value.state;
+  const states = ["off", "launching", "connected", "unreachable", "not-found", "launch-failed", "not-applicable"];
+  const port = value.port;
+  const error = value.error;
+  return {
+    state: typeof status === "string" && states.indexOf(status) !== -1 ? status : "off",
+    port: typeof port === "number" && Number.isFinite(port) ? Math.trunc(port) : 0,
+    error: typeof error === "string" ? error : ""
+  };
+}
+function readStatus(value) {
+  if (!Array.isArray(value)) return [];
+  const statuses = [];
+  for (const item of value) {
+    if (item === null || typeof item !== "object" || Array.isArray(item)) continue;
+    const path = readString(item.path, "");
+    if (path === "") continue;
+    statuses.push({
+      path,
+      version: readString(item.version, ""),
+      error: readString(item.error, "")
+    });
+  }
+  return statuses;
+}
 
-		// ── locale dictionaries ────────────────────────────────────────────
-		var en = {
-			title: "Chrome DevTools MCP",
-			description: "Chrome DevTools MCP server (chrome-devtools-mcp) settings and status",
-			flagsTitle: "Extra flags",
-			flagsHint: "One flag per line, appended to `npx -y chrome-devtools-mcp@latest`. Defaults to --no-usage-statistics, --no-performance-crux.",
-			flagsPlaceholder: "No extra flags",
-			flagsSave: "Save flags",
-			versionTitle: "Detected Chrome version",
-			check: "Re-check Chrome",
-			checking: "Checking…",
-			docsMessage: "Find the complete list of server parameters (e.g., --headless, --isolated, --slim) and how to configure WebSocket connections in the Configuration Guide:",
-			statusError: "Error",
-			statusOk: "OK",
-			chromeMissing: "Chrome executable not found",
-			readOnly: "Settings are read-only in this deployment.",
-			expand: "Expand",
-			collapse: "Collapse"
-		};
-		// ── card controller ────────────────────────────────────────────────
-		/** Re-describe cadence (ms) while waiting for the host's check run. */
-		var CHECK_POLL_TICK_MS = 700;
-		/** Give up waiting for the check revision to advance after this (ms). The host check subprocess times out at 15s. */
-		var CHECK_POLL_TIMEOUT_MS = 20000;
-		/**
-		 * Projects the bound `chrome-mcp` settings scope onto a snapshot store
-		 * the card reads through its `useChromeMcpCard` hook, and owns the two
-		 * write actions (save flags, re-check). `mirror` is the shared
-		 * settings describe mirror (`settingsScope.describe()`) the re-check
-		 * action re-reads while the host's in-memory check status is still en
-		 * route — module plugins have no client→host push channel beyond
-		 * persisted writes.
-		 */
-		var ChromeMcpCardController = class {
-			constructor(scope, mirror) {
-				this.scope = scope;
-				this.mirror = mirror;
-				this.disposed = false;
-				this.pollTimer = null;
-				this.pollGeneration = 0;
-				this.checkWaitStarted = false;
-				this.store = clientStore.createSnapshotStore({
-					available: false,
-					writable: false,
-					extraFlags: [],
-					lastError: "",
-					chromeMissing: false,
-					checkRevision: 0,
-					chromeVersion: "",
-					actionError: ""
-				});
-				this.unsubscribe = scope.subscribe(() => this.publish());
-				this.publish();
-			}
-			/** Republish the latest scope snapshot into the card store. */
-			publish() {
-				if (this.disposed) return;
-				var previous = this.store.getSnapshot();
-				var snapshot = this.scope.getSnapshot();
-				if (snapshot.status !== "ready" || snapshot.value === void 0) {
-					this.store.set({
-						available: false,
-						writable: false,
-						extraFlags: [],
-						lastError: "",
-						chromeMissing: false,
-						checkRevision: 0,
-						chromeVersion: "",
-						actionError: previous.actionError
-					});
-					return;
-				}
-				var value = snapshot.value;
-				// The status fields (lastError / chromeMissing / checkRevision /
-				// chromeVersion) ride the composition **base** layer: describe()
-				// clones that entry object fresh on every read, while the frozen
-				// resolved `value` folds the base in only at commits. Base-only
-				// host changes — the registration-time check, bridge-log and
-				// tool-call captures — are therefore invisible to `value`, so
-				// status is read from `base`, falling back to `value` only when
-				// the read carries no base layer. `extraFlags` keeps reading
-				// `value`: the persisted user layer wins there, not the
-				// host-seeded entry field.
-				var base = snapshot.base ?? {};
-				var servedRevision =
-					typeof base.checkRevision === "number"
-						? base.checkRevision
-						: typeof value.checkRevision === "number"
-							? value.checkRevision
-							: 0;
-				this.store.set({
-					available: true,
-					writable: snapshot.writable === true,
-					extraFlags: Array.isArray(value.extraFlags) ? value.extraFlags : [],
-					lastError: typeof base.lastError === "string" ? base.lastError : (value.lastError ?? ""),
-					chromeMissing: base.chromeMissing === undefined ? value.chromeMissing === true : base.chromeMissing === true,
-					checkRevision: servedRevision,
-					chromeVersion: typeof base.chromeVersion === "string" ? base.chromeVersion : (typeof value.chromeVersion === "string" ? value.chromeVersion : ""),
-					actionError: ""
-				});
-				// Startup catch-up: the registration-time executable check lands
-				// in the base layer *after* this first describe read, and a
-				// module plugin has no push channel — poll the shared describe
-				// mirror until the served revision advances (the same budget the
-				// re-check waits with). A card attaching after the check already
-				// ran sees a nonzero revision and does not poll.
-				if (!this.checkWaitStarted) {
-					this.checkWaitStarted = true;
-					if (servedRevision === 0) this.waitForCheck(0, Date.now() + CHECK_POLL_TIMEOUT_MS);
-				}
-			}
-			/**
-			 * Immediate write of the user's extra flags (persisted; the host's
-			 * validate hook rejects invalid lists here, and the next bridge
-			 * launch starts with them).
-			 */
-			saveFlags(flags) {
-				return this.scope.set("extraFlags", flags).catch((error) => this.noteError(error));
-			}
-			/**
-			 * Ask the host to re-run the Chrome executable/connection check,
-			 * then wait for the result: write `recheckNonce`, then poll the
-			 * shared describe mirror until the served `checkRevision` advances
-			 * past the click-time value — or the check timeout budget elapses.
-			 */
-			recheck() {
-				if (this.disposed) return Promise.resolve();
-				var baseline = this.store.getSnapshot().checkRevision;
-				var wait = this.waitForCheck(baseline, Date.now() + CHECK_POLL_TIMEOUT_MS);
-				return this.scope
-					.set("recheckNonce", Date.now())
-					.catch((error) => this.noteError(error))
-					.then(() => wait);
-			}
-			/** Re-describe the settings mirror every tick until the check revision advances or the deadline passes. */
-			waitForCheck(baseline, deadline) {
-				var controller = this;
-				// A new wait supersedes any pending one (the startup catch-up
-				// poll yielding to a manual re-check), so exactly one poll loop
-				// runs and the superseded wait settles instead of dangling.
-				var generation = ++controller.pollGeneration;
-				return new Promise((resolve) => {
-					var timer;
-					var settled = false;
-					var arm = (delay) => {
-						timer = setTimeout(tick, delay);
-						controller.pollTimer = timer;
-					};
-					var finish = () => {
-						if (settled) return;
-						settled = true;
-						clearTimeout(timer);
-						if (controller.pollTimer === timer) controller.pollTimer = null;
-						resolve();
-					};
-					var satisfied = () =>
-						controller.store.getSnapshot().checkRevision > baseline || Date.now() >= deadline;
-					var stale = () => controller.disposed || generation !== controller.pollGeneration;
-					var tick = () => {
-						if (stale() || satisfied()) {
-							finish();
-							return;
-						}
-						var loaded;
-						try {
-							loaded = controller.mirror.load();
-						} catch (error) {
-							loaded = void 0; // mirror read failure: the next tick retries
-						}
-						Promise.resolve(loaded)
-							.catch(() => {})
-							.then(() => {
-								if (stale() || satisfied()) {
-									finish();
-									return;
-								}
-								arm(CHECK_POLL_TICK_MS);
-							});
-					};
-					arm(CHECK_POLL_TICK_MS);
-				});
-			}
-			noteError(error) {
-				if (this.disposed) return;
-				var previous = this.store.getSnapshot();
-				this.store.set({
-					...previous,
-					actionError: error != null && typeof error.message === "string" ? error.message : String(error)
-				});
-			}
-			/** The face the card's slot registration injects. */
-			inject() {
-				return {
-					hooks: { chromeMcpCard: this.store },
-					saveFlags: (flags) => this.saveFlags(flags),
-					recheck: () => this.recheck(),
-					/** One mirror re-read (used when the card opens). */
-					refresh: () => this.refresh()
-				};
-			}
-			/**
-			 * Re-read the shared describe mirror once so base-layer status
-			 * captured asynchronously by the host (bridge connection errors)
-			 * reaches an opened card without waiting for a write or a re-check.
-			 */
-			refresh() {
-				if (this.disposed) return Promise.resolve();
-				var load;
-				try {
-					load = this.mirror.load();
-				} catch (error) {
-					load = void 0;
-				}
-				return Promise.resolve(load).catch(() => {});
-			}
-			dispose() {
-				this.disposed = true;
-				if (this.pollTimer !== null) {
-					clearTimeout(this.pollTimer);
-					this.pollTimer = null;
-				}
-				this.unsubscribe();
-			}
-		};
+// src/client/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(
+      (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)
+    });
+  }
+};
 
-		// ── card component ─────────────────────────────────────────────────
-		/** Chevron matching the shell's IconChevronDownOutline14 primitive. */
-		var CHEVRON_PATH =
-			"M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z";
+// src/client/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.",
+  executableNone: "No Chrome executable detected",
+  executableRows: "Saved executables",
+  executableIdLabel: "Executable path",
+  executableIdPlaceholder: "Path to a Chrome executable",
+  executableNameLabel: "Display name",
+  namePlaceholder: "Display name",
+  addExecutable: "Add executable",
+  removeExecutable: "Delete executable",
+  fetchExecutables: "Fetch executables",
+  fetching: "Fetching\u2026",
+  executableEmpty: "No executables saved. Use \u201CFetch executables\u201D, or add the Chrome path by hand.",
+  dialogExecutablesTitle: "Choose executables to add",
+  dialogExecutablesDescription: "These are the Chrome executables this host's last run answered for. Choose the ones to add.",
+  dialogEmpty: "Nothing matches your search.",
+  searchExecutables: "Search executables",
+  selectAll: "Select all",
+  addSelected: "Add selected",
+  candidateSaved: "Saved",
+  close: "Close",
+  cancel: "Cancel",
+  unavailableSuffix: "not runnable",
+  wslWindowsTitle: "Windows executable under WSL",
+  wslWindowsNote: "This host runs inside Windows Subsystem for Linux and the selected executable is the Windows Chrome, which 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.",
+  probing: "Checking the executables\u2026",
+  versionLabel: "Probed version:",
+  probeJustNow: "just now",
+  probeSecondsAgo: "seconds ago",
+  probeMinutesAgo: "minutes ago",
+  probeHoursAgo: "hours ago",
+  flagsTitle: "Extra flags",
+  flagsHint: "The extra flags the bridge launches with. One flag per row \u2014 saving restarts the connection.",
+  flagsEmpty: "No extra flags saved. Add one by hand, or use \u201CRestore defaults\u201D.",
+  flagsRows: "Saved flags",
+  flagsValueLabel: "Extra flag",
+  flagsValuePlaceholder: "e.g. --headless",
+  addFlag: "Add flag",
+  removeFlag: "Delete flag",
+  flagsRestore: "Restore defaults",
+  flagsRestoreTitle: "Keep every flag the rows carry and append the defaults that are still missing",
+  flagsWsl: "Flags WSL",
+  flagsWslTitle: "A\xF1adir flags recomendados para WSL<->Windows",
+  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.",
+  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.",
+  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.",
+  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"
+};
 
-		/**
-		 * Render the Chrome DevTools MCP settings/status card. Collapsible
-		 * like the stock plugin cards: the header is a disclosure button
-		 * (closed by default) and the controls live in the body.
-		 * @param props - locale copy, the card snapshot hook, and its actions.
-		 * @returns the card, or nothing until the namespace is served.
-		 */
-		function ChromeMcpCard(props) {
-			var t = props.t;
-			var state = props.useChromeMcpCard((snapshot) => snapshot);
-			var openState = react.useState(false);
-			var open = openState[0];
-			var setOpen = openState[1];
-			var checkingState = react.useState(false);
-			var isChecking = checkingState[0];
-			var setChecking = checkingState[1];
-			var bodyId = react.useId();
-			var flagsRef = react.useRef(null);
-			if (!state.available) return null;
-			// Header status dot: the single error surface. Red while a
-			// check/connection error, a rejected action, or the known
-			// executable-missing flag (which survives bridge-update-success
-			// clears of lastError) is present; hidden while healthy.
-			var error = state.lastError || state.actionError || "";
-			var tip = error !== "" ? error : state.chromeMissing === true ? t("chromeMissing") : "";
-			var dotAria = tip !== "" ? t("statusError") : t("statusOk");
-			return (0, reactJsx.jsx)("li", {
-				className: CSS.card + (open ? " " + CSS.cardOpen : ""),
-				children: [
-					(0, reactJsx.jsxs)("button", {
-						type: "button",
-						className: CSS.header,
-						"aria-expanded": open,
-						"aria-label": t(open ? "collapse" : "expand") + ": " + t("title"),
-						"aria-controls": bodyId,
-						onClick: () => {
-							setOpen(!open);
-							if (!open && typeof props.refresh === "function") props.refresh();
-						},
-						children: [
-							(0, reactJsx.jsxs)("span", {
-								className: CSS.headText,
-								children: [
-									(0, reactJsx.jsxs)("div", {
-										className: CSS.nameRow,
-										children: [
-											(0, reactJsx.jsx)("span", {
-												className: CSS.name,
-												children: t("title")
-											}),
-											tip !== ""
-												? (0, reactJsx.jsx)("span", {
-													className: CSS.dot + " " + CSS.dotError,
-													role: "img",
-													"aria-label": dotAria,
-													title: tip
-												})
-												: null
-										]
-									}),
-									(0, reactJsx.jsx)("span", { className: CSS.desc, children: t("description") })
-								]
-							}),
-							(0, reactJsx.jsx)("svg", {
-								width: 14,
-								height: 14,
-								className: CSS.chevron + (open ? " " + CSS.chevronOpen : ""),
-								viewBox: "0 0 14 14",
-								fill: "none",
-								xmlns: "http://www.w3.org/2000/svg",
-								children: (0, reactJsx.jsx)("path", { d: CHEVRON_PATH, fill: "currentColor" })
-							})
-						]
-					}),
-					open
-						? (0, reactJsx.jsxs)("div", {
-								id: bodyId,
-								className: CSS.body,
-								children: [
-									!state.writable
-										? (0, reactJsx.jsx)("p", { className: CSS.readOnly, role: "status", children: t("readOnly") })
-										: null,
-									(0, reactJsx.jsxs)("div", {
-										className: CSS.field,
-										children: [
-											(0, reactJsx.jsxs)("div", {
-												className: CSS.rowText,
-												children: [
-													(0, reactJsx.jsx)("div", { className: CSS.fieldTitle, children: t("flagsTitle") }),
-													(0, reactJsx.jsx)("div", { className: CSS.fieldDesc, children: t("flagsHint") })
-												]
-											})
-										]
-									}),
-									// Extra flags editor: one flag per line; the write goes
-									// through props.saveFlags (host validate + fiber.update).
-									// `key` re-mounts the textarea when the store value
-									// changes underneath the editor (e.g. a save from another
-									// window), so the shown value never drifts.
-									state.writable
-										? (0, reactJsx.jsxs)("div", {
-												className: CSS.editor,
-												children: [
-													(0, reactJsx.jsx)("textarea", {
-														className: CSS.text,
-														rows: Math.max(3, state.extraFlags.length),
-														placeholder: t("flagsPlaceholder"),
-														defaultValue: state.extraFlags.join("\n"),
-														key: state.extraFlags.join("\n"),
-														ref: flagsRef
-													}),
-													(0, reactJsx.jsx)("div", {
-														className: CSS.row,
-														children: (0, reactJsx.jsx)("button", {
-															type: "button",
-															className: CSS.button,
-															disabled: !state.writable,
-															onClick: () => {
-																var raw = flagsRef.current && typeof flagsRef.current.value === "string" ? flagsRef.current.value : "";
-																props.saveFlags(
-																	raw
-																		.split(/\r?\n/u)
-																		.map((line) => line.trim())
-																		.filter((line) => line !== "")
-																);
-															},
-															children: t("flagsSave")
-														})
-													})
-												]
-											})
-										: (0, reactJsx.jsx)("p", {
-												className: CSS.value,
-												children:
-													state.extraFlags.length > 0 ? state.extraFlags.join("\n") : t("flagsPlaceholder")
-											}),
-									(0, reactJsx.jsxs)("div", {
-										className: CSS.row,
-										children: [
-											(0, reactJsx.jsx)("button", {
-												type: "button",
-												className: CSS.button,
-												disabled: !state.writable || isChecking,
-												onClick: () => {
-													setChecking(true);
-													var checkPromise;
-													try {
-														checkPromise = props.recheck();
-													} catch (error) {
-														checkPromise = Promise.reject(error);
-													}
-													if (checkPromise == null || typeof checkPromise.finally !== "function") {
-														checkPromise = Promise.resolve(checkPromise);
-													}
-													checkPromise.finally(() => setChecking(false));
-												},
-												children: isChecking ? t("checking") : t("check")
-											})
-										]
-									}),
-									// Executable version discovered by the last check.
-									state.chromeVersion !== ""
-										? (0, reactJsx.jsxs)("div", {
-												className: CSS.field,
-												children: [
-													(0, reactJsx.jsxs)("div", {
-														className: CSS.rowText,
-														children: [
-															(0, reactJsx.jsx)("div", { className: CSS.fieldTitle, children: t("versionTitle") }),
-															(0, reactJsx.jsx)("p", {
-																className: CSS.value,
-																children: state.chromeVersion
-															})
-														]
-													})
-												]
-											})
-										: null,
-									// Product spec: the full configuration-guide message, with
-									// the upstream URL rendered as the external link.
-									(0, reactJsx.jsxs)("p", {
-										className: CSS.docs,
-										children: [
-											t("docsMessage") + " ",
-											(0, reactJsx.jsx)("a", {
-												className: CSS.link,
-												href: CONFIGURATION_URL,
-												target: "_blank",
-												rel: "noopener noreferrer",
-												children: CONFIGURATION_URL
-											})
-										]
-									})
-								]
-							})
-						: null
-				]
-			});
-		}
+// src/client/locales/index.ts
+var DICTIONARIES = { en };
 
-		// ── plugin body ────────────────────────────────────────────────────
-		/**
-		 * Mount the settings/status card.
-		 * @param ctx - the browser plugin context.
-		 */
-		function apply(ctx) {
-			ctx.effect(() => ctx.locale.register(LOCALE_NS, { en }), "chrome-mcp: dictionaries");
-			var binder = ctx.settingsScope;
-			var scope = binder.bind({ namespace: NS });
-			// The shared describe mirror: the recheck action re-reads it while
-			// the host's in-memory check status is en route.
-			var controller = new ChromeMcpCardController(scope, binder.describe());
-			ctx.effect(
-				() => () => controller.dispose(),
-				"chrome-mcp: card controller"
-			);
-			ctx.slots.inject("settings.plugin.item", () =>
-				ctx.slots.register(
-					{
-						name: "settings.plugin.item",
-						key: NS,
-						locale: LOCALE_NS,
-						inject: () => controller.inject()
-					},
-					ChromeMcpCard
-				)
-			);
-		}
+// src/client/styles/index.ts
+var CARD_CSS_ID = PLUGIN_ID + "/ChromeMcpCard.module.css";
+function injectCardStyles() {
+  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;
+  document.head.appendChild(styleTag);
+}
 
-		exports.apply = apply;
-		exports.inject = inject;
-		return module.exports;
+// src/client/apply.ts
+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
+  ));
+}
+	return module.exports;
 	}
 });
+//# sourceMappingURL=client.js.map