mito-ai 0.1.59__py3-none-any.whl → 0.1.60__py3-none-any.whl

mito_ai-0.1.59.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.44c109c7be36fb884d25.js → mito_ai-0.1.60.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.dccfa541c464ee0e5cd4.js

@@ -1060,7 +1060,7 @@ const ChatDropdown = ({ options, onSelect, filterText, isDropdownFromButton = fa
         // Rules first
         ...rules.map((rule) => ({
             type: 'rule',
-            rule: rule
+            rule: rule.name
         })),
         // Cells second (when user types @Cell or @cell)
         ...cellReferences.map((cell) => ({
@@ -1109,17 +1109,18 @@ const ChatDropdown = ({ options, onSelect, filterText, isDropdownFromButton = fa
         })),
     ];
     let searchFilteredOptions = allOptions.filter((option) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         if (option.type === 'variable') {
-            return option.variable.variable_name.toLowerCase().includes(effectiveFilterText.toLowerCase()) &&
+            return ((_b = (_a = option.variable.variable_name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '').includes(effectiveFilterText.toLowerCase()) &&
                 option.variable.type !== "<class 'module'>" &&
                 option.variable.variable_name !== "FUNCTIONS"; // This is default exported from mitosheet when you run from mitosheet import * as FUNCTIONS
         }
         else if (option.type === 'file') {
-            return option.file.variable_name.toLowerCase().includes(effectiveFilterText.toLowerCase());
+            return ((_d = (_c = option.file.variable_name) === null || _c === void 0 ? void 0 : _c.toLowerCase()) !== null && _d !== void 0 ? _d : '').includes(effectiveFilterText.toLowerCase());
         }
         else if (option.type === 'db') {
-            return option.variable.variable_name.toLowerCase().includes(effectiveFilterText.toLowerCase()) ||
-                option.variable.value.toLowerCase().includes(effectiveFilterText.toLowerCase());
+            return ((_f = (_e = option.variable.variable_name) === null || _e === void 0 ? void 0 : _e.toLowerCase()) !== null && _f !== void 0 ? _f : '').includes(effectiveFilterText.toLowerCase()) ||
+                ((_h = (_g = option.variable.value) === null || _g === void 0 ? void 0 : _g.toLowerCase()) !== null && _h !== void 0 ? _h : '').includes(effectiveFilterText.toLowerCase());
         }
         else if (option.type === 'cell') {
             // Match "CellN" (no space)
@@ -1129,7 +1130,7 @@ const ChatDropdown = ({ options, onSelect, filterText, isDropdownFromButton = fa
                 numberText.includes(effectiveFilterText.toLowerCase());
         }
         else {
-            return option.rule.toLowerCase().includes(effectiveFilterText.toLowerCase());
+            return ((_k = (_j = option.rule) === null || _j === void 0 ? void 0 : _j.toLowerCase()) !== null && _k !== void 0 ? _k : '').includes(effectiveFilterText.toLowerCase());
         }
     });
     // If user is searching (has filter text), show all matches
@@ -7630,8 +7631,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const ChartWizardButton = ({ onButtonClick }) => {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextAndIconButton__WEBPACK_IMPORTED_MODULE_9__["default"], { icon: _icons_MagicWand__WEBPACK_IMPORTED_MODULE_10__["default"], text: "Chart Wizard", title: "Chart Wizard", onClick: onButtonClick, variant: 'purple', width: 'fit-contents', iconPosition: 'left' })));
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextAndIconButton__WEBPACK_IMPORTED_MODULE_9__["default"], { icon: _icons_MagicWand__WEBPACK_IMPORTED_MODULE_10__["default"], text: "Chart Wizard", title: "Chart Wizard", onClick: onButtonClick, variant: "purple", width: "fit-contents", iconPosition: "left" }));
 };
 const ChartWizardPlugin = {
     id: 'mito-ai:chart-wizard',
@@ -7818,16 +7818,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @jupyterlab/apputils */ "webpack/sharing/consume/default/@jupyterlab/apputils");
 /* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _utils_parser__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/parser */ "./lib/Extensions/ChartWizard/utils/parser.js");
+/* harmony import */ var _utils_chartExport__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/chartExport */ "./lib/Extensions/ChartWizard/utils/chartExport.js");
 /* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
 /* harmony import */ var _utils_strings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/strings */ "./lib/utils/strings.js");
-/* harmony import */ var _components_LoadingDots__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../components/LoadingDots */ "./lib/components/LoadingDots.js");
-/* harmony import */ var _AddFieldButton__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./AddFieldButton */ "./lib/Extensions/ChartWizard/AddFieldButton.js");
-/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/BooleanInputRow.js");
-/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/TupleInputRow.js");
-/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/NumberInputRow.js");
-/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/utils.js");
-/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/ColorInputRow.js");
-/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/StringInputRow.js");
+/* harmony import */ var _components_LoadingDots__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../components/LoadingDots */ "./lib/components/LoadingDots.js");
+/* harmony import */ var _components_ToggleButton__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../components/ToggleButton */ "./lib/components/ToggleButton.js");
+/* harmony import */ var _AddFieldButton__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./AddFieldButton */ "./lib/Extensions/ChartWizard/AddFieldButton.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/BooleanInputRow.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/TupleInputRow.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/NumberInputRow.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/utils.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/ColorInputRow.js");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./inputs */ "./lib/Extensions/ChartWizard/inputs/StringInputRow.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hooks */ "./lib/Extensions/ChartWizard/hooks/useChartConfig.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks */ "./lib/Extensions/ChartWizard/hooks/useDebouncedNotebookUpdate.js");
 /* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/notebook */ "./lib/utils/notebook.js");
@@ -7847,6 +7849,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
 /**
  * Formats a variable name into a human-readable label.
  * Converts snake_case to Title Case (e.g., "figure_size" -> "Figure Size").
@@ -7864,6 +7868,7 @@ const ChartWizardContent = ({ chartData }) => {
     const widgetRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     const [overlayHeight, setOverlayHeight] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
     const [isActiveCellMismatch, setIsActiveCellMismatch] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [exportFormat, setExportFormat] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('png');
     // Reset currentSourceCode when switching to a different chart
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         setCurrentSourceCode(null);
@@ -7996,6 +8001,18 @@ const ChartWizardContent = ({ chartData }) => {
         // Update the cell with the updated code
         updateNotebookCell(updatedCode);
     }, [updateNotebookCell]);
+    /**
+     * Exports the chart image to disk via the chartExport utility; shows a notification on error.
+     */
+    const handleExportChart = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async () => {
+        void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_7__.logEvent)('chart_wizard_export_clicked');
+        if (!chartData)
+            return;
+        const result = await (0,_utils_chartExport__WEBPACK_IMPORTED_MODULE_9__.exportChartImage)(chartData, exportFormat);
+        if (!result.success) {
+            _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit(result.error, 'error', { autoClose: 5000 });
+        }
+    }, [chartData, exportFormat]);
     /**
      * Renders the appropriate input field component based on variable type.
      */
@@ -8008,22 +8025,22 @@ const ChartWizardContent = ({ chartData }) => {
         };
         switch (variable.type) {
             case 'boolean':
-                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_9__.BooleanInputRow, { key: variable.name, ...commonProps });
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_10__.BooleanInputRow, { key: variable.name, ...commonProps });
             case 'tuple':
-                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_10__.TupleInputRow, { key: variable.name, ...commonProps });
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_11__.TupleInputRow, { key: variable.name, ...commonProps });
             case 'number':
-                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_11__.NumberInputRow, { key: variable.name, ...commonProps });
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_12__.NumberInputRow, { key: variable.name, ...commonProps });
             case 'string': {
                 // String input - check if it's a hex color
                 const stringValue = variable.value;
-                const isColor = (0,_inputs__WEBPACK_IMPORTED_MODULE_12__.isHexColor)(stringValue);
+                const isColor = (0,_inputs__WEBPACK_IMPORTED_MODULE_13__.isHexColor)(stringValue);
                 if (isColor) {
-                    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_13__.ColorInputRow, { key: variable.name, ...commonProps });
+                    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_14__.ColorInputRow, { key: variable.name, ...commonProps });
                 }
-                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_14__.StringInputRow, { key: variable.name, ...commonProps });
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_15__.StringInputRow, { key: variable.name, ...commonProps });
             }
             default:
-                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_14__.StringInputRow, { key: variable.name, ...commonProps });
+                return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_inputs__WEBPACK_IMPORTED_MODULE_15__.StringInputRow, { key: variable.name, ...commonProps });
         }
     }, [handleVariableChange]);
     // Memoize input fields to prevent unnecessary re-renders
