@solidxai/core-ui 0.1.13-beta.3 → 0.1.13-beta.5

package/dist/components/common/SolidFieldTooltip.tsx

@@ -1,5 +1,4 @@
-import React, { useEffect } from "react";
-import {SolidPopover,SolidPopoverContent,SolidPopoverTrigger,} from "../shad-cn-ui";
+import React from "react";
 import {
     SolidTooltip,
     SolidTooltipContent,
@@ -11,78 +10,23 @@ export const SolidFieldTooltip = ({ fieldContext }: any) => {
     const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
     const fieldLayoutInfo = fieldContext.field;
     const fieldMetadata = fieldContext.fieldMetadata;
-    const [useTapPopover, setUseTapPopover] = React.useState(false);
     const showTooltip =
         solidFormViewMetaData.data.solidView?.layout?.attrs?.showTooltip ?? true;
     const fieldDescription =
         fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
 
-    useEffect(() => {
-        if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
-            return;
-        }
-
-        const touchMedia = window.matchMedia("(hover: none), (pointer: coarse)");
-        const responsiveMedia = window.matchMedia("(max-width: 991px)");
-        const updateMode = () => {
-            setUseTapPopover(touchMedia.matches || responsiveMedia.matches);
-        };
-
-        updateMode();
-
-        const addChangeListener = (mediaQuery: MediaQueryList, listener: () => void) => {
-            if (typeof mediaQuery.addEventListener === "function") {
-                mediaQuery.addEventListener("change", listener);
-                return () => mediaQuery.removeEventListener("change", listener);
-            }
-
-            mediaQuery.addListener(listener);
-            return () => mediaQuery.removeListener(listener);
-        };
-
-        const removeTouchListener = addChangeListener(touchMedia, updateMode);
-        const removeResponsiveListener = addChangeListener(responsiveMedia, updateMode);
-
-        return () => {
-            removeTouchListener();
-            removeResponsiveListener();
-        };
-    }, []);
-
     if (!showTooltip || !fieldDescription) return null;
 
-    const triggerButton = (
-        <button
-            type="button"
-            className="solid-field-tooltip-icon"
-            aria-label="Field info"
-        >
-            <SolidIcon name="si-info-circle" />
-        </button>
-    );
-
-    if (useTapPopover) {
-        return (
-            <SolidPopover>
-                <SolidPopoverTrigger asChild>
-                    {triggerButton}
-                </SolidPopoverTrigger>
-                <SolidPopoverContent
-                    side="top"
-                    align="center"
-                    sideOffset={6}
-                    className="solid-field-tooltip-popover"
-                >
-                    {fieldDescription}
-                </SolidPopoverContent>
-            </SolidPopover>
-        );
-    }
-
     return (
         <SolidTooltip>
             <SolidTooltipTrigger asChild>
-                {triggerButton}
+                <button
+                    type="button"
+                    className="solid-field-tooltip-icon"
+                    aria-label="Field info"
+                >
+                    <SolidIcon name="si-info-circle" />
+                </button>
             </SolidTooltipTrigger>
             <SolidTooltipContent side="top" align="center">
                 {fieldDescription}

package/dist/components/common/SolidMaterialSymbol.d.ts

@@ -5,6 +5,6 @@ type SolidMaterialSymbolProps = React.HTMLAttributes<HTMLSpanElement> & {
     fallback?: React.ReactNode;
     onSupportChange?: (supported: boolean) => void;
 };
-export declare const SolidMaterialSymbol: ({ name, size, className, style, fallback, onSupportChange, ...rest }: SolidMaterialSymbolProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SolidMaterialSymbol: ({ name, size, className, style, fallback: _fallback, onSupportChange: _onSupportChange, ...rest }: SolidMaterialSymbolProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SolidMaterialSymbol.d.ts.map

package/dist/components/common/SolidMaterialSymbol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMaterialSymbol.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidMaterialSymbol.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAsBF,eAAO,MAAM,mBAAmB,yEAQ7B,wBAAwB,4CA0D1B,CAAC"}
+{"version":3,"file":"SolidMaterialSymbol.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidMaterialSymbol.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAQF,eAAO,MAAM,mBAAmB,sGAA4G,wBAAwB,4CAgCnK,CAAC"}

package/dist/components/common/SolidMaterialSymbol.js

@@ -20,9 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-var MATERIAL_SYMBOL_WIDTH_MULTIPLIER = 2.25;
+import { jsx as _jsx } from "react/jsx-runtime";
+var MATERIAL_SYMBOL_FONT_FAMILY = "\"Material Symbols Outlined\"";
 function cx() {
     var parts = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -30,40 +29,10 @@ function cx() {
     }
     return parts.filter(Boolean).join(" ");
 }
-function getSizeInPixels(size, computedFontSize) {
-    if (typeof size === "number") {
-        return size;
-    }
-    var explicitSize = Number.parseFloat(size);
-    if (Number.isFinite(explicitSize)) {
-        return explicitSize;
-    }
-    var computedSize = Number.parseFloat(computedFontSize);
-    return Number.isFinite(computedSize) ? computedSize : 24;
-}
 export var SolidMaterialSymbol = function (_a) {
-    var name = _a.name, _b = _a.size, size = _b === void 0 ? 24 : _b, className = _a.className, style = _a.style, _c = _a.fallback, fallback = _c === void 0 ? null : _c, onSupportChange = _a.onSupportChange, rest = __rest(_a, ["name", "size", "className", "style", "fallback", "onSupportChange"]);
-    var symbolRef = useRef(null);
-    var _d = useState(null), isSupported = _d[0], setIsSupported = _d[1];
-    useEffect(function () {
-        var frameId = 0;
-        var measureSupport = function () {
-            var node = symbolRef.current;
-            if (!node)
-                return;
-            var computedStyle = window.getComputedStyle(node);
-            var sizePx = getSizeInPixels(size, computedStyle.fontSize);
-            var renderedWidth = Math.max(node.scrollWidth, node.getBoundingClientRect().width);
-            var supported = renderedWidth <= sizePx * MATERIAL_SYMBOL_WIDTH_MULTIPLIER;
-            setIsSupported(function (previousValue) { return previousValue === supported ? previousValue : supported; });
-            onSupportChange === null || onSupportChange === void 0 ? void 0 : onSupportChange(supported);
-        };
-        frameId = window.requestAnimationFrame(measureSupport);
-        return function () { return window.cancelAnimationFrame(frameId); };
-    }, [className, name, onSupportChange, size]);
-    if (isSupported === false) {
-        return _jsx(_Fragment, { children: fallback });
-    }
-    return (_jsx("span", __assign({}, rest, { ref: symbolRef, className: cx("material-symbols-outlined", className), style: __assign({ fontFamily: "\"Material Symbols Outlined\"", fontWeight: 400, fontStyle: "normal", fontSize: size, lineHeight: 1, letterSpacing: "normal", textTransform: "none", whiteSpace: "nowrap", wordWrap: "normal", direction: "ltr", display: "inline-flex", alignItems: "center", justifyContent: "center", overflow: "hidden", WebkitFontSmoothing: "antialiased", fontFeatureSettings: "\"liga\"", WebkitFontFeatureSettings: "\"liga\"", visibility: isSupported === null ? "hidden" : undefined }, style), children: name })));
+    var name = _a.name, _b = _a.size, size = _b === void 0 ? 24 : _b, className = _a.className, style = _a.style, _fallback = _a.fallback, _onSupportChange = _a.onSupportChange, rest = __rest(_a, ["name", "size", "className", "style", "fallback", "onSupportChange"]);
+    void _fallback;
+    void _onSupportChange;
+    return (_jsx("span", __assign({}, rest, { className: cx("material-symbols-outlined", className), style: __assign({ fontFamily: MATERIAL_SYMBOL_FONT_FAMILY, fontWeight: 400, fontStyle: "normal", fontSize: size, lineHeight: 1, letterSpacing: "normal", textTransform: "none", whiteSpace: "nowrap", wordWrap: "normal", direction: "ltr", display: "inline-flex", alignItems: "center", justifyContent: "center", overflow: "hidden", WebkitFontSmoothing: "antialiased", fontFeatureSettings: "\"liga\"", WebkitFontFeatureSettings: "\"liga\"" }, style), children: name })));
 };
 //# sourceMappingURL=SolidMaterialSymbol.js.map

package/dist/components/common/SolidMaterialSymbol.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMaterialSymbol.js","sourceRoot":"","sources":["../../../src/components/common/SolidMaterialSymbol.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\ntype SolidMaterialSymbolProps = React.HTMLAttributes<HTMLSpanElement> & {\n  name: string;\n  size?: number | string;\n  fallback?: React.ReactNode;\n  onSupportChange?: (supported: boolean) => void;\n};\n\nconst MATERIAL_SYMBOL_WIDTH_MULTIPLIER = 2.25;\n\nfunction cx(...parts: Array<string | undefined | false>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction getSizeInPixels(size: number | string, computedFontSize: string): number {\n  if (typeof size === \"number\") {\n    return size;\n  }\n\n  const explicitSize = Number.parseFloat(size);\n  if (Number.isFinite(explicitSize)) {\n    return explicitSize;\n  }\n\n  const computedSize = Number.parseFloat(computedFontSize);\n  return Number.isFinite(computedSize) ? computedSize : 24;\n}\n\nexport const SolidMaterialSymbol = ({\n  name,\n  size = 24,\n  className,\n  style,\n  fallback = null,\n  onSupportChange,\n  ...rest\n}: SolidMaterialSymbolProps) => {\n  const symbolRef = useRef<HTMLSpanElement | null>(null);\n  const [isSupported, setIsSupported] = useState<boolean | null>(null);\n\n  useEffect(() => {\n    let frameId = 0;\n\n    const measureSupport = () => {\n      const node = symbolRef.current;\n      if (!node) return;\n\n      const computedStyle = window.getComputedStyle(node);\n      const sizePx = getSizeInPixels(size, computedStyle.fontSize);\n      const renderedWidth = Math.max(node.scrollWidth, node.getBoundingClientRect().width);\n      const supported = renderedWidth <= sizePx * MATERIAL_SYMBOL_WIDTH_MULTIPLIER;\n\n      setIsSupported((previousValue) => previousValue === supported ? previousValue : supported);\n      onSupportChange?.(supported);\n    };\n\n    frameId = window.requestAnimationFrame(measureSupport);\n    return () => window.cancelAnimationFrame(frameId);\n  }, [className, name, onSupportChange, size]);\n\n  if (isSupported === false) {\n    return <>{fallback}</>;\n  }\n\n  return (\n    <span\n      {...rest}\n      ref={symbolRef}\n      className={cx(\"material-symbols-outlined\", className)}\n      style={{\n        fontFamily: \"\\\"Material Symbols Outlined\\\"\",\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        fontSize: size,\n        lineHeight: 1,\n        letterSpacing: \"normal\",\n        textTransform: \"none\",\n        whiteSpace: \"nowrap\",\n        wordWrap: \"normal\",\n        direction: \"ltr\",\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        overflow: \"hidden\",\n        WebkitFontSmoothing: \"antialiased\",\n        fontFeatureSettings: \"\\\"liga\\\"\",\n        WebkitFontFeatureSettings: \"\\\"liga\\\"\",\n        visibility: isSupported === null ? \"hidden\" : undefined,\n        ...style,\n      }}\n    >\n      {name}\n    </span>\n  );\n};\n"]}
+{"version":3,"file":"SolidMaterialSymbol.js","sourceRoot":"","sources":["../../../src/components/common/SolidMaterialSymbol.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM,2BAA2B,GAAG,+BAA+B,CAAC;AAEpE,SAAS,EAAE;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IACrD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAAgI;IAA9H,IAAA,IAAI,UAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAY,SAAS,cAAA,EAAmB,gBAAgB,qBAAA,EAAK,IAAI,cAApG,qEAAsG,CAAF;IACtI,KAAK,SAAS,CAAC;IACf,KAAK,gBAAgB,CAAC;IAEtB,OAAO,CACL,0BACM,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,EACrD,KAAK,aACH,UAAU,EAAE,2BAA2B,EACvC,UAAU,EAAE,GAAG,EACf,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,CAAC,EACb,aAAa,EAAE,QAAQ,EACvB,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,EACxB,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,aAAa,EAClC,mBAAmB,EAAE,UAAU,EAC/B,yBAAyB,EAAE,UAAU,IAClC,KAAK,aAGT,IAAI,IACA,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidMaterialSymbolProps = React.HTMLAttributes<HTMLSpanElement> & {\n  name: string;\n  size?: number | string;\n  fallback?: React.ReactNode;\n  onSupportChange?: (supported: boolean) => void;\n};\n\nconst MATERIAL_SYMBOL_FONT_FAMILY = \"\\\"Material Symbols Outlined\\\"\";\n\nfunction cx(...parts: Array<string | undefined | false>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport const SolidMaterialSymbol = ({ name, size = 24, className, style, fallback: _fallback, onSupportChange: _onSupportChange, ...rest }: SolidMaterialSymbolProps) => {\n  void _fallback;\n  void _onSupportChange;\n\n  return (\n    <span\n      {...rest}\n      className={cx(\"material-symbols-outlined\", className)}\n      style={{\n        fontFamily: MATERIAL_SYMBOL_FONT_FAMILY,\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        fontSize: size,\n        lineHeight: 1,\n        letterSpacing: \"normal\",\n        textTransform: \"none\",\n        whiteSpace: \"nowrap\",\n        wordWrap: \"normal\",\n        direction: \"ltr\",\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        overflow: \"hidden\",\n        WebkitFontSmoothing: \"antialiased\",\n        fontFeatureSettings: \"\\\"liga\\\"\",\n        WebkitFontFeatureSettings: \"\\\"liga\\\"\",\n        ...style,\n      }}\n    >\n      {name}\n    </span>\n  );\n};\n"]}

package/dist/components/common/SolidMaterialSymbol.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from "react";
+import React from "react";
 
 type SolidMaterialSymbolProps = React.HTMLAttributes<HTMLSpanElement> & {
   name: string;
@@ -7,69 +7,22 @@ type SolidMaterialSymbolProps = React.HTMLAttributes<HTMLSpanElement> & {
   onSupportChange?: (supported: boolean) => void;
 };
 
-const MATERIAL_SYMBOL_WIDTH_MULTIPLIER = 2.25;
+const MATERIAL_SYMBOL_FONT_FAMILY = "\"Material Symbols Outlined\"";
 
 function cx(...parts: Array<string | undefined | false>) {
   return parts.filter(Boolean).join(" ");
 }
 
-function getSizeInPixels(size: number | string, computedFontSize: string): number {
-  if (typeof size === "number") {
-    return size;
-  }
-
-  const explicitSize = Number.parseFloat(size);
-  if (Number.isFinite(explicitSize)) {
-    return explicitSize;
-  }
-
-  const computedSize = Number.parseFloat(computedFontSize);
-  return Number.isFinite(computedSize) ? computedSize : 24;
-}
-
-export const SolidMaterialSymbol = ({
-  name,
-  size = 24,
-  className,
-  style,
-  fallback = null,
-  onSupportChange,
-  ...rest
-}: SolidMaterialSymbolProps) => {
-  const symbolRef = useRef<HTMLSpanElement | null>(null);
-  const [isSupported, setIsSupported] = useState<boolean | null>(null);
-
-  useEffect(() => {
-    let frameId = 0;
-
-    const measureSupport = () => {
-      const node = symbolRef.current;
-      if (!node) return;
-
-      const computedStyle = window.getComputedStyle(node);
-      const sizePx = getSizeInPixels(size, computedStyle.fontSize);
-      const renderedWidth = Math.max(node.scrollWidth, node.getBoundingClientRect().width);
-      const supported = renderedWidth <= sizePx * MATERIAL_SYMBOL_WIDTH_MULTIPLIER;
-
-      setIsSupported((previousValue) => previousValue === supported ? previousValue : supported);
-      onSupportChange?.(supported);
-    };
-
-    frameId = window.requestAnimationFrame(measureSupport);
-    return () => window.cancelAnimationFrame(frameId);
-  }, [className, name, onSupportChange, size]);
-
-  if (isSupported === false) {
-    return <>{fallback}</>;
-  }
+export const SolidMaterialSymbol = ({ name, size = 24, className, style, fallback: _fallback, onSupportChange: _onSupportChange, ...rest }: SolidMaterialSymbolProps) => {
+  void _fallback;
+  void _onSupportChange;
 
   return (
     <span
       {...rest}
-      ref={symbolRef}
       className={cx("material-symbols-outlined", className)}
       style={{
-        fontFamily: "\"Material Symbols Outlined\"",
+        fontFamily: MATERIAL_SYMBOL_FONT_FAMILY,
         fontWeight: 400,
         fontStyle: "normal",
         fontSize: size,
@@ -86,7 +39,6 @@ export const SolidMaterialSymbol = ({
         WebkitFontSmoothing: "antialiased",
         fontFeatureSettings: "\"liga\"",
         WebkitFontFeatureSettings: "\"liga\"",
-        visibility: isSupported === null ? "hidden" : undefined,
         ...style,
       }}
     >

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AiModelConfigTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE;QACN,OAAO,EAAE,UAAU,CAAC;QACpB,IAAI,EAAE,UAAU,CAAC;KAClB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;CAC1C;AAmBD,eAAO,MAAM,sBAAsB,cAAe,OAAO,MAAM,EAAE,aAAa,CAAC,KAAG,OAAO,MAAM,EAAE,aAAa,CAG5G,CAAC;AA+KH,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,IAAI,CAAC;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,oEAAqE,iBAAiB,4CA+E9G,CAAC;AAIF,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,cAAc,kDAAmD,mBAAmB,4CA8DhG,CAAC"}
+{"version":3,"file":"AiModelConfigTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE;QACN,OAAO,EAAE,UAAU,CAAC;QACpB,IAAI,EAAE,UAAU,CAAC;KAClB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;CAC1C;AAmBD,eAAO,MAAM,sBAAsB,cAAe,OAAO,MAAM,EAAE,aAAa,CAAC,KAAG,OAAO,MAAM,EAAE,aAAa,CAG5G,CAAC;AAgLH,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,IAAI,CAAC;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,oEAAqE,iBAAiB,4CA+E9G,CAAC;AAIF,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,cAAc,kDAAmD,mBAAmB,4CA+DhG,CAAC"}

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.js

@@ -94,7 +94,7 @@ var ProviderModal = function (_a) {
     var canSave = providerType && (isCompatible ? providerName.trim() : true);
     return (_jsxs(SolidDialog, { open: visible, onOpenChange: function (open) { return !open && onHide(); }, style: { width: "500px" }, children: [_jsx(SolidDialogHeader, { children: _jsx(SolidDialogTitle, { children: isEdit
                         ? "Edit Provider \u2014 ".concat(BUILT_IN_TYPES.includes(editKey) ? (_e = PROVIDER_TYPE_OPTIONS.find(function (o) { return o.value === editKey; })) === null || _e === void 0 ? void 0 : _e.label : editKey)
-                        : "Add Provider" }) }), _jsx(SolidDialogBody, { children: _jsxs("div", { className: "flex flex-col gap-4", children: [!(isEdit && BUILT_IN_TYPES.includes(editKey)) && (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider Type" }), _jsx(SolidSelect, { className: "w-full", value: providerType, options: typeOptions, onChange: function (e) {
+                        : "Add Provider" }) }), _jsx(SolidDialogBody, { children: _jsxs("div", { className: "flex flex-col gap-4", children: [!(isEdit && BUILT_IN_TYPES.includes(editKey)) && (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider Type" }), _jsx(SolidSelect, { className: "w-full", value: providerType, options: typeOptions, native: false, onChange: function (e) {
                                         setProviderType(e.value);
                                         if (!isEdit) {
                                             setProviderName("");
@@ -143,7 +143,7 @@ export var ModelConfigTab = function (_a) {
         var label = BUILT_IN_TYPES.includes(key) ? typeLabel : "".concat(key, " (").concat(typeLabel, ")");
         return { label: label, value: key };
     });
-    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { style: __assign(__assign({}, cardStyle), { width: "50%" }), children: [_jsx("p", { className: "solid-settings-subheading", children: "Model Config" }), _jsxs("div", { className: "flex flex-col gap-4 mt-4", children: [_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider" }), _jsx(SolidSelect, { className: "w-full", value: modelEntry.providerId, options: providerOptions, onChange: function (e) { return onModelEntryChange(__assign(__assign({}, modelEntry), { providerId: e.value })); }, placeholder: "Select Provider" })] }), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Model" }), _jsx(SolidInput, { placeholder: "e.g. gpt-4o-mini", value: modelEntry.model || "", onChange: function (e) { return onModelEntryChange(__assign(__assign({}, modelEntry), { model: e.target.value })); }, className: "w-full" })] })] })] }), _jsxs("div", { style: __assign(__assign({}, cardStyle), { width: "50%" }), children: [_jsx("p", { className: "solid-settings-subheading", children: "Behavior" }), _jsxs("div", { className: "flex flex-col gap-4 mt-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SolidSwitch, { checked: modelEntry.behavior.streaming, onChange: function (val) {
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { style: __assign(__assign({}, cardStyle), { width: "50%" }), children: [_jsx("p", { className: "solid-settings-subheading", children: "Model Config" }), _jsxs("div", { className: "flex flex-col gap-4 mt-4", children: [_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider" }), _jsx(SolidSelect, { className: "w-full", value: modelEntry.providerId, options: providerOptions, native: false, onChange: function (e) { return onModelEntryChange(__assign(__assign({}, modelEntry), { providerId: e.value })); }, placeholder: "Select Provider" })] }), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Model" }), _jsx(SolidInput, { placeholder: "e.g. gpt-4o-mini", value: modelEntry.model || "", onChange: function (e) { return onModelEntryChange(__assign(__assign({}, modelEntry), { model: e.target.value })); }, className: "w-full" })] })] })] }), _jsxs("div", { style: __assign(__assign({}, cardStyle), { width: "50%" }), children: [_jsx("p", { className: "solid-settings-subheading", children: "Behavior" }), _jsxs("div", { className: "flex flex-col gap-4 mt-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SolidSwitch, { checked: modelEntry.behavior.streaming, onChange: function (val) {
                                             return onModelEntryChange(__assign(__assign({}, modelEntry), { behavior: __assign(__assign({}, modelEntry.behavior), { streaming: val }) }));
                                         } }), _jsx("label", { className: "form-field-label", style: { marginBottom: 0 }, children: "Streaming" })] }), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Custom Params (JSON)" }), _jsx(SolidTextarea, { value: modelEntry.behavior.custom, onChange: function (e) {
                                             return onModelEntryChange(__assign(__assign({}, modelEntry), { behavior: __assign(__assign({}, modelEntry.behavior), { custom: e.target.value }) }));

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiModelConfigTab.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport {\n  SolidButton,\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogTitle,\n  SolidInput,\n  SolidSelect,\n  SolidSwitch,\n  SolidTextarea,\n} from \"../../../shad-cn-ui\";\n\n\nexport interface ModelBehavior {\n  streaming: boolean;\n  custom: string;\n}\n\nexport interface ProviderEntry {\n  type: string;\n  apiKey: string;\n  baseUrl?: string;\n}\n\nexport interface ModelEntry {\n  providerId: string;\n  model: string;\n  behavior: ModelBehavior;\n}\n\nexport interface SolidAiConfig {\n  models: {\n    default: ModelEntry;\n    fast: ModelEntry;\n  };\n  providers: Record<string, ProviderEntry>;\n}\n\n\nconst PROVIDER_TYPE_OPTIONS = [\n  { label: \"OpenAI\", value: \"openai\" },\n  { label: \"Anthropic\", value: \"anthropic\" },\n  { label: \"OpenAI Compatible\", value: \"openai-compatible\" },\n  { label: \"Anthropic Compatible\", value: \"anthropic-compatible\" },\n];\n\nconst COMPATIBLE_TYPES = [\"openai-compatible\", \"anthropic-compatible\"];\n\nconst BUILT_IN_TYPES = [\"openai\", \"anthropic\"];\n\nconst DEFAULT_BUILT_IN_PROVIDERS: Record<string, ProviderEntry> = {\n  openai: { type: \"openai\", apiKey: \"\" },\n  anthropic: { type: \"anthropic\", apiKey: \"\" },\n};\n\nexport const ensureBuiltInProviders = (providers: Record<string, ProviderEntry>): Record<string, ProviderEntry> => ({\n  ...DEFAULT_BUILT_IN_PROVIDERS,\n  ...providers,\n});\n\nconst cardStyle: React.CSSProperties = {\n  border: \"1px solid var(--solid-border-color, #e2e8f0)\",\n  borderRadius: \"0.5rem\",\n  padding: \"1.25rem\",\n  background: \"var(--solid-card-bg, var(--solid-surface-bg, transparent))\",\n};\n\n\ninterface ProviderModalProps {\n  visible: boolean;\n  onHide: () => void;\n  providers: Record<string, ProviderEntry>;\n  onProvidersChange: (providers: Record<string, ProviderEntry>) => void;\n  editKey?: string | null; // null = add mode, string = edit mode\n}\n\nconst ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey }: ProviderModalProps) => {\n  const isEdit = !!editKey;\n  const existingEntry = isEdit ? providers[editKey] : null;\n\n  const [providerType, setProviderType] = useState(existingEntry?.type ?? \"\");\n  const [providerName, setProviderName] = useState(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : \"\");\n  const [providerBaseUrl, setProviderBaseUrl] = useState(existingEntry?.baseUrl ?? \"\");\n  const [providerApiKey, setProviderApiKey] = useState(existingEntry?.apiKey ?? \"\");\n\n  const isCompatible = COMPATIBLE_TYPES.includes(providerType);\n\n  // Reset state when modal opens with new data\n  React.useEffect(() => {\n    if (visible) {\n      const entry = editKey ? providers[editKey] : null;\n      setProviderType(entry?.type ?? \"\");\n      setProviderName(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : \"\");\n      setProviderBaseUrl(entry?.baseUrl ?? \"\");\n      setProviderApiKey(entry?.apiKey ?? \"\");\n    }\n  }, [visible, editKey]);\n\n  // In add mode, only show compatible types (built-ins are always pre-added)\n  // In edit mode, show all types but lock the value\n  const typeOptions = isEdit\n    ? PROVIDER_TYPE_OPTIONS\n    : PROVIDER_TYPE_OPTIONS.filter((opt) => COMPATIBLE_TYPES.includes(opt.value));\n\n  const handleSave = () => {\n    if (!providerType) return;\n\n    let key: string;\n    const entry: ProviderEntry = { type: providerType, apiKey: providerApiKey };\n\n    if (isCompatible) {\n      if (!providerName.trim()) return;\n      key = providerName.trim();\n      entry.baseUrl = providerBaseUrl;\n    } else {\n      key = providerType;\n    }\n\n    // In add mode, don't overwrite existing\n    if (!isEdit && providers[key]) return;\n\n    const next = { ...providers };\n\n    // If editing and key changed (shouldn't happen for built-in), remove old\n    if (isEdit && editKey !== key) {\n      delete next[editKey!];\n    }\n\n    next[key] = entry;\n    onProvidersChange(next);\n    onHide();\n  };\n\n  const handleRemove = () => {\n    if (!editKey) return;\n    const next = { ...providers };\n    delete next[editKey];\n    onProvidersChange(next);\n    onHide();\n  };\n\n  const canSave = providerType && (isCompatible ? providerName.trim() : true);\n\n  return (\n    <SolidDialog open={visible} onOpenChange={(open) => !open && onHide()} style={{ width: \"500px\" }}>\n      <SolidDialogHeader>\n        <SolidDialogTitle>\n          {isEdit\n            ? `Edit Provider — ${BUILT_IN_TYPES.includes(editKey!) ? PROVIDER_TYPE_OPTIONS.find((o) => o.value === editKey)?.label : editKey}`\n            : \"Add Provider\"}\n        </SolidDialogTitle>\n      </SolidDialogHeader>\n      <SolidDialogBody>\n        <div className=\"flex flex-col gap-4\">\n          {!(isEdit && BUILT_IN_TYPES.includes(editKey!)) && (\n            <div>\n              <label className=\"form-field-label\">Provider Type</label>\n              <SolidSelect\n                className=\"w-full\"\n                value={providerType}\n                options={typeOptions}\n                onChange={(e) => {\n                  setProviderType(e.value);\n                  if (!isEdit) {\n                    setProviderName(\"\");\n                    setProviderBaseUrl(\"\");\n                  }\n                }}\n                placeholder=\"Select Provider Type\"\n                disabled={isEdit}\n              />\n            </div>\n          )}\n          {isCompatible && (\n            <>\n              {!isEdit && (\n                <div>\n                  <label className=\"form-field-label\">Name (unique identifier)</label>\n                  <SolidInput\n                    placeholder=\"e.g. openrouter, together-ai\"\n                    value={providerName}\n                    onChange={(e) => setProviderName(e.target.value)}\n                    className=\"w-full\"\n                  />\n                </div>\n              )}\n              <div>\n                <label className=\"form-field-label\">Base URL</label>\n                <SolidInput\n                  placeholder=\"https://openrouter.ai/api/v1\"\n                  value={providerBaseUrl}\n                  onChange={(e) => setProviderBaseUrl(e.target.value)}\n                  className=\"w-full\"\n                />\n              </div>\n            </>\n          )}\n          <div>\n            <label className=\"form-field-label\">API Key</label>\n            <SolidInput\n              type=\"password\"\n              value={providerApiKey}\n              onChange={(e) => setProviderApiKey(e.target.value)}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </SolidDialogBody>\n      <SolidDialogFooter>\n        <div className=\"flex justify-between w-full\">\n          <div>\n            {isEdit && !BUILT_IN_TYPES.includes(editKey!) && (\n              <SolidButton variant=\"ghost\" onClick={handleRemove} style={{ color: \"var(--solid-danger-color, #ef4444)\" }}>\n                Remove\n              </SolidButton>\n            )}\n          </div>\n          <div className=\"flex gap-2\">\n            <SolidButton variant=\"outline\" onClick={onHide}>\n              Cancel\n            </SolidButton>\n            <SolidButton onClick={handleSave} disabled={!canSave}>\n              {isEdit ? \"Save\" : \"Add\"}\n            </SolidButton>\n          </div>\n        </div>\n      </SolidDialogFooter>\n    </SolidDialog>\n  );\n};\n\n// --- Providers Tab (List View) ---\n\ninterface ProvidersTabProps {\n  providers: Record<string, ProviderEntry>;\n  onProvidersChange: (providers: Record<string, ProviderEntry>) => void;\n  showAddModal?: boolean;\n  onAddModalClose?: () => void;\n}\n\nexport const ProvidersTab = ({ providers, onProvidersChange, showAddModal, onAddModalClose }: ProvidersTabProps) => {\n  const [editKey, setEditKey] = useState<string | null>(null);\n  const [modalVisible, setModalVisible] = useState(false);\n\n  // Ensure built-in providers are always present\n  const allProviders = ensureBuiltInProviders(providers);\n\n  // Open modal when parent triggers add\n  React.useEffect(() => {\n    if (showAddModal) {\n      setEditKey(null);\n      setModalVisible(true);\n    }\n  }, [showAddModal]);\n\n  const providerEntries = Object.entries(allProviders);\n\n  const handleRowClick = (key: string) => {\n    setEditKey(key);\n    setModalVisible(true);\n  };\n\n  return (\n    <>\n      <div className=\"solid-simple-table\">\n        <table style={{ width: \"100%\" }}>\n          <thead>\n            <tr>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Name</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Type</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>API Key</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Base URL</th>\n            </tr>\n          </thead>\n          <tbody>\n            {providerEntries.length === 0 && (\n              <tr>\n                <td colSpan={4} style={{ textAlign: \"center\", padding: \"2rem 1rem\", opacity: 0.5 }}>\n                  No providers configured.\n                </td>\n              </tr>\n            )}\n            {providerEntries.map(([key, entry]) => {\n              const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;\n              const isBuiltIn = BUILT_IN_TYPES.includes(key);\n              const displayName = isBuiltIn ? typeLabel : key;\n              const maskedKey = entry.apiKey ? \"\\u2022\".repeat(Math.min(entry.apiKey.length, 8)) : \"-\";\n\n              return (\n                <tr\n                  key={key}\n                  onClick={() => handleRowClick(key)}\n                  style={{ cursor: \"pointer\" }}\n                  className=\"solid-table-row-hover\"\n                >\n                  <td style={{ padding: \"0.75rem 1rem\", fontWeight: 500 }}>{displayName}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{typeLabel}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{maskedKey}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{entry.baseUrl || \"-\"}</td>\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      <ProviderModal\n        visible={modalVisible}\n        onHide={() => {\n          setModalVisible(false);\n          setEditKey(null);\n          onAddModalClose?.();\n        }}\n        providers={allProviders}\n        onProvidersChange={onProvidersChange}\n        editKey={editKey}\n      />\n    </>\n  );\n};\n\n// --- Model Config Tab (used for Intelligent Model & Fast Model) ---\n\ninterface ModelConfigTabProps {\n  modelEntry: ModelEntry;\n  providers: Record<string, ProviderEntry>;\n  onModelEntryChange: (entry: ModelEntry) => void;\n}\n\nexport const ModelConfigTab = ({ modelEntry, providers, onModelEntryChange }: ModelConfigTabProps) => {\n  const providerOptions = Object.entries(providers).map(([key, entry]) => {\n    const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;\n    const label = BUILT_IN_TYPES.includes(key) ? typeLabel : `${key} (${typeLabel})`;\n    return { label, value: key };\n  });\n\n  return (\n    <div className=\"flex flex-col gap-6\">\n      <div style={{ ...cardStyle, width: \"50%\" }}>\n        <p className=\"solid-settings-subheading\">Model Config</p>\n        <div className=\"flex flex-col gap-4 mt-4\">\n          <div>\n            <label className=\"form-field-label\">Provider</label>\n            <SolidSelect\n              className=\"w-full\"\n              value={modelEntry.providerId}\n              options={providerOptions}\n              onChange={(e) => onModelEntryChange({ ...modelEntry, providerId: e.value })}\n              placeholder=\"Select Provider\"\n            />\n          </div>\n          <div>\n            <label className=\"form-field-label\">Model</label>\n            <SolidInput\n              placeholder=\"e.g. gpt-4o-mini\"\n              value={modelEntry.model || \"\"}\n              onChange={(e) => onModelEntryChange({ ...modelEntry, model: e.target.value })}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div style={{ ...cardStyle, width: \"50%\" }}>\n        <p className=\"solid-settings-subheading\">Behavior</p>\n        <div className=\"flex flex-col gap-4 mt-4\">\n          <div className=\"flex items-center gap-2\">\n            <SolidSwitch\n              checked={modelEntry.behavior.streaming}\n              onChange={(val) =>\n                onModelEntryChange({ ...modelEntry, behavior: { ...modelEntry.behavior, streaming: val } })\n              }\n            />\n            <label className=\"form-field-label\" style={{ marginBottom: 0 }}>Streaming</label>\n          </div>\n          <div>\n            <label className=\"form-field-label\">Custom Params (JSON)</label>\n            <SolidTextarea\n              value={modelEntry.behavior.custom}\n              onChange={(e) =>\n                onModelEntryChange({ ...modelEntry, behavior: { ...modelEntry.behavior, custom: e.target.value } })\n              }\n              placeholder='{ \"temperature\": 0.7, \"maxTokens\": 1000 }'\n              rows={4}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"AiModelConfigTab.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport {\n  SolidButton,\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogTitle,\n  SolidInput,\n  SolidSelect,\n  SolidSwitch,\n  SolidTextarea,\n} from \"../../../shad-cn-ui\";\n\n\nexport interface ModelBehavior {\n  streaming: boolean;\n  custom: string;\n}\n\nexport interface ProviderEntry {\n  type: string;\n  apiKey: string;\n  baseUrl?: string;\n}\n\nexport interface ModelEntry {\n  providerId: string;\n  model: string;\n  behavior: ModelBehavior;\n}\n\nexport interface SolidAiConfig {\n  models: {\n    default: ModelEntry;\n    fast: ModelEntry;\n  };\n  providers: Record<string, ProviderEntry>;\n}\n\n\nconst PROVIDER_TYPE_OPTIONS = [\n  { label: \"OpenAI\", value: \"openai\" },\n  { label: \"Anthropic\", value: \"anthropic\" },\n  { label: \"OpenAI Compatible\", value: \"openai-compatible\" },\n  { label: \"Anthropic Compatible\", value: \"anthropic-compatible\" },\n];\n\nconst COMPATIBLE_TYPES = [\"openai-compatible\", \"anthropic-compatible\"];\n\nconst BUILT_IN_TYPES = [\"openai\", \"anthropic\"];\n\nconst DEFAULT_BUILT_IN_PROVIDERS: Record<string, ProviderEntry> = {\n  openai: { type: \"openai\", apiKey: \"\" },\n  anthropic: { type: \"anthropic\", apiKey: \"\" },\n};\n\nexport const ensureBuiltInProviders = (providers: Record<string, ProviderEntry>): Record<string, ProviderEntry> => ({\n  ...DEFAULT_BUILT_IN_PROVIDERS,\n  ...providers,\n});\n\nconst cardStyle: React.CSSProperties = {\n  border: \"1px solid var(--solid-border-color, #e2e8f0)\",\n  borderRadius: \"0.5rem\",\n  padding: \"1.25rem\",\n  background: \"var(--solid-card-bg, var(--solid-surface-bg, transparent))\",\n};\n\n\ninterface ProviderModalProps {\n  visible: boolean;\n  onHide: () => void;\n  providers: Record<string, ProviderEntry>;\n  onProvidersChange: (providers: Record<string, ProviderEntry>) => void;\n  editKey?: string | null; // null = add mode, string = edit mode\n}\n\nconst ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey }: ProviderModalProps) => {\n  const isEdit = !!editKey;\n  const existingEntry = isEdit ? providers[editKey] : null;\n\n  const [providerType, setProviderType] = useState(existingEntry?.type ?? \"\");\n  const [providerName, setProviderName] = useState(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : \"\");\n  const [providerBaseUrl, setProviderBaseUrl] = useState(existingEntry?.baseUrl ?? \"\");\n  const [providerApiKey, setProviderApiKey] = useState(existingEntry?.apiKey ?? \"\");\n\n  const isCompatible = COMPATIBLE_TYPES.includes(providerType);\n\n  // Reset state when modal opens with new data\n  React.useEffect(() => {\n    if (visible) {\n      const entry = editKey ? providers[editKey] : null;\n      setProviderType(entry?.type ?? \"\");\n      setProviderName(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : \"\");\n      setProviderBaseUrl(entry?.baseUrl ?? \"\");\n      setProviderApiKey(entry?.apiKey ?? \"\");\n    }\n  }, [visible, editKey]);\n\n  // In add mode, only show compatible types (built-ins are always pre-added)\n  // In edit mode, show all types but lock the value\n  const typeOptions = isEdit\n    ? PROVIDER_TYPE_OPTIONS\n    : PROVIDER_TYPE_OPTIONS.filter((opt) => COMPATIBLE_TYPES.includes(opt.value));\n\n  const handleSave = () => {\n    if (!providerType) return;\n\n    let key: string;\n    const entry: ProviderEntry = { type: providerType, apiKey: providerApiKey };\n\n    if (isCompatible) {\n      if (!providerName.trim()) return;\n      key = providerName.trim();\n      entry.baseUrl = providerBaseUrl;\n    } else {\n      key = providerType;\n    }\n\n    // In add mode, don't overwrite existing\n    if (!isEdit && providers[key]) return;\n\n    const next = { ...providers };\n\n    // If editing and key changed (shouldn't happen for built-in), remove old\n    if (isEdit && editKey !== key) {\n      delete next[editKey!];\n    }\n\n    next[key] = entry;\n    onProvidersChange(next);\n    onHide();\n  };\n\n  const handleRemove = () => {\n    if (!editKey) return;\n    const next = { ...providers };\n    delete next[editKey];\n    onProvidersChange(next);\n    onHide();\n  };\n\n  const canSave = providerType && (isCompatible ? providerName.trim() : true);\n\n  return (\n    <SolidDialog open={visible} onOpenChange={(open) => !open && onHide()} style={{ width: \"500px\" }}>\n      <SolidDialogHeader>\n        <SolidDialogTitle>\n          {isEdit\n            ? `Edit Provider — ${BUILT_IN_TYPES.includes(editKey!) ? PROVIDER_TYPE_OPTIONS.find((o) => o.value === editKey)?.label : editKey}`\n            : \"Add Provider\"}\n        </SolidDialogTitle>\n      </SolidDialogHeader>\n      <SolidDialogBody>\n        <div className=\"flex flex-col gap-4\">\n          {!(isEdit && BUILT_IN_TYPES.includes(editKey!)) && (\n            <div>\n              <label className=\"form-field-label\">Provider Type</label>\n              <SolidSelect\n                className=\"w-full\"\n                value={providerType}\n                options={typeOptions}\n                native={false}\n                onChange={(e) => {\n                  setProviderType(e.value);\n                  if (!isEdit) {\n                    setProviderName(\"\");\n                    setProviderBaseUrl(\"\");\n                  }\n                }}\n                placeholder=\"Select Provider Type\"\n                disabled={isEdit}\n              />\n            </div>\n          )}\n          {isCompatible && (\n            <>\n              {!isEdit && (\n                <div>\n                  <label className=\"form-field-label\">Name (unique identifier)</label>\n                  <SolidInput\n                    placeholder=\"e.g. openrouter, together-ai\"\n                    value={providerName}\n                    onChange={(e) => setProviderName(e.target.value)}\n                    className=\"w-full\"\n                  />\n                </div>\n              )}\n              <div>\n                <label className=\"form-field-label\">Base URL</label>\n                <SolidInput\n                  placeholder=\"https://openrouter.ai/api/v1\"\n                  value={providerBaseUrl}\n                  onChange={(e) => setProviderBaseUrl(e.target.value)}\n                  className=\"w-full\"\n                />\n              </div>\n            </>\n          )}\n          <div>\n            <label className=\"form-field-label\">API Key</label>\n            <SolidInput\n              type=\"password\"\n              value={providerApiKey}\n              onChange={(e) => setProviderApiKey(e.target.value)}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </SolidDialogBody>\n      <SolidDialogFooter>\n        <div className=\"flex justify-between w-full\">\n          <div>\n            {isEdit && !BUILT_IN_TYPES.includes(editKey!) && (\n              <SolidButton variant=\"ghost\" onClick={handleRemove} style={{ color: \"var(--solid-danger-color, #ef4444)\" }}>\n                Remove\n              </SolidButton>\n            )}\n          </div>\n          <div className=\"flex gap-2\">\n            <SolidButton variant=\"outline\" onClick={onHide}>\n              Cancel\n            </SolidButton>\n            <SolidButton onClick={handleSave} disabled={!canSave}>\n              {isEdit ? \"Save\" : \"Add\"}\n            </SolidButton>\n          </div>\n        </div>\n      </SolidDialogFooter>\n    </SolidDialog>\n  );\n};\n\n// --- Providers Tab (List View) ---\n\ninterface ProvidersTabProps {\n  providers: Record<string, ProviderEntry>;\n  onProvidersChange: (providers: Record<string, ProviderEntry>) => void;\n  showAddModal?: boolean;\n  onAddModalClose?: () => void;\n}\n\nexport const ProvidersTab = ({ providers, onProvidersChange, showAddModal, onAddModalClose }: ProvidersTabProps) => {\n  const [editKey, setEditKey] = useState<string | null>(null);\n  const [modalVisible, setModalVisible] = useState(false);\n\n  // Ensure built-in providers are always present\n  const allProviders = ensureBuiltInProviders(providers);\n\n  // Open modal when parent triggers add\n  React.useEffect(() => {\n    if (showAddModal) {\n      setEditKey(null);\n      setModalVisible(true);\n    }\n  }, [showAddModal]);\n\n  const providerEntries = Object.entries(allProviders);\n\n  const handleRowClick = (key: string) => {\n    setEditKey(key);\n    setModalVisible(true);\n  };\n\n  return (\n    <>\n      <div className=\"solid-simple-table\">\n        <table style={{ width: \"100%\" }}>\n          <thead>\n            <tr>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Name</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Type</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>API Key</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Base URL</th>\n            </tr>\n          </thead>\n          <tbody>\n            {providerEntries.length === 0 && (\n              <tr>\n                <td colSpan={4} style={{ textAlign: \"center\", padding: \"2rem 1rem\", opacity: 0.5 }}>\n                  No providers configured.\n                </td>\n              </tr>\n            )}\n            {providerEntries.map(([key, entry]) => {\n              const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;\n              const isBuiltIn = BUILT_IN_TYPES.includes(key);\n              const displayName = isBuiltIn ? typeLabel : key;\n              const maskedKey = entry.apiKey ? \"\\u2022\".repeat(Math.min(entry.apiKey.length, 8)) : \"-\";\n\n              return (\n                <tr\n                  key={key}\n                  onClick={() => handleRowClick(key)}\n                  style={{ cursor: \"pointer\" }}\n                  className=\"solid-table-row-hover\"\n                >\n                  <td style={{ padding: \"0.75rem 1rem\", fontWeight: 500 }}>{displayName}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{typeLabel}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{maskedKey}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{entry.baseUrl || \"-\"}</td>\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      <ProviderModal\n        visible={modalVisible}\n        onHide={() => {\n          setModalVisible(false);\n          setEditKey(null);\n          onAddModalClose?.();\n        }}\n        providers={allProviders}\n        onProvidersChange={onProvidersChange}\n        editKey={editKey}\n      />\n    </>\n  );\n};\n\n// --- Model Config Tab (used for Intelligent Model & Fast Model) ---\n\ninterface ModelConfigTabProps {\n  modelEntry: ModelEntry;\n  providers: Record<string, ProviderEntry>;\n  onModelEntryChange: (entry: ModelEntry) => void;\n}\n\nexport const ModelConfigTab = ({ modelEntry, providers, onModelEntryChange }: ModelConfigTabProps) => {\n  const providerOptions = Object.entries(providers).map(([key, entry]) => {\n    const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;\n    const label = BUILT_IN_TYPES.includes(key) ? typeLabel : `${key} (${typeLabel})`;\n    return { label, value: key };\n  });\n\n  return (\n    <div className=\"flex flex-col gap-6\">\n      <div style={{ ...cardStyle, width: \"50%\" }}>\n        <p className=\"solid-settings-subheading\">Model Config</p>\n        <div className=\"flex flex-col gap-4 mt-4\">\n          <div>\n            <label className=\"form-field-label\">Provider</label>\n            <SolidSelect\n              className=\"w-full\"\n              value={modelEntry.providerId}\n              options={providerOptions}\n              native={false}\n              onChange={(e) => onModelEntryChange({ ...modelEntry, providerId: e.value })}\n              placeholder=\"Select Provider\"\n            />\n          </div>\n          <div>\n            <label className=\"form-field-label\">Model</label>\n            <SolidInput\n              placeholder=\"e.g. gpt-4o-mini\"\n              value={modelEntry.model || \"\"}\n              onChange={(e) => onModelEntryChange({ ...modelEntry, model: e.target.value })}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div style={{ ...cardStyle, width: \"50%\" }}>\n        <p className=\"solid-settings-subheading\">Behavior</p>\n        <div className=\"flex flex-col gap-4 mt-4\">\n          <div className=\"flex items-center gap-2\">\n            <SolidSwitch\n              checked={modelEntry.behavior.streaming}\n              onChange={(val) =>\n                onModelEntryChange({ ...modelEntry, behavior: { ...modelEntry.behavior, streaming: val } })\n              }\n            />\n            <label className=\"form-field-label\" style={{ marginBottom: 0 }}>Streaming</label>\n          </div>\n          <div>\n            <label className=\"form-field-label\">Custom Params (JSON)</label>\n            <SolidTextarea\n              value={modelEntry.behavior.custom}\n              onChange={(e) =>\n                onModelEntryChange({ ...modelEntry, behavior: { ...modelEntry.behavior, custom: e.target.value } })\n              }\n              placeholder='{ \"temperature\": 0.7, \"maxTokens\": 1000 }'\n              rows={4}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx

@@ -161,6 +161,7 @@ const ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey
                 className="w-full"
                 value={providerType}
                 options={typeOptions}
+                native={false}
                 onChange={(e) => {
                   setProviderType(e.value);
                   if (!isEdit) {
@@ -347,6 +348,7 @@ export const ModelConfigTab = ({ modelEntry, providers, onModelEntryChange }: Mo
               className="w-full"
               value={modelEntry.providerId}
               options={providerOptions}
+              native={false}
               onChange={(e) => onModelEntryChange({ ...modelEntry, providerId: e.value })}
               placeholder="Select Provider"
             />

package/dist/components/core/card/CardItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,UAAU,aAAa;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,qBAAqB,EAAE,GAAG,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+FrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,UAAU,aAAa;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,qBAAqB,EAAE,GAAG,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiGrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/core/card/CardItem.js

@@ -19,7 +19,7 @@ var CardItem = function (_a) {
         storeCurrentModelViewContext();
         router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
     };
-    return (_jsx("div", { className: "solid-card-view-item", children: _jsxs("div", { className: "solid-card-view-card solid-kanban-card".concat(isArchivedRecord ? " greyed-out-row" : ""), onClick: openRecord, style: { cursor: isArchivedRecord ? "default" : "pointer" }, children: [_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: [!isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] })) : null, showArchived && (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined && onRecover ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () { return onRecover(data); }, children: [_jsx(SolidIcon, { name: "si-refresh", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Recover" })] })) : null, onDelete && !isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item solid-header-dropdown-item-danger", onSelect: function () { return onDelete(data); }, children: [_jsx(SolidIcon, { name: "si-trash", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Delete" })] })) : null] })] }) }), DynamicCardWidget ? (_jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidCardViewMetaData, solidView: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView, solidFieldsMetadata: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) || {}, groupedView: false, editButtonUrl: editButtonUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, openRecord: openRecord, openEdit: openEdit })) : null] }) }));
+    return (_jsx("div", { className: "solid-card-view-item", children: _jsxs("div", { className: "solid-card-view-card solid-kanban-card".concat(isArchivedRecord ? " greyed-out-row" : ""), onClick: openRecord, style: { cursor: isArchivedRecord ? "default" : "pointer" }, children: [_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: [!isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] })) : null, showArchived && (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined && onRecover ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () { return onRecover(data); }, children: [_jsx(SolidIcon, { name: "si-refresh", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Recover" })] })) : null, onDelete && !isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item solid-header-dropdown-item-danger", onSelect: function () { return onDelete(data); }, children: [_jsx(SolidIcon, { name: "si-trash", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Delete" })] })) : null] })] }) }), DynamicCardWidget ? (_jsx("div", { style: isArchivedRecord ? { pointerEvents: "none" } : undefined, children: _jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidCardViewMetaData, solidView: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView, solidFieldsMetadata: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) || {}, groupedView: false, editButtonUrl: editButtonUrl, setLightboxUrls: isArchivedRecord ? undefined : setLightboxUrls, setOpenLightbox: isArchivedRecord ? undefined : setOpenLightbox, openRecord: openRecord, openEdit: openEdit }) })) : null] }) }));
 };
 export default CardItem;
 //# sourceMappingURL=CardItem.js.map

package/dist/components/core/card/CardItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport {\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\ninterface CardItemProps {\n  data: any;\n  solidCardViewMetaData: any;\n  editButtonUrl?: string;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  onDelete?: (record: any) => void;\n  onRecover?: (record: any) => void;\n  setLightboxUrls?: any;\n  setOpenLightbox?: any;\n  showArchived?: boolean;\n}\n\nconst CardItem: React.FC<CardItemProps> = ({\n  data,\n  solidCardViewMetaData,\n  editButtonUrl,\n  cardNode,\n  DynamicCardWidget,\n  onDelete,\n  onRecover,\n  setLightboxUrls,\n  setOpenLightbox,\n  showArchived,\n}) => {\n  const router = useRouter();\n  const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;\n\n  const openRecord = () => {\n    if (isArchivedRecord) return;\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const openEdit = () => {\n    if (isArchivedRecord) return;\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  return (\n    <div className=\"solid-card-view-item\">\n      <div\n        className={`solid-card-view-card solid-kanban-card${isArchivedRecord ? \" greyed-out-row\" : \"\"}`}\n        onClick={openRecord}\n        style={{ cursor: isArchivedRecord ? \"default\" : \"pointer\" }}\n      >\n        <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n                aria-label=\"Open card actions\"\n              >\n                <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n              {!isArchivedRecord ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item\"\n                  onSelect={openEdit}\n                >\n                  <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Edit</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n              {showArchived && data?.deletedAt !== null && data?.deletedAt !== undefined && onRecover ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item\"\n                  onSelect={() => onRecover(data)}\n                >\n                  <SolidIcon name=\"si-refresh\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Recover</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n              {onDelete && !isArchivedRecord ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item solid-header-dropdown-item-danger\"\n                  onSelect={() => onDelete(data)}\n                >\n                  <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Delete</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        </div>\n        {DynamicCardWidget ? (\n          <DynamicCardWidget\n            rowData={data}\n            solidKanbanViewMetaData={solidCardViewMetaData}\n            solidView={solidCardViewMetaData?.solidView}\n            solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}\n            card={cardNode}\n            layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}\n            groupedView={false}\n            editButtonUrl={editButtonUrl}\n            setLightboxUrls={setLightboxUrls}\n            setOpenLightbox={setOpenLightbox}\n            openRecord={openRecord}\n            openEdit={openEdit}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport default CardItem;\n"]}
+{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,SAAS,GACV,MAAM,kBAAkB,CAAC;AAe1B,IAAM,QAAQ,GAA4B,UAAC,EAW1C;;QAVC,IAAI,UAAA,EACJ,qBAAqB,2BAAA,EACrB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,YAAY,kBAAA;IAEZ,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,gBAAgB,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,IAAI,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,SAAS,CAAC;IAEnF,IAAM,UAAU,GAAG;QACjB,IAAI,gBAAgB;YAAE,OAAO;QAC7B,4BAA4B,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG;QACf,IAAI,gBAAgB;YAAE,OAAO;QAC7B,4BAA4B,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YACnC,eACE,SAAS,EAAE,gDAAyC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAE,EAC/F,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,aAE3D,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,YACtE,MAAC,iBAAiB,eAChB,KAAC,wBAAwB,IAAC,OAAO,kBAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sDAAsD,gBACrD,mBAAmB,YAE9B,KAAC,SAAS,IAAC,IAAI,EAAC,eAAe,wBAAe,GACvC,GACgB,EAC3B,MAAC,wBAAwB,IAAC,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,KAAK,aACnE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACnB,MAAC,qBAAqB,IACpB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,QAAQ,aAElB,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACtF,eAAM,SAAS,EAAC,kCAAkC,qBAAY,IACxC,CACzB,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,IAAI,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CACxF,MAAC,qBAAqB,IACpB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,cAAM,OAAA,SAAS,CAAC,IAAI,CAAC,EAAf,CAAe,aAE/B,KAAC,SAAS,IAAC,IAAI,EAAC,YAAY,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACvF,eAAM,SAAS,EAAC,kCAAkC,wBAAe,IAC3C,CACzB,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC/B,MAAC,qBAAqB,IACpB,SAAS,EAAC,8DAA8D,EACxE,QAAQ,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,aAE9B,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,iCAAiC,wBAAe,EACrF,eAAM,SAAS,EAAC,kCAAkC,uBAAc,IAC1C,CACzB,CAAC,CAAC,CAAC,IAAI,IACiB,IACT,GAChB,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,cAAK,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YAClE,KAAC,iBAAiB,IAChB,OAAO,EAAE,IAAI,EACb,uBAAuB,EAAE,qBAAqB,EAC9C,SAAS,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,EAC3C,mBAAmB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAC/D,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,CAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,KAAI,EAAE,EAClE,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,EAC/D,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,EAC/D,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport {\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\ninterface CardItemProps {\n  data: any;\n  solidCardViewMetaData: any;\n  editButtonUrl?: string;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  onDelete?: (record: any) => void;\n  onRecover?: (record: any) => void;\n  setLightboxUrls?: any;\n  setOpenLightbox?: any;\n  showArchived?: boolean;\n}\n\nconst CardItem: React.FC<CardItemProps> = ({\n  data,\n  solidCardViewMetaData,\n  editButtonUrl,\n  cardNode,\n  DynamicCardWidget,\n  onDelete,\n  onRecover,\n  setLightboxUrls,\n  setOpenLightbox,\n  showArchived,\n}) => {\n  const router = useRouter();\n  const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;\n\n  const openRecord = () => {\n    if (isArchivedRecord) return;\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const openEdit = () => {\n    if (isArchivedRecord) return;\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  return (\n    <div className=\"solid-card-view-item\">\n      <div\n        className={`solid-card-view-card solid-kanban-card${isArchivedRecord ? \" greyed-out-row\" : \"\"}`}\n        onClick={openRecord}\n        style={{ cursor: isArchivedRecord ? \"default\" : \"pointer\" }}\n      >\n        <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n                aria-label=\"Open card actions\"\n              >\n                <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n              {!isArchivedRecord ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item\"\n                  onSelect={openEdit}\n                >\n                  <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Edit</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n              {showArchived && data?.deletedAt !== null && data?.deletedAt !== undefined && onRecover ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item\"\n                  onSelect={() => onRecover(data)}\n                >\n                  <SolidIcon name=\"si-refresh\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Recover</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n              {onDelete && !isArchivedRecord ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item solid-header-dropdown-item-danger\"\n                  onSelect={() => onDelete(data)}\n                >\n                  <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Delete</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        </div>\n        {DynamicCardWidget ? (\n          <div style={isArchivedRecord ? { pointerEvents: \"none\" } : undefined}>\n            <DynamicCardWidget\n              rowData={data}\n              solidKanbanViewMetaData={solidCardViewMetaData}\n              solidView={solidCardViewMetaData?.solidView}\n              solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}\n              card={cardNode}\n              layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}\n              groupedView={false}\n              editButtonUrl={editButtonUrl}\n              setLightboxUrls={isArchivedRecord ? undefined : setLightboxUrls}\n              setOpenLightbox={isArchivedRecord ? undefined : setOpenLightbox}\n              openRecord={openRecord}\n              openEdit={openEdit}\n            />\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport default CardItem;\n"]}

package/dist/components/core/card/CardItem.tsx

@@ -100,20 +100,22 @@ const CardItem: React.FC<CardItemProps> = ({
           </SolidDropdownMenu>
         </div>
         {DynamicCardWidget ? (
-          <DynamicCardWidget
-            rowData={data}
-            solidKanbanViewMetaData={solidCardViewMetaData}
-            solidView={solidCardViewMetaData?.solidView}
-            solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}
-            card={cardNode}
-            layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}
-            groupedView={false}
-            editButtonUrl={editButtonUrl}
-            setLightboxUrls={setLightboxUrls}
-            setOpenLightbox={setOpenLightbox}
-            openRecord={openRecord}
-            openEdit={openEdit}
-          />
+          <div style={isArchivedRecord ? { pointerEvents: "none" } : undefined}>
+            <DynamicCardWidget
+              rowData={data}
+              solidKanbanViewMetaData={solidCardViewMetaData}
+              solidView={solidCardViewMetaData?.solidView}
+              solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}
+              card={cardNode}
+              layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}
+              groupedView={false}
+              editButtonUrl={editButtonUrl}
+              setLightboxUrls={isArchivedRecord ? undefined : setLightboxUrls}
+              setOpenLightbox={isArchivedRecord ? undefined : setOpenLightbox}
+              openRecord={openRecord}
+              openEdit={openEdit}
+            />
+          </div>
         ) : null}
       </div>
     </div>

package/dist/components/core/card/SolidCardView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCardView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardView.tsx"],"names":[],"mappings":"AAoCA,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AA8DF,eAAO,MAAM,aAAa,WAAY,mBAAmB,4CA8hBxD,CAAC"}
+{"version":3,"file":"SolidCardView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardView.tsx"],"names":[],"mappings":"AAoCA,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AA8DF,eAAO,MAAM,aAAa,WAAY,mBAAmB,4CAwjBxD,CAAC"}