@casualoffice/sheets 0.17.0 → 0.18.0

package/dist/chrome.js

@@ -1,5 +1,5 @@
 // src/chrome/Toolbar.tsx
-import { useEffect as useEffect6, useState as useState6 } from "react";
+import { useEffect as useEffect6, useState as useState18 } from "react";
 import { ICommandService } from "@univerjs/core";
 
 // src/chrome/Icon.tsx
@@ -526,7 +526,7 @@ function AutoSumPicker({ api }) {
 }
 
 // src/chrome/dialog-context.tsx
-import { createContext, useCallback, useContext, useMemo as useMemo2, useState as useState5 } from "react";
+import { createContext, useCallback as useCallback2, useContext, useMemo as useMemo14, useState as useState17 } from "react";
 
 // src/chrome/FormatCellsDialog.tsx
 import { useEffect as useEffect5, useMemo, useState as useState4 } from "react";
@@ -1128,10 +1128,3105 @@ function FormatCellsDialog({ api, onClose }) {
   );
 }
 
+// src/chrome/DataValidationDialog.tsx
+import { useMemo as useMemo2, useState as useState5 } from "react";
+import "@univerjs/sheets-data-validation/facade";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var RULE_TYPE_OPTIONS = [
+  { value: "list", label: "List of items" },
+  { value: "number", label: "Whole number" },
+  { value: "decimal", label: "Decimal" },
+  { value: "date", label: "Date" },
+  { value: "textLength", label: "Text length" },
+  { value: "checkbox", label: "Checkbox" }
+];
+var OPERATOR_OPTIONS = [
+  { value: "between", label: "Between" },
+  { value: "notBetween", label: "Not between" },
+  { value: "equal", label: "Equal to" },
+  { value: "notEqual", label: "Not equal to" },
+  { value: "greater", label: "Greater than" },
+  { value: "greaterEqual", label: "Greater than or equal to" },
+  { value: "less", label: "Less than" },
+  { value: "lessEqual", label: "Less than or equal to" }
+];
+function isRangeOperator(op) {
+  return op === "between" || op === "notBetween";
+}
+function usesOperator(type) {
+  return type === "number" || type === "decimal" || type === "date" || type === "textLength";
+}
+var INITIAL_STATE = {
+  ruleType: "list",
+  operator: "between",
+  operand1: "",
+  operand2: "",
+  listItems: "",
+  ignoreBlank: true,
+  showErrorMessage: false,
+  errorMessage: "",
+  showInputMessage: false,
+  inputMessage: ""
+};
+function activeRange2(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
+}
+function applyValidation(api, s, remove) {
+  const range = activeRange2(api);
+  if (!range) return false;
+  const dvRange = range;
+  if (remove) {
+    dvRange.setDataValidation(null);
+    return true;
+  }
+  const builder = api.univer.newDataValidation();
+  const n1 = Number(s.operand1);
+  const n2 = Number(s.operand2);
+  const wholeNumber = s.ruleType === "number";
+  switch (s.ruleType) {
+    case "list": {
+      const values = s.listItems.split(/[\n,]/).map((v) => v.trim()).filter((v) => v.length > 0);
+      if (values.length === 0) return false;
+      builder.requireValueInList(values, false, true);
+      break;
+    }
+    case "number":
+    case "decimal": {
+      if (!Number.isFinite(n1)) return false;
+      switch (s.operator) {
+        case "between":
+          if (!Number.isFinite(n2)) return false;
+          builder.requireNumberBetween(n1, n2, wholeNumber);
+          break;
+        case "notBetween":
+          if (!Number.isFinite(n2)) return false;
+          builder.requireNumberNotBetween(n1, n2, wholeNumber);
+          break;
+        case "equal":
+          builder.requireNumberEqualTo(n1, wholeNumber);
+          break;
+        case "notEqual":
+          builder.requireNumberNotEqualTo(n1, wholeNumber);
+          break;
+        case "greater":
+          builder.requireNumberGreaterThan(n1, wholeNumber);
+          break;
+        case "greaterEqual":
+          builder.requireNumberGreaterThanOrEqualTo(n1, wholeNumber);
+          break;
+        case "less":
+          builder.requireNumberLessThan(n1, wholeNumber);
+          break;
+        case "lessEqual":
+          builder.requireNumberLessThanOrEqualTo(n1, wholeNumber);
+          break;
+      }
+      break;
+    }
+    case "date": {
+      const d1 = new Date(s.operand1);
+      const d2 = new Date(s.operand2);
+      if (Number.isNaN(d1.getTime())) return false;
+      switch (s.operator) {
+        case "between":
+          if (Number.isNaN(d2.getTime())) return false;
+          builder.requireDateBetween(d1, d2);
+          break;
+        case "notBetween":
+          if (Number.isNaN(d2.getTime())) return false;
+          builder.requireDateNotBetween(d1, d2);
+          break;
+        case "equal":
+          builder.requireDateEqualTo(d1);
+          break;
+        // The builder has no requireDateNotEqualTo; map the remaining operators
+        // to the closest available on/after / on/before methods.
+        case "notEqual":
+        case "greater":
+          builder.requireDateAfter(d1);
+          break;
+        case "greaterEqual":
+          builder.requireDateOnOrAfter(d1);
+          break;
+        case "less":
+          builder.requireDateBefore(d1);
+          break;
+        case "lessEqual":
+          builder.requireDateOnOrBefore(d1);
+          break;
+      }
+      break;
+    }
+    case "textLength": {
+      if (!Number.isFinite(n1)) return false;
+      const anchor = dvRange.getA1Notation?.() ?? "A1";
+      const cell = anchor.split(":")[0];
+      const len = `LEN(${cell})`;
+      let formula;
+      switch (s.operator) {
+        case "between":
+          if (!Number.isFinite(n2)) return false;
+          formula = `=AND(${len}>=${n1}, ${len}<=${n2})`;
+          break;
+        case "notBetween":
+          if (!Number.isFinite(n2)) return false;
+          formula = `=OR(${len}<${n1}, ${len}>${n2})`;
+          break;
+        case "equal":
+          formula = `=${len}=${n1}`;
+          break;
+        case "notEqual":
+          formula = `=${len}<>${n1}`;
+          break;
+        case "greater":
+          formula = `=${len}>${n1}`;
+          break;
+        case "greaterEqual":
+          formula = `=${len}>=${n1}`;
+          break;
+        case "less":
+          formula = `=${len}<${n1}`;
+          break;
+        case "lessEqual":
+          formula = `=${len}<=${n1}`;
+          break;
+      }
+      builder.requireFormulaSatisfied(formula);
+      break;
+    }
+    case "checkbox":
+      builder.requireCheckbox();
+      break;
+  }
+  builder.setAllowBlank(s.ignoreBlank);
+  builder.setOptions({
+    showErrorMessage: s.showErrorMessage,
+    error: s.showErrorMessage ? s.errorMessage : void 0,
+    showInputMessage: s.showInputMessage,
+    prompt: s.showInputMessage ? s.inputMessage : void 0
+  });
+  dvRange.setDataValidation(builder.build());
+  return true;
+}
+var CHECK_STYLE2 = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  marginBottom: 8,
+  cursor: "pointer"
+};
+var TEXTAREA_STYLE = {
+  ...DIALOG_INPUT_STYLE,
+  height: "auto",
+  minHeight: 64,
+  padding: "6px 8px",
+  resize: "vertical",
+  lineHeight: 1.4
+};
+var RANGE_NOTE_STYLE = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 12
+};
+var TWO_COL_STYLE = {
+  display: "grid",
+  gridTemplateColumns: "1fr 1fr",
+  gap: 8
+};
+function DataValidationDialog({ api, onClose }) {
+  const [state, setState] = useState5(INITIAL_STATE);
+  const rangeLabel = useMemo2(() => {
+    const fRange = activeRange2(api);
+    return fRange?.getA1Notation?.() ?? null;
+  }, [api]);
+  const hasSelection = activeRange2(api) !== null;
+  const update = (key, value) => setState((prev) => ({ ...prev, [key]: value }));
+  const apply = () => {
+    if (applyValidation(api, state, false)) onClose();
+  };
+  const removeRule = () => {
+    applyValidation(api, state, true);
+    onClose();
+  };
+  const showOperator = usesOperator(state.ruleType);
+  const showSecondOperand = showOperator && isRangeOperator(state.operator);
+  const operandType = state.ruleType === "date" ? "date" : "number";
+  return /* @__PURE__ */ jsxs6(
+    Dialog,
+    {
+      title: "Data validation",
+      onClose,
+      width: 440,
+      "data-testid": "cs-data-validation-dialog",
+      footer: /* @__PURE__ */ jsxs6(Fragment2, { children: [
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_SECONDARY_STYLE,
+            "data-testid": "cs-data-validation-remove",
+            onClick: removeRule,
+            children: "Remove rule"
+          }
+        ),
+        /* @__PURE__ */ jsx7("span", { style: { flex: 1 } }),
+        /* @__PURE__ */ jsx7("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_PRIMARY_STYLE,
+            "data-testid": "cs-data-validation-apply",
+            disabled: !hasSelection,
+            onClick: apply,
+            children: "Apply"
+          }
+        )
+      ] }),
+      children: [
+        hasSelection ? /* @__PURE__ */ jsxs6("div", { style: RANGE_NOTE_STYLE, "data-testid": "cs-data-validation-range", children: [
+          "Applies to ",
+          /* @__PURE__ */ jsx7("strong", { children: rangeLabel ?? "the current selection" })
+        ] }) : /* @__PURE__ */ jsx7("div", { style: RANGE_NOTE_STYLE, "data-testid": "cs-data-validation-no-selection", children: "Select one or more cells first, then reopen this dialog." }),
+        /* @__PURE__ */ jsxs6("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx7("span", { style: DIALOG_LABEL_STYLE, children: "Criteria" }),
+          /* @__PURE__ */ jsx7(
+            "select",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-data-validation-type",
+              value: state.ruleType,
+              onChange: (e) => update("ruleType", e.target.value),
+              children: RULE_TYPE_OPTIONS.map((opt) => /* @__PURE__ */ jsx7("option", { value: opt.value, children: opt.label }, opt.value))
+            }
+          )
+        ] }),
+        state.ruleType === "list" && /* @__PURE__ */ jsxs6("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx7("span", { style: DIALOG_LABEL_STYLE, children: "Items (one per line, or comma-separated)" }),
+          /* @__PURE__ */ jsx7(
+            "textarea",
+            {
+              style: TEXTAREA_STYLE,
+              "data-testid": "cs-data-validation-list-items",
+              value: state.listItems,
+              placeholder: "Yes\nNo\nMaybe",
+              onChange: (e) => update("listItems", e.target.value)
+            }
+          )
+        ] }),
+        showOperator && /* @__PURE__ */ jsxs6(Fragment2, { children: [
+          /* @__PURE__ */ jsxs6("label", { style: DIALOG_FIELD_STYLE, children: [
+            /* @__PURE__ */ jsx7("span", { style: DIALOG_LABEL_STYLE, children: "Condition" }),
+            /* @__PURE__ */ jsx7(
+              "select",
+              {
+                style: DIALOG_INPUT_STYLE,
+                "data-testid": "cs-data-validation-operator",
+                value: state.operator,
+                onChange: (e) => update("operator", e.target.value),
+                children: OPERATOR_OPTIONS.map((opt) => /* @__PURE__ */ jsx7("option", { value: opt.value, children: opt.label }, opt.value))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { style: showSecondOperand ? TWO_COL_STYLE : void 0, children: [
+            /* @__PURE__ */ jsxs6("label", { style: DIALOG_FIELD_STYLE, children: [
+              /* @__PURE__ */ jsx7("span", { style: DIALOG_LABEL_STYLE, children: showSecondOperand ? "Minimum" : "Value" }),
+              /* @__PURE__ */ jsx7(
+                "input",
+                {
+                  style: DIALOG_INPUT_STYLE,
+                  "data-testid": "cs-data-validation-operand1",
+                  type: operandType,
+                  value: state.operand1,
+                  onChange: (e) => update("operand1", e.target.value)
+                }
+              )
+            ] }),
+            showSecondOperand && /* @__PURE__ */ jsxs6("label", { style: DIALOG_FIELD_STYLE, children: [
+              /* @__PURE__ */ jsx7("span", { style: DIALOG_LABEL_STYLE, children: "Maximum" }),
+              /* @__PURE__ */ jsx7(
+                "input",
+                {
+                  style: DIALOG_INPUT_STYLE,
+                  "data-testid": "cs-data-validation-operand2",
+                  type: operandType,
+                  value: state.operand2,
+                  onChange: (e) => update("operand2", e.target.value)
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        state.ruleType === "checkbox" && /* @__PURE__ */ jsx7("div", { style: RANGE_NOTE_STYLE, children: "Each cell in the selection becomes a checkbox (checked = TRUE)." }),
+        /* @__PURE__ */ jsxs6("label", { style: CHECK_STYLE2, "data-testid": "cs-data-validation-ignore-blank-label", children: [
+          /* @__PURE__ */ jsx7(
+            "input",
+            {
+              type: "checkbox",
+              "data-testid": "cs-data-validation-ignore-blank",
+              checked: state.ignoreBlank,
+              onChange: (e) => update("ignoreBlank", e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsx7("span", { children: "Ignore blank cells" })
+        ] }),
+        /* @__PURE__ */ jsxs6("label", { style: CHECK_STYLE2, children: [
+          /* @__PURE__ */ jsx7(
+            "input",
+            {
+              type: "checkbox",
+              "data-testid": "cs-data-validation-show-input",
+              checked: state.showInputMessage,
+              onChange: (e) => update("showInputMessage", e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsx7("span", { children: "Show input message" })
+        ] }),
+        state.showInputMessage && /* @__PURE__ */ jsxs6("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx7("span", { style: DIALOG_LABEL_STYLE, children: "Input message" }),
+          /* @__PURE__ */ jsx7(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-data-validation-input-message",
+              value: state.inputMessage,
+              onChange: (e) => update("inputMessage", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs6("label", { style: CHECK_STYLE2, children: [
+          /* @__PURE__ */ jsx7(
+            "input",
+            {
+              type: "checkbox",
+              "data-testid": "cs-data-validation-show-error",
+              checked: state.showErrorMessage,
+              onChange: (e) => update("showErrorMessage", e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsx7("span", { children: "Show error message on invalid input" })
+        ] }),
+        state.showErrorMessage && /* @__PURE__ */ jsxs6("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx7("span", { style: DIALOG_LABEL_STYLE, children: "Error message" }),
+          /* @__PURE__ */ jsx7(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-data-validation-error-message",
+              value: state.errorMessage,
+              onChange: (e) => update("errorMessage", e.target.value)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/chrome/ConditionalFormattingDialog.tsx
+import { useMemo as useMemo3, useState as useState6 } from "react";
+import "@univerjs/sheets-conditional-formatting/facade";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var RULE_TYPE_OPTIONS2 = [
+  { value: "cellValue", label: "Cell value" },
+  { value: "textContains", label: "Text contains" },
+  { value: "topN", label: "Top N" },
+  { value: "bottomN", label: "Bottom N" },
+  { value: "colorScale", label: "Color scale" }
+];
+var OPERATOR_OPTIONS2 = [
+  { value: "greater", label: "Greater than" },
+  { value: "greaterEqual", label: "Greater than or equal to" },
+  { value: "less", label: "Less than" },
+  { value: "lessEqual", label: "Less than or equal to" },
+  { value: "equal", label: "Equal to" },
+  { value: "notEqual", label: "Not equal to" },
+  { value: "between", label: "Between" },
+  { value: "notBetween", label: "Not between" }
+];
+function isRangeOperator2(op) {
+  return op === "between" || op === "notBetween";
+}
+var INITIAL_STATE2 = {
+  ruleType: "cellValue",
+  operator: "greater",
+  operand1: "",
+  operand2: "",
+  text: "",
+  rankN: "10",
+  rankPercent: false,
+  fillColor: "#fce8b2",
+  textColor: "#7f6000",
+  scaleMinColor: "#ffffff",
+  scaleMaxColor: "#57bb8a"
+};
+function activeRange3(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
+}
+function activeSheet(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet() ?? null;
+}
+function usesHighlight(type) {
+  return type !== "colorScale";
+}
+function applyRule(api, s) {
+  const range = activeRange3(api);
+  const sheet = activeSheet(api);
+  if (!range || !sheet) return false;
+  const cfSheet = sheet;
+  const iRange = range.getRange();
+  const n1 = Number(s.operand1);
+  const n2 = Number(s.operand2);
+  const rankN = Number(s.rankN);
+  let builder = cfSheet.newConditionalFormattingRule();
+  switch (s.ruleType) {
+    case "cellValue": {
+      if (!Number.isFinite(n1)) return false;
+      switch (s.operator) {
+        case "greater":
+          builder = builder.whenNumberGreaterThan(n1);
+          break;
+        case "greaterEqual":
+          builder = builder.whenNumberGreaterThanOrEqualTo(n1);
+          break;
+        case "less":
+          builder = builder.whenNumberLessThan(n1);
+          break;
+        case "lessEqual":
+          builder = builder.whenNumberLessThanOrEqualTo(n1);
+          break;
+        case "equal":
+          builder = builder.whenNumberEqualTo(n1);
+          break;
+        case "notEqual":
+          builder = builder.whenNumberNotEqualTo(n1);
+          break;
+        case "between":
+          if (!Number.isFinite(n2)) return false;
+          builder = builder.whenNumberBetween(n1, n2);
+          break;
+        case "notBetween":
+          if (!Number.isFinite(n2)) return false;
+          builder = builder.whenNumberNotBetween(n1, n2);
+          break;
+      }
+      break;
+    }
+    case "textContains": {
+      const text = s.text.trim();
+      if (text.length === 0) return false;
+      builder = builder.whenTextContains(text);
+      break;
+    }
+    case "topN":
+    case "bottomN": {
+      if (!Number.isFinite(rankN) || rankN <= 0) return false;
+      builder = builder.setRank({
+        isBottom: s.ruleType === "bottomN",
+        isPercent: s.rankPercent,
+        value: rankN
+      });
+      break;
+    }
+    case "colorScale": {
+      builder = builder.setColorScale([
+        { index: 0, color: s.scaleMinColor, value: { type: "min" } },
+        { index: 1, color: s.scaleMaxColor, value: { type: "max" } }
+      ]);
+      break;
+    }
+  }
+  if (usesHighlight(s.ruleType)) {
+    builder = builder.setBackground(s.fillColor);
+    builder = builder.setFontColor(s.textColor);
+  }
+  const rule = builder.setRanges([iRange]).build();
+  cfSheet.addConditionalFormattingRule(rule);
+  return true;
+}
+var RANGE_NOTE_STYLE2 = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 12
+};
+var CHECK_STYLE3 = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  marginBottom: 8,
+  cursor: "pointer"
+};
+var COLOR_INPUT_STYLE2 = {
+  width: 48,
+  height: 30,
+  padding: 2,
+  border: "1px solid var(--cs-chrome-border, #cdd3db)",
+  borderRadius: 6,
+  background: "var(--cs-chrome-input-bg, #fff)",
+  cursor: "pointer"
+};
+var TWO_COL_STYLE2 = {
+  display: "grid",
+  gridTemplateColumns: "1fr 1fr",
+  gap: 8
+};
+function ConditionalFormattingDialog({ api, onClose }) {
+  const [state, setState] = useState6(INITIAL_STATE2);
+  const rangeLabel = useMemo3(() => {
+    const fRange = activeRange3(api);
+    return fRange?.getA1Notation?.() ?? null;
+  }, [api]);
+  const hasSelection = activeRange3(api) !== null;
+  const update = (key, value) => setState((prev) => ({ ...prev, [key]: value }));
+  const apply = () => {
+    if (applyRule(api, state)) onClose();
+  };
+  const clearRules = () => {
+    const sheet = activeSheet(api);
+    sheet?.clearConditionalFormatRules?.();
+    onClose();
+  };
+  const showOperator = state.ruleType === "cellValue";
+  const showSecondOperand = showOperator && isRangeOperator2(state.operator);
+  const isRank = state.ruleType === "topN" || state.ruleType === "bottomN";
+  return /* @__PURE__ */ jsxs7(
+    Dialog,
+    {
+      title: "Conditional formatting",
+      onClose,
+      width: 440,
+      "data-testid": "cs-conditional-formatting-dialog",
+      footer: /* @__PURE__ */ jsxs7(Fragment3, { children: [
+        /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_SECONDARY_STYLE,
+            "data-testid": "cs-conditional-formatting-clear",
+            onClick: clearRules,
+            children: "Clear rules"
+          }
+        ),
+        /* @__PURE__ */ jsx8("span", { style: { flex: 1 } }),
+        /* @__PURE__ */ jsx8("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_PRIMARY_STYLE,
+            "data-testid": "cs-conditional-formatting-apply",
+            disabled: !hasSelection,
+            onClick: apply,
+            children: "Apply"
+          }
+        )
+      ] }),
+      children: [
+        hasSelection ? /* @__PURE__ */ jsxs7("div", { style: RANGE_NOTE_STYLE2, "data-testid": "cs-conditional-formatting-range", children: [
+          "Applies to ",
+          /* @__PURE__ */ jsx8("strong", { children: rangeLabel ?? "the current selection" })
+        ] }) : /* @__PURE__ */ jsx8("div", { style: RANGE_NOTE_STYLE2, "data-testid": "cs-conditional-formatting-no-selection", children: "Select one or more cells first, then reopen this dialog." }),
+        /* @__PURE__ */ jsxs7("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx8("span", { style: DIALOG_LABEL_STYLE, children: "Condition type" }),
+          /* @__PURE__ */ jsx8(
+            "select",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-conditional-formatting-type",
+              value: state.ruleType,
+              onChange: (e) => update("ruleType", e.target.value),
+              children: RULE_TYPE_OPTIONS2.map((opt) => /* @__PURE__ */ jsx8("option", { value: opt.value, children: opt.label }, opt.value))
+            }
+          )
+        ] }),
+        showOperator && /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          /* @__PURE__ */ jsxs7("label", { style: DIALOG_FIELD_STYLE, children: [
+            /* @__PURE__ */ jsx8("span", { style: DIALOG_LABEL_STYLE, children: "Condition" }),
+            /* @__PURE__ */ jsx8(
+              "select",
+              {
+                style: DIALOG_INPUT_STYLE,
+                "data-testid": "cs-conditional-formatting-operator",
+                value: state.operator,
+                onChange: (e) => update("operator", e.target.value),
+                children: OPERATOR_OPTIONS2.map((opt) => /* @__PURE__ */ jsx8("option", { value: opt.value, children: opt.label }, opt.value))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7("div", { style: showSecondOperand ? TWO_COL_STYLE2 : void 0, children: [
+            /* @__PURE__ */ jsxs7("label", { style: DIALOG_FIELD_STYLE, children: [
+              /* @__PURE__ */ jsx8("span", { style: DIALOG_LABEL_STYLE, children: showSecondOperand ? "Minimum" : "Value" }),
+              /* @__PURE__ */ jsx8(
+                "input",
+                {
+                  style: DIALOG_INPUT_STYLE,
+                  "data-testid": "cs-conditional-formatting-operand1",
+                  type: "number",
+                  value: state.operand1,
+                  onChange: (e) => update("operand1", e.target.value)
+                }
+              )
+            ] }),
+            showSecondOperand && /* @__PURE__ */ jsxs7("label", { style: DIALOG_FIELD_STYLE, children: [
+              /* @__PURE__ */ jsx8("span", { style: DIALOG_LABEL_STYLE, children: "Maximum" }),
+              /* @__PURE__ */ jsx8(
+                "input",
+                {
+                  style: DIALOG_INPUT_STYLE,
+                  "data-testid": "cs-conditional-formatting-operand2",
+                  type: "number",
+                  value: state.operand2,
+                  onChange: (e) => update("operand2", e.target.value)
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        state.ruleType === "textContains" && /* @__PURE__ */ jsxs7("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx8("span", { style: DIALOG_LABEL_STYLE, children: "Text contains" }),
+          /* @__PURE__ */ jsx8(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-conditional-formatting-text",
+              value: state.text,
+              placeholder: "e.g. urgent",
+              onChange: (e) => update("text", e.target.value)
+            }
+          )
+        ] }),
+        isRank && /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          /* @__PURE__ */ jsxs7("label", { style: DIALOG_FIELD_STYLE, children: [
+            /* @__PURE__ */ jsxs7("span", { style: DIALOG_LABEL_STYLE, children: [
+              state.ruleType === "topN" ? "Top" : "Bottom",
+              " ",
+              state.rankPercent ? "percent" : "count"
+            ] }),
+            /* @__PURE__ */ jsx8(
+              "input",
+              {
+                style: DIALOG_INPUT_STYLE,
+                "data-testid": "cs-conditional-formatting-rank-n",
+                type: "number",
+                min: 1,
+                value: state.rankN,
+                onChange: (e) => update("rankN", e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7("label", { style: CHECK_STYLE3, children: [
+            /* @__PURE__ */ jsx8(
+              "input",
+              {
+                type: "checkbox",
+                "data-testid": "cs-conditional-formatting-rank-percent",
+                checked: state.rankPercent,
+                onChange: (e) => update("rankPercent", e.target.checked)
+              }
+            ),
+            /* @__PURE__ */ jsx8("span", { children: "Interpret as percent" })
+          ] })
+        ] }),
+        state.ruleType === "colorScale" ? /* @__PURE__ */ jsxs7("div", { style: TWO_COL_STYLE2, children: [
+          /* @__PURE__ */ jsxs7("label", { style: DIALOG_FIELD_STYLE, children: [
+            /* @__PURE__ */ jsx8("span", { style: DIALOG_LABEL_STYLE, children: "Min color" }),
+            /* @__PURE__ */ jsx8(
+              "input",
+              {
+                style: COLOR_INPUT_STYLE2,
+                "data-testid": "cs-conditional-formatting-scale-min",
+                type: "color",
+                value: state.scaleMinColor,
+                onChange: (e) => update("scaleMinColor", e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7("label", { style: DIALOG_FIELD_STYLE, children: [
+            /* @__PURE__ */ jsx8("span", { style: DIALOG_LABEL_STYLE, children: "Max color" }),
+            /* @__PURE__ */ jsx8(
+              "input",
+              {
+                style: COLOR_INPUT_STYLE2,
+                "data-testid": "cs-conditional-formatting-scale-max",
+                type: "color",
+                value: state.scaleMaxColor,
+                onChange: (e) => update("scaleMaxColor", e.target.value)
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsxs7("div", { style: TWO_COL_STYLE2, children: [
+          /* @__PURE__ */ jsxs7("label", { style: DIALOG_FIELD_STYLE, children: [
+            /* @__PURE__ */ jsx8("span", { style: DIALOG_LABEL_STYLE, children: "Fill color" }),
+            /* @__PURE__ */ jsx8(
+              "input",
+              {
+                style: COLOR_INPUT_STYLE2,
+                "data-testid": "cs-conditional-formatting-fill-color",
+                type: "color",
+                value: state.fillColor,
+                onChange: (e) => update("fillColor", e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7("label", { style: DIALOG_FIELD_STYLE, children: [
+            /* @__PURE__ */ jsx8("span", { style: DIALOG_LABEL_STYLE, children: "Text color" }),
+            /* @__PURE__ */ jsx8(
+              "input",
+              {
+                style: COLOR_INPUT_STYLE2,
+                "data-testid": "cs-conditional-formatting-text-color",
+                type: "color",
+                value: state.textColor,
+                onChange: (e) => update("textColor", e.target.value)
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/chrome/CustomSortDialog.tsx
+import { useMemo as useMemo4, useState as useState7 } from "react";
+import "@univerjs/sheets-sort/facade";
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function activeRange4(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
+}
+function columnLetter(index) {
+  let n = index;
+  let label = "";
+  do {
+    label = String.fromCharCode(65 + n % 26) + label;
+    n = Math.floor(n / 26) - 1;
+  } while (n >= 0);
+  return label;
+}
+function readRangeInfo(api) {
+  const range = activeRange4(api);
+  if (!range) return null;
+  const values = range.getValues?.();
+  return {
+    startRow: range.getRow(),
+    startColumn: range.getColumn(),
+    width: range.getWidth(),
+    height: range.getHeight(),
+    a1: range.getA1Notation?.() ?? null,
+    firstRow: values && values.length > 0 ? values[0] : null
+  };
+}
+function applySort(api, info, levels, hasHeader) {
+  const worksheet = api.univer.getActiveWorkbook()?.getActiveSheet();
+  if (!worksheet) return false;
+  const bandStartRow = hasHeader ? info.startRow + 1 : info.startRow;
+  const bandHeight = hasHeader ? info.height - 1 : info.height;
+  if (bandHeight <= 0) return false;
+  const band = worksheet.getRange(bandStartRow, info.startColumn, bandHeight, info.width);
+  const specs = levels.filter((l) => l.column >= 0 && l.column < info.width).map((l) => ({ column: l.column, ascending: l.ascending }));
+  if (specs.length === 0) return false;
+  band.sort(specs);
+  return true;
+}
+var RANGE_NOTE_STYLE3 = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 12
+};
+var CHECK_STYLE4 = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  marginBottom: 12,
+  cursor: "pointer"
+};
+var LEVEL_ROW_STYLE = {
+  display: "grid",
+  gridTemplateColumns: "auto 1fr 130px 28px",
+  alignItems: "center",
+  gap: 8,
+  marginBottom: 8
+};
+var LEVEL_PREFIX_STYLE = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  whiteSpace: "nowrap"
+};
+var REMOVE_BTN_STYLE = {
+  width: 28,
+  height: 30,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  border: "1px solid var(--cs-chrome-border, #cdd3db)",
+  borderRadius: 6,
+  background: "var(--cs-chrome-input-bg, #fff)",
+  color: "var(--cs-chrome-muted, #605e5c)",
+  cursor: "pointer",
+  padding: 0,
+  fontSize: 16,
+  lineHeight: 1
+};
+var ADD_BTN_STYLE = {
+  ...DIALOG_BTN_SECONDARY_STYLE,
+  marginTop: 4
+};
+function CustomSortDialog({ api, onClose }) {
+  const info = useMemo4(() => readRangeInfo(api), [api]);
+  const hasSelection = info !== null;
+  const width = info?.width ?? 1;
+  const [hasHeader, setHasHeader] = useState7(false);
+  const [levels, setLevels] = useState7([{ column: 0, ascending: true }]);
+  const columnOptions = useMemo4(() => {
+    const startCol = info?.startColumn ?? 0;
+    return Array.from({ length: width }, (_, offset) => {
+      const headerCell = hasHeader ? info?.firstRow?.[offset] : void 0;
+      const headerText = headerCell !== void 0 && headerCell !== null && String(headerCell).trim() !== "" ? String(headerCell) : null;
+      const letter = columnLetter(startCol + offset);
+      return {
+        value: offset,
+        label: headerText ? `${headerText} (${letter})` : `Column ${letter}`
+      };
+    });
+  }, [width, hasHeader, info]);
+  const updateLevel = (index, patch) => setLevels((prev) => prev.map((l, i) => i === index ? { ...l, ...patch } : l));
+  const addLevel = () => {
+    const used = new Set(levels.map((l) => l.column));
+    let next = 0;
+    for (let c = 0; c < width; c += 1) {
+      if (!used.has(c)) {
+        next = c;
+        break;
+      }
+    }
+    setLevels((prev) => [...prev, { column: next, ascending: true }]);
+  };
+  const removeLevel = (index) => setLevels((prev) => prev.length <= 1 ? prev : prev.filter((_, i) => i !== index));
+  const apply = () => {
+    if (info && applySort(api, info, levels, hasHeader)) onClose();
+  };
+  const canApply = hasSelection && levels.length > 0;
+  return /* @__PURE__ */ jsxs8(
+    Dialog,
+    {
+      title: "Sort range",
+      onClose,
+      width: 480,
+      "data-testid": "cs-custom-sort-dialog",
+      footer: /* @__PURE__ */ jsxs8(Fragment4, { children: [
+        /* @__PURE__ */ jsx9("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_PRIMARY_STYLE,
+            "data-testid": "cs-custom-sort-apply",
+            disabled: !canApply,
+            onClick: apply,
+            children: "Sort"
+          }
+        )
+      ] }),
+      children: [
+        hasSelection ? /* @__PURE__ */ jsxs8("div", { style: RANGE_NOTE_STYLE3, "data-testid": "cs-custom-sort-range", children: [
+          "Sort ",
+          /* @__PURE__ */ jsx9("strong", { children: info?.a1 ?? "the current selection" })
+        ] }) : /* @__PURE__ */ jsx9("div", { style: RANGE_NOTE_STYLE3, "data-testid": "cs-custom-sort-no-selection", children: "Select the range you want to sort first, then reopen this dialog." }),
+        /* @__PURE__ */ jsxs8("label", { style: CHECK_STYLE4, "data-testid": "cs-custom-sort-has-header-label", children: [
+          /* @__PURE__ */ jsx9(
+            "input",
+            {
+              type: "checkbox",
+              "data-testid": "cs-custom-sort-has-header",
+              checked: hasHeader,
+              onChange: (e) => setHasHeader(e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsx9("span", { children: "Data has header row" })
+        ] }),
+        /* @__PURE__ */ jsxs8("div", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx9("span", { style: DIALOG_LABEL_STYLE, children: "Sort by" }),
+          levels.map((level, index) => /* @__PURE__ */ jsxs8("div", { style: LEVEL_ROW_STYLE, "data-testid": `cs-custom-sort-level-${index}`, children: [
+            /* @__PURE__ */ jsx9("span", { style: LEVEL_PREFIX_STYLE, children: index === 0 ? "Sort by" : "then by" }),
+            /* @__PURE__ */ jsx9(
+              "select",
+              {
+                style: DIALOG_INPUT_STYLE,
+                "data-testid": `cs-custom-sort-column-${index}`,
+                value: level.column,
+                onChange: (e) => updateLevel(index, { column: Number(e.target.value) }),
+                children: columnOptions.map((opt) => /* @__PURE__ */ jsx9("option", { value: opt.value, children: opt.label }, opt.value))
+              }
+            ),
+            /* @__PURE__ */ jsxs8(
+              "select",
+              {
+                style: DIALOG_INPUT_STYLE,
+                "data-testid": `cs-custom-sort-order-${index}`,
+                value: level.ascending ? "asc" : "desc",
+                onChange: (e) => updateLevel(index, { ascending: e.target.value === "asc" }),
+                children: [
+                  /* @__PURE__ */ jsx9("option", { value: "asc", children: "A \u2192 Z (ascending)" }),
+                  /* @__PURE__ */ jsx9("option", { value: "desc", children: "Z \u2192 A (descending)" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              "button",
+              {
+                type: "button",
+                style: REMOVE_BTN_STYLE,
+                "data-testid": `cs-custom-sort-remove-${index}`,
+                "aria-label": "Remove sort level",
+                disabled: levels.length <= 1,
+                onClick: () => removeLevel(index),
+                children: "\u2212"
+              }
+            )
+          ] }, index)),
+          /* @__PURE__ */ jsx9(
+            "button",
+            {
+              type: "button",
+              style: ADD_BTN_STYLE,
+              "data-testid": "cs-custom-sort-add-level",
+              disabled: levels.length >= width,
+              onClick: addLevel,
+              children: "Add another sort level"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/chrome/PasteSpecialDialog.tsx
+import { useMemo as useMemo5, useState as useState8 } from "react";
+import "@univerjs/sheets-ui/facade";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var MODE_OPTIONS = [
+  {
+    value: "values",
+    label: "Values only",
+    hint: "Paste cell values, dropping formatting and formulas."
+  },
+  {
+    value: "formats",
+    label: "Formats only",
+    hint: "Paste number formats, fonts, borders and fills \u2014 no values."
+  },
+  {
+    value: "formulas",
+    label: "Formulas only",
+    hint: "Paste formulas, adjusting relative references."
+  },
+  {
+    value: "transpose",
+    label: "Transpose",
+    hint: "Flip the current selection \u2014 rows become columns and columns become rows, in place."
+  }
+];
+var PASTE_HOOK = {
+  values: "special-paste-value",
+  formats: "special-paste-format",
+  formulas: "special-paste-formula"
+};
+var SHEET_PASTE_COMMAND = "sheet.command.paste";
+function activeRange5(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
+}
+function transposeSelection(api) {
+  const sheet = api.univer.getActiveWorkbook()?.getActiveSheet();
+  const range = sheet?.getActiveRange();
+  if (!sheet || !range) return false;
+  const rows = range.getHeight();
+  const cols = range.getWidth();
+  if (rows <= 0 || cols <= 0) return false;
+  const values = range.getValues();
+  const transposed = [];
+  for (let c = 0; c < cols; c++) {
+    const newRow = [];
+    for (let r = 0; r < rows; r++) {
+      newRow.push(values[r]?.[c] ?? null);
+    }
+    transposed.push(newRow);
+  }
+  const target = sheet.getRange(range.getRow(), range.getColumn(), cols, rows);
+  target.setValues(transposed);
+  return true;
+}
+async function applyPasteSpecial(api, mode) {
+  if (activeRange5(api) === null) return false;
+  if (mode === "transpose") {
+    return transposeSelection(api);
+  }
+  return api.executeCommand(SHEET_PASTE_COMMAND, { value: PASTE_HOOK[mode] });
+}
+var MODE_RADIO_ROW_STYLE = {
+  display: "flex",
+  alignItems: "flex-start",
+  gap: 8,
+  padding: "8px 10px",
+  border: "1px solid var(--cs-chrome-border, #cdd3db)",
+  borderRadius: 6,
+  marginBottom: 8,
+  cursor: "pointer"
+};
+var MODE_RADIO_ROW_ACTIVE_STYLE = {
+  ...MODE_RADIO_ROW_STYLE,
+  borderColor: "var(--cs-chrome-active-fg, #0e7490)",
+  background: "var(--cs-chrome-active-bg, rgba(14, 116, 144, 0.06))"
+};
+var MODE_LABEL_STYLE = {
+  fontSize: 13,
+  fontWeight: 500,
+  color: "var(--cs-chrome-fg, #201f1e)"
+};
+var MODE_HINT_STYLE = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginTop: 2,
+  lineHeight: 1.35
+};
+var RANGE_NOTE_STYLE4 = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 12
+};
+function PasteSpecialDialog({ api, onClose }) {
+  const [mode, setMode] = useState8("values");
+  const rangeLabel = useMemo5(() => {
+    const fRange = activeRange5(api);
+    return fRange?.getA1Notation?.() ?? null;
+  }, [api]);
+  const hasSelection = activeRange5(api) !== null;
+  const apply = () => {
+    void applyPasteSpecial(api, mode).then((ok) => {
+      if (ok) onClose();
+    });
+  };
+  return /* @__PURE__ */ jsxs9(
+    Dialog,
+    {
+      title: "Paste special",
+      onClose,
+      width: 440,
+      "data-testid": "cs-paste-special-dialog",
+      footer: /* @__PURE__ */ jsxs9(Fragment5, { children: [
+        /* @__PURE__ */ jsx10("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_PRIMARY_STYLE,
+            "data-testid": "cs-paste-special-apply",
+            disabled: !hasSelection,
+            onClick: apply,
+            children: "Paste"
+          }
+        )
+      ] }),
+      children: [
+        hasSelection ? /* @__PURE__ */ jsxs9("div", { style: RANGE_NOTE_STYLE4, "data-testid": "cs-paste-special-range", children: [
+          mode === "transpose" ? "Transposes" : "Pastes into",
+          " ",
+          /* @__PURE__ */ jsx10("strong", { children: rangeLabel ?? "the current selection" })
+        ] }) : /* @__PURE__ */ jsx10("div", { style: RANGE_NOTE_STYLE4, "data-testid": "cs-paste-special-no-selection", children: "Select the destination cell(s) first, then reopen this dialog." }),
+        /* @__PURE__ */ jsxs9("div", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx10("span", { style: DIALOG_LABEL_STYLE, children: "Paste" }),
+          /* @__PURE__ */ jsx10("div", { role: "radiogroup", "aria-label": "Paste special mode", children: MODE_OPTIONS.map((opt) => {
+            const active = mode === opt.value;
+            return /* @__PURE__ */ jsxs9(
+              "label",
+              {
+                style: active ? MODE_RADIO_ROW_ACTIVE_STYLE : MODE_RADIO_ROW_STYLE,
+                "data-testid": `cs-paste-special-mode-${opt.value}`,
+                children: [
+                  /* @__PURE__ */ jsx10(
+                    "input",
+                    {
+                      type: "radio",
+                      name: "cs-paste-special-mode",
+                      value: opt.value,
+                      checked: active,
+                      onChange: () => setMode(opt.value),
+                      style: { marginTop: 2 }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs9("span", { children: [
+                    /* @__PURE__ */ jsx10("span", { style: MODE_LABEL_STYLE, children: opt.label }),
+                    /* @__PURE__ */ jsx10("span", { style: MODE_HINT_STYLE, children: opt.hint })
+                  ] })
+                ]
+              },
+              opt.value
+            );
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/chrome/InsertFunctionDialog.tsx
+import { useMemo as useMemo6, useState as useState9 } from "react";
+import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var FUNCTIONS = [
+  // Math
+  {
+    name: "SUM",
+    category: "Math",
+    description: "Sum of a set of numbers.",
+    syntax: "SUM(value1, [value2, \u2026])"
+  },
+  {
+    name: "PRODUCT",
+    category: "Math",
+    description: "Product of a set of numbers.",
+    syntax: "PRODUCT(factor1, [factor2, \u2026])"
+  },
+  {
+    name: "ROUND",
+    category: "Math",
+    description: "Round a number to a given number of places.",
+    syntax: "ROUND(value, [places])"
+  },
+  {
+    name: "ABS",
+    category: "Math",
+    description: "Absolute value of a number.",
+    syntax: "ABS(value)"
+  },
+  {
+    name: "MOD",
+    category: "Math",
+    description: "Remainder after division.",
+    syntax: "MOD(dividend, divisor)"
+  },
+  {
+    name: "POWER",
+    category: "Math",
+    description: "A number raised to a power.",
+    syntax: "POWER(base, exponent)"
+  },
+  // Statistical
+  {
+    name: "AVERAGE",
+    category: "Statistical",
+    description: "Arithmetic mean of a set of numbers.",
+    syntax: "AVERAGE(value1, [value2, \u2026])"
+  },
+  {
+    name: "COUNT",
+    category: "Statistical",
+    description: "Count of numeric values in a range.",
+    syntax: "COUNT(value1, [value2, \u2026])"
+  },
+  {
+    name: "COUNTA",
+    category: "Statistical",
+    description: "Count of non-empty values in a range.",
+    syntax: "COUNTA(value1, [value2, \u2026])"
+  },
+  {
+    name: "MAX",
+    category: "Statistical",
+    description: "Largest value in a set.",
+    syntax: "MAX(value1, [value2, \u2026])"
+  },
+  {
+    name: "MIN",
+    category: "Statistical",
+    description: "Smallest value in a set.",
+    syntax: "MIN(value1, [value2, \u2026])"
+  },
+  {
+    name: "MEDIAN",
+    category: "Statistical",
+    description: "Median of a set of numbers.",
+    syntax: "MEDIAN(value1, [value2, \u2026])"
+  },
+  // Logical
+  {
+    name: "IF",
+    category: "Logical",
+    description: "Return one value if a condition is true, another if false.",
+    syntax: "IF(condition, value_if_true, value_if_false)"
+  },
+  {
+    name: "IFS",
+    category: "Logical",
+    description: "Test multiple conditions, return the first match.",
+    syntax: "IFS(condition1, value1, [condition2, value2, \u2026])"
+  },
+  {
+    name: "AND",
+    category: "Logical",
+    description: "True when all arguments are true.",
+    syntax: "AND(logical1, [logical2, \u2026])"
+  },
+  {
+    name: "OR",
+    category: "Logical",
+    description: "True when any argument is true.",
+    syntax: "OR(logical1, [logical2, \u2026])"
+  },
+  {
+    name: "IFERROR",
+    category: "Logical",
+    description: "Return a fallback when a formula errors.",
+    syntax: "IFERROR(value, value_if_error)"
+  },
+  // Lookup
+  {
+    name: "VLOOKUP",
+    category: "Lookup",
+    description: "Search a column for a key, return a value from the same row.",
+    syntax: "VLOOKUP(search_key, range, index, [is_sorted])"
+  },
+  {
+    name: "HLOOKUP",
+    category: "Lookup",
+    description: "Search a row for a key, return a value from the same column.",
+    syntax: "HLOOKUP(search_key, range, index, [is_sorted])"
+  },
+  {
+    name: "INDEX",
+    category: "Lookup",
+    description: "Value at a given row/column offset in a range.",
+    syntax: "INDEX(reference, [row], [column])"
+  },
+  {
+    name: "MATCH",
+    category: "Lookup",
+    description: "Position of a value within a range.",
+    syntax: "MATCH(search_key, range, [search_type])"
+  },
+  {
+    name: "XLOOKUP",
+    category: "Lookup",
+    description: "Search a range and return a corresponding value.",
+    syntax: "XLOOKUP(search_key, lookup_range, result_range)"
+  },
+  // Text
+  {
+    name: "CONCATENATE",
+    category: "Text",
+    description: "Join strings end to end.",
+    syntax: "CONCATENATE(string1, [string2, \u2026])"
+  },
+  {
+    name: "LEFT",
+    category: "Text",
+    description: "Leftmost characters of a string.",
+    syntax: "LEFT(string, [num_chars])"
+  },
+  {
+    name: "RIGHT",
+    category: "Text",
+    description: "Rightmost characters of a string.",
+    syntax: "RIGHT(string, [num_chars])"
+  },
+  {
+    name: "MID",
+    category: "Text",
+    description: "Characters from the middle of a string.",
+    syntax: "MID(string, start, length)"
+  },
+  { name: "LEN", category: "Text", description: "Length of a string.", syntax: "LEN(string)" },
+  {
+    name: "TRIM",
+    category: "Text",
+    description: "Remove leading/trailing/duplicate spaces.",
+    syntax: "TRIM(string)"
+  },
+  // Date
+  { name: "TODAY", category: "Date", description: "Today's date.", syntax: "TODAY()" },
+  { name: "NOW", category: "Date", description: "Current date and time.", syntax: "NOW()" },
+  {
+    name: "DATE",
+    category: "Date",
+    description: "Build a date from year, month, day.",
+    syntax: "DATE(year, month, day)"
+  },
+  {
+    name: "DATEDIF",
+    category: "Date",
+    description: "Difference between two dates in a chosen unit.",
+    syntax: "DATEDIF(start_date, end_date, unit)"
+  }
+];
+var CATEGORY_ORDER = ["Math", "Statistical", "Logical", "Lookup", "Text", "Date"];
+function activeRange6(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
+}
+function insertFunction(api, fn) {
+  const range = activeRange6(api);
+  if (!range) return false;
+  const zeroArg = fn.syntax.endsWith("()");
+  const formula = zeroArg ? `=${fn.name}()` : `=${fn.name}(`;
+  range.setValue(formula);
+  api.focus();
+  return true;
+}
+var SEARCH_STYLE = {
+  ...DIALOG_INPUT_STYLE,
+  width: "100%",
+  marginBottom: 12
+};
+var RANGE_NOTE_STYLE5 = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 12
+};
+var LIST_STYLE = {
+  maxHeight: 280,
+  overflow: "auto",
+  border: "1px solid var(--cs-chrome-border, #edeff3)",
+  borderRadius: 8
+};
+var GROUP_HEADER_STYLE = {
+  position: "sticky",
+  top: 0,
+  padding: "6px 12px",
+  fontSize: 11,
+  fontWeight: 600,
+  letterSpacing: 0.4,
+  textTransform: "uppercase",
+  color: "var(--cs-chrome-muted, #605e5c)",
+  background: "var(--cs-chrome-input-bg, #fff)",
+  borderBottom: "1px solid var(--cs-chrome-border, #edeff3)"
+};
+function itemStyle(selected) {
+  return {
+    display: "block",
+    width: "100%",
+    textAlign: "left",
+    padding: "8px 12px",
+    border: "none",
+    borderBottom: "1px solid var(--cs-chrome-border, #f3f4f6)",
+    background: selected ? "var(--cs-chrome-hover-bg, #eef6f8)" : "transparent",
+    color: "var(--cs-chrome-fg, #201f1e)",
+    font: "inherit",
+    fontSize: 13,
+    cursor: "pointer"
+  };
+}
+var ITEM_NAME_STYLE = {
+  fontWeight: 600,
+  fontFamily: "var(--cs-chrome-mono, ui-monospace, SFMono-Regular, Menlo, monospace)"
+};
+var ITEM_DESC_STYLE = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginTop: 2
+};
+var PREVIEW_STYLE = {
+  marginTop: 12,
+  padding: "10px 12px",
+  borderRadius: 8,
+  background: "var(--cs-chrome-subtle-bg, #f6f8fa)",
+  fontSize: 12,
+  color: "var(--cs-chrome-fg, #201f1e)"
+};
+var PREVIEW_SYNTAX_STYLE = {
+  fontFamily: "var(--cs-chrome-mono, ui-monospace, SFMono-Regular, Menlo, monospace)",
+  fontWeight: 600,
+  marginBottom: 4
+};
+function InsertFunctionDialog({ api, onClose }) {
+  const [query, setQuery] = useState9("");
+  const [selectedName, setSelectedName] = useState9(null);
+  const rangeLabel = useMemo6(() => {
+    const fRange = activeRange6(api);
+    return fRange?.getA1Notation?.() ?? null;
+  }, [api]);
+  const hasSelection = activeRange6(api) !== null;
+  const filtered = useMemo6(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return FUNCTIONS;
+    return FUNCTIONS.filter(
+      (fn) => fn.name.toLowerCase().includes(q) || fn.description.toLowerCase().includes(q) || fn.category.toLowerCase().includes(q)
+    );
+  }, [query]);
+  const grouped = useMemo6(() => {
+    const byCat = /* @__PURE__ */ new Map();
+    for (const fn of filtered) {
+      const list = byCat.get(fn.category);
+      if (list) list.push(fn);
+      else byCat.set(fn.category, [fn]);
+    }
+    return CATEGORY_ORDER.filter((c) => byCat.has(c)).map((c) => ({
+      category: c,
+      items: byCat.get(c)
+    }));
+  }, [filtered]);
+  const selected = useMemo6(
+    () => FUNCTIONS.find((fn) => fn.name === selectedName) ?? null,
+    [selectedName]
+  );
+  const choose = (fn) => {
+    if (insertFunction(api, fn)) onClose();
+  };
+  const insertSelected = () => {
+    if (selected && insertFunction(api, selected)) onClose();
+  };
+  return /* @__PURE__ */ jsxs10(
+    Dialog,
+    {
+      title: "Insert function",
+      onClose,
+      width: 460,
+      "data-testid": "cs-insert-function-dialog",
+      footer: /* @__PURE__ */ jsxs10(Fragment6, { children: [
+        /* @__PURE__ */ jsx11("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_PRIMARY_STYLE,
+            "data-testid": "cs-insert-function-insert",
+            disabled: !hasSelection || !selected,
+            onClick: insertSelected,
+            children: "Insert"
+          }
+        )
+      ] }),
+      children: [
+        hasSelection ? /* @__PURE__ */ jsxs10("div", { style: RANGE_NOTE_STYLE5, "data-testid": "cs-insert-function-range", children: [
+          "Inserts into ",
+          /* @__PURE__ */ jsx11("strong", { children: rangeLabel ?? "the active cell" })
+        ] }) : /* @__PURE__ */ jsx11("div", { style: RANGE_NOTE_STYLE5, "data-testid": "cs-insert-function-no-selection", children: "Select a cell first, then reopen this dialog." }),
+        /* @__PURE__ */ jsx11(
+          "input",
+          {
+            style: SEARCH_STYLE,
+            "data-testid": "cs-insert-function-search",
+            type: "search",
+            placeholder: "Search functions (name, category, or description)",
+            value: query,
+            autoFocus: true,
+            onChange: (e) => setQuery(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxs10(
+          "div",
+          {
+            style: LIST_STYLE,
+            role: "listbox",
+            "aria-label": "Functions",
+            "data-testid": "cs-insert-function-list",
+            children: [
+              grouped.length === 0 && /* @__PURE__ */ jsxs10("div", { style: { padding: "12px", fontSize: 13, color: "var(--cs-chrome-muted, #605e5c)" }, children: [
+                "No functions match \u201C",
+                query,
+                "\u201D."
+              ] }),
+              grouped.map((group) => /* @__PURE__ */ jsxs10("div", { children: [
+                /* @__PURE__ */ jsx11("div", { style: GROUP_HEADER_STYLE, children: group.category }),
+                group.items.map((fn) => /* @__PURE__ */ jsxs10(
+                  "button",
+                  {
+                    type: "button",
+                    role: "option",
+                    "aria-selected": selectedName === fn.name,
+                    "data-testid": `cs-insert-function-item-${fn.name}`,
+                    style: itemStyle(selectedName === fn.name),
+                    onClick: () => setSelectedName(fn.name),
+                    onDoubleClick: () => choose(fn),
+                    children: [
+                      /* @__PURE__ */ jsx11("div", { style: ITEM_NAME_STYLE, children: fn.name }),
+                      /* @__PURE__ */ jsx11("div", { style: ITEM_DESC_STYLE, children: fn.description })
+                    ]
+                  },
+                  fn.name
+                ))
+              ] }, group.category))
+            ]
+          }
+        ),
+        selected && /* @__PURE__ */ jsxs10("div", { style: PREVIEW_STYLE, "data-testid": "cs-insert-function-preview", children: [
+          /* @__PURE__ */ jsx11("div", { style: PREVIEW_SYNTAX_STYLE, children: selected.syntax }),
+          /* @__PURE__ */ jsx11("div", { children: selected.description })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/chrome/NameManagerDialog.tsx
+import { useCallback, useMemo as useMemo7, useState as useState10 } from "react";
+import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var NAME_RE = /^[A-Za-z_][A-Za-z0-9_.]*$/;
+function workbook(api) {
+  return api.univer.getActiveWorkbook() ?? null;
+}
+function readRows(api) {
+  const wb = workbook(api);
+  if (!wb) return [];
+  return wb.getDefinedNames().map((dn) => ({
+    name: dn.getName(),
+    refersTo: dn.getFormulaOrRefString()
+  }));
+}
+function selectionRef(api) {
+  const range = workbook(api)?.getActiveSheet()?.getActiveRange();
+  return range?.getA1Notation(true) ?? "";
+}
+var ROW_STYLE4 = {
+  display: "grid",
+  gridTemplateColumns: "1fr 1.3fr auto",
+  alignItems: "center",
+  gap: 8,
+  padding: "6px 8px",
+  borderBottom: "1px solid var(--cs-chrome-border, #edeff3)"
+};
+var LIST_STYLE2 = {
+  border: "1px solid var(--cs-chrome-border, #cdd3db)",
+  borderRadius: 6,
+  maxHeight: 200,
+  overflow: "auto",
+  marginBottom: 16
+};
+var EMPTY_STYLE = {
+  padding: "16px 8px",
+  fontSize: 13,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  textAlign: "center"
+};
+var REF_CELL_STYLE = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+var ROW_ACTIONS_STYLE = {
+  display: "flex",
+  gap: 4
+};
+var SMALL_BTN_STYLE = {
+  ...DIALOG_BTN_SECONDARY_STYLE,
+  height: 24,
+  padding: "0 8px",
+  fontSize: 12
+};
+var SECTION_TITLE_STYLE = {
+  fontSize: 13,
+  fontWeight: 600,
+  color: "var(--cs-chrome-fg, #201f1e)",
+  margin: "0 0 8px"
+};
+var ERROR_STYLE = {
+  fontSize: 12,
+  color: "var(--cs-chrome-danger, #b91c1c)",
+  marginBottom: 8
+};
+var TWO_COL_STYLE3 = {
+  display: "grid",
+  gridTemplateColumns: "1fr 1.3fr",
+  gap: 8
+};
+function NameManagerDialog({ api, onClose }) {
+  const [rows, setRows] = useState10(() => readRows(api));
+  const [editingOriginal, setEditingOriginal] = useState10(null);
+  const [nameInput, setNameInput] = useState10("");
+  const [refInput, setRefInput] = useState10("");
+  const [error, setError] = useState10(null);
+  const initialSelRef = useMemo7(() => selectionRef(api), [api]);
+  const refresh = useCallback(() => setRows(readRows(api)), [api]);
+  const resetForm = useCallback(() => {
+    setEditingOriginal(null);
+    setNameInput("");
+    setRefInput("");
+    setError(null);
+  }, []);
+  const startEdit = (row) => {
+    setEditingOriginal(row.name);
+    setNameInput(row.name);
+    setRefInput(row.refersTo);
+    setError(null);
+  };
+  const useSelection = () => {
+    const ref = selectionRef(api);
+    if (ref) setRefInput(ref);
+  };
+  const remove = (row) => {
+    const wb = workbook(api);
+    if (!wb) return;
+    wb.deleteDefinedName(row.name);
+    if (editingOriginal === row.name) resetForm();
+    refresh();
+  };
+  const submit = () => {
+    const wb = workbook(api);
+    if (!wb) {
+      setError("No active workbook.");
+      return;
+    }
+    const name = nameInput.trim();
+    const ref = refInput.trim();
+    if (!name) {
+      setError("Enter a name.");
+      return;
+    }
+    if (!NAME_RE.test(name)) {
+      setError("Names must start with a letter or underscore and contain no spaces.");
+      return;
+    }
+    if (!ref) {
+      setError("Enter a range or formula (e.g. Sheet1!A1:B2).");
+      return;
+    }
+    const collides = rows.some(
+      (r) => r.name.toLowerCase() === name.toLowerCase() && r.name !== editingOriginal
+    );
+    if (collides) {
+      setError(`A defined name "${name}" already exists.`);
+      return;
+    }
+    if (editingOriginal === null) {
+      wb.insertDefinedName(name, ref);
+    } else {
+      const existing = wb.getDefinedName(editingOriginal);
+      if (existing) {
+        const param = existing.toBuilder().setName(name).setRef(ref).build();
+        wb.updateDefinedNameBuilder(param);
+      } else {
+        wb.insertDefinedName(name, ref);
+      }
+    }
+    refresh();
+    resetForm();
+  };
+  const isEditing = editingOriginal !== null;
+  return /* @__PURE__ */ jsxs11(
+    Dialog,
+    {
+      title: "Name manager",
+      onClose,
+      width: 480,
+      "data-testid": "cs-name-manager-dialog",
+      footer: /* @__PURE__ */ jsxs11(Fragment7, { children: [
+        /* @__PURE__ */ jsx12("span", { style: { flex: 1 } }),
+        /* @__PURE__ */ jsx12("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Close" })
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx12("h3", { style: SECTION_TITLE_STYLE, children: "Defined names" }),
+        /* @__PURE__ */ jsx12("div", { style: LIST_STYLE2, "data-testid": "cs-name-manager-list", children: rows.length === 0 ? /* @__PURE__ */ jsx12("div", { style: EMPTY_STYLE, "data-testid": "cs-name-manager-empty", children: "No defined names yet. Add one below." }) : rows.map((row) => /* @__PURE__ */ jsxs11("div", { style: ROW_STYLE4, "data-testid": "cs-name-manager-row", children: [
+          /* @__PURE__ */ jsx12("span", { style: { fontWeight: 500 }, children: row.name }),
+          /* @__PURE__ */ jsx12("span", { style: REF_CELL_STYLE, title: row.refersTo, children: row.refersTo }),
+          /* @__PURE__ */ jsxs11("span", { style: ROW_ACTIONS_STYLE, children: [
+            /* @__PURE__ */ jsx12(
+              "button",
+              {
+                type: "button",
+                style: SMALL_BTN_STYLE,
+                "data-testid": "cs-name-manager-edit",
+                onClick: () => startEdit(row),
+                children: "Edit"
+              }
+            ),
+            /* @__PURE__ */ jsx12(
+              "button",
+              {
+                type: "button",
+                style: SMALL_BTN_STYLE,
+                "data-testid": "cs-name-manager-delete",
+                onClick: () => remove(row),
+                children: "Delete"
+              }
+            )
+          ] })
+        ] }, row.name)) }),
+        /* @__PURE__ */ jsx12("h3", { style: SECTION_TITLE_STYLE, children: isEditing ? "Edit name" : "Add a name" }),
+        error && /* @__PURE__ */ jsx12("div", { style: ERROR_STYLE, "data-testid": "cs-name-manager-error", children: error }),
+        /* @__PURE__ */ jsxs11("div", { style: TWO_COL_STYLE3, children: [
+          /* @__PURE__ */ jsxs11("label", { style: DIALOG_FIELD_STYLE, children: [
+            /* @__PURE__ */ jsx12("span", { style: DIALOG_LABEL_STYLE, children: "Name" }),
+            /* @__PURE__ */ jsx12(
+              "input",
+              {
+                style: DIALOG_INPUT_STYLE,
+                "data-testid": "cs-name-manager-name",
+                value: nameInput,
+                placeholder: "MyRange",
+                onChange: (e) => setNameInput(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs11("label", { style: DIALOG_FIELD_STYLE, children: [
+            /* @__PURE__ */ jsx12("span", { style: DIALOG_LABEL_STYLE, children: "Refers to" }),
+            /* @__PURE__ */ jsx12(
+              "input",
+              {
+                style: DIALOG_INPUT_STYLE,
+                "data-testid": "cs-name-manager-ref",
+                value: refInput,
+                placeholder: initialSelRef || "Sheet1!A1:B2",
+                onChange: (e) => setRefInput(e.target.value)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs11("div", { style: { display: "flex", gap: 8, marginTop: 4 }, children: [
+          /* @__PURE__ */ jsx12(
+            "button",
+            {
+              type: "button",
+              style: DIALOG_BTN_SECONDARY_STYLE,
+              "data-testid": "cs-name-manager-use-selection",
+              onClick: useSelection,
+              children: "Use selection"
+            }
+          ),
+          /* @__PURE__ */ jsx12("span", { style: { flex: 1 } }),
+          isEditing && /* @__PURE__ */ jsx12(
+            "button",
+            {
+              type: "button",
+              style: DIALOG_BTN_SECONDARY_STYLE,
+              "data-testid": "cs-name-manager-cancel-edit",
+              onClick: resetForm,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx12(
+            "button",
+            {
+              type: "button",
+              style: DIALOG_BTN_PRIMARY_STYLE,
+              "data-testid": "cs-name-manager-submit",
+              onClick: submit,
+              children: isEditing ? "Update" : "Add"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/chrome/InsertCellsDialog.tsx
+import { useMemo as useMemo8, useState as useState11 } from "react";
+import { Dimension } from "@univerjs/core";
+import { Fragment as Fragment8, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+var SHIFT_OPTIONS = [
+  { value: "right", label: "Shift cells right" },
+  { value: "down", label: "Shift cells down" },
+  { value: "row", label: "Entire row" },
+  { value: "column", label: "Entire column" }
+];
+function activeRange7(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
+}
+function applyInsert(api, shift) {
+  const range = activeRange7(api);
+  if (!range) return false;
+  switch (shift) {
+    case "right":
+      range.insertCells(Dimension.COLUMNS);
+      return true;
+    case "down":
+      range.insertCells(Dimension.ROWS);
+      return true;
+    case "row": {
+      const sheet = api.univer.getActiveWorkbook()?.getActiveSheet();
+      if (!sheet) return false;
+      const startRow = range.getRow();
+      const rowCount = range.getLastRow() - startRow + 1;
+      sheet.insertRows(startRow, rowCount);
+      return true;
+    }
+    case "column": {
+      const sheet = api.univer.getActiveWorkbook()?.getActiveSheet();
+      if (!sheet) return false;
+      const startColumn = range.getColumn();
+      const colCount = range.getLastColumn() - startColumn + 1;
+      sheet.insertColumns(startColumn, colCount);
+      return true;
+    }
+  }
+}
+var RANGE_NOTE_STYLE6 = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 14
+};
+var RADIO_STYLE = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8,
+  marginBottom: 10,
+  cursor: "pointer"
+};
+function InsertCellsDialog({ api, onClose }) {
+  const [shift, setShift] = useState11("down");
+  const rangeLabel = useMemo8(() => {
+    const fRange = activeRange7(api);
+    return fRange?.getA1Notation?.() ?? null;
+  }, [api]);
+  const hasSelection = activeRange7(api) !== null;
+  const apply = () => {
+    if (applyInsert(api, shift)) onClose();
+  };
+  return /* @__PURE__ */ jsxs12(
+    Dialog,
+    {
+      title: "Insert cells",
+      onClose,
+      width: 380,
+      "data-testid": "cs-insert-cells-dialog",
+      footer: /* @__PURE__ */ jsxs12(Fragment8, { children: [
+        /* @__PURE__ */ jsx13("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_PRIMARY_STYLE,
+            "data-testid": "cs-insert-cells-apply",
+            disabled: !hasSelection,
+            onClick: apply,
+            children: "Insert"
+          }
+        )
+      ] }),
+      children: [
+        hasSelection ? /* @__PURE__ */ jsxs12("div", { style: RANGE_NOTE_STYLE6, "data-testid": "cs-insert-cells-range", children: [
+          "Insert at ",
+          /* @__PURE__ */ jsx13("strong", { children: rangeLabel ?? "the current selection" })
+        ] }) : /* @__PURE__ */ jsx13("div", { style: RANGE_NOTE_STYLE6, "data-testid": "cs-insert-cells-no-selection", children: "Select one or more cells first, then reopen this dialog." }),
+        /* @__PURE__ */ jsx13("div", { role: "radiogroup", "aria-label": "Shift direction", children: SHIFT_OPTIONS.map((opt) => /* @__PURE__ */ jsxs12(
+          "label",
+          {
+            style: RADIO_STYLE,
+            "data-testid": `cs-insert-cells-shift-${opt.value}-label`,
+            children: [
+              /* @__PURE__ */ jsx13(
+                "input",
+                {
+                  type: "radio",
+                  name: "cs-insert-cells-shift",
+                  "data-testid": `cs-insert-cells-shift-${opt.value}`,
+                  checked: shift === opt.value,
+                  onChange: () => setShift(opt.value)
+                }
+              ),
+              /* @__PURE__ */ jsx13("span", { children: opt.label })
+            ]
+          },
+          opt.value
+        )) })
+      ]
+    }
+  );
+}
+
+// src/chrome/DeleteCellsDialog.tsx
+import { useMemo as useMemo9, useState as useState12 } from "react";
+import { Dimension as Dimension2 } from "@univerjs/core";
+import { Fragment as Fragment9, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+var SHIFT_OPTIONS2 = [
+  { value: "left", label: "Shift cells left" },
+  { value: "up", label: "Shift cells up" },
+  { value: "row", label: "Entire row" },
+  { value: "column", label: "Entire column" }
+];
+function activeRange8(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
+}
+function applyDelete(api, choice) {
+  const range = activeRange8(api);
+  if (!range) return false;
+  if (choice === "left") {
+    range.deleteCells(Dimension2.COLUMNS);
+    return true;
+  }
+  if (choice === "up") {
+    range.deleteCells(Dimension2.ROWS);
+    return true;
+  }
+  const sheet = api.univer.getActiveWorkbook()?.getActiveSheet();
+  if (!sheet) return false;
+  if (choice === "row") {
+    const start2 = range.getRow();
+    const count2 = range.getLastRow() - start2 + 1;
+    if (count2 <= 0) return false;
+    sheet.deleteRows(start2, count2);
+    return true;
+  }
+  const start = range.getColumn();
+  const count = range.getLastColumn() - start + 1;
+  if (count <= 0) return false;
+  sheet.deleteColumns(start, count);
+  return true;
+}
+var RANGE_NOTE_STYLE7 = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 12
+};
+var OPTION_STYLE = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8,
+  padding: "6px 4px",
+  cursor: "pointer"
+};
+function DeleteCellsDialog({ api, onClose }) {
+  const [choice, setChoice] = useState12("left");
+  const rangeLabel = useMemo9(() => {
+    const fRange = activeRange8(api);
+    return fRange?.getA1Notation?.() ?? null;
+  }, [api]);
+  const hasSelection = activeRange8(api) !== null;
+  const apply = () => {
+    if (applyDelete(api, choice)) onClose();
+  };
+  return /* @__PURE__ */ jsxs13(
+    Dialog,
+    {
+      title: "Delete cells",
+      onClose,
+      width: 360,
+      "data-testid": "cs-delete-cells-dialog",
+      footer: /* @__PURE__ */ jsxs13(Fragment9, { children: [
+        /* @__PURE__ */ jsx14("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx14(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_PRIMARY_STYLE,
+            "data-testid": "cs-delete-cells-apply",
+            disabled: !hasSelection,
+            onClick: apply,
+            children: "Delete"
+          }
+        )
+      ] }),
+      children: [
+        hasSelection ? /* @__PURE__ */ jsxs13("div", { style: RANGE_NOTE_STYLE7, "data-testid": "cs-delete-cells-range", children: [
+          "Delete ",
+          /* @__PURE__ */ jsx14("strong", { children: rangeLabel ?? "the current selection" }),
+          " and\u2026"
+        ] }) : /* @__PURE__ */ jsx14("div", { style: RANGE_NOTE_STYLE7, "data-testid": "cs-delete-cells-no-selection", children: "Select one or more cells first, then reopen this dialog." }),
+        /* @__PURE__ */ jsx14("div", { role: "radiogroup", "aria-label": "Delete option", children: SHIFT_OPTIONS2.map((opt) => /* @__PURE__ */ jsxs13("label", { style: OPTION_STYLE, children: [
+          /* @__PURE__ */ jsx14(
+            "input",
+            {
+              type: "radio",
+              name: "cs-delete-cells-shift",
+              "data-testid": `cs-delete-cells-${opt.value}`,
+              value: opt.value,
+              checked: choice === opt.value,
+              onChange: () => setChoice(opt.value)
+            }
+          ),
+          /* @__PURE__ */ jsx14("span", { children: opt.label })
+        ] }, opt.value)) })
+      ]
+    }
+  );
+}
+
+// src/chrome/GoalSeekDialog.tsx
+import { useMemo as useMemo10, useState as useState13 } from "react";
+import "@univerjs/sheets-formula/facade";
+import { Fragment as Fragment10, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+function getSolver(api) {
+  const worksheet = api.univer.getActiveWorkbook()?.getActiveSheet() ?? null;
+  if (!worksheet) return null;
+  const formula = api.univer.getFormula?.();
+  return {
+    worksheet,
+    settle: async () => {
+      if (formula?.onCalculationEnd) {
+        await formula.onCalculationEnd();
+        return;
+      }
+      await new Promise((resolve) => {
+        if (typeof requestAnimationFrame === "function") requestAnimationFrame(() => resolve());
+        else setTimeout(resolve, 16);
+      });
+    }
+  };
+}
+function toNumber(value) {
+  if (typeof value === "number") return value;
+  if (typeof value === "boolean") return value ? 1 : 0;
+  if (typeof value === "string" && value.trim() !== "") return Number(value);
+  return Number.NaN;
+}
+function isSingleCellA1(ref) {
+  return /^[A-Za-z]{1,3}[1-9][0-9]*$/.test(ref.trim());
+}
+var INITIAL_STATE3 = { setCell: "", toValue: "", byChangingCell: "" };
+var TOLERANCE = 1e-6;
+var MAX_ITERATIONS = 100;
+async function goalSeek(solver, setCellRef, target, changeCellRef) {
+  const setRange = solver.worksheet.getRange(setCellRef);
+  const changeRange = solver.worksheet.getRange(changeCellRef);
+  if (!setRange || !changeRange) return { ok: false, reason: "Could not resolve the cells." };
+  const original = toNumber(changeRange.getValue());
+  const x0Seed = Number.isFinite(original) ? original : 0;
+  const evalAt = async (x) => {
+    changeRange.setValue(x);
+    await solver.settle();
+    return toNumber(setRange.getValue());
+  };
+  const restore = async () => {
+    changeRange.setValue(x0Seed);
+    await solver.settle();
+  };
+  let x0 = x0Seed;
+  let f0 = await evalAt(x0) - target;
+  if (!Number.isFinite(f0)) {
+    await restore();
+    return { ok: false, reason: "The set cell is not a number (check that it holds a formula)." };
+  }
+  if (Math.abs(f0) <= TOLERANCE) return { ok: true, solution: x0, result: f0 + target };
+  let x1 = x0 !== 0 ? x0 * 1.01 + 0.01 : 1;
+  let f1 = await evalAt(x1) - target;
+  for (let i = 0; i < MAX_ITERATIONS; i++) {
+    if (Number.isFinite(f1) && Math.abs(f1) <= TOLERANCE) {
+      return { ok: true, solution: x1, result: f1 + target };
+    }
+    const denom = f1 - f0;
+    let x2;
+    if (!Number.isFinite(f1) || denom === 0) {
+      x2 = x1 + (x1 !== 0 ? x1 * 0.1 : 0.1);
+    } else {
+      const step = f1 * (x1 - x0) / denom;
+      x2 = x1 - step;
+      if (!Number.isFinite(x2)) x2 = x1 + (x1 !== 0 ? x1 * 0.1 : 0.1);
+    }
+    const f2 = await evalAt(x2) - target;
+    x0 = x1;
+    f0 = f1;
+    x1 = x2;
+    f1 = f2;
+  }
+  await restore();
+  return {
+    ok: false,
+    reason: `Could not converge after ${MAX_ITERATIONS} iterations. Try an input cell whose value the set cell actually depends on.`
+  };
+}
+var NOTE_STYLE = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 12
+};
+var STATUS_OK_STYLE = {
+  fontSize: 12,
+  color: "var(--cs-chrome-active-fg, #0e7490)",
+  marginTop: 4
+};
+var STATUS_ERR_STYLE = {
+  fontSize: 12,
+  color: "var(--cs-chrome-danger, #b91c1c)",
+  marginTop: 4
+};
+function GoalSeekDialog({ api, onClose }) {
+  const initialSetCell = useMemo10(() => {
+    const range = api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange();
+    const a1 = range?.getA1Notation?.();
+    return a1 && isSingleCellA1(a1) ? a1 : "";
+  }, [api]);
+  const [state, setState] = useState13({ ...INITIAL_STATE3, setCell: initialSetCell });
+  const [status, setStatus] = useState13({ kind: "idle" });
+  const update = (key, value) => {
+    setState((prev) => ({ ...prev, [key]: value }));
+    setStatus({ kind: "idle" });
+  };
+  const setCellValid = isSingleCellA1(state.setCell);
+  const changeCellValid = isSingleCellA1(state.byChangingCell);
+  const targetNum = Number(state.toValue);
+  const targetValid = state.toValue.trim() !== "" && Number.isFinite(targetNum);
+  const canRun = setCellValid && changeCellValid && targetValid && state.setCell.trim().toUpperCase() !== state.byChangingCell.trim().toUpperCase() && status.kind !== "running";
+  const run = async () => {
+    const solver = getSolver(api);
+    if (!solver) {
+      setStatus({ kind: "error", message: "No active sheet." });
+      return;
+    }
+    setStatus({ kind: "running" });
+    try {
+      const result = await goalSeek(
+        solver,
+        state.setCell.trim(),
+        targetNum,
+        state.byChangingCell.trim()
+      );
+      if (result.ok) {
+        setStatus({ kind: "done", solution: result.solution, result: result.result });
+      } else {
+        setStatus({ kind: "error", message: result.reason });
+      }
+    } catch (err) {
+      setStatus({
+        kind: "error",
+        message: err instanceof Error ? err.message : "Goal seek failed."
+      });
+    }
+  };
+  const running = status.kind === "running";
+  return /* @__PURE__ */ jsxs14(
+    Dialog,
+    {
+      title: "Goal seek",
+      onClose,
+      width: 420,
+      "data-testid": "cs-goal-seek-dialog",
+      footer: /* @__PURE__ */ jsxs14(Fragment10, { children: [
+        /* @__PURE__ */ jsx15("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: status.kind === "done" ? "Done" : "Cancel" }),
+        /* @__PURE__ */ jsx15(
+          "button",
+          {
+            type: "button",
+            style: { ...DIALOG_BTN_PRIMARY_STYLE, opacity: canRun ? 1 : 0.5 },
+            "data-testid": "cs-goal-seek-run",
+            disabled: !canRun,
+            onClick: run,
+            children: running ? "Solving\u2026" : "Solve"
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx15("div", { style: NOTE_STYLE, "data-testid": "cs-goal-seek-note", children: "Drives the input cell until the formula cell reaches your target value." }),
+        /* @__PURE__ */ jsxs14("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx15("span", { style: DIALOG_LABEL_STYLE, children: "Set cell (formula cell)" }),
+          /* @__PURE__ */ jsx15(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-goal-seek-set-cell",
+              placeholder: "e.g. B5",
+              value: state.setCell,
+              onChange: (e) => update("setCell", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs14("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx15("span", { style: DIALOG_LABEL_STYLE, children: "To value" }),
+          /* @__PURE__ */ jsx15(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-goal-seek-to-value",
+              type: "number",
+              placeholder: "e.g. 1000",
+              value: state.toValue,
+              onChange: (e) => update("toValue", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs14("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx15("span", { style: DIALOG_LABEL_STYLE, children: "By changing cell (input cell)" }),
+          /* @__PURE__ */ jsx15(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-goal-seek-change-cell",
+              placeholder: "e.g. B2",
+              value: state.byChangingCell,
+              onChange: (e) => update("byChangingCell", e.target.value)
+            }
+          )
+        ] }),
+        status.kind === "done" && /* @__PURE__ */ jsxs14("div", { style: STATUS_OK_STYLE, "data-testid": "cs-goal-seek-success", children: [
+          "Solved: ",
+          /* @__PURE__ */ jsx15("strong", { children: state.byChangingCell.trim().toUpperCase() }),
+          " =",
+          " ",
+          formatNumber(status.solution),
+          " makes",
+          " ",
+          /* @__PURE__ */ jsx15("strong", { children: state.setCell.trim().toUpperCase() }),
+          " = ",
+          formatNumber(status.result),
+          "."
+        ] }),
+        status.kind === "error" && /* @__PURE__ */ jsx15("div", { style: STATUS_ERR_STYLE, "data-testid": "cs-goal-seek-error", children: status.message })
+      ]
+    }
+  );
+}
+function formatNumber(n) {
+  if (!Number.isFinite(n)) return String(n);
+  const rounded = Math.round(n * 1e6) / 1e6;
+  return String(rounded);
+}
+
+// src/chrome/InsertChartDialog.tsx
+import { useMemo as useMemo11, useState as useState14 } from "react";
+import "@univerjs/sheets-drawing-ui/facade";
+import { Fragment as Fragment11, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+var CHART_TYPE_OPTIONS = [
+  { value: "column", label: "Column" },
+  { value: "bar", label: "Bar" },
+  { value: "line", label: "Line" },
+  { value: "pie", label: "Pie" }
+];
+var CHART_COMPONENT_KEY = "cs-builtin-chart-preview";
+var PALETTE = ["#0e7490", "#f59e0b", "#10b981", "#ef4444", "#6366f1", "#ec4899"];
+function activeRange9(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
+}
+function activeSheet2(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet() ?? null;
+}
+function readRangeNumbers(api) {
+  const snap = api.getSnapshot();
+  const sel = api.getSelection();
+  if (!snap || !sel) return [];
+  const sheet = snap.sheets?.[sel.sheetId];
+  if (!sheet) return [];
+  const { startRow, endRow, startColumn, endColumn } = sel.range;
+  const out = [];
+  for (let r = startRow; r <= endRow; r++) {
+    for (let c = startColumn; c <= endColumn; c++) {
+      const raw = sheet.cellData?.[r]?.[c]?.v;
+      const n = typeof raw === "number" ? raw : Number(raw);
+      if (Number.isFinite(n)) out.push(n);
+    }
+  }
+  return out;
+}
+function ensureChartComponent(api) {
+  const uni = api.univer;
+  if (uni.__csChartRegistered || typeof uni.registerComponent !== "function") return;
+  uni.registerComponent(CHART_COMPONENT_KEY, ChartPreview);
+  uni.__csChartRegistered = true;
+}
+function insertChart(api, s) {
+  const range = activeRange9(api);
+  const sheet = activeSheet2(api);
+  if (!range || !sheet) return false;
+  ensureChartComponent(api);
+  const values = readRangeNumbers(api);
+  const domSheet = sheet;
+  if (typeof domSheet.addFloatDomToRange !== "function") return false;
+  const result = domSheet.addFloatDomToRange(
+    range,
+    {
+      componentKey: CHART_COMPONENT_KEY,
+      allowTransform: true,
+      data: { type: s.chartType, values, rangeA1: s.rangeA1 }
+    },
+    { width: 360, height: 240, marginX: 0, marginY: 0 },
+    `cs-chart-${Date.now()}`
+  );
+  return result != null;
+}
+function ChartPreview({
+  data
+}) {
+  const type = data?.type ?? "column";
+  const values = (data?.values ?? []).slice(0, 24);
+  const label = data?.rangeA1 ?? "";
+  const wrapStyle = {
+    width: "100%",
+    height: "100%",
+    boxSizing: "border-box",
+    background: "#ffffff",
+    border: "1px solid #cdd3db",
+    borderRadius: 6,
+    padding: 8,
+    display: "flex",
+    flexDirection: "column",
+    font: "12px system-ui, sans-serif",
+    color: "#201f1e",
+    overflow: "hidden"
+  };
+  const titleStyle = {
+    fontWeight: 600,
+    marginBottom: 4,
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  };
+  const W = 340;
+  const H = 176;
+  const max = values.length ? Math.max(...values, 0) : 0;
+  const min = values.length ? Math.min(...values, 0) : 0;
+  const span = max - min || 1;
+  let body;
+  if (values.length === 0) {
+    body = /* @__PURE__ */ jsx16("text", { x: W / 2, y: H / 2, textAnchor: "middle", fill: "#605e5c", children: "No numeric data in range" });
+  } else if (type === "pie") {
+    const total = values.reduce((a, v) => a + Math.abs(v), 0) || 1;
+    const cx = W / 2;
+    const cy = H / 2;
+    const rad = Math.min(W, H) / 2 - 6;
+    let angle = -Math.PI / 2;
+    body = /* @__PURE__ */ jsx16(Fragment11, { children: values.map((v, i) => {
+      const frac = Math.abs(v) / total;
+      const next = angle + frac * Math.PI * 2;
+      const x1 = cx + rad * Math.cos(angle);
+      const y1 = cy + rad * Math.sin(angle);
+      const x2 = cx + rad * Math.cos(next);
+      const y2 = cy + rad * Math.sin(next);
+      const large = frac > 0.5 ? 1 : 0;
+      const d = `M ${cx} ${cy} L ${x1} ${y1} A ${rad} ${rad} 0 ${large} 1 ${x2} ${y2} Z`;
+      angle = next;
+      return /* @__PURE__ */ jsx16("path", { d, fill: PALETTE[i % PALETTE.length] }, i);
+    }) });
+  } else if (type === "line") {
+    const step = values.length > 1 ? W / (values.length - 1) : W;
+    const pts = values.map((v, i) => `${i * step},${H - (v - min) / span * H}`).join(" ");
+    body = /* @__PURE__ */ jsx16("polyline", { points: pts, fill: "none", stroke: PALETTE[0], strokeWidth: 2 });
+  } else {
+    const horizontal = type === "bar";
+    const n = values.length;
+    const gap = 4;
+    body = /* @__PURE__ */ jsx16(Fragment11, { children: values.map((v, i) => {
+      const fill = PALETTE[i % PALETTE.length];
+      if (horizontal) {
+        const bh2 = H / n - gap;
+        const bw2 = (v - min) / span * W;
+        return /* @__PURE__ */ jsx16(
+          "rect",
+          {
+            x: 0,
+            y: i * (bh2 + gap),
+            width: Math.max(bw2, 1),
+            height: bh2,
+            fill
+          },
+          i
+        );
+      }
+      const bw = W / n - gap;
+      const bh = (v - min) / span * H;
+      return /* @__PURE__ */ jsx16(
+        "rect",
+        {
+          x: i * (bw + gap),
+          y: H - bh,
+          width: bw,
+          height: Math.max(bh, 1),
+          fill
+        },
+        i
+      );
+    }) });
+  }
+  return /* @__PURE__ */ jsxs15("div", { style: wrapStyle, children: [
+    label && /* @__PURE__ */ jsx16("div", { style: titleStyle, children: `${type[0].toUpperCase()}${type.slice(1)} chart \xB7 ${label}` }),
+    /* @__PURE__ */ jsx16("svg", { viewBox: `0 0 ${W} ${H}`, width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet", children: body })
+  ] });
+}
+var RANGE_NOTE_STYLE8 = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 12
+};
+var TYPE_ROW_STYLE = {
+  display: "grid",
+  gridTemplateColumns: "repeat(4, 1fr)",
+  gap: 8,
+  marginBottom: 12
+};
+function typeCardStyle(selected) {
+  return {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: 6,
+    padding: "10px 4px",
+    border: `1px solid ${selected ? "var(--cs-chrome-active-fg, #0e7490)" : "var(--cs-chrome-border, #cdd3db)"}`,
+    borderRadius: 8,
+    background: selected ? "var(--cs-chrome-active-bg, #ecfeff)" : "var(--cs-chrome-input-bg, #fff)",
+    color: selected ? "var(--cs-chrome-active-fg, #0e7490)" : "var(--cs-chrome-fg, #201f1e)",
+    font: "inherit",
+    fontSize: 12,
+    cursor: "pointer"
+  };
+}
+function TypeGlyph({ type }) {
+  const c = "currentColor";
+  switch (type) {
+    case "column":
+      return /* @__PURE__ */ jsxs15("svg", { width: 22, height: 22, viewBox: "0 0 22 22", fill: c, "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx16("rect", { x: 2, y: 10, width: 4, height: 10 }),
+        /* @__PURE__ */ jsx16("rect", { x: 9, y: 5, width: 4, height: 15 }),
+        /* @__PURE__ */ jsx16("rect", { x: 16, y: 2, width: 4, height: 18 })
+      ] });
+    case "bar":
+      return /* @__PURE__ */ jsxs15("svg", { width: 22, height: 22, viewBox: "0 0 22 22", fill: c, "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx16("rect", { x: 2, y: 2, width: 10, height: 4 }),
+        /* @__PURE__ */ jsx16("rect", { x: 2, y: 9, width: 16, height: 4 }),
+        /* @__PURE__ */ jsx16("rect", { x: 2, y: 16, width: 7, height: 4 })
+      ] });
+    case "line":
+      return /* @__PURE__ */ jsx16(
+        "svg",
+        {
+          width: 22,
+          height: 22,
+          viewBox: "0 0 22 22",
+          fill: "none",
+          stroke: c,
+          strokeWidth: 2,
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx16("polyline", { points: "2,16 8,9 13,13 20,3" })
+        }
+      );
+    case "pie":
+      return /* @__PURE__ */ jsxs15("svg", { width: 22, height: 22, viewBox: "0 0 22 22", fill: c, "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx16("path", { d: "M11 11 L11 2 A9 9 0 0 1 20 11 Z" }),
+        /* @__PURE__ */ jsx16("circle", { cx: 11, cy: 11, r: 9, fill: "none", stroke: c, strokeWidth: 1.5 })
+      ] });
+  }
+}
+function InsertChartDialog({ api, onClose }) {
+  const rangeLabel = useMemo11(() => {
+    const fRange = activeRange9(api);
+    return fRange?.getA1Notation?.() ?? null;
+  }, [api]);
+  const [state, setState] = useState14(() => ({
+    chartType: "column",
+    rangeA1: rangeLabel ?? ""
+  }));
+  const hasSelection = activeRange9(api) !== null;
+  const update = (key, value) => setState((prev) => ({ ...prev, [key]: value }));
+  const apply = () => {
+    if (insertChart(api, state)) onClose();
+  };
+  return /* @__PURE__ */ jsxs15(
+    Dialog,
+    {
+      title: "Insert chart",
+      onClose,
+      width: 440,
+      "data-testid": "cs-insert-chart-dialog",
+      footer: /* @__PURE__ */ jsxs15(Fragment11, { children: [
+        /* @__PURE__ */ jsx16("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx16(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_PRIMARY_STYLE,
+            "data-testid": "cs-insert-chart-apply",
+            disabled: !hasSelection,
+            onClick: apply,
+            children: "Insert"
+          }
+        )
+      ] }),
+      children: [
+        hasSelection ? /* @__PURE__ */ jsxs15("div", { style: RANGE_NOTE_STYLE8, "data-testid": "cs-insert-chart-range", children: [
+          "Chart from ",
+          /* @__PURE__ */ jsx16("strong", { children: rangeLabel ?? "the current selection" })
+        ] }) : /* @__PURE__ */ jsx16("div", { style: RANGE_NOTE_STYLE8, "data-testid": "cs-insert-chart-no-selection", children: "Select the data range first, then reopen this dialog." }),
+        /* @__PURE__ */ jsx16("div", { style: DIALOG_LABEL_STYLE, children: "Chart type" }),
+        /* @__PURE__ */ jsx16("div", { style: TYPE_ROW_STYLE, role: "radiogroup", "aria-label": "Chart type", children: CHART_TYPE_OPTIONS.map((opt) => /* @__PURE__ */ jsxs15(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": state.chartType === opt.value,
+            "data-testid": `cs-insert-chart-type-${opt.value}`,
+            style: typeCardStyle(state.chartType === opt.value),
+            onClick: () => update("chartType", opt.value),
+            children: [
+              /* @__PURE__ */ jsx16(TypeGlyph, { type: opt.value }),
+              /* @__PURE__ */ jsx16("span", { children: opt.label })
+            ]
+          },
+          opt.value
+        )) }),
+        /* @__PURE__ */ jsxs15("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx16("span", { style: DIALOG_LABEL_STYLE, children: "Data range" }),
+          /* @__PURE__ */ jsx16(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-insert-chart-range-input",
+              value: state.rangeA1,
+              placeholder: "A1:B5",
+              onChange: (e) => update("rangeA1", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx16("div", { style: RANGE_NOTE_STYLE8, children: "The chart is placed over the current selection. Numeric cells in the range become the series." })
+      ]
+    }
+  );
+}
+
+// src/chrome/InsertSparklineDialog.tsx
+import { useMemo as useMemo12, useState as useState15 } from "react";
+import { Fragment as Fragment12, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+var SPARKLINES_RESOURCE_NAME = "__casual_sheets_sparklines__";
+var TYPE_OPTIONS = [
+  { value: "line", label: "Line" },
+  { value: "column", label: "Column" },
+  { value: "win-loss", label: "Win / Loss" }
+];
+function activeRange10(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
+}
+function colLettersToIndex(letters) {
+  let n = 0;
+  for (let i = 0; i < letters.length; i += 1) {
+    n = n * 26 + (letters.charCodeAt(i) - 64);
+  }
+  return n - 1;
+}
+function parseRange(s) {
+  const m = /^\$?([A-Z]+)\$?(\d+)(?::\$?([A-Z]+)\$?(\d+))?$/.exec(s.trim().toUpperCase());
+  if (!m) return null;
+  const c1 = colLettersToIndex(m[1]);
+  const r1 = parseInt(m[2], 10) - 1;
+  const c2 = m[3] ? colLettersToIndex(m[3]) : c1;
+  const r2 = m[4] ? parseInt(m[4], 10) - 1 : r1;
+  return {
+    startRow: Math.min(r1, r2),
+    endRow: Math.max(r1, r2),
+    startColumn: Math.min(c1, c2),
+    endColumn: Math.max(c1, c2)
+  };
+}
+function parseSingleCell(s) {
+  const m = /^\$?([A-Z]+)\$?(\d+)$/.exec(s.trim().toUpperCase());
+  if (!m) return null;
+  return { col: colLettersToIndex(m[1]), row: parseInt(m[2], 10) - 1 };
+}
+function insertSparkline(api, model) {
+  const data = api.getContent();
+  if (!data) return false;
+  const resources = data.resources ? [...data.resources] : [];
+  const idx = resources.findIndex((r) => r.name === SPARKLINES_RESOURCE_NAME);
+  let existing = [];
+  if (idx >= 0 && resources[idx]?.data) {
+    try {
+      const parsed = JSON.parse(resources[idx].data);
+      if (parsed?.v === 1 && Array.isArray(parsed.sparklines)) existing = parsed.sparklines;
+    } catch {
+      existing = [];
+    }
+  }
+  const payload = { v: 1, sparklines: [...existing, model] };
+  const entry = { name: SPARKLINES_RESOURCE_NAME, data: JSON.stringify(payload) };
+  if (idx >= 0) resources[idx] = entry;
+  else resources.push(entry);
+  const next = { ...data, resources };
+  api.setContent(next);
+  return true;
+}
+function activeIds(api) {
+  const wb = api.univer.getActiveWorkbook();
+  const sheet = wb?.getActiveSheet();
+  if (!wb || !sheet) return null;
+  return { unitId: wb.getId(), sheetId: sheet.getSheetId() };
+}
+var RANGE_NOTE_STYLE9 = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 12
+};
+var RADIO_ROW_STYLE = {
+  display: "flex",
+  gap: 16,
+  marginTop: 2
+};
+var RADIO_OPT_STYLE = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  cursor: "pointer"
+};
+var ERROR_STYLE2 = {
+  fontSize: 12,
+  color: "var(--cs-chrome-danger-fg, #b91c1c)",
+  marginTop: 4
+};
+function InsertSparklineDialog({ api, onClose }) {
+  const selectedA1 = useMemo12(() => {
+    const fRange = activeRange10(api);
+    return fRange?.getA1Notation?.() ?? "";
+  }, [api]);
+  const [state, setState] = useState15({
+    type: "line",
+    sourceA1: selectedA1,
+    anchorA1: ""
+  });
+  const [error, setError] = useState15(null);
+  const hasWorkbook = api.univer.getActiveWorkbook() != null;
+  const update = (key, value) => {
+    setState((prev) => ({ ...prev, [key]: value }));
+    setError(null);
+  };
+  const apply = () => {
+    const source = parseRange(state.sourceA1);
+    if (!source) {
+      setError("Data range must be a range like A1:F1.");
+      return;
+    }
+    const anchor = parseSingleCell(state.anchorA1);
+    if (!anchor) {
+      setError("Location must be a single cell like G1.");
+      return;
+    }
+    const ids = activeIds(api);
+    if (!ids) {
+      setError("No active sheet.");
+      return;
+    }
+    const model = {
+      id: `spark-${Math.random().toString(36).slice(2, 10)}`,
+      type: state.type,
+      unitId: ids.unitId,
+      sheetId: ids.sheetId,
+      source,
+      anchor
+    };
+    if (insertSparkline(api, model)) onClose();
+    else setError("Could not read the active workbook.");
+  };
+  return /* @__PURE__ */ jsxs16(
+    Dialog,
+    {
+      title: "Insert sparkline",
+      onClose,
+      width: 420,
+      "data-testid": "cs-insert-sparkline-dialog",
+      footer: /* @__PURE__ */ jsxs16(Fragment12, { children: [
+        /* @__PURE__ */ jsx17("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx17(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_PRIMARY_STYLE,
+            "data-testid": "cs-insert-sparkline-apply",
+            disabled: !hasWorkbook,
+            onClick: apply,
+            children: "Insert"
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx17("div", { style: RANGE_NOTE_STYLE9, children: "Draws an in-cell mini-chart in the location cell from the values in the data range." }),
+        /* @__PURE__ */ jsxs16("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx17("span", { style: DIALOG_LABEL_STYLE, children: "Type" }),
+          /* @__PURE__ */ jsx17(
+            "div",
+            {
+              style: RADIO_ROW_STYLE,
+              role: "radiogroup",
+              "aria-label": "Sparkline type",
+              "data-testid": "cs-insert-sparkline-type",
+              children: TYPE_OPTIONS.map((opt) => /* @__PURE__ */ jsxs16("label", { style: RADIO_OPT_STYLE, children: [
+                /* @__PURE__ */ jsx17(
+                  "input",
+                  {
+                    type: "radio",
+                    name: "cs-sparkline-type",
+                    value: opt.value,
+                    "data-testid": `cs-insert-sparkline-type-${opt.value}`,
+                    checked: state.type === opt.value,
+                    onChange: () => update("type", opt.value)
+                  }
+                ),
+                /* @__PURE__ */ jsx17("span", { children: opt.label })
+              ] }, opt.value))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs16("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx17("span", { style: DIALOG_LABEL_STYLE, children: "Data range" }),
+          /* @__PURE__ */ jsx17(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-insert-sparkline-source",
+              value: state.sourceA1,
+              placeholder: "A1:F1",
+              spellCheck: false,
+              onChange: (e) => update("sourceA1", e.target.value.toUpperCase())
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs16("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx17("span", { style: DIALOG_LABEL_STYLE, children: "Location" }),
+          /* @__PURE__ */ jsx17(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-insert-sparkline-anchor",
+              value: state.anchorA1,
+              placeholder: "G1",
+              spellCheck: false,
+              onChange: (e) => update("anchorA1", e.target.value.toUpperCase())
+            }
+          )
+        ] }),
+        error && /* @__PURE__ */ jsx17("div", { style: ERROR_STYLE2, "data-testid": "cs-insert-sparkline-error", children: error })
+      ]
+    }
+  );
+}
+
+// src/chrome/InsertPivotDialog.tsx
+import { useMemo as useMemo13, useState as useState16 } from "react";
+import { Fragment as Fragment13, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var AGG_OPTIONS = [
+  { value: "sum", label: "Sum" },
+  { value: "count", label: "Count" },
+  { value: "average", label: "Average" },
+  { value: "min", label: "Min" },
+  { value: "max", label: "Max" }
+];
+function activeRange11(api) {
+  return api.univer.getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
+}
+function readSource(api) {
+  const range = activeRange11(api);
+  const grid = range?.getValues?.() ?? [];
+  return Array.isArray(grid) ? grid : [];
+}
+function columnLabel(index, headerRow, useHeader) {
+  if (useHeader) {
+    const raw = headerRow?.[index];
+    if (raw != null && String(raw).trim().length > 0) return String(raw);
+  }
+  let n = index;
+  let label = "";
+  do {
+    label = String.fromCharCode(65 + n % 26) + label;
+    n = Math.floor(n / 26) - 1;
+  } while (n >= 0);
+  return `Column ${label}`;
+}
+function toNumber2(v) {
+  if (typeof v === "number") return Number.isFinite(v) ? v : null;
+  if (typeof v === "boolean") return v ? 1 : 0;
+  if (typeof v === "string" && v.trim() !== "") {
+    const n = Number(v);
+    return Number.isFinite(n) ? n : null;
+  }
+  return null;
+}
+function aggregate(fn, values, rowCount) {
+  if (fn === "count") return rowCount;
+  if (values.length === 0) return 0;
+  switch (fn) {
+    case "sum":
+      return values.reduce((a, b) => a + b, 0);
+    case "average":
+      return values.reduce((a, b) => a + b, 0) / values.length;
+    case "min":
+      return Math.min(...values);
+    case "max":
+      return Math.max(...values);
+  }
+}
+function buildPivot(source, useHeader, groupCol, valueCol, fn) {
+  if (source.length === 0) return null;
+  const headerRow = useHeader ? source[0] : void 0;
+  const dataRows = useHeader ? source.slice(1) : source;
+  if (dataRows.length === 0) return null;
+  const order = [];
+  const buckets = /* @__PURE__ */ new Map();
+  const counts = /* @__PURE__ */ new Map();
+  for (const row of dataRows) {
+    const rawKey = row[groupCol];
+    const key = rawKey == null ? "" : String(rawKey);
+    if (!buckets.has(key)) {
+      buckets.set(key, []);
+      counts.set(key, 0);
+      order.push(key);
+    }
+    counts.set(key, (counts.get(key) ?? 0) + 1);
+    const num = toNumber2(row[valueCol]);
+    if (num != null) buckets.get(key).push(num);
+  }
+  const groupHeader = columnLabel(groupCol, headerRow, useHeader);
+  const valueHeader = columnLabel(valueCol, headerRow, useHeader);
+  const aggLabel = AGG_OPTIONS.find((o) => o.value === fn)?.label ?? "Sum";
+  const grid = [[groupHeader, `${aggLabel} of ${valueHeader}`]];
+  for (const key of order) {
+    grid.push([key === "" ? "(blank)" : key, aggregate(fn, buckets.get(key), counts.get(key))]);
+  }
+  return { grid };
+}
+function toA1(row, col) {
+  let n = col;
+  let letters = "";
+  do {
+    letters = String.fromCharCode(65 + n % 26) + letters;
+    n = Math.floor(n / 26) - 1;
+  } while (n >= 0);
+  return `${letters}${row + 1}`;
+}
+var RANGE_NOTE_STYLE10 = {
+  fontSize: 12,
+  color: "var(--cs-chrome-muted, #605e5c)",
+  marginBottom: 12
+};
+var CHECK_STYLE5 = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  marginBottom: 12,
+  cursor: "pointer"
+};
+var RADIO_ROW_STYLE2 = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  marginBottom: 6,
+  cursor: "pointer"
+};
+function InsertPivotDialog({ api, onClose }) {
+  const source = useMemo13(() => readSource(api), [api]);
+  const rangeLabel = useMemo13(() => {
+    const r = activeRange11(api);
+    return r?.getA1Notation?.() ?? null;
+  }, [api]);
+  const hasSource = source.length > 0 && (source[0]?.length ?? 0) > 0;
+  const colCount = hasSource ? source[0].length : 0;
+  const [state, setState] = useState16({
+    useHeader: true,
+    groupCol: 0,
+    valueCol: colCount > 1 ? 1 : 0,
+    aggFn: "sum",
+    destination: "newSheet",
+    sheetName: "Pivot",
+    anchor: ""
+  });
+  const [error, setError] = useState16(null);
+  const update = (key, value) => {
+    setState((prev) => ({ ...prev, [key]: value }));
+    setError(null);
+  };
+  const columnOptions = useMemo13(() => {
+    const header = state.useHeader ? source[0] : void 0;
+    return Array.from({ length: colCount }, (_, i) => ({
+      value: i,
+      label: columnLabel(i, header, state.useHeader)
+    }));
+  }, [source, colCount, state.useHeader]);
+  const apply = () => {
+    const pivot = buildPivot(source, state.useHeader, state.groupCol, state.valueCol, state.aggFn);
+    if (!pivot) {
+      setError("The selection has no data rows to summarize.");
+      return;
+    }
+    const wb = api.univer.getActiveWorkbook();
+    if (!wb) {
+      setError("No active workbook.");
+      return;
+    }
+    try {
+      if (state.destination === "newSheet") {
+        const name = state.sheetName.trim() || "Pivot";
+        const rows = Math.max(pivot.grid.length + 2, 10);
+        const sheet = wb.create(name, rows, 4);
+        const target = sheet.getRange(`A1:${toA1(pivot.grid.length - 1, 1)}`);
+        target.setValues(pivot.grid);
+      } else {
+        const anchor = state.anchor.trim().toUpperCase();
+        if (!/^[A-Z]+[0-9]+$/.test(anchor)) {
+          setError("Enter a valid top-left cell, e.g. E1.");
+          return;
+        }
+        const sheet = wb.getActiveSheet();
+        if (!sheet) {
+          setError("No active sheet to write into.");
+          return;
+        }
+        const m = /^([A-Z]+)([0-9]+)$/.exec(anchor);
+        let col = 0;
+        for (const ch of m[1]) col = col * 26 + (ch.charCodeAt(0) - 64);
+        col -= 1;
+        const startRow = Number(m[2]) - 1;
+        const end = toA1(startRow + pivot.grid.length - 1, col + 1);
+        sheet.getRange(`${anchor}:${end}`).setValues(pivot.grid);
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to create the pivot table.");
+      return;
+    }
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs17(
+    Dialog,
+    {
+      title: "Insert pivot table",
+      onClose,
+      width: 460,
+      "data-testid": "cs-insert-pivot-dialog",
+      footer: /* @__PURE__ */ jsxs17(Fragment13, { children: [
+        /* @__PURE__ */ jsx18("button", { type: "button", style: DIALOG_BTN_SECONDARY_STYLE, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx18(
+          "button",
+          {
+            type: "button",
+            style: DIALOG_BTN_PRIMARY_STYLE,
+            "data-testid": "cs-insert-pivot-create",
+            disabled: !hasSource,
+            onClick: apply,
+            children: "Create"
+          }
+        )
+      ] }),
+      children: [
+        hasSource ? /* @__PURE__ */ jsxs17("div", { style: RANGE_NOTE_STYLE10, "data-testid": "cs-insert-pivot-source", children: [
+          "Source data ",
+          /* @__PURE__ */ jsx18("strong", { children: rangeLabel ?? "the current selection" }),
+          " (",
+          source.length,
+          " rows \xD7 ",
+          colCount,
+          " columns)"
+        ] }) : /* @__PURE__ */ jsx18("div", { style: RANGE_NOTE_STYLE10, "data-testid": "cs-insert-pivot-no-selection", children: "Select the source data range first (including its header row), then reopen this dialog." }),
+        /* @__PURE__ */ jsxs17("label", { style: CHECK_STYLE5, "data-testid": "cs-insert-pivot-header-label", children: [
+          /* @__PURE__ */ jsx18(
+            "input",
+            {
+              type: "checkbox",
+              "data-testid": "cs-insert-pivot-header",
+              checked: state.useHeader,
+              onChange: (e) => update("useHeader", e.target.checked),
+              disabled: !hasSource
+            }
+          ),
+          /* @__PURE__ */ jsx18("span", { children: "First row is a header" })
+        ] }),
+        /* @__PURE__ */ jsxs17("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx18("span", { style: DIALOG_LABEL_STYLE, children: "Rows (group by)" }),
+          /* @__PURE__ */ jsx18(
+            "select",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-insert-pivot-group-col",
+              value: state.groupCol,
+              disabled: !hasSource,
+              onChange: (e) => update("groupCol", Number(e.target.value)),
+              children: columnOptions.map((opt) => /* @__PURE__ */ jsx18("option", { value: opt.value, children: opt.label }, opt.value))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs17("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx18("span", { style: DIALOG_LABEL_STYLE, children: "Values" }),
+          /* @__PURE__ */ jsx18(
+            "select",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-insert-pivot-value-col",
+              value: state.valueCol,
+              disabled: !hasSource,
+              onChange: (e) => update("valueCol", Number(e.target.value)),
+              children: columnOptions.map((opt) => /* @__PURE__ */ jsx18("option", { value: opt.value, children: opt.label }, opt.value))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs17("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx18("span", { style: DIALOG_LABEL_STYLE, children: "Summarize by" }),
+          /* @__PURE__ */ jsx18(
+            "select",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-insert-pivot-agg",
+              value: state.aggFn,
+              disabled: !hasSource,
+              onChange: (e) => update("aggFn", e.target.value),
+              children: AGG_OPTIONS.map((opt) => /* @__PURE__ */ jsx18("option", { value: opt.value, children: opt.label }, opt.value))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs17("div", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx18("span", { style: DIALOG_LABEL_STYLE, children: "Destination" }),
+          /* @__PURE__ */ jsxs17("label", { style: RADIO_ROW_STYLE2, children: [
+            /* @__PURE__ */ jsx18(
+              "input",
+              {
+                type: "radio",
+                name: "cs-insert-pivot-destination",
+                "data-testid": "cs-insert-pivot-dest-new",
+                checked: state.destination === "newSheet",
+                onChange: () => update("destination", "newSheet")
+              }
+            ),
+            /* @__PURE__ */ jsx18("span", { children: "New sheet" })
+          ] }),
+          /* @__PURE__ */ jsxs17("label", { style: RADIO_ROW_STYLE2, children: [
+            /* @__PURE__ */ jsx18(
+              "input",
+              {
+                type: "radio",
+                name: "cs-insert-pivot-destination",
+                "data-testid": "cs-insert-pivot-dest-existing",
+                checked: state.destination === "existing",
+                onChange: () => update("destination", "existing")
+              }
+            ),
+            /* @__PURE__ */ jsx18("span", { children: "Existing sheet (choose top-left cell)" })
+          ] })
+        ] }),
+        state.destination === "newSheet" ? /* @__PURE__ */ jsxs17("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx18("span", { style: DIALOG_LABEL_STYLE, children: "New sheet name" }),
+          /* @__PURE__ */ jsx18(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-insert-pivot-sheet-name",
+              value: state.sheetName,
+              placeholder: "Pivot",
+              onChange: (e) => update("sheetName", e.target.value)
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs17("label", { style: DIALOG_FIELD_STYLE, children: [
+          /* @__PURE__ */ jsx18("span", { style: DIALOG_LABEL_STYLE, children: "Top-left cell (on the active sheet)" }),
+          /* @__PURE__ */ jsx18(
+            "input",
+            {
+              style: DIALOG_INPUT_STYLE,
+              "data-testid": "cs-insert-pivot-anchor",
+              value: state.anchor,
+              placeholder: "e.g. E1",
+              onChange: (e) => update("anchor", e.target.value)
+            }
+          )
+        ] }),
+        error && /* @__PURE__ */ jsx18(
+          "div",
+          {
+            style: {
+              ...RANGE_NOTE_STYLE10,
+              color: "var(--cs-chrome-danger, #b3261e)",
+              marginBottom: 0
+            },
+            "data-testid": "cs-insert-pivot-error",
+            role: "alert",
+            children: error
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/chrome/dialog-context.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 var BUILT_IN_DIALOGS = {
-  "format-cells": FormatCellsDialog
+  "format-cells": FormatCellsDialog,
+  "data-validation": DataValidationDialog,
+  "conditional-formatting": ConditionalFormattingDialog,
+  "custom-sort": CustomSortDialog,
+  "paste-special": PasteSpecialDialog,
+  "insert-function": InsertFunctionDialog,
+  "name-manager": NameManagerDialog,
+  "insert-cells": InsertCellsDialog,
+  "delete-cells": DeleteCellsDialog,
+  "goal-seek": GoalSeekDialog,
+  "insert-chart": InsertChartDialog,
+  "insert-sparkline": InsertSparklineDialog,
+  "insert-pivot": InsertPivotDialog
 };
 function hasBuiltInDialog(kind) {
   return kind in BUILT_IN_DIALOGS || kind === "find-replace";
@@ -1158,10 +4253,10 @@ function DialogProvider({
   onOpenFindReplace,
   children
 }) {
-  const [active, setActive] = useState5(null);
+  const [active, setActive] = useState17(null);
   const overrides = extensions?.dialogs;
-  const hostOwned = useMemo2(() => new Set(hostOwnedDialogs ?? []), [hostOwnedDialogs]);
-  const openDialog = useCallback(
+  const hostOwned = useMemo14(() => new Set(hostOwnedDialogs ?? []), [hostOwnedDialogs]);
+  const openDialog = useCallback2(
     (kind, context) => {
       if (overrides?.[kind]) {
         setActive({ kind, context });
@@ -1186,22 +4281,22 @@ function DialogProvider({
     },
     [overrides, onDialogRequest, hostOwned, onOpenFindReplace]
   );
-  const closeDialog = useCallback(() => setActive(null), []);
-  const canOpen = useCallback(
+  const closeDialog = useCallback2(() => setActive(null), []);
+  const canOpen = useCallback2(
     (kind) => !!overrides?.[kind] || hasBuiltInDialog(kind) || !!onDialogRequest || hostOwned.has(kind),
     [overrides, onDialogRequest, hostOwned]
   );
-  const controllerCanOpen = useCallback(
+  const controllerCanOpen = useCallback2(
     (kind) => kind === "find-replace" ? !!onOpenFindReplace || canOpen(kind) : canOpen(kind),
     [canOpen, onOpenFindReplace]
   );
-  const controller = useMemo2(
+  const controller = useMemo14(
     () => ({ openDialog, closeDialog, canOpen: controllerCanOpen }),
     [openDialog, closeDialog, controllerCanOpen]
   );
-  return /* @__PURE__ */ jsxs6(DialogContext.Provider, { value: controller, children: [
+  return /* @__PURE__ */ jsxs18(DialogContext.Provider, { value: controller, children: [
     children,
-    /* @__PURE__ */ jsx7(DialogHost, { api, active, overrides, onClose: closeDialog })
+    /* @__PURE__ */ jsx19(DialogHost, { api, active, overrides, onClose: closeDialog })
   ] });
 }
 function DialogHost({ api, active, overrides, onClose }) {
@@ -1209,11 +4304,11 @@ function DialogHost({ api, active, overrides, onClose }) {
   if (active.kind === "find-replace") return null;
   const Component = overrides?.[active.kind] ?? BUILT_IN_DIALOGS[active.kind];
   if (!Component) return null;
-  return /* @__PURE__ */ jsx7(Component, { api, onClose, context: active.context });
+  return /* @__PURE__ */ jsx19(Component, { api, onClose, context: active.context });
 }
 
 // src/chrome/Toolbar.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var NO_STYLE = {
   bold: false,
   italic: false,
@@ -1547,7 +4642,7 @@ function isActive(id, s) {
 }
 function Toolbar({ api, features, extensions }) {
   const dialogs = useDialogs();
-  const [active, setActive] = useState6(NO_STYLE);
+  const [active, setActive] = useState18(NO_STYLE);
   useEffect6(() => {
     ensureChromeFonts();
   }, []);
@@ -1584,7 +4679,7 @@ function Toolbar({ api, features, extensions }) {
   const renderActionButton = (a) => {
     const on = isActive(a.id, active);
     const baseBg = on ? "var(--cs-chrome-active, #e6f3f7)" : "transparent";
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx20(
       "button",
       {
         type: "button",
@@ -1610,12 +4705,12 @@ function Toolbar({ api, features, extensions }) {
         onMouseLeave: (e) => {
           e.currentTarget.style.background = baseBg;
         },
-        children: /* @__PURE__ */ jsx8(Icon, { name: a.icon, size: 20 })
+        children: /* @__PURE__ */ jsx20(Icon, { name: a.icon, size: 20 })
       },
       a.id
     );
   };
-  const renderIconButton = (id, label, icon, onPress, testid) => /* @__PURE__ */ jsx8(
+  const renderIconButton = (id, label, icon, onPress, testid) => /* @__PURE__ */ jsx20(
     "button",
     {
       type: "button",
@@ -1635,7 +4730,7 @@ function Toolbar({ api, features, extensions }) {
       onMouseLeave: (e) => {
         e.currentTarget.style.background = "transparent";
       },
-      children: /* @__PURE__ */ jsx8(Icon, { name: icon, size: 20 })
+      children: /* @__PURE__ */ jsx20(Icon, { name: icon, size: 20 })
     },
     id
   );
@@ -1646,8 +4741,8 @@ function Toolbar({ api, features, extensions }) {
     if (visible.length === 0) return null;
     const showDivider = firstGroupRendered;
     firstGroupRendered = true;
-    return /* @__PURE__ */ jsxs7("span", { style: { display: "inline-flex", alignItems: "center" }, children: [
-      showDivider && /* @__PURE__ */ jsx8("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
+    return /* @__PURE__ */ jsxs19("span", { style: { display: "inline-flex", alignItems: "center" }, children: [
+      showDivider && /* @__PURE__ */ jsx20("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
       visible.map(renderActionButton)
     ] }, gi);
   });
@@ -1668,9 +4763,9 @@ function Toolbar({ api, features, extensions }) {
     if (e.command) void api.executeCommand(e.command, e.commandParams);
     else e.onClick?.(api);
   };
-  return /* @__PURE__ */ jsxs7("div", { style: BAR_STYLE, "data-testid": "casual-sheets-toolbar", role: "toolbar", "aria-label": "Editor", children: [
-    showFont && /* @__PURE__ */ jsxs7(Fragment2, { children: [
-      /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs19("div", { style: BAR_STYLE, "data-testid": "casual-sheets-toolbar", role: "toolbar", "aria-label": "Editor", children: [
+    showFont && /* @__PURE__ */ jsxs19(Fragment14, { children: [
+      /* @__PURE__ */ jsx20(
         "select",
         {
           "aria-label": "Font family",
@@ -1679,10 +4774,10 @@ function Toolbar({ api, features, extensions }) {
           value: familyValue,
           disabled: !api,
           onChange: (e) => dispatch("sheet.command.set-range-font-family", { value: e.target.value }),
-          children: familyOptions.map((f) => /* @__PURE__ */ jsx8("option", { value: f, children: f }, f))
+          children: familyOptions.map((f) => /* @__PURE__ */ jsx20("option", { value: f, children: f }, f))
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx20(
         "select",
         {
           "aria-label": "Font size",
@@ -1691,7 +4786,7 @@ function Toolbar({ api, features, extensions }) {
           value: sizeValue,
           disabled: !api,
           onChange: (e) => applyFontSize(Number(e.target.value)),
-          children: sizeOptions.map((s) => /* @__PURE__ */ jsx8("option", { value: s, children: s }, s))
+          children: sizeOptions.map((s) => /* @__PURE__ */ jsx20("option", { value: s, children: s }, s))
         }
       ),
       renderIconButton(
@@ -1708,15 +4803,15 @@ function Toolbar({ api, features, extensions }) {
         () => adjustFontSize(-1),
         "cs-font-size-down"
       ),
-      /* @__PURE__ */ jsx8("span", { style: DIVIDER_STYLE, "aria-hidden": true })
+      /* @__PURE__ */ jsx20("span", { style: DIVIDER_STYLE, "aria-hidden": true })
     ] }),
     groupNodes,
-    (showColor || showBorders) && /* @__PURE__ */ jsx8("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
-    showColor && /* @__PURE__ */ jsx8(ColorPicker, { api }),
-    showBorders && /* @__PURE__ */ jsx8(BordersPicker, { api }),
-    showNumberDropdown && /* @__PURE__ */ jsxs7(Fragment2, { children: [
-      /* @__PURE__ */ jsx8("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
-      /* @__PURE__ */ jsx8(
+    (showColor || showBorders) && /* @__PURE__ */ jsx20("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
+    showColor && /* @__PURE__ */ jsx20(ColorPicker, { api }),
+    showBorders && /* @__PURE__ */ jsx20(BordersPicker, { api }),
+    showNumberDropdown && /* @__PURE__ */ jsxs19(Fragment14, { children: [
+      /* @__PURE__ */ jsx20("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
+      /* @__PURE__ */ jsx20(
         "select",
         {
           "aria-label": "Number format",
@@ -1725,16 +4820,16 @@ function Toolbar({ api, features, extensions }) {
           value: numberFormatValue,
           disabled: !api,
           onChange: (e) => applyNumberFormat(NUMBER_FORMAT_PATTERNS2[e.target.value]),
-          children: NUMBER_FORMAT_OPTIONS2.map((o) => /* @__PURE__ */ jsx8("option", { value: o.value, children: o.label }, o.value))
+          children: NUMBER_FORMAT_OPTIONS2.map((o) => /* @__PURE__ */ jsx20("option", { value: o.value, children: o.label }, o.value))
         }
       )
     ] }),
-    showAutoSum && /* @__PURE__ */ jsxs7(Fragment2, { children: [
-      /* @__PURE__ */ jsx8("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
-      /* @__PURE__ */ jsx8(AutoSumPicker, { api })
+    showAutoSum && /* @__PURE__ */ jsxs19(Fragment14, { children: [
+      /* @__PURE__ */ jsx20("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
+      /* @__PURE__ */ jsx20(AutoSumPicker, { api })
     ] }),
-    showDialogGroup && /* @__PURE__ */ jsxs7(Fragment2, { children: [
-      /* @__PURE__ */ jsx8("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
+    showDialogGroup && /* @__PURE__ */ jsxs19(Fragment14, { children: [
+      /* @__PURE__ */ jsx20("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
       showFormatCells && renderIconButton(
         "format-cells",
         "Format Cells\u2026",
@@ -1757,8 +4852,8 @@ function Toolbar({ api, features, extensions }) {
         "cs-pivot-table"
       )
     ] }),
-    toolbarExt.length > 0 && /* @__PURE__ */ jsxs7(Fragment2, { children: [
-      /* @__PURE__ */ jsx8("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
+    toolbarExt.length > 0 && /* @__PURE__ */ jsxs19(Fragment14, { children: [
+      /* @__PURE__ */ jsx20("span", { style: DIVIDER_STYLE, "aria-hidden": true }),
       toolbarExt.map(
         (e) => renderIconButton(e.id, e.label, e.icon, () => runExt(e), `cs-ext-${e.id}`)
       )
@@ -1769,16 +4864,16 @@ function Toolbar({ api, features, extensions }) {
 // src/chrome/FormulaBar.tsx
 import {
   useEffect as useEffect8,
-  useMemo as useMemo3,
+  useMemo as useMemo15,
   useRef as useRef6,
-  useState as useState8
+  useState as useState20
 } from "react";
 import { ICommandService as ICommandService3 } from "@univerjs/core";
 
 // src/chrome/NameBox.tsx
-import { useEffect as useEffect7, useRef as useRef5, useState as useState7 } from "react";
+import { useEffect as useEffect7, useRef as useRef5, useState as useState19 } from "react";
 import { ICommandService as ICommandService2 } from "@univerjs/core";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function readDefinedNames(api) {
   if (!api) return [];
   try {
@@ -1888,13 +4983,13 @@ var ITEM_REF_STYLE = {
   flex: "0 0 auto"
 };
 function NameBox({ api }) {
-  const [ref, setRef] = useState7("");
-  const [draft, setDraft] = useState7(null);
+  const [ref, setRef] = useState19("");
+  const [draft, setDraft] = useState19(null);
   const draftRef = useRef5(null);
   draftRef.current = draft;
   const inputRef = useRef5(null);
-  const [open, setOpen] = useState7(false);
-  const [names, setNames] = useState7([]);
+  const [open, setOpen] = useState19(false);
+  const [names, setNames] = useState19([]);
   const rootRef = useRef5(null);
   useEffect7(() => {
     if (!api) return;
@@ -1969,8 +5064,8 @@ function NameBox({ api }) {
     }
   };
   const shown = draft ?? ref;
-  return /* @__PURE__ */ jsxs8("div", { ref: rootRef, style: ROOT_STYLE, children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs20("div", { ref: rootRef, style: ROOT_STYLE, children: [
+    /* @__PURE__ */ jsx21(
       "input",
       {
         ref: inputRef,
@@ -1992,7 +5087,7 @@ function NameBox({ api }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx21(
       "button",
       {
         type: "button",
@@ -2011,10 +5106,10 @@ function NameBox({ api }) {
           e.preventDefault();
           toggleDropdown();
         },
-        children: /* @__PURE__ */ jsx9(Icon, { name: "expand_more", size: 18 })
+        children: /* @__PURE__ */ jsx21(Icon, { name: "expand_more", size: 18 })
       }
     ),
-    open && /* @__PURE__ */ jsx9("div", { style: MENU_STYLE, role: "menu", "data-testid": "cs-namebox-menu", children: names.length === 0 ? /* @__PURE__ */ jsx9("div", { style: MENU_EMPTY_STYLE, children: "No names" }) : names.map((entry, i) => /* @__PURE__ */ jsxs8(
+    open && /* @__PURE__ */ jsx21("div", { style: MENU_STYLE, role: "menu", "data-testid": "cs-namebox-menu", children: names.length === 0 ? /* @__PURE__ */ jsx21("div", { style: MENU_EMPTY_STYLE, children: "No names" }) : names.map((entry, i) => /* @__PURE__ */ jsxs20(
       "button",
       {
         type: "button",
@@ -2033,8 +5128,8 @@ function NameBox({ api }) {
           e.currentTarget.style.background = "transparent";
         },
         children: [
-          /* @__PURE__ */ jsx9("span", { children: entry.name }),
-          entry.ref && /* @__PURE__ */ jsx9("span", { style: ITEM_REF_STYLE, children: entry.ref })
+          /* @__PURE__ */ jsx21("span", { children: entry.name }),
+          entry.ref && /* @__PURE__ */ jsx21("span", { style: ITEM_REF_STYLE, children: entry.ref })
         ]
       },
       entry.name
@@ -2043,8 +5138,8 @@ function NameBox({ api }) {
 }
 
 // src/chrome/FormulaBar.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var FUNCTIONS = [
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+var FUNCTIONS2 = [
   "ABS",
   "AND",
   "AVERAGE",
@@ -2148,7 +5243,7 @@ function suggestFor(draft) {
   const m = TOKEN_RE.exec(draft);
   if (!m) return [];
   const prefix = m[1].toUpperCase();
-  return FUNCTIONS.filter((f) => f.startsWith(prefix) && f !== prefix).slice(0, 8);
+  return FUNCTIONS2.filter((f) => f.startsWith(prefix) && f !== prefix).slice(0, 8);
 }
 function colToLetters2(col) {
   let s = "";
@@ -2231,12 +5326,12 @@ var AC_ITEM_STYLE = {
   cursor: "pointer"
 };
 function FormulaBar({ api }) {
-  const [cell, setCell] = useState8(null);
-  const [draft, setDraft] = useState8(null);
+  const [cell, setCell] = useState20(null);
+  const [draft, setDraft] = useState20(null);
   const draftRef = useRef6(null);
   draftRef.current = draft;
-  const [acIdx, setAcIdx] = useState8(0);
-  const [acDismissed, setAcDismissed] = useState8(false);
+  const [acIdx, setAcIdx] = useState20(0);
+  const [acDismissed, setAcDismissed] = useState20(false);
   useEffect8(() => {
     if (!api) return;
     const refresh = () => {
@@ -2249,7 +5344,7 @@ function FormulaBar({ api }) {
     const sub = cmd?.onCommandExecuted(() => refresh());
     return () => sub?.dispose();
   }, [api]);
-  const suggestions = useMemo3(() => suggestFor(draft), [draft]);
+  const suggestions = useMemo15(() => suggestFor(draft), [draft]);
   const acOpen = !acDismissed && suggestions.length > 0;
   const commit = (text) => {
     setDraft(null);
@@ -2307,11 +5402,11 @@ function FormulaBar({ api }) {
     }
   };
   const shown = draft ?? cell?.text ?? "";
-  return /* @__PURE__ */ jsxs9("div", { style: BAR_STYLE2, "data-testid": "casual-sheets-formula-bar", children: [
-    /* @__PURE__ */ jsx10(NameBox, { api }),
-    /* @__PURE__ */ jsx10("span", { style: FX_STYLE, "aria-hidden": true, children: "fx" }),
-    /* @__PURE__ */ jsxs9("div", { style: INPUT_WRAP_STYLE, children: [
-      /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs21("div", { style: BAR_STYLE2, "data-testid": "casual-sheets-formula-bar", children: [
+    /* @__PURE__ */ jsx22(NameBox, { api }),
+    /* @__PURE__ */ jsx22("span", { style: FX_STYLE, "aria-hidden": true, children: "fx" }),
+    /* @__PURE__ */ jsxs21("div", { style: INPUT_WRAP_STYLE, children: [
+      /* @__PURE__ */ jsx22(
         "input",
         {
           type: "text",
@@ -2327,7 +5422,7 @@ function FormulaBar({ api }) {
           disabled: !api
         }
       ),
-      acOpen && /* @__PURE__ */ jsx10("div", { style: AC_STYLE, "data-testid": "cs-formula-suggestions", role: "listbox", children: suggestions.map((fn, i) => /* @__PURE__ */ jsx10(
+      acOpen && /* @__PURE__ */ jsx22("div", { style: AC_STYLE, "data-testid": "cs-formula-suggestions", role: "listbox", children: suggestions.map((fn, i) => /* @__PURE__ */ jsx22(
         "button",
         {
           type: "button",
@@ -2353,9 +5448,9 @@ function FormulaBar({ api }) {
 }
 
 // src/chrome/StatusBar.tsx
-import { useEffect as useEffect9, useState as useState9 } from "react";
+import { useEffect as useEffect9, useState as useState21 } from "react";
 import { ICommandService as ICommandService4 } from "@univerjs/core";
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 function readStats(api) {
   const sel = api.getSelection();
   const sheet = api.univer.getActiveWorkbook()?.getActiveSheet();
@@ -2438,8 +5533,8 @@ var ZOOM_LEVEL_STYLE = {
   textAlign: "center"
 };
 function StatusBar({ api }) {
-  const [stats, setStats] = useState9(null);
-  const [zoom, setZoom] = useState9(1);
+  const [stats, setStats] = useState21(null);
+  const [zoom, setZoom] = useState21(1);
   useEffect9(() => {
     if (!api) return;
     const refresh = () => {
@@ -2466,37 +5561,37 @@ function StatusBar({ api }) {
   };
   const zoomBy = (delta) => setZoomRatio(Math.round((zoom + delta) * 100) / 100);
   const resetZoom = () => setZoomRatio(1);
-  return /* @__PURE__ */ jsxs10("div", { style: BAR_STYLE3, "data-testid": "casual-sheets-status-bar", children: [
-    stats && /* @__PURE__ */ jsxs10(Fragment3, { children: [
-      stats.numCount > 0 && /* @__PURE__ */ jsxs10("span", { "data-stat": "average", children: [
+  return /* @__PURE__ */ jsxs22("div", { style: BAR_STYLE3, "data-testid": "casual-sheets-status-bar", children: [
+    stats && /* @__PURE__ */ jsxs22(Fragment15, { children: [
+      stats.numCount > 0 && /* @__PURE__ */ jsxs22("span", { "data-stat": "average", children: [
         "Average: ",
         fmt(stats.avg)
       ] }),
-      /* @__PURE__ */ jsxs10("span", { "data-stat": "count", children: [
+      /* @__PURE__ */ jsxs22("span", { "data-stat": "count", children: [
         "Count: ",
         stats.count
       ] }),
-      stats.numCount > 0 && /* @__PURE__ */ jsxs10(Fragment3, { children: [
-        /* @__PURE__ */ jsxs10("span", { "data-stat": "num-count", children: [
+      stats.numCount > 0 && /* @__PURE__ */ jsxs22(Fragment15, { children: [
+        /* @__PURE__ */ jsxs22("span", { "data-stat": "num-count", children: [
           "Numerical Count: ",
           stats.numCount
         ] }),
-        /* @__PURE__ */ jsxs10("span", { "data-stat": "min", children: [
+        /* @__PURE__ */ jsxs22("span", { "data-stat": "min", children: [
           "Min: ",
           fmt(stats.min)
         ] }),
-        /* @__PURE__ */ jsxs10("span", { "data-stat": "max", children: [
+        /* @__PURE__ */ jsxs22("span", { "data-stat": "max", children: [
           "Max: ",
           fmt(stats.max)
         ] }),
-        /* @__PURE__ */ jsxs10("span", { "data-stat": "sum", children: [
+        /* @__PURE__ */ jsxs22("span", { "data-stat": "sum", children: [
           "Sum: ",
           fmt(stats.sum)
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs10("span", { style: ZOOM_GROUP_STYLE, "data-testid": "cs-zoom", children: [
-      /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsxs22("span", { style: ZOOM_GROUP_STYLE, "data-testid": "cs-zoom", children: [
+      /* @__PURE__ */ jsx23(
         "button",
         {
           type: "button",
@@ -2512,7 +5607,7 @@ function StatusBar({ api }) {
           children: "\u2212"
         }
       ),
-      /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsxs22(
         "button",
         {
           type: "button",
@@ -2531,7 +5626,7 @@ function StatusBar({ api }) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx23(
         "button",
         {
           type: "button",
@@ -2552,7 +5647,7 @@ function StatusBar({ api }) {
 }
 
 // src/chrome/MenuBar.tsx
-import { useEffect as useEffect10, useRef as useRef7, useState as useState10 } from "react";
+import { useEffect as useEffect10, useRef as useRef7, useState as useState22 } from "react";
 import { BorderStyleTypes as BorderStyleTypes2, BorderType as BorderType2 } from "@univerjs/core";
 
 // src/chrome/openExternal.ts
@@ -2764,7 +5859,7 @@ function computeVisibleMenus(menus, features, canOpen, ext) {
 }
 
 // src/chrome/MenuBar.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
 function fmtShortcut(shortcut) {
   const isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/i.test(navigator.platform || "");
   if (!isMac) return shortcut;
@@ -2784,14 +5879,14 @@ function fmtShortcut(shortcut) {
 function fu(api) {
   return api.univer;
 }
-function activeRange2(api) {
+function activeRange12(api) {
   return fu(api).getActiveWorkbook()?.getActiveSheet()?.getActiveRange() ?? null;
 }
-function activeSheet(api) {
+function activeSheet3(api) {
   return fu(api).getActiveWorkbook()?.getActiveSheet() ?? null;
 }
 function selectionA1(api) {
-  const range = activeRange2(api);
+  const range = activeRange12(api);
   if (!range) return null;
   try {
     return range.getA1Notation();
@@ -2806,38 +5901,38 @@ var copy = (api) => void api.executeCommand("univer.command.copy");
 var paste = (api) => void api.executeCommand("univer.command.paste");
 var pasteFormattingOnly = (api) => void api.executeCommand("sheet.command.paste-format");
 var insertRowAbove = (api) => {
-  const range = activeRange2(api);
-  const sheet = activeSheet(api);
+  const range = activeRange12(api);
+  const sheet = activeSheet3(api);
   if (!range || !sheet) return;
   sheet.insertRowBefore(range.getRow());
 };
 var insertRowBelow = (api) => {
-  const range = activeRange2(api);
-  const sheet = activeSheet(api);
+  const range = activeRange12(api);
+  const sheet = activeSheet3(api);
   if (!range || !sheet) return;
   sheet.insertRowAfter(range.getRow() + range.getHeight() - 1);
 };
 var insertColumnLeft = (api) => {
-  const range = activeRange2(api);
-  const sheet = activeSheet(api);
+  const range = activeRange12(api);
+  const sheet = activeSheet3(api);
   if (!range || !sheet) return;
   sheet.insertColumnBefore(range.getColumn());
 };
 var insertColumnRight = (api) => {
-  const range = activeRange2(api);
-  const sheet = activeSheet(api);
+  const range = activeRange12(api);
+  const sheet = activeSheet3(api);
   if (!range || !sheet) return;
   sheet.insertColumnAfter(range.getColumn() + range.getWidth() - 1);
 };
 var deleteSelectedRow = (api) => {
-  const range = activeRange2(api);
-  const sheet = activeSheet(api);
+  const range = activeRange12(api);
+  const sheet = activeSheet3(api);
   if (!range || !sheet) return;
   sheet.deleteRows(range.getRow(), range.getHeight());
 };
 var deleteSelectedColumn = (api) => {
-  const range = activeRange2(api);
-  const sheet = activeSheet(api);
+  const range = activeRange12(api);
+  const sheet = activeSheet3(api);
   if (!range || !sheet) return;
   sheet.deleteColumns(range.getColumn(), range.getWidth());
 };
@@ -2848,7 +5943,7 @@ var insertImage = (api) => void api.executeCommand("sheet.command.insert-float-i
 var insertHyperlink = (api) => void api.executeCommand("sheet.operation.insert-hyper-link");
 var insertComment = (api) => void api.executeCommand("sheet.operation.show-comment-modal");
 var insertTodayDate = (api) => {
-  const range = activeRange2(api);
+  const range = activeRange12(api);
   if (!range) return;
   const today = /* @__PURE__ */ new Date();
   const pad = (n) => n.toString().padStart(2, "0");
@@ -2856,7 +5951,7 @@ var insertTodayDate = (api) => {
   range.setValue({ v });
 };
 var insertCurrentTime = (api) => {
-  const range = activeRange2(api);
+  const range = activeRange12(api);
   if (!range) return;
   const now = /* @__PURE__ */ new Date();
   const pad = (n) => n.toString().padStart(2, "0");
@@ -2865,8 +5960,8 @@ var insertCurrentTime = (api) => {
 };
 var insertTable = (api) => {
   void (async () => {
-    const range = activeRange2(api);
-    const sheet = activeSheet(api);
+    const range = activeRange12(api);
+    const sheet = activeSheet3(api);
     const wb = fu(api).getActiveWorkbook();
     if (!range || !sheet || !wb) return;
     await ensurePluginByName("table");
@@ -2883,16 +5978,16 @@ var insertTable = (api) => {
   })();
 };
 var autoFitColumns = (api) => {
-  const range = activeRange2(api);
-  const sheet = activeSheet(api);
+  const range = activeRange12(api);
+  const sheet = activeSheet3(api);
   if (!range || !sheet) return;
   const withAutoWidth = sheet;
   withAutoWidth.setColumnAutoWidth?.(range.getColumn(), range.getWidth());
 };
 var AUTO_FIT_ROW_CAP = 500;
 var autoFitRows = (api) => {
-  const range = activeRange2(api);
-  const sheet = activeSheet(api);
+  const range = activeRange12(api);
+  const sheet = activeSheet3(api);
   if (!range || !sheet) return;
   const start = range.getRow();
   const count = Math.min(range.getHeight(), AUTO_FIT_ROW_CAP);
@@ -2931,14 +6026,14 @@ var NUM_FORMAT_SHORTCUT = {
   scientific: "Ctrl+Shift+6"
 };
 function setNumberFormatByKey(api, key) {
-  const range = activeRange2(api);
+  const range = activeRange12(api);
   range?.setNumberFormat?.(NUMBER_FORMAT_PATTERNS3[key]);
 }
 var increaseDecimal = (api) => void api.executeCommand("sheet.command.numfmt.add.decimal.command");
 var decreaseDecimal = (api) => void api.executeCommand("sheet.command.numfmt.subtract.decimal.command");
 var clearFormat = (api) => void api.executeCommand("sheet.command.clear-selection-format");
 function applyBorders(api, choice) {
-  const range = activeRange2(api);
+  const range = activeRange12(api);
   if (!range) return;
   const type = choice === "all" ? BorderType2.ALL : choice === "outside" ? BorderType2.OUTSIDE : BorderType2.NONE;
   const style = choice === "none" ? BorderStyleTypes2.NONE : BorderStyleTypes2.THIN;
@@ -2946,8 +6041,8 @@ function applyBorders(api, choice) {
 }
 function rowSpan(api) {
   const wb = fu(api).getActiveWorkbook();
-  const sheet = activeSheet(api);
-  const range = activeRange2(api);
+  const sheet = activeSheet3(api);
+  const range = activeRange12(api);
   if (!wb || !sheet || !range) return null;
   const startRow = range.getRow();
   const endRow = startRow + range.getHeight() - 1;
@@ -2956,8 +6051,8 @@ function rowSpan(api) {
 }
 function colSpan(api) {
   const wb = fu(api).getActiveWorkbook();
-  const sheet = activeSheet(api);
-  const range = activeRange2(api);
+  const sheet = activeSheet3(api);
+  const range = activeRange12(api);
   if (!wb || !sheet || !range) return null;
   const startColumn = range.getColumn();
   const endColumn = startColumn + range.getWidth() - 1;
@@ -3033,16 +6128,16 @@ var unhideSelectedColumns = (api) => {
   });
 };
 var freezeFirstRow = (api) => {
-  activeSheet(api)?.setFrozenRows(1);
+  activeSheet3(api)?.setFrozenRows(1);
 };
 var freezeFirstColumn = (api) => {
-  activeSheet(api)?.setFrozenColumns(1);
+  activeSheet3(api)?.setFrozenColumns(1);
 };
 var freezeAtSelection = (api) => void api.executeCommand("sheet.command.set-selection-frozen");
 var unfreezePanes = (api) => void api.executeCommand("sheet.command.cancel-frozen");
 var toggleGridlines = (api) => {
   const wb = fu(api).getActiveWorkbook();
-  const sheet = activeSheet(api);
+  const sheet = activeSheet3(api);
   if (!wb || !sheet) return;
   void api.executeCommand("sheet.command.toggle-gridlines", {
     unitId: wb.getId(),
@@ -3052,7 +6147,7 @@ var toggleGridlines = (api) => {
 };
 var toggleCommentPanel = (api) => void api.executeCommand("sheet.operation.toggle-comment-panel");
 var jumpToFirstCell = (api) => {
-  activeSheet(api)?.getRange(0, 0).activate();
+  activeSheet3(api)?.getRange(0, 0).activate();
 };
 var switchToPreviousSheet = (api) => switchSheetByDelta(api, -1);
 var switchToNextSheet = (api) => switchSheetByDelta(api, 1);
@@ -3072,7 +6167,7 @@ var showFormulas = (api) => void api.executeCommand("sheet.command.set-show-form
 var sortAsc = (api) => sortRange(api, true);
 var sortDesc = (api) => sortRange(api, false);
 function sortRange(api, ascending) {
-  const range = activeRange2(api);
+  const range = activeRange12(api);
   if (!range) return;
   const withSort = range;
   withSort.sort?.({ column: range.getColumn(), ascending });
@@ -3081,8 +6176,8 @@ var toggleFilter = (api) => {
   void (async () => {
     await ensurePluginByName("filter");
     const wb = fu(api).getActiveWorkbook();
-    const sheet = activeSheet(api);
-    const range = activeRange2(api);
+    const sheet = activeSheet3(api);
+    const range = activeRange12(api);
     if (!wb || !sheet || !range) return;
     const sheetWithFilter = sheet;
     if (sheetWithFilter.getFilter?.()) {
@@ -3788,8 +6883,8 @@ var SUBMENU_PANEL_STYLE = {
 };
 function MenuBar({ api, features = {}, extensions }) {
   const dialogs = useDialogs();
-  const [open, setOpen] = useState10(null);
-  const [openSubmenu, setOpenSubmenu] = useState10(null);
+  const [open, setOpen] = useState22(null);
+  const [openSubmenu, setOpenSubmenu] = useState22(null);
   const rootRef = useRef7(null);
   useEffect10(() => {
     ensureChromeFonts();
@@ -3832,18 +6927,18 @@ function MenuBar({ api, features = {}, extensions }) {
   const visibleMenus = computeVisibleMenus(MENUS, features, dialogs.canOpen, extensions?.menu);
   const renderItems = (items) => items.map((item) => {
     if (item.kind === "separator") {
-      return /* @__PURE__ */ jsx12("div", { style: SEPARATOR_STYLE, role: "separator", "aria-hidden": true }, item.id);
+      return /* @__PURE__ */ jsx24("div", { style: SEPARATOR_STYLE, role: "separator", "aria-hidden": true }, item.id);
     }
     if (item.kind === "submenu") {
       const isSubOpen = openSubmenu === item.id;
-      return /* @__PURE__ */ jsxs11(
+      return /* @__PURE__ */ jsxs23(
         "div",
         {
           style: { position: "relative" },
           onMouseEnter: () => setOpenSubmenu(item.id),
           onMouseLeave: () => setOpenSubmenu((cur) => cur === item.id ? null : cur),
           children: [
-            /* @__PURE__ */ jsxs11(
+            /* @__PURE__ */ jsxs23(
               "button",
               {
                 type: "button",
@@ -3855,19 +6950,19 @@ function MenuBar({ api, features = {}, extensions }) {
                 style: { ...ITEM_STYLE3, opacity: api ? 1 : 0.5 },
                 onMouseDown: (e) => e.preventDefault(),
                 children: [
-                  item.icon ? /* @__PURE__ */ jsx12(Icon, { name: item.icon, size: 18 }) : /* @__PURE__ */ jsx12("span", { style: { width: 18 }, "aria-hidden": true }),
-                  /* @__PURE__ */ jsx12("span", { children: item.label }),
-                  /* @__PURE__ */ jsx12(Icon, { name: "chevron_right", size: 18, style: { marginLeft: "auto" } })
+                  item.icon ? /* @__PURE__ */ jsx24(Icon, { name: item.icon, size: 18 }) : /* @__PURE__ */ jsx24("span", { style: { width: 18 }, "aria-hidden": true }),
+                  /* @__PURE__ */ jsx24("span", { children: item.label }),
+                  /* @__PURE__ */ jsx24(Icon, { name: "chevron_right", size: 18, style: { marginLeft: "auto" } })
                 ]
               }
             ),
-            isSubOpen && /* @__PURE__ */ jsx12("div", { style: SUBMENU_PANEL_STYLE, role: "menu", "aria-label": item.label, children: renderItems(item.items) })
+            isSubOpen && /* @__PURE__ */ jsx24("div", { style: SUBMENU_PANEL_STYLE, role: "menu", "aria-label": item.label, children: renderItems(item.items) })
           ]
         },
         item.id
       );
     }
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs23(
       "button",
       {
         type: "button",
@@ -3887,15 +6982,15 @@ function MenuBar({ api, features = {}, extensions }) {
           e.currentTarget.style.background = "transparent";
         },
         children: [
-          item.icon ? /* @__PURE__ */ jsx12(Icon, { name: item.icon, size: 18 }) : /* @__PURE__ */ jsx12("span", { style: { width: 18 }, "aria-hidden": true }),
-          /* @__PURE__ */ jsx12("span", { children: item.label }),
-          item.shortcut && /* @__PURE__ */ jsx12("span", { style: SHORTCUT_STYLE, children: fmtShortcut(item.shortcut) })
+          item.icon ? /* @__PURE__ */ jsx24(Icon, { name: item.icon, size: 18 }) : /* @__PURE__ */ jsx24("span", { style: { width: 18 }, "aria-hidden": true }),
+          /* @__PURE__ */ jsx24("span", { children: item.label }),
+          item.shortcut && /* @__PURE__ */ jsx24("span", { style: SHORTCUT_STYLE, children: fmtShortcut(item.shortcut) })
         ]
       },
       item.id
     );
   });
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       ref: rootRef,
@@ -3905,8 +7000,8 @@ function MenuBar({ api, features = {}, extensions }) {
       "aria-label": "Menu bar",
       children: visibleMenus.map((menu) => {
         const isOpen = open === menu.id;
-        return /* @__PURE__ */ jsxs11("div", { style: { position: "relative" }, children: [
-          /* @__PURE__ */ jsx12(
+        return /* @__PURE__ */ jsxs23("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsx24(
             "button",
             {
               type: "button",
@@ -3937,7 +7032,7 @@ function MenuBar({ api, features = {}, extensions }) {
               children: menu.label
             }
           ),
-          isOpen && /* @__PURE__ */ jsx12("div", { style: DROPDOWN_STYLE, role: "menu", "aria-label": menu.label, children: renderItems(menu.items) })
+          isOpen && /* @__PURE__ */ jsx24("div", { style: DROPDOWN_STYLE, role: "menu", "aria-label": menu.label, children: renderItems(menu.items) })
         ] }, menu.id);
       })
     }
@@ -3945,9 +7040,9 @@ function MenuBar({ api, features = {}, extensions }) {
 }
 
 // src/chrome/SheetTabs.tsx
-import { useEffect as useEffect11, useState as useState11 } from "react";
+import { useEffect as useEffect11, useState as useState23 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
 var EMPTY = { tabs: [], activeId: null };
 var SHEET_LIST_MUTATIONS = /* @__PURE__ */ new Set([
   "sheet.mutation.insert-sheet",
@@ -3980,7 +7075,7 @@ var BAR_STYLE5 = {
   overflowX: "auto",
   overflowY: "hidden"
 };
-var ADD_BTN_STYLE = {
+var ADD_BTN_STYLE2 = {
   flex: "0 0 auto",
   width: 28,
   border: "none",
@@ -4028,10 +7123,10 @@ var MENU_ITEM_STYLE2 = {
   cursor: "pointer"
 };
 function SheetTabs({ api }) {
-  const [{ tabs, activeId }, setSnapshot] = useState11(EMPTY);
-  const [renaming, setRenaming] = useState11(null);
-  const [draft, setDraft] = useState11("");
-  const [menu, setMenu] = useState11(null);
+  const [{ tabs, activeId }, setSnapshot] = useState23(EMPTY);
+  const [renaming, setRenaming] = useState23(null);
+  const [draft, setDraft] = useState23("");
+  const [menu, setMenu] = useState23(null);
   useEffect11(() => {
     if (!api) return;
     const refresh = () => setSnapshot(readSheets(api));
@@ -4071,7 +7166,7 @@ function SheetTabs({ api }) {
     };
   }, [menu]);
   if (!api) {
-    return /* @__PURE__ */ jsx13("div", { style: BAR_STYLE5, "data-testid": "casual-sheets-tabs" });
+    return /* @__PURE__ */ jsx25("div", { style: BAR_STYLE5, "data-testid": "casual-sheets-tabs" });
   }
   const visible = tabs.filter((t) => !t.hidden);
   const wb = () => api.univer.getActiveWorkbook();
@@ -4111,11 +7206,11 @@ function SheetTabs({ api }) {
       setRenaming(null);
     }
   };
-  return /* @__PURE__ */ jsxs12("div", { style: BAR_STYLE5, "data-testid": "casual-sheets-tabs", role: "tablist", children: [
+  return /* @__PURE__ */ jsxs24("div", { style: BAR_STYLE5, "data-testid": "casual-sheets-tabs", role: "tablist", children: [
     visible.map((tab) => {
       const active = tab.id === activeId;
       if (renaming === tab.id) {
-        return /* @__PURE__ */ jsx13(
+        return /* @__PURE__ */ jsx25(
           "input",
           {
             autoFocus: true,
@@ -4129,7 +7224,7 @@ function SheetTabs({ api }) {
           tab.id
         );
       }
-      return /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
@@ -4168,11 +7263,11 @@ function SheetTabs({ api }) {
         tab.id
       );
     }),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx25(
       "button",
       {
         type: "button",
-        style: ADD_BTN_STYLE,
+        style: ADD_BTN_STYLE2,
         "aria-label": "Add sheet",
         title: "Add sheet",
         "data-testid": "cs-tab-add",
@@ -4184,7 +7279,7 @@ function SheetTabs({ api }) {
       }
     ),
     menu && createPortal2(
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs24(
         "div",
         {
           style: { ...MENU_STYLE2, left: menu.x, top: menu.y, transform: "translateY(-100%)" },
@@ -4192,7 +7287,7 @@ function SheetTabs({ api }) {
           role: "menu",
           onPointerDown: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
@@ -4207,7 +7302,7 @@ function SheetTabs({ api }) {
                 children: "Rename"
               }
             ),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
@@ -4236,11 +7331,11 @@ function SheetTabs({ api }) {
 // src/chrome/FindReplace.tsx
 import {
   useEffect as useEffect12,
-  useMemo as useMemo4,
+  useMemo as useMemo16,
   useRef as useRef8,
-  useState as useState12
+  useState as useState24
 } from "react";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
 function findMatches(api, query, matchCase) {
   if (!query) return [];
   const snap = api.getSnapshot();
@@ -4278,7 +7373,7 @@ var WRAP_STYLE = {
   fontSize: 13,
   color: "var(--cs-chrome-fg, #201f1e)"
 };
-var ROW_STYLE4 = { display: "flex", alignItems: "center", gap: 6, marginBottom: 6 };
+var ROW_STYLE5 = { display: "flex", alignItems: "center", gap: 6, marginBottom: 6 };
 var INPUT_STYLE2 = {
   flex: "1 1 auto",
   height: 26,
@@ -4316,12 +7411,12 @@ var ICON_BTN_STYLE = {
   padding: 0
 };
 function FindReplace({ api, openSignal, openInReplaceMode }) {
-  const [open, setOpen] = useState12(false);
-  const [showReplace, setShowReplace] = useState12(false);
-  const [query, setQuery] = useState12("");
-  const [replaceText, setReplaceText] = useState12("");
-  const [matchCase, setMatchCase] = useState12(false);
-  const [idx, setIdx] = useState12(0);
+  const [open, setOpen] = useState24(false);
+  const [showReplace, setShowReplace] = useState24(false);
+  const [query, setQuery] = useState24("");
+  const [replaceText, setReplaceText] = useState24("");
+  const [matchCase, setMatchCase] = useState24(false);
+  const [idx, setIdx] = useState24(0);
   const inputRef = useRef8(null);
   useEffect12(() => {
     const onKey = (e) => {
@@ -4350,7 +7445,7 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
     setOpen(true);
     requestAnimationFrame(() => inputRef.current?.focus());
   }, [openSignal, openInReplaceMode]);
-  const matches = useMemo4(
+  const matches = useMemo16(
     () => api && open && query ? findMatches(api, query, matchCase) : [],
     [api, open, query, matchCase]
   );
@@ -4400,7 +7495,7 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
   };
   const count = matches.length;
   const position = count === 0 ? 0 : Math.min(idx, count - 1) + 1;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       style: WRAP_STYLE,
@@ -4408,8 +7503,8 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
       role: "dialog",
       "aria-label": "Find and replace",
       children: [
-        /* @__PURE__ */ jsxs13("div", { style: ROW_STYLE4, children: [
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs25("div", { style: ROW_STYLE5, children: [
+          /* @__PURE__ */ jsx26(
             "input",
             {
               ref: inputRef,
@@ -4423,7 +7518,7 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
               onKeyDown: onInputKey
             }
           ),
-          /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsxs25(
             "span",
             {
               style: { minWidth: 54, textAlign: "center", color: "var(--cs-chrome-muted, #6b7280)" },
@@ -4435,7 +7530,7 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -4446,10 +7541,10 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
                 e.preventDefault();
                 go(-1);
               },
-              children: /* @__PURE__ */ jsx14(Icon, { name: "keyboard_arrow_up", size: 18 })
+              children: /* @__PURE__ */ jsx26(Icon, { name: "keyboard_arrow_up", size: 18 })
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -4460,10 +7555,10 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
                 e.preventDefault();
                 go(1);
               },
-              children: /* @__PURE__ */ jsx14(Icon, { name: "keyboard_arrow_down", size: 18 })
+              children: /* @__PURE__ */ jsx26(Icon, { name: "keyboard_arrow_down", size: 18 })
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -4474,12 +7569,12 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
                 e.preventDefault();
                 setOpen(false);
               },
-              children: /* @__PURE__ */ jsx14(Icon, { name: "close", size: 18 })
+              children: /* @__PURE__ */ jsx26(Icon, { name: "close", size: 18 })
             }
           )
         ] }),
-        showReplace && /* @__PURE__ */ jsxs13("div", { style: ROW_STYLE4, children: [
-          /* @__PURE__ */ jsx14(
+        showReplace && /* @__PURE__ */ jsxs25("div", { style: ROW_STYLE5, children: [
+          /* @__PURE__ */ jsx26(
             "input",
             {
               type: "text",
@@ -4491,7 +7586,7 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
               onChange: (e) => setReplaceText(e.target.value)
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -4504,7 +7599,7 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
               children: "Replace"
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -4518,9 +7613,9 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
-          /* @__PURE__ */ jsxs13("label", { style: { display: "inline-flex", alignItems: "center", gap: 4, cursor: "pointer" }, children: [
-            /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs25("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+          /* @__PURE__ */ jsxs25("label", { style: { display: "inline-flex", alignItems: "center", gap: 4, cursor: "pointer" }, children: [
+            /* @__PURE__ */ jsx26(
               "input",
               {
                 type: "checkbox",
@@ -4531,7 +7626,7 @@ function FindReplace({ api, openSignal, openInReplaceMode }) {
             ),
             "Match case"
           ] }),
-          !showReplace && /* @__PURE__ */ jsx14(
+          !showReplace && /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -4575,8 +7670,8 @@ function replaceInString(text, query, replacement, matchCase) {
 }
 
 // src/chrome/ChromeTop.tsx
-import { useCallback as useCallback2, useState as useState13 } from "react";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useCallback as useCallback3, useState as useState25 } from "react";
+import { jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
 function ChromeTop({
   api,
   features,
@@ -4584,13 +7679,13 @@ function ChromeTop({
   hostOwnedDialogs,
   extensions
 }) {
-  const [findSignal, setFindSignal] = useState13(0);
-  const [findReplaceMode, setFindReplaceMode] = useState13(false);
-  const openFindReplace = useCallback2((replaceMode) => {
+  const [findSignal, setFindSignal] = useState25(0);
+  const [findReplaceMode, setFindReplaceMode] = useState25(false);
+  const openFindReplace = useCallback3((replaceMode) => {
     setFindReplaceMode(replaceMode);
     setFindSignal((n) => n + 1);
   }, []);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs26(
     DialogProvider,
     {
       api,
@@ -4599,10 +7694,10 @@ function ChromeTop({
       hostOwnedDialogs,
       onOpenFindReplace: openFindReplace,
       children: [
-        /* @__PURE__ */ jsx15(MenuBar, { api, features, extensions }),
-        /* @__PURE__ */ jsx15(Toolbar, { api, features, extensions }),
-        /* @__PURE__ */ jsx15(FormulaBar, { api }),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx27(MenuBar, { api, features, extensions }),
+        /* @__PURE__ */ jsx27(Toolbar, { api, features, extensions }),
+        /* @__PURE__ */ jsx27(FormulaBar, { api }),
+        /* @__PURE__ */ jsx27(
           FindReplace,
           {
             api,
@@ -4616,11 +7711,11 @@ function ChromeTop({
 }
 
 // src/chrome/ChromeBottom.tsx
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
 function ChromeBottom({ api }) {
-  return /* @__PURE__ */ jsxs15(Fragment4, { children: [
-    /* @__PURE__ */ jsx16(SheetTabs, { api }),
-    /* @__PURE__ */ jsx16(StatusBar, { api })
+  return /* @__PURE__ */ jsxs27(Fragment16, { children: [
+    /* @__PURE__ */ jsx28(SheetTabs, { api }),
+    /* @__PURE__ */ jsx28(StatusBar, { api })
   ] });
 }
 export {