@@ -8062,7 +8079,12 @@ const ChartWizardContent = ({ chartData }) => {
         hasConfig ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-config-container" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { className: "chart-wizard-config-description" }, "Edit values below to customize your chart. Changes will be reflected in the notebook."),
             inputFields,
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AddFieldButton__WEBPACK_IMPORTED_MODULE_15__["default"], { code: currentSourceCode || (chartData === null || chartData === void 0 ? void 0 : chartData.sourceCode) || null, onFieldAdded: handleFieldAdded, clearPendingUpdate: clearPendingUpdate, onLoadingStateChange: setIsAddingField }))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-no-config" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AddFieldButton__WEBPACK_IMPORTED_MODULE_16__["default"], { code: currentSourceCode || (chartData === null || chartData === void 0 ? void 0 : chartData.sourceCode) || null, onFieldAdded: handleFieldAdded, clearPendingUpdate: clearPendingUpdate, onLoadingStateChange: setIsAddingField }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-export-section" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", { className: "chart-wizard-section-heading" }, "Export"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-export-format-row" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ToggleButton__WEBPACK_IMPORTED_MODULE_17__["default"], { leftText: "PNG", rightText: "JPG", isLeftSelected: exportFormat === 'png', onChange: (isPng) => setExportFormat(isPng ? 'png' : 'jpeg') })),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "button-base button-purple add-field-button", type: "button", title: "Save chart image to file", onClick: handleExportChart }, "Export image")))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-no-config" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null,
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("strong", null, "This chart isn't ready for Chart Wizard yet."),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("br", null),
@@ -8071,13 +8093,13 @@ const ChartWizardContent = ({ chartData }) => {
                 "Converting",
                 ' ',
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "chart-wizard-loading-dots" },
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_LoadingDots__WEBPACK_IMPORTED_MODULE_16__["default"], null)))) : ('Convert')))),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_LoadingDots__WEBPACK_IMPORTED_MODULE_18__["default"], null)))) : ('Convert')))),
         isAddingField && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-overlay", style: { height: overlayHeight > 0 ? `${overlayHeight}px` : '100%' } },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-overlay-text" },
                 "Adding new field",
                 ' ',
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "chart-wizard-loading-dots" },
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_LoadingDots__WEBPACK_IMPORTED_MODULE_16__["default"], null)))))));
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_LoadingDots__WEBPACK_IMPORTED_MODULE_18__["default"], null)))))));
 };
 class ChartWizardWidget extends _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.ReactWidget {
     constructor() {
@@ -8322,10 +8344,46 @@ __webpack_require__.r(__webpack_exports__);
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
  */
 
+function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+}
+/** Use slider when range is small and decimal-friendly (e.g. opacity 0–1). */
+const SLIDER_RANGE_THRESHOLD = 2;
+/** Step for decimal ranges: fine for 0–1, coarser for 1–2. */
+function decimalStep(min, max) {
+    const range = max - min;
+    return range <= 1 ? 0.01 : 0.1;
+}
+const SliderWithNumberInput = ({ value, min, max, step, label, onChange }) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-number-slider-row" },
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "range", min: min, max: max, step: step, value: value, onChange: (e) => onChange(clamp(parseFloat(e.target.value), min, max)), className: "chart-wizard-range-slider", "aria-label": label }),
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", min: min, max: max, step: step, value: value, onChange: (e) => {
+            let v = parseFloat(e.target.value);
+            if (Number.isNaN(v))
+                v = min;
+            onChange(clamp(v, min, max));
+        }, className: "chart-wizard-number-input chart-wizard-number-input-narrow", "aria-label": `${label} (number)` })));
+const NumberInputOnly = ({ value, min, max, step, onChange }) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", value: value, min: min, max: max, step: step, onChange: (e) => {
+        let v = parseFloat(e.target.value);
+        if (Number.isNaN(v))
+            v = min !== null && min !== void 0 ? min : 0;
+        if (min !== undefined && max !== undefined)
+            v = clamp(v, min, max);
+        onChange(v);
+    }, className: "chart-wizard-number-input" }));
 const NumberInputRow = ({ variable, label, onVariableChange }) => {
+    const numValue = variable.value;
+    const min = variable.min;
+    const max = variable.max;
+    const hasRange = min !== undefined && max !== undefined;
+    const rangeSpan = hasRange ? max - min : 0;
+    const useSlider = hasRange && rangeSpan <= SLIDER_RANGE_THRESHOLD;
+    const step = useSlider ? decimalStep(min, max) : 1;
+    const handleChange = (value) => {
+        onVariableChange(variable.name, value);
+    };
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: variable.name, className: "chart-wizard-input-row" },
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "chart-wizard-input-label" }, label),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", value: variable.value, onChange: (e) => onVariableChange(variable.name, parseFloat(e.target.value) || 0), className: "chart-wizard-number-input" })));
+        useSlider && min !== undefined && max !== undefined ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SliderWithNumberInput, { value: numValue, min: min, max: max, step: step, label: label, onChange: handleChange })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(NumberInputOnly, { value: numValue, min: min, max: max, step: step, onChange: handleChange }))));
 };
 
 
@@ -8375,20 +8433,31 @@ __webpack_require__.r(__webpack_exports__);
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
  */
 
+function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+}
 const TupleInputRow = ({ variable, label, onVariableChange }) => {
     const tupleValue = variable.value;
+    const min = variable.min;
+    const max = variable.max;
+    const clampOrIdentity = (v, fallback) => {
+        if (min !== undefined && max !== undefined) {
+            return clamp(v, min, max);
+        }
+        return Number.isNaN(v) ? fallback : v;
+    };
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: variable.name, className: "chart-wizard-input-row" },
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { className: "chart-wizard-input-label" }, label),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chart-wizard-tuple-container" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "("),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", value: tupleValue[0], onChange: (e) => {
-                    const newValue = [parseFloat(e.target.value) || 0, tupleValue[1]];
-                    onVariableChange(variable.name, newValue);
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", value: tupleValue[0], min: min, max: max, step: min !== undefined && max !== undefined && max - min <= 1 ? 'any' : 1, onChange: (e) => {
+                    const v = clampOrIdentity(parseFloat(e.target.value), 0);
+                    onVariableChange(variable.name, [v, tupleValue[1]]);
                 }, className: "chart-wizard-tuple-input" }),
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, ","),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", value: tupleValue[1], onChange: (e) => {
-                    const newValue = [tupleValue[0], parseFloat(e.target.value) || 0];
-                    onVariableChange(variable.name, newValue);
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "number", value: tupleValue[1], min: min, max: max, step: min !== undefined && max !== undefined && max - min <= 1 ? 'any' : 1, onChange: (e) => {
+                    const v = clampOrIdentity(parseFloat(e.target.value), 0);
+                    onVariableChange(variable.name, [tupleValue[0], v]);
                 }, className: "chart-wizard-tuple-input" }),
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, ")"))));
 };
@@ -8443,6 +8512,263 @@ const normalizeHexColor = (value) => {
 };
 
 
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/utils/chartExport.js":
+/*!*********************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/utils/chartExport.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   exportChartImage: () => (/* binding */ exportChartImage)
+/* harmony export */ });
+/* harmony import */ var _imageFinder__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./imageFinder */ "./lib/Extensions/ChartWizard/utils/imageFinder.js");
+/* harmony import */ var _fileSaver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./fileSaver */ "./lib/Extensions/ChartWizard/utils/fileSaver.js");
+/* harmony import */ var _download__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./download */ "./lib/Extensions/ChartWizard/utils/download.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+
+/**
+ * Exports the chart image to the user's disk. Uses File System Access API when available
+ * so the user can choose the save location; otherwise triggers a download.
+ *
+ * @param chartData - Chart wizard data identifying the notebook panel and cell
+ * @param format - Export format: 'png' or 'jpeg'
+ * @returns Result indicating success or an error message for the UI to display
+ */
+async function exportChartImage(chartData, format = 'png') {
+    const found = (0,_imageFinder__WEBPACK_IMPORTED_MODULE_0__.findChartImageDataUrl)(chartData);
+    if (!found.ok)
+        return { success: false, error: found.error };
+    if ((0,_fileSaver__WEBPACK_IMPORTED_MODULE_1__.isFileSystemAccessAvailable)()) {
+        try {
+            await (0,_fileSaver__WEBPACK_IMPORTED_MODULE_1__.saveWithFilePicker)(found.dataUrl, format);
+        }
+        catch (err) {
+            if (err.name === 'AbortError') {
+                return { success: true };
+            }
+            await (0,_download__WEBPACK_IMPORTED_MODULE_2__.downloadImage)(found.dataUrl, format);
+        }
+    }
+    else {
+        await (0,_download__WEBPACK_IMPORTED_MODULE_2__.downloadImage)(found.dataUrl, format);
+    }
+    return { success: true };
+}
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/utils/download.js":
+/*!******************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/utils/download.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   downloadImage: () => (/* binding */ downloadImage)
+/* harmony export */ });
+/* harmony import */ var _imageConverter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./imageConverter */ "./lib/Extensions/ChartWizard/utils/imageConverter.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+const SUGGESTED_NAMES = {
+    png: 'chart.png',
+    jpeg: 'chart.jpg'
+};
+/**
+ * Triggers a browser download of a URL.
+ */
+function triggerDownload(url, filename) {
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    a.click();
+}
+/**
+ * Downloads an image using the browser's fallback download mechanism.
+ */
+async function downloadImage(dataUrl, format) {
+    if (format === 'jpeg') {
+        const blob = await (0,_imageConverter__WEBPACK_IMPORTED_MODULE_0__.dataUrlToBlob)(dataUrl, format);
+        const url = URL.createObjectURL(blob);
+        triggerDownload(url, SUGGESTED_NAMES.jpeg);
+        URL.revokeObjectURL(url);
+    }
+    else {
+        triggerDownload(dataUrl, SUGGESTED_NAMES.png);
+    }
+}
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/utils/fileSaver.js":
+/*!*******************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/utils/fileSaver.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   isFileSystemAccessAvailable: () => (/* binding */ isFileSystemAccessAvailable),
+/* harmony export */   saveWithFilePicker: () => (/* binding */ saveWithFilePicker)
+/* harmony export */ });
+/* harmony import */ var _imageConverter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./imageConverter */ "./lib/Extensions/ChartWizard/utils/imageConverter.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+const SUGGESTED_NAMES = {
+    png: 'chart.png',
+    jpeg: 'chart.jpg'
+};
+const FILE_PICKER_TYPES = {
+    png: [{ description: 'PNG Image', accept: { 'image/png': ['.png'] } }],
+    jpeg: [{ description: 'JPEG Image', accept: { 'image/jpeg': ['.jpg', '.jpeg'] } }]
+};
+/**
+ * Checks if the File System Access API is available.
+ */
+function isFileSystemAccessAvailable() {
+    return ('showSaveFilePicker' in window &&
+        typeof window.showSaveFilePicker ===
+            'function');
+}
+/**
+ * Saves a blob to disk using the File System Access API.
+ */
+async function writeBlobToFile(blob, handle) {
+    const writable = await handle.createWritable();
+    try {
+        await writable.write(blob);
+    }
+    finally {
+        await writable.close();
+    }
+}
+/**
+ * Saves an image to disk using the File System Access API.
+ */
+async function saveWithFilePicker(dataUrl, format) {
+    var _a, _b;
+    const handle = await ((_b = (_a = window).showSaveFilePicker) === null || _b === void 0 ? void 0 : _b.call(_a, {
+        suggestedName: SUGGESTED_NAMES[format],
+        types: FILE_PICKER_TYPES[format]
+    }));
+    if (!handle)
+        return;
+    const blob = await (0,_imageConverter__WEBPACK_IMPORTED_MODULE_0__.dataUrlToBlob)(dataUrl, format);
+    await writeBlobToFile(blob, handle);
+}
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/utils/imageConverter.js":
+/*!************************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/utils/imageConverter.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   dataUrlToBlob: () => (/* binding */ dataUrlToBlob),
+/* harmony export */   dataUrlToJpegBlob: () => (/* binding */ dataUrlToJpegBlob)
+/* harmony export */ });
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+const JPEG_QUALITY = 1.0;
+/**
+ * Converts a data URL image to a JPEG blob.
+ */
+function dataUrlToJpegBlob(dataUrl) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.crossOrigin = 'anonymous';
+        img.onload = () => {
+            const canvas = document.createElement('canvas');
+            canvas.width = img.naturalWidth;
+            canvas.height = img.naturalHeight;
+            const ctx = canvas.getContext('2d');
+            if (!ctx) {
+                reject(new Error('Could not get canvas context'));
+                return;
+            }
+            ctx.drawImage(img, 0, 0);
+            canvas.toBlob((blob) => (blob ? resolve(blob) : reject(new Error('toBlob failed'))), 'image/jpeg', JPEG_QUALITY);
+        };
+        img.onerror = () => reject(new Error('Failed to load image'));
+        img.src = dataUrl;
+    });
+}
+/**
+ * Converts a data URL to a blob in the specified format.
+ */
+async function dataUrlToBlob(dataUrl, format) {
+    if (format === 'jpeg') {
+        return dataUrlToJpegBlob(dataUrl);
+    }
+    return fetch(dataUrl).then((r) => r.blob());
+}
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/ChartWizard/utils/imageFinder.js":
+/*!*********************************************************!*\
+  !*** ./lib/Extensions/ChartWizard/utils/imageFinder.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   findChartImageDataUrl: () => (/* binding */ findChartImageDataUrl)
+/* harmony export */ });
+/* harmony import */ var _jupyterlab_cells__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/cells */ "webpack/sharing/consume/default/@jupyterlab/cells");
+/* harmony import */ var _jupyterlab_cells__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_cells__WEBPACK_IMPORTED_MODULE_0__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+/**
+ * Finds the chart image data URL from the notebook cell output.
+ */
+function findChartImageDataUrl(chartData) {
+    const notebookPanel = chartData.notebookTracker.find((panel) => panel.id === chartData.notebookPanelId);
+    if (!notebookPanel) {
+        return { ok: false, error: 'Could not find the notebook.' };
+    }
+    const cellWidget = notebookPanel.content.widgets.find((cell) => cell.model.id === chartData.cellId);
+    if (!(cellWidget instanceof _jupyterlab_cells__WEBPACK_IMPORTED_MODULE_0__.CodeCell)) {
+        return { ok: false, error: 'Could not find the chart cell.' };
+    }
+    const outputNode = cellWidget.outputArea.node;
+    const img = outputNode.querySelector('.jp-RenderedImage img[src^="data:image"]');
+    if (!img || !img.src || !img.src.startsWith('data:image')) {
+        return {
+            ok: false,
+            error: 'No chart image found. Re-run the chart cell and try again.'
+        };
+    }
+    return { ok: true, dataUrl: img.src };
+}
+
+
 /***/ }),
 
 /***/ "./lib/Extensions/ChartWizard/utils/parser.js":
@@ -8474,9 +8800,21 @@ function parseChartConfig(sourceCode) {
     }
     const configSection = sourceCode.substring(startIndex + configStartMarker.length, endIndex).trim();
     const lines = configSection.split('\n').map(line => line.trim()).filter(line => line.length > 0);
+    // First pass: collect # RANGE lines (format: # RANGE VARIABLE_NAME MIN MAX)
+    const rangeByVar = new Map();
+    const rangeRegex = /^#\s*RANGE\s+([A-Z_][A-Z0-9_]*)\s+(-?\d+(?:\.\d+)?)\s+(-?\d+(?:\.\d+)?)\s*$/;
+    for (const line of lines) {
+        const rangeMatch = line.match(rangeRegex);
+        if (rangeMatch && rangeMatch[1] && rangeMatch[2] !== undefined && rangeMatch[3] !== undefined) {
+            const varName = rangeMatch[1];
+            const minVal = parseFloat(rangeMatch[2]);
+            const maxVal = parseFloat(rangeMatch[3]);
+            rangeByVar.set(varName, { min: minVal, max: maxVal });
+        }
+    }
     const variables = [];
     for (const line of lines) {
-        // Skip comment lines
+        // Skip comment-only lines (RANGE lines already processed above)
         if (line.startsWith('#')) {
             continue;
         }
@@ -8487,10 +8825,12 @@ function parseChartConfig(sourceCode) {
             const valueStr = match[2];
             const parsed = parseValue(valueStr.trim());
             if (parsed) {
+                const range = rangeByVar.get(varName);
                 variables.push({
                     name: varName,
                     value: parsed.value,
-                    type: parsed.type
+                    type: parsed.type,
+                    ...(range && { min: range.min, max: range.max })
                 });
             }
         }
@@ -8643,6 +8983,9 @@ function updateChartConfig(sourceCode, variables) {
     // Use updated variables if available, otherwise keep original
     const variablesToWrite = parsed.variables.map(v => varMap.get(v.name) || v);
     for (const variable of variablesToWrite) {
+        if (variable.min !== undefined && variable.max !== undefined) {
+            newConfigSection += `# RANGE ${variable.name} ${variable.min} ${variable.max}\n`;
+        }
         const formattedValue = formatValue(variable.value, variable.type);
         newConfigSection += `${variable.name} = ${formattedValue}\n`;
     }
@@ -11155,6 +11498,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const RulesForm = ({ formData, formError, onInputChange, onSubmit, onClose, isEditing }) => {
+    var _a;
     const [isLoading, setIsLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     const handleSubmit = async (e) => {
         e.preventDefault();
@@ -11175,13 +11519,20 @@ const RulesForm = ({ formData, formError, onInputChange, onSubmit, onClose, isEd
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "text", id: "name", name: "name", value: formData.name, onChange: onInputChange, placeholder: "Enter rule name", required: true })),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "form-group" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { htmlFor: "description" }, "Rule Content"),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { id: "description", name: "description", value: formData.description, onChange: onInputChange, placeholder: "Enter or paste rule content here", rows: 30, required: true, className: "form-textarea" })),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "form-actions" },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "button-base button-gray", onClick: onClose, disabled: isLoading }, "Cancel"),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "submit", className: "button-base button-purple", disabled: isLoading }, isLoading ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
-                "Saving Rule",
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { style: { color: 'var(--purple-700)' } },
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_LoadingCircle__WEBPACK_IMPORTED_MODULE_3__["default"], null)))) : (isEditing ? 'Update Rule' : 'Add Rule')))));
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("textarea", { id: "description", name: "description", value: formData.description, onChange: onInputChange, placeholder: "Enter or paste rule content here", rows: 10, required: true, className: "form-textarea" })),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "rules-form-footer" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "rules-form-footer-left" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "form-group-checkbox" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", { type: "checkbox", id: "isDefault", name: "isDefault", checked: (_a = formData.isDefault) !== null && _a !== void 0 ? _a : false, onChange: onInputChange }),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { htmlFor: "isDefault" }, "Default rule")),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("sub", { className: "rules-form-footer-sub" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "Default rules are auto-applied to every prompt."))),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "form-actions" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "button-base button-gray", onClick: onClose, disabled: isLoading }, "Cancel"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "submit", className: "button-base button-purple", disabled: isLoading }, isLoading ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+                    "Saving Rule",
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { style: { color: 'var(--purple-700)' } },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_LoadingCircle__WEBPACK_IMPORTED_MODULE_3__["default"], null)))) : (isEditing ? 'Update Rule' : 'Add Rule'))))));
 };
 
 
@@ -11199,9 +11550,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _RulesForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./RulesForm */ "./lib/Extensions/SettingsManager/rules/RulesForm.js");
-/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
-/* harmony import */ var _utils_fileName__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/fileName */ "./lib/utils/fileName.js");
+/* harmony import */ var _RulesForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./RulesForm */ "./lib/Extensions/SettingsManager/rules/RulesForm.js");
+/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/* harmony import */ var _utils_fileName__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/fileName */ "./lib/utils/fileName.js");
+/* harmony import */ var _style_button_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../style/button.css */ "./style/button.css");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -11210,19 +11562,23 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 const RulesPage = () => {
     const [modalStatus, setModalStatus] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined);
     const [rules, setRules] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
     const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+    const [editingRuleName, setEditingRuleName] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
     const [formData, setFormData] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
         name: '',
-        description: ''
+        description: '',
+        isDefault: false
     });
     const [formError, setFormError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+    const [filterDefaultOnly, setFilterDefaultOnly] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     const fetchRules = async () => {
         try {
-            const rules = await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_1__.getRules)();
-            setRules(rules.sort());
+            const rulesList = await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_2__.getRules)();
+            setRules(rulesList.sort((a, b) => a.name.localeCompare(b.name)));
         }
         catch (err) {
             setError(err instanceof Error ? err.message : 'An error occurred');
@@ -11232,35 +11588,66 @@ const RulesPage = () => {
         void fetchRules();
     }, []);
     const handleInputChange = (e) => {
-        const { name, value } = e.target;
+        const target = e.target;
+        const name = target.name;
+        const value = target.type === 'checkbox'
+            ? target.checked
+            : target.value;
         setFormData(prev => ({ ...prev, [name]: value }));
     };
     const handleSubmit = async (e) => {
         e.preventDefault();
-        // Make sure tha the rule is a valid file name
-        if (!(0,_utils_fileName__WEBPACK_IMPORTED_MODULE_2__.isValidFileName)(formData.name)) {
-            setFormError('Invalid rule name. Rules must contain only alphanumeric characters, underscores, or hyphens.');
+        const slugifiedName = (0,_utils_fileName__WEBPACK_IMPORTED_MODULE_3__.slugifyRuleName)(formData.name);
+        if (!slugifiedName) {
+            setFormError('Rule name is required. Use letters, numbers, spaces, hyphens, or underscores.');
             return;
         }
-        else {
-            setFormError(null);
+        setFormError(null);
+        await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_2__.setRule)(slugifiedName, formData.description, formData.isDefault);
+        if (editingRuleName && editingRuleName !== slugifiedName) {
+            await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_2__.deleteRule)(editingRuleName);
         }
-        await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_1__.setRule)(formData.name, formData.description);
         setModalStatus(undefined);
+        setEditingRuleName(null);
         setFormData({
             name: '',
-            description: ''
+            description: '',
+            isDefault: false
         });
         void fetchRules();
     };
-    const handleRuleClick = async (rule) => {
-        const ruleContent = await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_1__.getRule)(rule);
+    const handleRuleClick = async (ruleName) => {
+        const ruleFile = ruleName.includes('.md') ? ruleName : `${ruleName}.md`;
+        const { content: ruleContent, isDefault } = await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_2__.getRule)(ruleFile);
+        const nameWithoutExt = (0,_utils_fileName__WEBPACK_IMPORTED_MODULE_3__.stripFileEnding)(ruleFile);
+        setEditingRuleName(nameWithoutExt);
         setFormData({
-            name: (0,_utils_fileName__WEBPACK_IMPORTED_MODULE_2__.stripFileEnding)(rule),
-            description: ruleContent || ''
+            name: nameWithoutExt,
+            description: ruleContent || '',
+            isDefault
         });
         setModalStatus('edit rule');
     };
+    const handleDeleteRule = async (e, ruleItem) => {
+        e.stopPropagation();
+        const ruleName = (0,_utils_fileName__WEBPACK_IMPORTED_MODULE_3__.stripFileEnding)(ruleItem.name);
+        if (!window.confirm(`Are you sure you want to delete the rule "${ruleName}"?`)) {
+            return;
+        }
+        try {
+            await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_2__.deleteRule)(ruleName);
+            if (editingRuleName === ruleName) {
+                setModalStatus(undefined);
+                setEditingRuleName(null);
+                setFormData({ name: '', description: '', isDefault: false });
+            }
+            void fetchRules();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to delete rule');
+        }
+    };
+    const displayedRules = filterDefaultOnly ? rules.filter(r => r.isDefault) : rules;
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null,
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "settings-header" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", null, "Rules"),
@@ -11268,20 +11655,29 @@ const RulesPage = () => {
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("b", null, "\uFF0B Add Rule"))),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "Rules provide more context to Ai models to help them follow your preferences, adhere to your organization's style guides, learn niche topics, and be a better colleague."),
         error && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { className: "error" }, error),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "rules-list" }, rules && rules.length > 0 ? rules.map((rule) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: rule, className: "rule-item", onClick: () => handleRuleClick(rule) },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "rules-list-filter" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: !filterDefaultOnly ? 'button-base button-gray rules-list-filter-active' : 'button-base button-gray', onClick: () => setFilterDefaultOnly(false) }, "All"),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: filterDefaultOnly ? 'button-base button-gray rules-list-filter-active' : 'button-base button-gray', onClick: () => setFilterDefaultOnly(true) }, "Default only")),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "rules-list" }, displayedRules.length > 0 ? displayedRules.map((ruleItem) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: ruleItem.name, className: "rule-item", onClick: () => handleRuleClick(ruleItem.name) },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "rule-content" },
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h4", { className: "rule-name" }, (0,_utils_fileName__WEBPACK_IMPORTED_MODULE_2__.stripFileEnding)(rule)),
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", { className: "rule-description" }, "Click update to edit this rule's description and settings.")),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h4", { className: "rule-name" },
+                    (0,_utils_fileName__WEBPACK_IMPORTED_MODULE_3__.stripFileEnding)(ruleItem.name),
+                    ruleItem.isDefault && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "rule-badge" }, "Default")))),
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "rule-actions" },
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "button-base button-gray" }, "Update"))))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "empty-state" },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "No rules created yet. Add your first rule to get started!")))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "button-base button-gray" }, "Update"),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { type: "button", className: "button-base button-red", onClick: e => handleDeleteRule(e, ruleItem) }, "Delete"))))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "empty-state" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, filterDefaultOnly
+                ? 'No default rules. Mark a rule as default in the form to see it here.'
+                : 'No rules created yet. Add your first rule to get started!')))),
         modalStatus && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "modal-overlay" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "modal-content modal-content-large", onClick: e => e.stopPropagation() },
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_RulesForm__WEBPACK_IMPORTED_MODULE_3__.RulesForm, { formData: formData, formError: formError, onInputChange: handleInputChange, onSubmit: handleSubmit, onClose: () => {
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_RulesForm__WEBPACK_IMPORTED_MODULE_4__.RulesForm, { formData: formData, formError: formError, onInputChange: handleInputChange, onSubmit: handleSubmit, onClose: () => {
                         setModalStatus(undefined);
+                        setEditingRuleName(null);
                         setFormData({
                             name: '',
-                            description: ''
+                            description: '',
+                            isDefault: false
                         });
                     }, isEditing: modalStatus === 'edit rule' }))))));
 };
@@ -12936,16 +13332,6 @@ const MODEL_MAPPINGS = [
         speed: 'Fast',
         complexityHandling: 'Medium'
     },
-    {
-        displayName: _utils_models__WEBPACK_IMPORTED_MODULE_3__.CLAUDE_SONNET_DISPLAY_NAME,
-        fullName: _utils_models__WEBPACK_IMPORTED_MODULE_3__.CLAUDE_SONNET_MODEL_NAME,
-        type: 'smart',
-        goodFor: [...GOOD_FOR_SMART],
-        provider: 'Anthropic',
-        tokenLimit: '1M',
-        speed: 'Medium',
-        complexityHandling: 'High'
-    },
     {
         displayName: _utils_models__WEBPACK_IMPORTED_MODULE_3__.GEMINI_3_FLASH_DISPLAY_NAME,
         fullName: _utils_models__WEBPACK_IMPORTED_MODULE_3__.GEMINI_3_FLASH_MODEL_NAME,
@@ -15049,6 +15435,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   addChartField: () => (/* binding */ addChartField),
 /* harmony export */   convertChartCode: () => (/* binding */ convertChartCode),
+/* harmony export */   deleteRule: () => (/* binding */ deleteRule),
 /* harmony export */   getChatHistoryThread: () => (/* binding */ getChatHistoryThread),
 /* harmony export */   getChatHistoryThreads: () => (/* binding */ getChatHistoryThreads),
 /* harmony export */   getDatabaseConnections: () => (/* binding */ getDatabaseConnections),
@@ -15114,10 +15501,14 @@ const updateSettings = async (settingsKey, settingsValue) => {
 RULES ENDPOINTS
 
 ************************************/
-const setRule = async (ruleName, ruleContent) => {
+const setRule = async (ruleName, ruleContent, isDefault) => {
+    const body = { content: ruleContent };
+    if (isDefault !== undefined) {
+        body.is_default = isDefault;
+    }
     const resp = await (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestAPI)(`rules/${ruleName}`, {
         method: 'PUT',
-        body: JSON.stringify({ content: ruleContent }),
+        body: JSON.stringify(body),
     });
     if (resp.error) {
         throw new Error(resp.error.message);
@@ -15125,19 +15516,31 @@ const setRule = async (ruleName, ruleContent) => {
     return resp.data || '';
 };
 const getRule = async (ruleName) => {
-    var _a;
+    var _a, _b;
     const resp = await (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestAPI)(`rules/${ruleName}`);
     if (resp.error) {
         throw new Error(resp.error.message);
     }
-    return (_a = resp.data) === null || _a === void 0 ? void 0 : _a.content;
+    return {
+        content: (_a = resp.data) === null || _a === void 0 ? void 0 : _a.content,
+        isDefault: Boolean((_b = resp.data) === null || _b === void 0 ? void 0 : _b.is_default)
+    };
 };
 const getRules = async () => {
     const resp = await (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestAPI)(`rules`);
     if (resp.error) {
         throw new Error(resp.error.message);
     }
-    return resp.data || [];
+    const data = resp.data || [];
+    return data.map(r => ({ name: r.name, isDefault: Boolean(r.is_default) }));
+};
+const deleteRule = async (ruleName) => {
+    const resp = await (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestAPI)(`rules/${ruleName}`, {
+        method: 'DELETE',
+    });
+    if (resp.error) {
+        throw new Error(resp.error.message);
+    }
 };
 /************************************
 
@@ -16464,6 +16867,7 @@ const isErrorFixupMessage = (promptType, message, messageContent) => {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   isValidFileName: () => (/* binding */ isValidFileName),
+/* harmony export */   slugifyRuleName: () => (/* binding */ slugifyRuleName),
 /* harmony export */   stripFileEnding: () => (/* binding */ stripFileEnding)
 /* harmony export */ });
 /*
@@ -16475,6 +16879,19 @@ __webpack_require__.r(__webpack_exports__);
 const isValidFileName = (fileName) => {
     return /^[a-zA-Z0-9_-]+$/.test(fileName);
 };
+/**
+ * Converts a rule name to a valid file-name slug: spaces and other separators
+ * become hyphens, invalid characters removed, multiple hyphens collapsed.
+ */
+const slugifyRuleName = (name) => {
+    return name
+        .trim()
+        .replace(/\s+/g, '-')
+        .replace(/[^a-zA-Z0-9_-]+/g, '-')
+        .replace(/-+/g, '-')
+        .replace(/^-|-$/g, '')
+        .toLowerCase();
+};
 const stripFileEnding = (rule) => {
     return rule.replace('.md', '');
 };
@@ -16756,7 +17173,6 @@ async function getAvailableModels() {
         return [
             GPT_4_1_MODEL_NAME,
             GPT_5_2_MODEL_NAME,
-            CLAUDE_SONNET_MODEL_NAME,
             CLAUDE_HAIKU_MODEL_NAME,
             GEMINI_3_FLASH_MODEL_NAME,
             GEMINI_3_PRO_MODEL_NAME,
@@ -18721,8 +19137,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 .add-field-container {
     margin-top: 16px;
-    padding-top: 16px;
-    border-top: 1px solid #e0e0e0;
 }
 
 .add-field-button {
@@ -18741,7 +19155,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     font-family: inherit;
     box-sizing: border-box;
 }
-`, "",{"version":3,"sources":["webpack://./style/AddFieldButton.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,gBAAgB;IAChB,iBAAiB;IACjB,6BAA6B;AACjC;;AAEA;IACI,WAAW;AACf;;AAEA;IACI,WAAW;IACX,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,sBAAsB;IACtB,kBAAkB;IAClB,iBAAiB;IACjB,gBAAgB;IAChB,oBAAoB;IACpB,sBAAsB;AAC1B","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.add-field-container {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid #e0e0e0;\n}\n\n.add-field-button {\n    width: 100%;\n}\n\n.add-field-dialog-textarea {\n    width: 100%;\n    padding: 8px;\n    margin-top: 10px;\n    font-size: 14px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    min-height: 100px;\n    resize: vertical;\n    font-family: inherit;\n    box-sizing: border-box;\n}\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./style/AddFieldButton.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,gBAAgB;AACpB;;AAEA;IACI,WAAW;AACf;;AAEA;IACI,WAAW;IACX,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,sBAAsB;IACtB,kBAAkB;IAClB,iBAAiB;IACjB,gBAAgB;IAChB,oBAAoB;IACpB,sBAAsB;AAC1B","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.add-field-container {\n    margin-top: 16px;\n}\n\n.add-field-button {\n    width: 100%;\n}\n\n.add-field-dialog-textarea {\n    width: 100%;\n    padding: 8px;\n    margin-top: 10px;\n    font-size: 14px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    min-height: 100px;\n    resize: vertical;\n    font-family: inherit;\n    box-sizing: border-box;\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -20527,6 +20941,63 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     box-sizing: border-box;
 }
 
+.chart-wizard-number-slider-row {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    width: 100%;
+}
+
+.chart-wizard-range-slider {
+    flex: 1;
+    min-width: 0;
+    height: 6px;
+    -webkit-appearance: none;
+    appearance: none;
+    background: var(--jp-border-color2);
+    border-radius: 3px;
+    outline: none;
+}
+
+.chart-wizard-range-slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--jp-brand-color1);
+    cursor: pointer;
+    border: none;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.chart-wizard-range-slider::-moz-range-thumb {
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--jp-brand-color1);
+    cursor: pointer;
+    border: none;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.chart-wizard-range-slider:focus {
+    outline: none;
+}
+
+.chart-wizard-range-slider:focus::-webkit-slider-thumb {
+    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.25);
+}
+
+.chart-wizard-range-slider:focus::-moz-range-thumb {
+    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.25);
+}
+
+.chart-wizard-number-input-narrow {
+    width: 72px;
+    flex-shrink: 0;
+}
+
 .chart-wizard-color-container {
     display: flex;
     gap: 8px;
@@ -20557,6 +21028,27 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     min-height: 0;
 }
 
+.chart-wizard-export-section {
+    margin-top: 24px;
+    padding-top: 20px;
+    border-top: 1px solid var(--jp-border-color2);
+}
+
+.chart-wizard-export-format-row {
+    margin-bottom: 12px;
+}
+
+.chart-wizard-export-format-row .toggle-button-container {
+    width: 100%;
+}
+
+.chart-wizard-section-heading {
+    font-size: 14px;
+    font-weight: 600;
+    margin: 0 0 12px 0;
+    color: var(--jp-content-font-color1);
+}
+
 .chart-wizard-empty-state,
 .chart-wizard-no-config {
     flex: 1;
@@ -20637,7 +21129,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 .chart-wizard-warning-button:active {
     background-color: var(--yellow-300);
-}`, "",{"version":3,"sources":["webpack://./style/ChartWizardWidget.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,aAAa;IACb,YAAY;IACZ,gBAAgB;IAChB,aAAa;IACb,sBAAsB;IACtB,sBAAsB;AAC1B;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,QAAQ;AACZ;;AAEA;IACI,mBAAmB;IACnB,mBAAmB;IACnB,8BAA8B;IAC9B,mBAAmB;IACnB,SAAS;AACb;;AAEA;IACI,oCAAoC;IACpC,eAAe;IACf,gBAAgB;IAChB,oBAAoB;AACxB;;AAEA;IACI,OAAO;IACP,SAAS;IACT,eAAe;AACnB;;AAEA;IACI,kBAAkB;IAClB,oBAAoB;IACpB,mBAAmB;IACnB,eAAe;IACf,cAAc;AAClB;;AAEA;IACI,kBAAkB;IAClB,UAAU;IACV,eAAe;IACf,QAAQ;IACR,SAAS;IACT,SAAS;AACb;;AAEA;IACI,kBAAkB;IAClB,qBAAqB;IACrB,WAAW;IACX,YAAY;IACZ,yCAAyC;IACzC,mBAAmB;IACnB,sCAAsC;IACtC,sBAAsB;AAC1B;;AAEA;IACI,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,uBAAuB;IACvB,kBAAkB;IAClB,+BAA+B;IAC/B,wCAAwC;AAC5C;;AAEA;IACI,wCAAwC;AAC5C;;AAEA;IACI,2BAA2B;AAC/B;;AAEA;IACI,6CAA6C;AACjD;;AAEA;IACI,yCAAyC;AAC7C;;AAEA;IACI,wCAAwC;AAC5C;;AAEA;;;;IAII,WAAW;IACX,sBAAsB;AAC1B;;AAEA;IACI,aAAa;IACb,QAAQ;IACR,WAAW;AACf;;AAEA;IACI,cAAc;AAClB;;AAEA;IACI,OAAO;AACX;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,QAAQ;IACR,WAAW;AACf;;AAEA;IACI,OAAO;AACX;;AAEA;IACI,OAAO;IACP,aAAa;AACjB;;AAEA;;IAEI,OAAO;IACP,aAAa;IACb,sBAAsB;IACtB,uBAAuB;AAC3B;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,qBAAqB;IACrB,gBAAgB;IAChB,gBAAgB;AACpB;;AAEA;IACI,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,QAAQ;IACR,gFAAgF;IAChF,gBAAgB;IAChB,0CAA0C;IAC1C,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,aAAa;IACb,mBAAmB;AACvB;;AAEA;IACI,eAAe;IACf,gBAAgB;IAChB,WAAW;AACf;;AAEA;IACI,mCAAmC;IACnC,wBAAwB;IACxB,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,gBAAgB;IAChB,mCAAmC;IACnC,aAAa;IACb,sBAAsB;IACtB,SAAS;AACb;;AAEA;IACI,OAAO;AACX;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,mCAAmC;IACnC,wBAAwB;IACxB,YAAY;IACZ,iBAAiB;IACjB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,eAAe;IACf,sBAAsB;IACtB,sCAAsC;AAC1C;;AAEA;IACI,mCAAmC;AACvC;;AAEA;IACI,mCAAmC;AACvC","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.chart-wizard-widget {\n    padding: 10px;\n    height: 100%;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n}\n\n.chart-wizard-input-row {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 15px;\n    gap: 5px;\n}\n\n.chart-wizard-boolean-row {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 12px;\n    gap: 12px;\n}\n\n.chart-wizard-input-label {\n    color: var(--jp-content-font-color2);\n    font-size: 12px;\n    font-weight: 500;\n    text-transform: none;\n}\n\n.chart-wizard-boolean-label {\n    flex: 1;\n    margin: 0;\n    cursor: pointer;\n}\n\n.chart-wizard-toggle-container {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    flex-shrink: 0;\n}\n\n.chart-wizard-toggle-input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    width: 0;\n    height: 0;\n    margin: 0;\n}\n\n.chart-wizard-toggle-slider {\n    position: relative;\n    display: inline-block;\n    width: 44px;\n    height: 24px;\n    background-color: var(--jp-border-color2);\n    border-radius: 12px;\n    transition: background-color 0.3s ease;\n    box-sizing: border-box;\n}\n\n.chart-wizard-toggle-slider::before {\n    content: '';\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    left: 2px;\n    top: 2px;\n    background-color: white;\n    border-radius: 50%;\n    transition: transform 0.3s ease;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.chart-wizard-toggle-input:checked + .chart-wizard-toggle-slider {\n    background-color: var(--jp-brand-color1);\n}\n\n.chart-wizard-toggle-input:checked + .chart-wizard-toggle-slider::before {\n    transform: translateX(20px);\n}\n\n.chart-wizard-toggle-input:focus + .chart-wizard-toggle-slider {\n    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.2);\n}\n\n.chart-wizard-toggle-input:hover + .chart-wizard-toggle-slider {\n    background-color: var(--jp-border-color1);\n}\n\n.chart-wizard-toggle-input:checked:hover + .chart-wizard-toggle-slider {\n    background-color: var(--jp-brand-color0);\n}\n\n.chart-wizard-number-input,\n.chart-wizard-text-input,\n.chart-wizard-color-input,\n.chart-wizard-tuple-input {\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.chart-wizard-color-container {\n    display: flex;\n    gap: 8px;\n    width: 100%;\n}\n\n.chart-wizard-color-picker {\n    flex-shrink: 0;\n}\n\n.chart-wizard-color-input {\n    flex: 1;\n}\n\n.chart-wizard-tuple-container {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    width: 100%;\n}\n\n.chart-wizard-tuple-input {\n    flex: 1;\n}\n\n.chart-wizard-config-container {\n    flex: 1;\n    min-height: 0;\n}\n\n.chart-wizard-empty-state,\n.chart-wizard-no-config {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.chart-wizard-no-config p {\n    text-align: center;\n}\n\n.chart-wizard-loading-dots {\n    display: inline-block;\n    min-width: 1.5em;\n    text-align: left;\n}\n\n.chart-wizard-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    /* Height is set dynamically via inline style to cover full scrollable content */\n    min-height: 100%;\n    background-color: rgba(255, 255, 255, 0.8);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n    pointer-events: all;\n}\n\n.chart-wizard-overlay-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: #333;\n}\n\n.chart-wizard-warning {\n    background-color: var(--yellow-100);\n    color: var(--yellow-900);\n    padding: 10px 12px;\n    border-radius: 4px;\n    margin-bottom: 15px;\n    font-size: 13px;\n    line-height: 1.4;\n    border: 1px solid var(--yellow-300);\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.chart-wizard-warning-content {\n    flex: 1;\n}\n\n.chart-wizard-warning strong {\n    font-weight: 600;\n}\n\n.chart-wizard-warning-button {\n    background-color: var(--yellow-600);\n    color: var(--yellow-900);\n    border: none;\n    padding: 6px 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    align-self: flex-start;\n    transition: background-color 0.2s ease;\n}\n\n.chart-wizard-warning-button:hover {\n    background-color: var(--yellow-500);\n}\n\n.chart-wizard-warning-button:active {\n    background-color: var(--yellow-300);\n}"],"sourceRoot":""}]);
+}`, "",{"version":3,"sources":["webpack://./style/ChartWizardWidget.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,aAAa;IACb,YAAY;IACZ,gBAAgB;IAChB,aAAa;IACb,sBAAsB;IACtB,sBAAsB;AAC1B;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,QAAQ;AACZ;;AAEA;IACI,mBAAmB;IACnB,mBAAmB;IACnB,8BAA8B;IAC9B,mBAAmB;IACnB,SAAS;AACb;;AAEA;IACI,oCAAoC;IACpC,eAAe;IACf,gBAAgB;IAChB,oBAAoB;AACxB;;AAEA;IACI,OAAO;IACP,SAAS;IACT,eAAe;AACnB;;AAEA;IACI,kBAAkB;IAClB,oBAAoB;IACpB,mBAAmB;IACnB,eAAe;IACf,cAAc;AAClB;;AAEA;IACI,kBAAkB;IAClB,UAAU;IACV,eAAe;IACf,QAAQ;IACR,SAAS;IACT,SAAS;AACb;;AAEA;IACI,kBAAkB;IAClB,qBAAqB;IACrB,WAAW;IACX,YAAY;IACZ,yCAAyC;IACzC,mBAAmB;IACnB,sCAAsC;IACtC,sBAAsB;AAC1B;;AAEA;IACI,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,uBAAuB;IACvB,kBAAkB;IAClB,+BAA+B;IAC/B,wCAAwC;AAC5C;;AAEA;IACI,wCAAwC;AAC5C;;AAEA;IACI,2BAA2B;AAC/B;;AAEA;IACI,6CAA6C;AACjD;;AAEA;IACI,yCAAyC;AAC7C;;AAEA;IACI,wCAAwC;AAC5C;;AAEA;;;;IAII,WAAW;IACX,sBAAsB;AAC1B;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,SAAS;IACT,WAAW;AACf;;AAEA;IACI,OAAO;IACP,YAAY;IACZ,WAAW;IACX,wBAAwB;IACxB,gBAAgB;IAChB,mCAAmC;IACnC,kBAAkB;IAClB,aAAa;AACjB;;AAEA;IACI,wBAAwB;IACxB,gBAAgB;IAChB,WAAW;IACX,YAAY;IACZ,kBAAkB;IAClB,kCAAkC;IAClC,eAAe;IACf,YAAY;IACZ,wCAAwC;AAC5C;;AAEA;IACI,WAAW;IACX,YAAY;IACZ,kBAAkB;IAClB,kCAAkC;IAClC,eAAe;IACf,YAAY;IACZ,wCAAwC;AAC5C;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,8CAA8C;AAClD;;AAEA;IACI,8CAA8C;AAClD;;AAEA;IACI,WAAW;IACX,cAAc;AAClB;;AAEA;IACI,aAAa;IACb,QAAQ;IACR,WAAW;AACf;;AAEA;IACI,cAAc;AAClB;;AAEA;IACI,OAAO;AACX;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,QAAQ;IACR,WAAW;AACf;;AAEA;IACI,OAAO;AACX;;AAEA;IACI,OAAO;IACP,aAAa;AACjB;;AAEA;IACI,gBAAgB;IAChB,iBAAiB;IACjB,6CAA6C;AACjD;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,WAAW;AACf;;AAEA;IACI,eAAe;IACf,gBAAgB;IAChB,kBAAkB;IAClB,oCAAoC;AACxC;;AAEA;;IAEI,OAAO;IACP,aAAa;IACb,sBAAsB;IACtB,uBAAuB;AAC3B;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,qBAAqB;IACrB,gBAAgB;IAChB,gBAAgB;AACpB;;AAEA;IACI,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,QAAQ;IACR,gFAAgF;IAChF,gBAAgB;IAChB,0CAA0C;IAC1C,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,aAAa;IACb,mBAAmB;AACvB;;AAEA;IACI,eAAe;IACf,gBAAgB;IAChB,WAAW;AACf;;AAEA;IACI,mCAAmC;IACnC,wBAAwB;IACxB,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,gBAAgB;IAChB,mCAAmC;IACnC,aAAa;IACb,sBAAsB;IACtB,SAAS;AACb;;AAEA;IACI,OAAO;AACX;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,mCAAmC;IACnC,wBAAwB;IACxB,YAAY;IACZ,iBAAiB;IACjB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,eAAe;IACf,sBAAsB;IACtB,sCAAsC;AAC1C;;AAEA;IACI,mCAAmC;AACvC;;AAEA;IACI,mCAAmC;AACvC","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.chart-wizard-widget {\n    padding: 10px;\n    height: 100%;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n}\n\n.chart-wizard-input-row {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 15px;\n    gap: 5px;\n}\n\n.chart-wizard-boolean-row {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 12px;\n    gap: 12px;\n}\n\n.chart-wizard-input-label {\n    color: var(--jp-content-font-color2);\n    font-size: 12px;\n    font-weight: 500;\n    text-transform: none;\n}\n\n.chart-wizard-boolean-label {\n    flex: 1;\n    margin: 0;\n    cursor: pointer;\n}\n\n.chart-wizard-toggle-container {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    flex-shrink: 0;\n}\n\n.chart-wizard-toggle-input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    width: 0;\n    height: 0;\n    margin: 0;\n}\n\n.chart-wizard-toggle-slider {\n    position: relative;\n    display: inline-block;\n    width: 44px;\n    height: 24px;\n    background-color: var(--jp-border-color2);\n    border-radius: 12px;\n    transition: background-color 0.3s ease;\n    box-sizing: border-box;\n}\n\n.chart-wizard-toggle-slider::before {\n    content: '';\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    left: 2px;\n    top: 2px;\n    background-color: white;\n    border-radius: 50%;\n    transition: transform 0.3s ease;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.chart-wizard-toggle-input:checked + .chart-wizard-toggle-slider {\n    background-color: var(--jp-brand-color1);\n}\n\n.chart-wizard-toggle-input:checked + .chart-wizard-toggle-slider::before {\n    transform: translateX(20px);\n}\n\n.chart-wizard-toggle-input:focus + .chart-wizard-toggle-slider {\n    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.2);\n}\n\n.chart-wizard-toggle-input:hover + .chart-wizard-toggle-slider {\n    background-color: var(--jp-border-color1);\n}\n\n.chart-wizard-toggle-input:checked:hover + .chart-wizard-toggle-slider {\n    background-color: var(--jp-brand-color0);\n}\n\n.chart-wizard-number-input,\n.chart-wizard-text-input,\n.chart-wizard-color-input,\n.chart-wizard-tuple-input {\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.chart-wizard-number-slider-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    width: 100%;\n}\n\n.chart-wizard-range-slider {\n    flex: 1;\n    min-width: 0;\n    height: 6px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: var(--jp-border-color2);\n    border-radius: 3px;\n    outline: none;\n}\n\n.chart-wizard-range-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--jp-brand-color1);\n    cursor: pointer;\n    border: none;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.chart-wizard-range-slider::-moz-range-thumb {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--jp-brand-color1);\n    cursor: pointer;\n    border: none;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.chart-wizard-range-slider:focus {\n    outline: none;\n}\n\n.chart-wizard-range-slider:focus::-webkit-slider-thumb {\n    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.25);\n}\n\n.chart-wizard-range-slider:focus::-moz-range-thumb {\n    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.25);\n}\n\n.chart-wizard-number-input-narrow {\n    width: 72px;\n    flex-shrink: 0;\n}\n\n.chart-wizard-color-container {\n    display: flex;\n    gap: 8px;\n    width: 100%;\n}\n\n.chart-wizard-color-picker {\n    flex-shrink: 0;\n}\n\n.chart-wizard-color-input {\n    flex: 1;\n}\n\n.chart-wizard-tuple-container {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    width: 100%;\n}\n\n.chart-wizard-tuple-input {\n    flex: 1;\n}\n\n.chart-wizard-config-container {\n    flex: 1;\n    min-height: 0;\n}\n\n.chart-wizard-export-section {\n    margin-top: 24px;\n    padding-top: 20px;\n    border-top: 1px solid var(--jp-border-color2);\n}\n\n.chart-wizard-export-format-row {\n    margin-bottom: 12px;\n}\n\n.chart-wizard-export-format-row .toggle-button-container {\n    width: 100%;\n}\n\n.chart-wizard-section-heading {\n    font-size: 14px;\n    font-weight: 600;\n    margin: 0 0 12px 0;\n    color: var(--jp-content-font-color1);\n}\n\n.chart-wizard-empty-state,\n.chart-wizard-no-config {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.chart-wizard-no-config p {\n    text-align: center;\n}\n\n.chart-wizard-loading-dots {\n    display: inline-block;\n    min-width: 1.5em;\n    text-align: left;\n}\n\n.chart-wizard-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    /* Height is set dynamically via inline style to cover full scrollable content */\n    min-height: 100%;\n    background-color: rgba(255, 255, 255, 0.8);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n    pointer-events: all;\n}\n\n.chart-wizard-overlay-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: #333;\n}\n\n.chart-wizard-warning {\n    background-color: var(--yellow-100);\n    color: var(--yellow-900);\n    padding: 10px 12px;\n    border-radius: 4px;\n    margin-bottom: 15px;\n    font-size: 13px;\n    line-height: 1.4;\n    border: 1px solid var(--yellow-300);\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.chart-wizard-warning-content {\n    flex: 1;\n}\n\n.chart-wizard-warning strong {\n    font-weight: 600;\n}\n\n.chart-wizard-warning-button {\n    background-color: var(--yellow-600);\n    color: var(--yellow-900);\n    border: none;\n    padding: 6px 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    align-self: flex-start;\n    transition: background-color 0.2s ease;\n}\n\n.chart-wizard-warning-button:hover {\n    background-color: var(--yellow-500);\n}\n\n.chart-wizard-warning-button:active {\n    background-color: var(--yellow-300);\n}"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -23687,10 +24179,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_base_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! -!../node_modules/css-loader/dist/cjs.js!./base.css */ "./node_modules/css-loader/dist/cjs.js!./style/base.css");
 // Imports
 
 
+
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_base_css__WEBPACK_IMPORTED_MODULE_2__["default"]);
 // Module
 ___CSS_LOADER_EXPORT___.push([module.id, `/*
  * Copyright (c) Saga Inc.
@@ -23709,7 +24204,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     transition: border-color 0.2s;
     font-family: var(--jp-ui-font-family);
     resize: vertical;
-    min-height: 120px;
+    min-height: 100px;
+    max-height: 50vh;
 }
 
 .rules-form textarea:focus {
@@ -23725,29 +24221,96 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     display: block;
 }
 
+.rules-form .form-group-checkbox {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.rules-form .form-group-checkbox input[type="checkbox"] {
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+}
+
+.rules-form .form-group-checkbox label {
+    margin: 0;
+    cursor: pointer;
+}
+
+.rules-form-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-top: 24px;
+    flex-wrap: wrap;
+}
+
+.rules-form-footer-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+}
+
+.rules-form-footer-left .form-group-checkbox {
+    margin: 0;
+}
+
+.rules-form-footer-sub {
+    margin: 0;
+    color: var(--jp-ui-font-color2);
+    font-size: 12px;
+}
+
+.rules-form .form-actions {
+    border-top: none;
+    margin-top: 0;
+    padding-top: 0;
+}
+
+/* Rules list filter */
+.rules-list-filter {
+    display: flex;
+    gap: 8px;
+    margin-top: 16px;
+    margin-bottom: 12px;
+}
+
+.rules-list-filter .button-base {
+    padding: 6px 12px;
+    font-size: 13px;
+}
+
+.rules-list-filter .rules-list-filter-active {
+    background-color: var(--jp-layout-color2);
+    font-weight: 500;
+}
+
 /* Rules List Styling */
 .rules-list {
-    margin-top: 24px;
+    margin-top: 0;
     display: flex;
     flex-direction: column;
-    gap: 16px;
 }
 
 .rules-list .rule-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 20px;
-    border: 1px solid var(--jp-border-color1);
-    border-radius: 8px;
-    background: var(--jp-layout-color0);
-    transition: border-color 0.2s, box-shadow 0.2s;
+    padding: 12px 0;
+    border-bottom: 1px solid var(--jp-border-color1);
+    transition: color 0.15s ease;
     cursor: pointer;
 }
 
-.rules-list .rule-item:hover {
-    border-color: var(--jp-border-color2);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+.rules-list .rule-item:last-child {
+    border-bottom: none;
+}
+
+.rules-list .rule-item:hover .rule-name {
+    color: var(--purple-600);
 }
 
 .rules-list .rule-content {
@@ -23756,18 +24319,25 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 }
 
 .rules-list .rule-name {
-    margin: 0 0 8px 0;
+    margin: 0;
     color: var(--jp-ui-font-color1);
     font-size: 14px;
     font-weight: 500;
     line-height: 1;
+    display: flex;
+    align-items: center;
+    gap: 8px;
 }
 
-.rules-list .rule-description {
-    margin: 0;
-    color: var(--jp-ui-font-color2);
-    font-size: 14px;
-    line-height: 1.5;
+.rules-list .rule-badge {
+    display: inline-block;
+    padding: 2px 6px;
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 1;
+    border-radius: 3px;
+    background-color: var(--purple-300);
+    color: var(--purple-700);
 }
 
 .rules-list .rule-actions {
@@ -23786,7 +24356,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     margin: 0;
     font-size: 16px;
 }
-`, "",{"version":3,"sources":["webpack://./style/RulesForm.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,WAAW;IACX,sBAAsB;IACtB,iBAAiB;IACjB,yCAAyC;IACzC,kBAAkB;IAClB,mCAAmC;IACnC,+BAA+B;IAC/B,eAAe;IACf,6BAA6B;IAC7B,qCAAqC;IACrC,gBAAgB;IAChB,iBAAiB;AACrB;;AAEA;IACI,aAAa;IACb,+BAA+B;IAC/B,6CAA6C;AACjD;;AAEA;IACI,+BAA+B;IAC/B,eAAe;IACf,kBAAkB;IAClB,cAAc;AAClB;;AAEA,uBAAuB;AACvB;IACI,gBAAgB;IAChB,aAAa;IACb,sBAAsB;IACtB,SAAS;AACb;;AAEA;IACI,aAAa;IACb,8BAA8B;IAC9B,mBAAmB;IACnB,aAAa;IACb,yCAAyC;IACzC,kBAAkB;IAClB,mCAAmC;IACnC,8CAA8C;IAC9C,eAAe;AACnB;;AAEA;IACI,qCAAqC;IACrC,wCAAwC;AAC5C;;AAEA;IACI,OAAO;IACP,kBAAkB;AACtB;;AAEA;IACI,iBAAiB;IACjB,+BAA+B;IAC/B,eAAe;IACf,gBAAgB;IAChB,cAAc;AAClB;;AAEA;IACI,SAAS;IACT,+BAA+B;IAC/B,eAAe;IACf,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,QAAQ;AACZ;;AAEA;IACI,kBAAkB;IAClB,kBAAkB;IAClB,+BAA+B;IAC/B,kBAAkB;AACtB;;AAEA;IACI,SAAS;IACT,eAAe;AACnB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.rules-form textarea {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 8px 12px;\n    border: 1px solid var(--jp-border-color1);\n    border-radius: 4px;\n    background: var(--jp-layout-color0);\n    color: var(--jp-ui-font-color1);\n    font-size: 14px;\n    transition: border-color 0.2s;\n    font-family: var(--jp-ui-font-family);\n    resize: vertical;\n    min-height: 120px;\n}\n\n.rules-form textarea:focus {\n    outline: none;\n    border-color: var(--purple-500);\n    box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.1);\n}\n\n.rules-form .form-group sub {\n    color: var(--jp-ui-font-color2);\n    margin-top: 4px;\n    margin-bottom: 4px;\n    display: block;\n}\n\n/* Rules List Styling */\n.rules-list {\n    margin-top: 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.rules-list .rule-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px;\n    border: 1px solid var(--jp-border-color1);\n    border-radius: 8px;\n    background: var(--jp-layout-color0);\n    transition: border-color 0.2s, box-shadow 0.2s;\n    cursor: pointer;\n}\n\n.rules-list .rule-item:hover {\n    border-color: var(--jp-border-color2);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.rules-list .rule-content {\n    flex: 1;\n    margin-right: 16px;\n}\n\n.rules-list .rule-name {\n    margin: 0 0 8px 0;\n    color: var(--jp-ui-font-color1);\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1;\n}\n\n.rules-list .rule-description {\n    margin: 0;\n    color: var(--jp-ui-font-color2);\n    font-size: 14px;\n    line-height: 1.5;\n}\n\n.rules-list .rule-actions {\n    display: flex;\n    gap: 8px;\n}\n\n.rules-list .empty-state {\n    text-align: center;\n    padding: 40px 20px;\n    color: var(--jp-ui-font-color2);\n    font-style: italic;\n}\n\n.rules-list .empty-state p {\n    margin: 0;\n    font-size: 16px;\n}\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./style/RulesForm.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAIF;IACI,WAAW;IACX,sBAAsB;IACtB,iBAAiB;IACjB,yCAAyC;IACzC,kBAAkB;IAClB,mCAAmC;IACnC,+BAA+B;IAC/B,eAAe;IACf,6BAA6B;IAC7B,qCAAqC;IACrC,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,+BAA+B;IAC/B,6CAA6C;AACjD;;AAEA;IACI,+BAA+B;IAC/B,eAAe;IACf,kBAAkB;IAClB,cAAc;AAClB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,QAAQ;AACZ;;AAEA;IACI,WAAW;IACX,YAAY;IACZ,eAAe;AACnB;;AAEA;IACI,SAAS;IACT,eAAe;AACnB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAC9B,SAAS;IACT,gBAAgB;IAChB,eAAe;AACnB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,QAAQ;IACR,eAAe;AACnB;;AAEA;IACI,SAAS;AACb;;AAEA;IACI,SAAS;IACT,+BAA+B;IAC/B,eAAe;AACnB;;AAEA;IACI,gBAAgB;IAChB,aAAa;IACb,cAAc;AAClB;;AAEA,sBAAsB;AACtB;IACI,aAAa;IACb,QAAQ;IACR,gBAAgB;IAChB,mBAAmB;AACvB;;AAEA;IACI,iBAAiB;IACjB,eAAe;AACnB;;AAEA;IACI,yCAAyC;IACzC,gBAAgB;AACpB;;AAEA,uBAAuB;AACvB;IACI,aAAa;IACb,aAAa;IACb,sBAAsB;AAC1B;;AAEA;IACI,aAAa;IACb,8BAA8B;IAC9B,mBAAmB;IACnB,eAAe;IACf,gDAAgD;IAChD,4BAA4B;IAC5B,eAAe;AACnB;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,wBAAwB;AAC5B;;AAEA;IACI,OAAO;IACP,kBAAkB;AACtB;;AAEA;IACI,SAAS;IACT,+BAA+B;IAC/B,eAAe;IACf,gBAAgB;IAChB,cAAc;IACd,aAAa;IACb,mBAAmB;IACnB,QAAQ;AACZ;;AAEA;IACI,qBAAqB;IACrB,gBAAgB;IAChB,eAAe;IACf,gBAAgB;IAChB,cAAc;IACd,kBAAkB;IAClB,mCAAmC;IACnC,wBAAwB;AAC5B;;AAEA;IACI,aAAa;IACb,QAAQ;AACZ;;AAEA;IACI,kBAAkB;IAClB,kBAAkB;IAClB,+BAA+B;IAC/B,kBAAkB;AACtB;;AAEA;IACI,SAAS;IACT,eAAe;AACnB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n@import url('base.css');\n\n.rules-form textarea {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 8px 12px;\n    border: 1px solid var(--jp-border-color1);\n    border-radius: 4px;\n    background: var(--jp-layout-color0);\n    color: var(--jp-ui-font-color1);\n    font-size: 14px;\n    transition: border-color 0.2s;\n    font-family: var(--jp-ui-font-family);\n    resize: vertical;\n    min-height: 100px;\n    max-height: 50vh;\n}\n\n.rules-form textarea:focus {\n    outline: none;\n    border-color: var(--purple-500);\n    box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.1);\n}\n\n.rules-form .form-group sub {\n    color: var(--jp-ui-font-color2);\n    margin-top: 4px;\n    margin-bottom: 4px;\n    display: block;\n}\n\n.rules-form .form-group-checkbox {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.rules-form .form-group-checkbox input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n}\n\n.rules-form .form-group-checkbox label {\n    margin: 0;\n    cursor: pointer;\n}\n\n.rules-form-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    margin-top: 24px;\n    flex-wrap: wrap;\n}\n\n.rules-form-footer-left {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.rules-form-footer-left .form-group-checkbox {\n    margin: 0;\n}\n\n.rules-form-footer-sub {\n    margin: 0;\n    color: var(--jp-ui-font-color2);\n    font-size: 12px;\n}\n\n.rules-form .form-actions {\n    border-top: none;\n    margin-top: 0;\n    padding-top: 0;\n}\n\n/* Rules list filter */\n.rules-list-filter {\n    display: flex;\n    gap: 8px;\n    margin-top: 16px;\n    margin-bottom: 12px;\n}\n\n.rules-list-filter .button-base {\n    padding: 6px 12px;\n    font-size: 13px;\n}\n\n.rules-list-filter .rules-list-filter-active {\n    background-color: var(--jp-layout-color2);\n    font-weight: 500;\n}\n\n/* Rules List Styling */\n.rules-list {\n    margin-top: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n.rules-list .rule-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 0;\n    border-bottom: 1px solid var(--jp-border-color1);\n    transition: color 0.15s ease;\n    cursor: pointer;\n}\n\n.rules-list .rule-item:last-child {\n    border-bottom: none;\n}\n\n.rules-list .rule-item:hover .rule-name {\n    color: var(--purple-600);\n}\n\n.rules-list .rule-content {\n    flex: 1;\n    margin-right: 16px;\n}\n\n.rules-list .rule-name {\n    margin: 0;\n    color: var(--jp-ui-font-color1);\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.rules-list .rule-badge {\n    display: inline-block;\n    padding: 2px 6px;\n    font-size: 11px;\n    font-weight: 500;\n    line-height: 1;\n    border-radius: 3px;\n    background-color: var(--purple-300);\n    color: var(--purple-700);\n}\n\n.rules-list .rule-actions {\n    display: flex;\n    gap: 8px;\n}\n\n.rules-list .empty-state {\n    text-align: center;\n    padding: 40px 20px;\n    color: var(--jp-ui-font-color2);\n    font-style: italic;\n}\n\n.rules-list .empty-state p {\n    margin: 0;\n    font-size: 16px;\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -27609,4 +28179,4 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 /***/ })
 
 }]);
-//# sourceMappingURL=lib_index_js.44c109c7be36fb884d25.js.map
+//# sourceMappingURL=lib_index_js.dccfa541c464ee0e5cd4.js.map