@optilogic/core 1.0.0-beta.9 → 1.1.0

package/dist/index.cjs

@@ -23,6 +23,10 @@ var sonner = require('sonner');
 var reactVirtual = require('@tanstack/react-virtual');
 var dateFns = require('date-fns');
 var reactDayPicker = require('react-day-picker');
+var ReactMarkdownImport = require('react-markdown');
+var remarkGfmImport = require('remark-gfm');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -55,23 +59,25 @@ var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitiv
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
+var ReactMarkdownImport__default = /*#__PURE__*/_interopDefault(ReactMarkdownImport);
+var remarkGfmImport__default = /*#__PURE__*/_interopDefault(remarkGfmImport);
 
 // src/utils/cn.ts
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-muted text-muted-foreground hover:bg-accent hover:text-accent-foreground",
-        primary: "bg-accent text-accent-foreground shadow hover:shadow-md",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 hover:shadow-md",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        default: "bg-muted text-foreground hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:text-muted-foreground",
+        primary: "bg-accent text-accent-foreground shadow hover:shadow-md disabled:opacity-50",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 hover:shadow-md disabled:opacity-50",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:bg-muted/20 disabled:text-muted-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80 disabled:opacity-50",
+        ghost: "text-foreground hover:bg-accent hover:text-accent-foreground disabled:text-muted-foreground disabled:bg-muted/30 disabled:opacity-70",
+        link: "text-primary underline-offset-4 hover:underline disabled:opacity-50 disabled:text-muted-foreground"
       },
       size: {
         default: "h-9 px-4 py-2",
@@ -107,7 +113,7 @@ var Input = React20__namespace.forwardRef(
       {
         type,
         className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground hover:border-input-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-input md:text-sm",
           className
         ),
         ref,
@@ -135,7 +141,7 @@ var Textarea = React20__namespace.forwardRef(
       "textarea",
       {
         className: cn(
-          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground hover:border-input-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-input md:text-sm",
           className
         ),
         ref,
@@ -223,9 +229,11 @@ var Switch = React20__namespace.forwardRef(({ className, ...props }, ref) => /*
       // Focus styles
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
       // Disabled styles
-      "disabled:cursor-not-allowed disabled:opacity-50",
+      "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-muted",
       // Unchecked state
-      "bg-input",
+      "bg-toggle-track",
+      // Hover
+      "hover:bg-toggle-track/80 data-[state=checked]:hover:bg-primary/80",
       // Checked state
       "data-[state=checked]:bg-primary",
       className
@@ -238,7 +246,7 @@ var Switch = React20__namespace.forwardRef(({ className, ...props }, ref) => /*
         className: cn(
           // Base styles
           "pointer-events-none block h-4 w-4 rounded-full",
-          "bg-background shadow-lg ring-0",
+          "bg-toggle-track-foreground shadow-lg ring-0",
           "transition-transform",
           // Position based on state
           "data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
@@ -301,7 +309,7 @@ var SelectTrigger = React20__namespace.forwardRef(({ className, children, ...pro
   {
     ref,
     className: cn(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground hover:border-input-hover focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-input [&>span]:line-clamp-1",
       className
     ),
     ...props,
@@ -637,7 +645,7 @@ var PopoverContent = React20__namespace.forwardRef(({ className, align = "center
     align,
     sideOffset,
     className: cn(
-      "z-50 w-72 rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+      "z-50 w-auto max-w-[90vw] rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none",
       // Animation
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -698,7 +706,7 @@ var DropdownMenuContent = React20__namespace.forwardRef(({ className, sideOffset
     ref,
     sideOffset,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md",
+      "z-50 min-w-[8rem] max-w-[90vw] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -2735,19 +2743,19 @@ function Calendar({
       className: cn("p-3", className),
       classNames: {
         months: "flex flex-col sm:flex-row gap-4",
-        month: "flex flex-col gap-4",
-        month_caption: "flex justify-center pt-1 relative items-center h-7 px-10",
+        month: "flex flex-col gap-2 relative px-8",
+        month_caption: "flex justify-center pt-1 items-center h-7",
         caption_label: "text-sm font-medium hidden",
         nav: "flex items-center gap-1",
         button_previous: cn(
           buttonVariants({ variant: "outline" }),
-          "absolute left-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"
+          "absolute left-1 top-1/2 -translate-y-1/2 h-6 w-6 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"
         ),
         button_next: cn(
           buttonVariants({ variant: "outline" }),
-          "absolute right-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"
+          "absolute right-1 top-1/2 -translate-y-1/2 h-6 w-6 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"
         ),
-        month_grid: "w-full border-collapse px-1",
+        month_grid: "border-collapse mx-auto",
         weekdays: "flex",
         weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
         week: "flex w-full mt-2",
@@ -2772,12 +2780,12 @@ function Calendar({
       components: {
         Chevron: ({ orientation }) => {
           const Icon2 = orientation === "left" ? lucideReact.ChevronLeft : lucideReact.ChevronRight;
-          return /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4" });
+          return /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-3.5 w-3.5" });
         },
         MonthCaption: ({ calendarMonth }) => {
           const month = calendarMonth.date.getMonth();
           const year = calendarMonth.date.getFullYear();
-          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-1 px-10", children: [
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               Select,
               {
@@ -3013,8 +3021,9 @@ function DatePickerInput({
       {
         className: cn(
           "flex items-center rounded-md border border-input bg-background ring-offset-background",
+          "hover:border-input-hover",
           "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-          disabled && "opacity-50 cursor-not-allowed",
+          disabled && "opacity-50 cursor-not-allowed hover:border-input",
           sizeClasses[size]
         ),
         children: [
@@ -3646,7 +3655,7 @@ function CellEditor({
       onKeyDown: handleKeyDown,
       onBlur: handleBlur,
       className: cn(
-        "h-full w-full border-0 rounded-none focus:ring-2 focus:ring-primary text-sm px-2",
+        "h-full w-full border-0 rounded-none bg-background focus:ring-0 text-sm px-2",
         validationError && "ring-2 ring-destructive focus:ring-destructive",
         className
       ),
@@ -3664,7 +3673,7 @@ function CellEditor({
       onKeyDown: handleKeyDown,
       onBlur: handleBlur,
       className: cn(
-        "h-full w-full border-0 rounded-none focus:ring-2 focus:ring-primary text-sm px-2",
+        "h-full w-full border-0 rounded-none bg-background focus:ring-0 text-sm px-2",
         validationError && "ring-2 ring-destructive focus:ring-destructive",
         className
       ),
@@ -3734,7 +3743,7 @@ function CellEditor({
             {
               ref: selectRef,
               className: cn(
-                "h-full w-full border-0 rounded-none focus:ring-2 focus:ring-primary text-sm",
+                "h-full w-full border-0 rounded-none bg-background focus:ring-0 text-sm",
                 validationError && "ring-2 ring-destructive focus:ring-destructive",
                 className
               ),
@@ -3879,6 +3888,7 @@ function useDataGridState(options) {
   const [internalColumnWidths, setInternalColumnWidths] = React20.useState(defaultColumnWidths);
   const [internalFocusedCell, setInternalFocusedCell] = React20.useState(null);
   const [editingCell, setEditingCell] = React20.useState(null);
+  const processedDataRef = React20.useRef([]);
   const sorting = isControlled.sorting ? controlledSorting : internalSorting;
   const filters = isControlled.filters ? controlledFilters : internalFilters;
   const focusedCell = isControlled.focusedCell ? controlledFocusedCell : internalFocusedCell;
@@ -3999,7 +4009,8 @@ function useDataGridState(options) {
       }
       const column = columns.find((c) => c.key === columnKey);
       if (!column || !column.editable) return;
-      const row = data[rowIndex];
+      const resolvedData = processedDataRef.current.length > 0 ? processedDataRef.current : data;
+      const row = resolvedData[rowIndex];
       if (!row) return;
       const value = getCellValue2(row, column);
       setEditingCell({
@@ -4021,7 +4032,8 @@ function useDataGridState(options) {
     const value = valueOverride !== void 0 ? valueOverride : editingCell.value;
     const column = columns.find((c) => c.key === columnKey);
     if (column?.validator) {
-      const row = data[rowIndex];
+      const resolvedData = processedDataRef.current.length > 0 ? processedDataRef.current : data;
+      const row = resolvedData[rowIndex];
       const validationResult = column.validator(value, row);
       if (validationResult !== true && typeof validationResult === "string") {
         return;
@@ -4053,6 +4065,7 @@ function useDataGridState(options) {
       commitEdit,
       cancelEdit
     },
+    processedDataRef,
     isControlled
   };
 }
@@ -4506,16 +4519,44 @@ function applySorting(data, sorting, columns) {
       if (aVal == null) return sort.direction === "asc" ? 1 : -1;
       if (bVal == null) return sort.direction === "asc" ? -1 : 1;
       let comparison = 0;
-      if (typeof aVal === "string" && typeof bVal === "string") {
-        comparison = aVal.localeCompare(bVal);
-      } else if (typeof aVal === "number" && typeof bVal === "number") {
-        comparison = aVal - bVal;
-      } else if (aVal instanceof Date && bVal instanceof Date) {
-        comparison = aVal.getTime() - bVal.getTime();
-      } else if (typeof aVal === "boolean" && typeof bVal === "boolean") {
-        comparison = aVal === bVal ? 0 : aVal ? 1 : -1;
-      } else {
+      if (column.dataType === "number") {
+        const aNum = Number(aVal);
+        const bNum = Number(bVal);
+        if (!isNaN(aNum) && !isNaN(bNum)) {
+          comparison = aNum - bNum;
+        } else {
+          comparison = String(aVal).localeCompare(String(bVal));
+        }
+      } else if (column.dataType === "date") {
+        const aDate = aVal instanceof Date ? aVal : new Date(aVal);
+        const bDate = bVal instanceof Date ? bVal : new Date(bVal);
+        const aTime = isNaN(aDate.getTime()) ? 0 : aDate.getTime();
+        const bTime = isNaN(bDate.getTime()) ? 0 : bDate.getTime();
+        comparison = aTime - bTime;
+      } else if (column.dataType === "boolean") {
+        const aBool = aVal === true || aVal === "true" || aVal === 1;
+        const bBool = bVal === true || bVal === "true" || bVal === 1;
+        comparison = aBool === bBool ? 0 : aBool ? 1 : -1;
+      } else if (column.dataType === "string") {
         comparison = String(aVal).localeCompare(String(bVal));
+      } else {
+        if (typeof aVal === "number" && typeof bVal === "number") {
+          comparison = aVal - bVal;
+        } else if (aVal instanceof Date && bVal instanceof Date) {
+          comparison = aVal.getTime() - bVal.getTime();
+        } else if (typeof aVal === "boolean" && typeof bVal === "boolean") {
+          comparison = aVal === bVal ? 0 : aVal ? 1 : -1;
+        } else {
+          const aStr = String(aVal);
+          const bStr = String(bVal);
+          const aNum = Number(aStr);
+          const bNum = Number(bStr);
+          if (!isNaN(aNum) && !isNaN(bNum) && aStr !== "" && bStr !== "") {
+            comparison = aNum - bNum;
+          } else {
+            comparison = aStr.localeCompare(bStr);
+          }
+        }
       }
       return sort.direction === "asc" ? comparison : -comparison;
     });
@@ -4737,7 +4778,7 @@ function DataGrid({
     },
     []
   );
-  const { state, actions, isControlled } = useDataGridState({
+  const { state, actions, processedDataRef, isControlled } = useDataGridState({
     sorting: controlledSorting,
     filters: controlledFilters,
     columnWidths: controlledColumnWidths,
@@ -4776,6 +4817,7 @@ function DataGrid({
     state.sorting,
     visibleColumns
   ]);
+  processedDataRef.current = processedData;
   const { resizingColumn, getResizeProps } = useColumnResizeManager({
     columns: visibleColumns,
     columnWidths: state.columnWidths,
@@ -5111,6 +5153,7 @@ function DataGrid({
                                   "flex-shrink-0 px-3 py-2 text-sm overflow-hidden",
                                   showColumnBorders && "border-r border-border last:border-r-0",
                                   isFocused && !isEditingThisCell && "ring-2 ring-inset ring-primary",
+                                  isEditingThisCell && "ring-2 ring-inset ring-primary bg-background",
                                   column.align === "center" && "text-center",
                                   column.align === "right" && "text-right"
                                 ),
@@ -5280,6 +5323,7 @@ function DataGrid({
                         "flex-shrink-0 px-3 py-2 text-sm overflow-hidden",
                         showColumnBorders && "border-r border-border last:border-r-0",
                         isFocused && !isEditingThisCell && "ring-2 ring-inset ring-primary",
+                        isEditingThisCell && "ring-2 ring-inset ring-primary bg-background",
                         column.align === "center" && "text-center",
                         column.align === "right" && "text-right"
                       ),
@@ -5535,8 +5579,9 @@ function Autocomplete({
         disabled,
         className: cn(
           "flex h-9 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background",
+          "hover:border-input-hover",
           "focus:outline-none focus:ring-1 focus:ring-ring",
-          "disabled:cursor-not-allowed disabled:opacity-50",
+          "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-input",
           !selectedOption && "text-muted-foreground",
           className
         ),
@@ -5767,11 +5812,21 @@ var GREEN_THEME = {
   border: "#243630",
   input: "#243630",
   ring: "#6FCF97",
+  toggleTrack: "#354840",
+  toggleTrackForeground: "#E6F5EC",
+  inputHover: "#6FCF97",
   chart1: "#6FCF97",
   chart2: "#8FE3B0",
   chart3: "#9DB8A8",
   chart4: "#2d4038",
   chart5: "#354840",
+  chart6: "#4CAF50",
+  chart7: "#81C784",
+  chart8: "#F2C94C",
+  chart9: "#EB5757",
+  chart10: "#56CCF2",
+  chart11: "#BB6BD9",
+  chart12: "#2D9CDB",
   radius: "0.5rem"
 };
 var OPTILOGIC_LEGACY_THEME = {
@@ -5802,13 +5857,23 @@ var OPTILOGIC_LEGACY_THEME = {
   chip: "#B8C5F9",
   chipForeground: "#0C0A5A",
   border: "#D0D0D0",
-  input: "#FFFFFF",
+  input: "#D0D0D0",
   ring: "#5766F2",
+  toggleTrack: "#D0D0D0",
+  toggleTrackForeground: "#FFFFFF",
+  inputHover: "#5766F2",
   chart1: "#78D237",
   chart2: "#F5CF47",
   chart3: "#5766F2",
   chart4: "#44BD7E",
   chart5: "#929BEF",
+  chart6: "#DB2828",
+  chart7: "#E07B39",
+  chart8: "#2BBBAD",
+  chart9: "#A5673F",
+  chart10: "#00B5AD",
+  chart11: "#6435C9",
+  chart12: "#E03997",
   radius: "0.5rem"
 };
 var FUTURISTIC_THEME = {
@@ -5841,11 +5906,21 @@ var FUTURISTIC_THEME = {
   border: "#1e293b",
   input: "#1e293b",
   ring: "#6366f1",
+  toggleTrack: "#334155",
+  toggleTrackForeground: "#e0e7ff",
+  inputHover: "#6366f1",
   chart1: "#6366f1",
   chart2: "#8b5cf6",
   chart3: "#a855f7",
   chart4: "#ec4899",
   chart5: "#f43f5e",
+  chart6: "#06b6d4",
+  chart7: "#14b8a6",
+  chart8: "#f97316",
+  chart9: "#eab308",
+  chart10: "#22c55e",
+  chart11: "#0ea5e9",
+  chart12: "#f43f5e",
   radius: "0.5rem"
 };
 var NATURE_THEME = {
@@ -5878,11 +5953,21 @@ var NATURE_THEME = {
   border: "#243824",
   input: "#243824",
   ring: "#4caf50",
+  toggleTrack: "#3d5a3d",
+  toggleTrackForeground: "#e8f5e9",
+  inputHover: "#4caf50",
   chart1: "#4caf50",
   chart2: "#66bb6a",
   chart3: "#81c784",
   chart4: "#a5d6a7",
   chart5: "#c8e6c9",
+  chart6: "#8bc34a",
+  chart7: "#cddc39",
+  chart8: "#ffb74d",
+  chart9: "#4db6ac",
+  chart10: "#7986cb",
+  chart11: "#e57373",
+  chart12: "#64b5f6",
   radius: "0.5rem"
 };
 var SCIFI_THEME = {
@@ -5915,11 +6000,21 @@ var SCIFI_THEME = {
   border: "#30363d",
   input: "#21262d",
   ring: "#00d9ff",
+  toggleTrack: "#30363d",
+  toggleTrackForeground: "#c9d1d9",
+  inputHover: "#00d9ff",
   chart1: "#00d9ff",
   chart2: "#ff00ff",
   chart3: "#00ff88",
   chart4: "#ffd93d",
   chart5: "#58a6ff",
+  chart6: "#ff6b6b",
+  chart7: "#4ecdc4",
+  chart8: "#a855f7",
+  chart9: "#fb923c",
+  chart10: "#38bdf8",
+  chart11: "#f472b6",
+  chart12: "#34d399",
   radius: "0.5rem"
 };
 var OCEAN_THEME = {
@@ -5952,11 +6047,21 @@ var OCEAN_THEME = {
   border: "#1e3a5f",
   input: "#1e3a5f",
   ring: "#2196f3",
+  toggleTrack: "#264a6e",
+  toggleTrackForeground: "#e3f2fd",
+  inputHover: "#2196f3",
   chart1: "#2196f3",
   chart2: "#00bcd4",
   chart3: "#03a9f4",
   chart4: "#0288d1",
   chart5: "#0277bd",
+  chart6: "#26c6da",
+  chart7: "#42a5f5",
+  chart8: "#66bb6a",
+  chart9: "#ffb74d",
+  chart10: "#ef5350",
+  chart11: "#ab47bc",
+  chart12: "#78909c",
   radius: "0.5rem"
 };
 var SUNSET_THEME = {
@@ -5989,11 +6094,21 @@ var SUNSET_THEME = {
   border: "#241424",
   input: "#241424",
   ring: "#ff6b35",
+  toggleTrack: "#3d2a3d",
+  toggleTrackForeground: "#ffe0e6",
+  inputHover: "#ff6b35",
   chart1: "#ff6b35",
   chart2: "#c44569",
   chart3: "#f7931e",
   chart4: "#ffb703",
   chart5: "#ff8c42",
+  chart6: "#06d6a0",
+  chart7: "#118ab2",
+  chart8: "#ef476f",
+  chart9: "#ffd166",
+  chart10: "#073b4c",
+  chart11: "#8338ec",
+  chart12: "#3a86ff",
   radius: "0.5rem"
 };
 var FOREST_THEME = {
@@ -6026,11 +6141,21 @@ var FOREST_THEME = {
   border: "#1b5e20",
   input: "#1a2e1a",
   ring: "#2e7d32",
+  toggleTrack: "#2d4a2d",
+  toggleTrackForeground: "#e8f5e9",
+  inputHover: "#2e7d32",
   chart1: "#2e7d32",
   chart2: "#388e3c",
   chart3: "#43a047",
   chart4: "#66bb6a",
   chart5: "#81c784",
+  chart6: "#a5d6a7",
+  chart7: "#c8e6c9",
+  chart8: "#ffb74d",
+  chart9: "#4db6ac",
+  chart10: "#7986cb",
+  chart11: "#e57373",
+  chart12: "#64b5f6",
   radius: "0.5rem"
 };
 var CYBERPUNK_THEME = {
@@ -6063,11 +6188,21 @@ var CYBERPUNK_THEME = {
   border: "#1a1a2e",
   input: "#16213e",
   ring: "#ff00ff",
+  toggleTrack: "#2a2a4e",
+  toggleTrackForeground: "#f0f0f0",
+  inputHover: "#ff00ff",
   chart1: "#ff00ff",
   chart2: "#00ffff",
   chart3: "#00ff88",
   chart4: "#ffd700",
   chart5: "#ff1744",
+  chart6: "#ff6b6b",
+  chart7: "#4ecdc4",
+  chart8: "#a855f7",
+  chart9: "#fb923c",
+  chart10: "#38bdf8",
+  chart11: "#84cc16",
+  chart12: "#f97316",
   radius: "0.5rem"
 };
 var MINIMALIST_LIGHT_THEME = {
@@ -6098,13 +6233,23 @@ var MINIMALIST_LIGHT_THEME = {
   chip: "#e9ecef",
   chipForeground: "#495057",
   border: "#dee2e6",
-  input: "#ffffff",
+  input: "#dee2e6",
   ring: "#000000",
+  toggleTrack: "#ced4da",
+  toggleTrackForeground: "#ffffff",
+  inputHover: "#6c757d",
   chart1: "#000000",
   chart2: "#6c757d",
   chart3: "#adb5bd",
   chart4: "#dee2e6",
   chart5: "#e9ecef",
+  chart6: "#343a40",
+  chart7: "#495057",
+  chart8: "#868e96",
+  chart9: "#5c6bc0",
+  chart10: "#26a69a",
+  chart11: "#ef5350",
+  chart12: "#ffa726",
   radius: "0.5rem"
 };
 var DARK_ELEGANT_THEME = {
@@ -6137,11 +6282,21 @@ var DARK_ELEGANT_THEME = {
   border: "#2d2d2d",
   input: "#1e1e1e",
   ring: "#bb86fc",
+  toggleTrack: "#3d3d3d",
+  toggleTrackForeground: "#e0e0e0",
+  inputHover: "#bb86fc",
   chart1: "#bb86fc",
   chart2: "#03dac6",
   chart3: "#4caf50",
   chart4: "#ff9800",
   chart5: "#cf6679",
+  chart6: "#64b5f6",
+  chart7: "#81c784",
+  chart8: "#ffb74d",
+  chart9: "#e57373",
+  chart10: "#7986cb",
+  chart11: "#4db6ac",
+  chart12: "#f06292",
   radius: "0.5rem"
 };
 var PRESET_THEMES = [OPTILOGIC_LEGACY_THEME];
@@ -6227,13 +6382,32 @@ function themeToHsl(theme) {
     border: hexToHsl(theme.border),
     input: hexToHsl(theme.input),
     ring: hexToHsl(theme.ring),
+    toggleTrack: theme.toggleTrack ? hexToHsl(theme.toggleTrack) : void 0,
+    toggleTrackForeground: theme.toggleTrackForeground ? hexToHsl(theme.toggleTrackForeground) : void 0,
+    inputHover: theme.inputHover ? hexToHsl(theme.inputHover) : void 0,
     chart1: hexToHsl(theme.chart1),
     chart2: hexToHsl(theme.chart2),
     chart3: hexToHsl(theme.chart3),
     chart4: hexToHsl(theme.chart4),
-    chart5: hexToHsl(theme.chart5)
+    chart5: hexToHsl(theme.chart5),
+    chart6: hexToHsl(theme.chart6),
+    chart7: hexToHsl(theme.chart7),
+    chart8: hexToHsl(theme.chart8),
+    chart9: hexToHsl(theme.chart9),
+    chart10: hexToHsl(theme.chart10),
+    chart11: hexToHsl(theme.chart11),
+    chart12: hexToHsl(theme.chart12)
   };
 }
+function deriveInputHoverHsl(hslTheme) {
+  const parts = hslTheme.foreground.split(/\s+/);
+  if (parts.length >= 3) {
+    const h = parts[0];
+    const s = parts[1];
+    return `${h} ${s} 50%`;
+  }
+  return hslTheme.foreground;
+}
 function applyTheme(theme, targetElement) {
   const element = targetElement || document.documentElement;
   const hslTheme = themeToHsl(theme);
@@ -6268,11 +6442,33 @@ function applyTheme(theme, targetElement) {
   element.style.setProperty("--border", hslTheme.border);
   element.style.setProperty("--input", hslTheme.input);
   element.style.setProperty("--ring", hslTheme.ring);
+  element.style.setProperty(
+    "--toggle-track",
+    hslTheme.toggleTrack ?? hslTheme.muted
+  );
+  element.style.setProperty(
+    "--toggle-track-foreground",
+    hslTheme.toggleTrackForeground ?? hslTheme.background
+  );
+  element.style.setProperty(
+    "--input-hover",
+    hslTheme.inputHover ?? deriveInputHoverHsl(hslTheme)
+  );
   element.style.setProperty("--chart-1", hslTheme.chart1);
   element.style.setProperty("--chart-2", hslTheme.chart2);
   element.style.setProperty("--chart-3", hslTheme.chart3);
   element.style.setProperty("--chart-4", hslTheme.chart4);
   element.style.setProperty("--chart-5", hslTheme.chart5);
+  element.style.setProperty("--chart-6", hslTheme.chart6);
+  element.style.setProperty("--chart-7", hslTheme.chart7);
+  element.style.setProperty("--chart-8", hslTheme.chart8);
+  element.style.setProperty("--chart-9", hslTheme.chart9);
+  element.style.setProperty("--chart-10", hslTheme.chart10);
+  element.style.setProperty("--chart-11", hslTheme.chart11);
+  element.style.setProperty("--chart-12", hslTheme.chart12);
+  if (theme.disabledOpacity) {
+    element.style.setProperty("--disabled-opacity", theme.disabledOpacity);
+  }
   if (theme.radius) {
     element.style.setProperty("--radius", theme.radius);
   }
@@ -6315,7 +6511,14 @@ function validateTheme(theme) {
     "chart2",
     "chart3",
     "chart4",
-    "chart5"
+    "chart5",
+    "chart6",
+    "chart7",
+    "chart8",
+    "chart9",
+    "chart10",
+    "chart11",
+    "chart12"
   ];
   for (const field of requiredFields) {
     if (!(field in t)) {
@@ -6363,11 +6566,21 @@ function areThemesEqual(theme1, theme2) {
     "border",
     "input",
     "ring",
+    "toggleTrack",
+    "toggleTrackForeground",
+    "inputHover",
     "chart1",
     "chart2",
     "chart3",
     "chart4",
-    "chart5"
+    "chart5",
+    "chart6",
+    "chart7",
+    "chart8",
+    "chart9",
+    "chart10",
+    "chart11",
+    "chart12"
   ];
   for (const field of colorFields) {
     if (theme1[field] !== theme2[field]) {
@@ -6801,6 +7014,1114 @@ function useContextMenu() {
   };
 }
 
+// src/components/file-view/utils/contentTypeDetection.ts
+var EXTENSION_MAP = {
+  // Code / programming languages
+  ts: "code",
+  tsx: "code",
+  js: "code",
+  jsx: "code",
+  mjs: "code",
+  cjs: "code",
+  py: "code",
+  rb: "code",
+  go: "code",
+  rs: "code",
+  java: "code",
+  c: "code",
+  cpp: "code",
+  h: "code",
+  hpp: "code",
+  cs: "code",
+  php: "code",
+  swift: "code",
+  kt: "code",
+  scala: "code",
+  r: "code",
+  sql: "code",
+  sh: "code",
+  bash: "code",
+  zsh: "code",
+  ps1: "code",
+  bat: "code",
+  lua: "code",
+  perl: "code",
+  pl: "code",
+  // Config / data (code-rendered)
+  json: "code",
+  yaml: "code",
+  yml: "code",
+  toml: "code",
+  xml: "code",
+  html: "html",
+  htm: "html",
+  css: "code",
+  scss: "code",
+  sass: "code",
+  less: "code",
+  graphql: "code",
+  gql: "code",
+  // Optimization / domain-specific
+  lp: "code",
+  dat: "code",
+  // Markdown
+  md: "markdown",
+  mdx: "markdown",
+  // Images
+  png: "image",
+  jpg: "image",
+  jpeg: "image",
+  gif: "image",
+  svg: "image",
+  webp: "image",
+  ico: "image",
+  bmp: "image",
+  // PDF
+  pdf: "pdf",
+  // CSV
+  csv: "csv",
+  tsv: "csv",
+  // Plain text
+  txt: "plaintext",
+  log: "plaintext",
+  env: "plaintext"
+};
+var SPECIAL_FILES = {
+  dockerfile: "code",
+  makefile: "code",
+  rakefile: "code",
+  gemfile: "code",
+  procfile: "code"
+};
+function getFileExtension(fileName) {
+  if (!fileName) return null;
+  const baseName = fileName.split("/").pop() || fileName;
+  if (baseName.startsWith(".") && !baseName.slice(1).includes(".")) {
+    return baseName.slice(1).toLowerCase();
+  }
+  const lastDot = baseName.lastIndexOf(".");
+  if (lastDot === -1 || lastDot === baseName.length - 1) return null;
+  return baseName.slice(lastDot + 1).toLowerCase();
+}
+function detectContentType(fileName) {
+  const baseName = (fileName.split("/").pop() || fileName).toLowerCase();
+  const specialType = SPECIAL_FILES[baseName];
+  if (specialType) {
+    return { type: specialType, extension: baseName };
+  }
+  const extension = getFileExtension(fileName);
+  if (!extension) {
+    return { type: "unknown", extension: null };
+  }
+  const type = EXTENSION_MAP[extension] ?? "unknown";
+  return { type, extension };
+}
+function isTextContentType(contentType) {
+  return contentType === "code" || contentType === "markdown" || contentType === "plaintext" || contentType === "csv" || contentType === "html" || contentType === "unknown";
+}
+function isUrlContentType(contentType) {
+  return contentType === "image" || contentType === "pdf";
+}
+
+// src/components/file-view/hooks/useContentType.ts
+function useContentType({
+  fileName,
+  contentTypeOverride
+}) {
+  return React20.useMemo(() => {
+    if (contentTypeOverride) {
+      return {
+        type: contentTypeOverride,
+        extension: null,
+        isOverridden: true
+      };
+    }
+    const detected = detectContentType(fileName);
+    return { ...detected, isOverridden: false };
+  }, [fileName, contentTypeOverride]);
+}
+var globalHighlighter = null;
+var initPromise = null;
+async function getOrCreateHighlighter() {
+  if (globalHighlighter) return globalHighlighter;
+  if (!initPromise) {
+    initPromise = (async () => {
+      try {
+        const { createHighlighter } = await import('shiki');
+        globalHighlighter = await createHighlighter({
+          themes: ["github-light", "github-dark"],
+          langs: []
+        });
+        return globalHighlighter;
+      } catch {
+        return null;
+      }
+    })();
+  }
+  return initPromise;
+}
+function useShikiHighlighter() {
+  const [state, setState] = React20.useState({
+    highlighter: globalHighlighter,
+    isReady: globalHighlighter !== null
+  });
+  React20.useEffect(() => {
+    if (globalHighlighter) {
+      setState({ highlighter: globalHighlighter, isReady: true });
+      return;
+    }
+    let cancelled = false;
+    getOrCreateHighlighter().then((h) => {
+      if (!cancelled) {
+        setState({ highlighter: h, isReady: true });
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return state;
+}
+function getBackgroundLightness(el) {
+  const value = getComputedStyle(el).getPropertyValue("--background").trim();
+  if (!value) return null;
+  const match = value.match(/(\d+(?:\.\d+)?)%\s*$/);
+  return match ? parseFloat(match[1]) : null;
+}
+function useDarkMode() {
+  const checkDark = React20.useCallback(() => {
+    if (typeof document === "undefined") return false;
+    const lightness = getBackgroundLightness(document.documentElement);
+    if (lightness === null) {
+      return document.documentElement.classList.contains("dark");
+    }
+    return lightness < 50;
+  }, []);
+  const [isDark, setIsDark] = React20.useState(checkDark);
+  React20.useEffect(() => {
+    const el = document.documentElement;
+    const update = () => {
+      setIsDark(checkDark());
+    };
+    const observer = new MutationObserver(update);
+    observer.observe(el, {
+      attributes: true,
+      attributeFilter: ["class", "style"]
+    });
+    update();
+    return () => observer.disconnect();
+  }, [checkDark]);
+  return isDark;
+}
+
+// src/components/file-view/hooks/useHighlightedTokens.ts
+function useHighlightedTokens(code, language) {
+  const { highlighter, isReady } = useShikiHighlighter();
+  const isDark = useDarkMode();
+  const [lines, setLines] = React20.useState(null);
+  React20.useEffect(() => {
+    if (!isReady || !highlighter || !code) {
+      setLines(null);
+      return;
+    }
+    let cancelled = false;
+    const theme = isDark ? "github-dark" : "github-light";
+    (async () => {
+      try {
+        if (language !== "text") {
+          const loadedLangs = highlighter.getLoadedLanguages();
+          if (!loadedLangs.includes(language)) {
+            await highlighter.loadLanguage(language);
+          }
+        }
+      } catch {
+        if (!cancelled) setLines(null);
+        return;
+      }
+      if (cancelled) return;
+      try {
+        const result = highlighter.codeToTokens(code, {
+          lang: language,
+          theme
+        });
+        if (!cancelled) {
+          setLines(
+            result.tokens.map(
+              (line) => line.map((token) => ({
+                content: token.content,
+                color: token.color
+              }))
+            )
+          );
+        }
+      } catch {
+        if (!cancelled) setLines(null);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [highlighter, isReady, code, language, isDark]);
+  return { lines };
+}
+
+// src/components/file-view/utils/languageMapping.ts
+var EXTENSION_OVERRIDES = {
+  yml: "yaml",
+  htm: "html",
+  cjs: "javascript",
+  mjs: "javascript",
+  jsx: "jsx",
+  tsx: "tsx",
+  h: "c",
+  hpp: "cpp",
+  cs: "csharp",
+  rb: "ruby",
+  sh: "shellscript",
+  bash: "shellscript",
+  zsh: "shellscript",
+  ps1: "powershell",
+  bat: "bat",
+  kt: "kotlin",
+  rs: "rust",
+  gql: "graphql",
+  pl: "perl",
+  sass: "sass",
+  scss: "scss",
+  less: "less",
+  // Domain-specific / data formats without shiki support
+  lp: "text",
+  dat: "text",
+  env: "shellscript"
+};
+var SPECIAL_FILE_LANGUAGES = {
+  dockerfile: "dockerfile",
+  makefile: "makefile",
+  rakefile: "ruby",
+  gemfile: "ruby",
+  procfile: "yaml"
+};
+function getLanguageFromFileName(fileName) {
+  const baseName = (fileName.split("/").pop() || fileName).toLowerCase();
+  const specialLang = SPECIAL_FILE_LANGUAGES[baseName];
+  if (specialLang) return specialLang;
+  let ext = null;
+  if (baseName.startsWith(".") && !baseName.slice(1).includes(".")) {
+    ext = baseName.slice(1);
+  } else {
+    const lastDot = baseName.lastIndexOf(".");
+    if (lastDot !== -1 && lastDot !== baseName.length - 1) {
+      ext = baseName.slice(lastDot + 1);
+    }
+  }
+  if (!ext) return "text";
+  return EXTENSION_OVERRIDES[ext] ?? ext;
+}
+function CodeRenderer({
+  content,
+  fileName,
+  className
+}) {
+  const language = React20__namespace.useMemo(
+    () => getLanguageFromFileName(fileName),
+    [fileName]
+  );
+  const plainLines = React20__namespace.useMemo(
+    () => (content ?? "").split("\n"),
+    [content]
+  );
+  const { lines: highlightedLines } = useHighlightedTokens(
+    content ?? "",
+    language
+  );
+  const gutterWidth = React20__namespace.useMemo(
+    () => `${Math.max(String(plainLines.length).length, 2) + 2}ch`,
+    [plainLines.length]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "relative h-full w-full overflow-auto rounded-md border border-border bg-background",
+        "scrollbar-thin",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "m-0 p-0", children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: "block font-mono text-sm leading-relaxed", children: highlightedLines ? highlightedLines.map((tokens, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "sticky left-0 shrink-0 select-none border-r border-border bg-muted px-3 text-right text-muted-foreground",
+            style: { minWidth: gutterWidth },
+            children: index + 1
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-pre px-4", children: tokens.length === 0 || tokens.length === 1 && tokens[0].content === "" ? " " : tokens.map((token, ti) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.color }, children: token.content }, ti)) })
+      ] }, index)) : plainLines.map((line, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "sticky left-0 shrink-0 select-none border-r border-border bg-muted px-3 text-right text-muted-foreground",
+            style: { minWidth: gutterWidth },
+            children: index + 1
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-pre px-4 text-foreground", children: line || " " })
+      ] }, index)) }) })
+    }
+  );
+}
+CodeRenderer.displayName = "CodeRenderer";
+function HighlightedCodeBlock({
+  children,
+  className: codeClassName,
+  ...props
+}) {
+  const language = React20__namespace.useMemo(() => {
+    if (!codeClassName) return "text";
+    const match = codeClassName.match(/language-(\S+)/);
+    return match ? match[1] : "text";
+  }, [codeClassName]);
+  const code = React20__namespace.useMemo(() => {
+    const raw = String(children);
+    return raw.endsWith("\n") ? raw.slice(0, -1) : raw;
+  }, [children]);
+  const { lines } = useHighlightedTokens(code, language);
+  if (lines) {
+    return /* @__PURE__ */ jsxRuntime.jsx("code", { className: cn("bg-transparent p-0", codeClassName), ...props, children: lines.map((tokens, i) => /* @__PURE__ */ jsxRuntime.jsxs(React20__namespace.Fragment, { children: [
+      i > 0 && "\n",
+      tokens.map((token, ti) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.color }, children: token.content }, ti))
+    ] }, i)) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("code", { className: cn("bg-transparent p-0", codeClassName), ...props, children });
+}
+function MarkdownImage({
+  src,
+  alt,
+  resolveImageUrl,
+  ...props
+}) {
+  const needsResolution = !!src && !!resolveImageUrl && !src.startsWith("http://") && !src.startsWith("https://") && !src.startsWith("data:");
+  const [resolvedUrl, setResolvedUrl] = React20__namespace.useState(null);
+  const [error, setError] = React20__namespace.useState(false);
+  const [loading, setLoading] = React20__namespace.useState(needsResolution);
+  React20__namespace.useEffect(() => {
+    if (!needsResolution || !src || !resolveImageUrl) return;
+    let cancelled = false;
+    let blobUrl = null;
+    setLoading(true);
+    setError(false);
+    setResolvedUrl(null);
+    Promise.resolve(resolveImageUrl(src)).then((url) => {
+      if (cancelled) {
+        if (url.startsWith("blob:")) URL.revokeObjectURL(url);
+        return;
+      }
+      if (url.startsWith("blob:")) blobUrl = url;
+      setResolvedUrl(url);
+      setLoading(false);
+    }).catch(() => {
+      if (!cancelled) {
+        setError(true);
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+      if (blobUrl) URL.revokeObjectURL(blobUrl);
+    };
+  }, [needsResolution, src, resolveImageUrl]);
+  if (!needsResolution) {
+    return /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className: "max-w-full rounded", ...props });
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "my-2 inline-block h-24 w-40 animate-pulse rounded bg-muted" });
+  }
+  if (error || !resolvedUrl) {
+    return /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className: "max-w-full rounded", ...props });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: resolvedUrl,
+      alt,
+      className: "max-w-full rounded",
+      ...props
+    }
+  );
+}
+function MarkdownRenderer({
+  content,
+  className,
+  resolveImageUrl
+}) {
+  const markdownComponents = React20__namespace.useMemo(
+    () => ({
+      code: ({
+        children,
+        className: codeClassName,
+        ...props
+      }) => {
+        const isInline = !codeClassName;
+        if (isInline) {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "code",
+            {
+              className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[85%]",
+              ...props,
+              children
+            }
+          );
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(HighlightedCodeBlock, { className: codeClassName, ...props, children });
+      },
+      pre: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "pre",
+        {
+          className: "my-4 overflow-auto rounded-md border border-border bg-muted p-4 font-mono text-sm leading-relaxed",
+          ...props,
+          children
+        }
+      ),
+      blockquote: ({
+        children,
+        ...props
+      }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "blockquote",
+        {
+          className: "my-4 border-l-4 border-border pl-4 text-muted-foreground",
+          ...props,
+          children
+        }
+      ),
+      a: ({
+        children,
+        href,
+        ...props
+      }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-primary hover:underline",
+          ...props,
+          children
+        }
+      ),
+      table: ({
+        children,
+        ...props
+      }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-4 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "table",
+        {
+          className: "w-full border-collapse border border-border text-sm",
+          ...props,
+          children
+        }
+      ) }),
+      th: ({
+        children,
+        ...props
+      }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "th",
+        {
+          className: "border border-border bg-muted px-3 py-2 text-left font-semibold",
+          ...props,
+          children
+        }
+      ),
+      td: ({
+        children,
+        ...props
+      }) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "border border-border px-3 py-2", ...props, children }),
+      img: ({
+        src,
+        alt,
+        ...props
+      }) => /* @__PURE__ */ jsxRuntime.jsx(
+        MarkdownImage,
+        {
+          src,
+          alt,
+          resolveImageUrl,
+          ...props
+        }
+      )
+    }),
+    [resolveImageUrl]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "h-full w-full overflow-auto bg-background p-6 text-sm leading-relaxed text-foreground",
+        // Heading styles
+        "[&_h1]:mb-4 [&_h1]:mt-6 [&_h1]:border-b [&_h1]:border-border [&_h1]:pb-2 [&_h1]:text-2xl [&_h1]:font-bold",
+        "[&_h2]:mb-4 [&_h2]:mt-6 [&_h2]:border-b [&_h2]:border-border [&_h2]:pb-2 [&_h2]:text-xl [&_h2]:font-semibold",
+        "[&_h3]:mb-3 [&_h3]:mt-5 [&_h3]:text-lg [&_h3]:font-semibold",
+        "[&_h4]:mb-3 [&_h4]:mt-4 [&_h4]:text-base [&_h4]:font-semibold",
+        // Paragraph and list styles
+        "[&_p]:mb-4 [&_p]:leading-relaxed",
+        "[&_ul]:mb-4 [&_ul]:list-disc [&_ul]:pl-6",
+        "[&_ol]:mb-4 [&_ol]:list-decimal [&_ol]:pl-6",
+        "[&_li]:mb-1",
+        // Horizontal rule
+        "[&_hr]:my-6 [&_hr]:border-border",
+        "scrollbar-thin",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ReactMarkdownImport__default.default,
+        {
+          remarkPlugins: [remarkGfmImport__default.default],
+          components: markdownComponents,
+          children: content ?? ""
+        }
+      )
+    }
+  );
+}
+MarkdownRenderer.displayName = "MarkdownRenderer";
+function ImageRenderer({
+  url,
+  fileName,
+  className
+}) {
+  const [hasError, setHasError] = React20__namespace.useState(false);
+  React20__namespace.useEffect(() => {
+    setHasError(false);
+  }, [url]);
+  if (!url) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
+          className
+        ),
+        children: "No image URL provided"
+      }
+    );
+  }
+  if (hasError) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex h-full w-full flex-col items-center justify-center gap-2 text-sm text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Failed to load image" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: fileName })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "flex h-full w-full items-center justify-center overflow-auto bg-background p-4",
+        "scrollbar-thin",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: url,
+          alt: fileName,
+          onError: () => setHasError(true),
+          className: "max-h-full max-w-full object-contain"
+        }
+      )
+    }
+  );
+}
+ImageRenderer.displayName = "ImageRenderer";
+function PlainTextRenderer({ content, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "h-full w-full overflow-auto rounded-md border border-border bg-background p-4",
+        "scrollbar-thin",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "m-0 whitespace-pre-wrap break-words font-mono text-sm leading-relaxed text-foreground", children: content ?? "" })
+    }
+  );
+}
+PlainTextRenderer.displayName = "PlainTextRenderer";
+function parseCSV(text) {
+  const lines = text.split("\n");
+  if (lines.length === 0) return { headers: [], rows: [] };
+  const firstLine = lines[0] ?? "";
+  const delimiter = firstLine.includes("	") ? "	" : ",";
+  function parseLine(line) {
+    const fields = [];
+    let current = "";
+    let inQuotes = false;
+    let i = 0;
+    while (i < line.length) {
+      const char = line[i];
+      if (inQuotes) {
+        if (char === '"') {
+          if (i + 1 < line.length && line[i + 1] === '"') {
+            current += '"';
+            i += 2;
+          } else {
+            inQuotes = false;
+            i++;
+          }
+        } else {
+          current += char;
+          i++;
+        }
+      } else {
+        if (char === '"') {
+          inQuotes = true;
+          i++;
+        } else if (char === delimiter) {
+          fields.push(current.trim());
+          current = "";
+          i++;
+        } else {
+          current += char;
+          i++;
+        }
+      }
+    }
+    fields.push(current.trim());
+    return fields;
+  }
+  const headers = parseLine(firstLine);
+  const rows = [];
+  for (let i = 1; i < lines.length; i++) {
+    const line = lines[i];
+    if (line.trim() === "") continue;
+    const values = parseLine(line);
+    const row = {};
+    for (let j = 0; j < headers.length; j++) {
+      row[headers[j]] = values[j] ?? "";
+    }
+    rows.push(row);
+  }
+  return { headers, rows };
+}
+function CsvRenderer({ content, className }) {
+  const { headers, rows } = React20__namespace.useMemo(
+    () => parseCSV(content ?? ""),
+    [content]
+  );
+  const columns = React20__namespace.useMemo(
+    () => headers.map((header) => ({
+      key: header,
+      header,
+      sortable: true,
+      filterable: true,
+      filterType: "text"
+    })),
+    [headers]
+  );
+  if (headers.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
+          className
+        ),
+        children: "No CSV data to display"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full w-full overflow-auto", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    DataGrid,
+    {
+      data: rows,
+      columns,
+      getRowKey: (_, index) => String(index),
+      resizableColumns: true
+    }
+  ) });
+}
+CsvRenderer.displayName = "CsvRenderer";
+function HtmlRenderer({
+  content,
+  fileName,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "iframe",
+    {
+      srcDoc: content ?? "",
+      sandbox: "allow-scripts",
+      title: fileName,
+      className: cn("h-full w-full border-0", className)
+    }
+  );
+}
+HtmlRenderer.displayName = "HtmlRenderer";
+
+// src/components/file-view/utils/rendererRegistry.ts
+var DEFAULT_RENDERERS = {
+  code: CodeRenderer,
+  markdown: MarkdownRenderer,
+  image: ImageRenderer,
+  plaintext: PlainTextRenderer,
+  csv: CsvRenderer,
+  html: HtmlRenderer
+};
+function mergeRenderers(userRenderers) {
+  if (!userRenderers) return DEFAULT_RENDERERS;
+  return { ...DEFAULT_RENDERERS, ...userRenderers };
+}
+function resolveRenderer(registry, contentType) {
+  return registry[contentType] ?? registry["plaintext"] ?? PlainTextRenderer;
+}
+function DefaultEmptyState({ message }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground", children: message });
+}
+function DefaultLoadingState() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary/20 border-t-primary" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading file..." })
+  ] }) });
+}
+function DefaultErrorState({ error }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-sm flex-col items-center gap-3 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-destructive", children: error.message }),
+    error.onRetry && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: error.onRetry,
+        className: cn(
+          "rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground",
+          "transition-colors hover:bg-muted"
+        ),
+        children: "Retry"
+      }
+    )
+  ] }) });
+}
+function FileView({
+  content,
+  url = null,
+  fileName,
+  contentType: contentTypeOverride,
+  renderers: userRenderers,
+  loading = false,
+  error = null,
+  loadingComponent,
+  emptyComponent,
+  emptyMessage = "No content to display",
+  errorComponent: ErrorComponent,
+  className,
+  rendererClassName,
+  resolveImageUrl
+}) {
+  const { type: resolvedType } = useContentType({
+    fileName,
+    contentTypeOverride
+  });
+  const registry = React20__namespace.useMemo(
+    () => mergeRenderers(userRenderers),
+    [userRenderers]
+  );
+  const Renderer = React20__namespace.useMemo(
+    () => resolveRenderer(registry, resolvedType),
+    [registry, resolvedType]
+  );
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative h-full w-full", className), children: loadingComponent ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultLoadingState, {}) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative h-full w-full", className), children: ErrorComponent ? /* @__PURE__ */ jsxRuntime.jsx(ErrorComponent, { error }) : /* @__PURE__ */ jsxRuntime.jsx(DefaultErrorState, { error }) });
+  }
+  if ((content == null || content === "") && url == null) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative h-full w-full", className), children: emptyComponent ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultEmptyState, { message: emptyMessage }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative h-full w-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    Renderer,
+    {
+      content,
+      url: url ?? null,
+      fileName,
+      contentType: resolvedType,
+      className: rendererClassName,
+      resolveImageUrl
+    }
+  ) });
+}
+FileView.displayName = "FileView";
+var OptilogicLogo = React20.forwardRef(
+  ({ color, size, width, height, ...props }, ref) => {
+    const uid = React20.useId();
+    const w = size ?? width ?? 32;
+    const h = size ?? height ?? 32;
+    const useGradient = !color;
+    const fill = (idx) => useGradient ? `url(#${uid}-g${idx})` : color;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        ref,
+        width: w,
+        height: h,
+        viewBox: "0 0 44 44",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "m 19.710153,24.886531 -0.018,-0.0332 -13.0194005,8.2119 17.2811005,-0.0485 -4.2451,-8.1302 z",
+              fill: fill(0)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "m 31.367953,26.996531 7.3048,-4.2341 -7.334,-12.652796 -7.3048,4.2341 z",
+              fill: fill(1)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "m 19.257253,24.563831 -3.8352,-6.752096 -8.7493005,15.254896 13.0942005,-7.6094 c -0.1597,-0.3029 -0.3297,-0.6007 -0.5097,-0.8934 z",
+              fill: fill(2)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "m 24.393053,23.112531 c -1.0221,-1.9514 -2.5557,-3.587996 -4.4365,-4.734696 -1.8808,-1.1467 -4.0381,-1.7602 -6.2408,-1.775 l 4.8033,8.455596 c 0.1745,0.2844 0.3398,0.5753 0.4959,0.8726 l 5.0969,8.9751 c 1.0457,-1.7798 1.6202,-3.7968 1.6694,-5.8604 0.0492,-2.0636 -0.4286,-4.1057 -1.3882,-5.9332 z",
+              fill: fill(3)
+            }
+          ),
+          useGradient && /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${uid}-g0`, x1: "-10.349", y1: "21.971", x2: "7.45", y2: "21.971", gradientUnits: "userSpaceOnUse", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#58F1A2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.016", stopColor: "#56EF9F" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.308", stopColor: "#36D87A" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.578", stopColor: "#20C75F" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.817", stopColor: "#12BD4E" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0EBA49" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${uid}-g1`, x1: "-590.283", y1: "3567.46", x2: "-597.588", y2: "3571.69", gradientUnits: "userSpaceOnUse", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#0EBA49" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.031", stopColor: "#11BC4D" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.315", stopColor: "#30D371" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.58", stopColor: "#46E38C" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.816", stopColor: "#53ED9C" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#58F1A2" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${uid}-g2`, x1: "-10.35", y1: "18.453", x2: "7.38", y2: "18.453", gradientUnits: "userSpaceOnUse", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#58F1A2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.184", stopColor: "#53ED9C" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.42", stopColor: "#46E38C" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.685", stopColor: "#30D371" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.969", stopColor: "#11BC4D" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0EBA49" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${uid}-g3`, x1: "8.369", y1: "24.711", x2: "26.243", y2: "24.711", gradientUnits: "userSpaceOnUse", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#58F1A2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.184", stopColor: "#53ED9C" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.42", stopColor: "#46E38C" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.685", stopColor: "#30D371" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.969", stopColor: "#11BC4D" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0EBA49" })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+OptilogicLogo.displayName = "OptilogicLogo";
+var OptilogicLogoWithText = React20.forwardRef(({ color, textColor = "currentColor", size, width, height, ...props }, ref) => {
+  const uid = React20.useId();
+  const h = size ?? height ?? 35;
+  const w = width ?? (typeof h === "number" ? Math.round(h * (102 / 35)) : 102);
+  const useGradient = !color;
+  const iconFill = (idx) => useGradient ? `url(#${uid}-g${idx})` : color;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      ref,
+      width: w,
+      height: h,
+      viewBox: "0 0 102 35",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M87.8887 8.94166L87.9811 9.12063L87.7877 8.76953C87.8258 8.81696 87.8588 8.87662 87.8887 8.94166Z", fill: iconFill(0) }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M87.9808 9.11386L87.7872 8.76282L87.6158 8.45508C87.6774 8.55543 87.7358 8.65573 87.7938 8.75874C87.8253 8.81704 87.8583 8.87665 87.8883 8.93494L87.9808 9.11386Z", fill: iconFill(1) }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M93.0335 2.12149L91.0895 3.27987C90.4698 3.64931 90.2588 4.46544 90.6177 5.10275L93.5225 10.2545C93.8819 10.8918 94.6755 11.109 95.2957 10.7395L97.2391 9.58114C97.8588 9.21171 98.0703 8.39559 97.7109 7.75827L94.8061 2.60653C94.4467 1.96921 93.6532 1.75205 93.0335 2.12149Z", fill: iconFill(2) }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M79.4231 14.3186L84.3908 5.41699L86.529 9.28695L86.9077 9.96469L87.0633 10.2467L87.2412 10.5665L87.2529 10.5883L90.0601 15.6768L80.2116 15.7039C80.0535 15.7051 79.8974 15.6634 79.7597 15.583C79.6224 15.5025 79.5075 15.3862 79.4277 15.2457C79.3479 15.1052 79.3052 14.9456 79.3047 14.7828C79.3037 14.62 79.3449 14.4599 79.4231 14.3186Z", fill: iconFill(3) }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M91.9324 13.4257C91.9171 13.5856 91.8988 13.7456 91.877 13.9056C91.8612 14.0113 91.8439 14.117 91.8241 14.2228C91.8043 14.3285 91.7844 14.4355 91.7611 14.5399C91.7372 14.6443 91.7123 14.7486 91.6858 14.853C91.6594 14.9574 91.6304 15.0631 91.5999 15.1661C91.5592 15.3017 91.5145 15.4373 91.4682 15.5728C91.422 15.7084 91.3681 15.8439 91.3142 15.9794C91.2771 16.0703 91.239 16.1571 91.2003 16.2506V16.2587C91.1653 16.3358 91.1098 16.4014 91.0407 16.4484C90.9716 16.4954 90.8907 16.5218 90.8079 16.5249C90.725 16.5279 90.6432 16.5075 90.5705 16.4658C90.4983 16.4241 90.4383 16.3628 90.3976 16.2885L90.0616 15.6785L87.256 10.5995C87.256 10.5927 87.256 10.5845 87.2453 10.5778L87.1609 10.4151C87.1335 10.3609 87.1029 10.3067 87.074 10.2538C87.0211 10.1603 86.9672 10.0681 86.9118 9.98269L86.5336 9.30494L84.3914 5.41738L83.9704 4.65422C83.9293 4.5799 83.9089 4.49533 83.9115 4.40982C83.914 4.32431 83.9394 4.24116 83.9847 4.16955C84.0304 4.09794 84.0945 4.04062 84.1692 4.00392C84.2444 3.96723 84.3283 3.95257 84.4107 3.96156C85.7934 4.11436 87.1177 4.61474 88.2671 5.41853C89.417 6.22228 90.3564 7.30472 91.0026 8.57025C91.1642 8.88468 91.3061 9.20929 91.4276 9.54216C91.4881 9.70619 91.5435 9.87429 91.5948 10.041C91.6106 10.0939 91.6253 10.1467 91.6396 10.1982C91.6843 10.3568 91.7239 10.5154 91.7611 10.6754C91.9598 11.5769 92.0178 12.5054 91.9324 13.4257Z", fill: iconFill(4) }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M87.1593 10.4138C87.1289 10.3609 87.101 10.3067 87.0711 10.2538C87.0183 10.1589 86.9656 10.0668 86.9103 9.97461C86.9656 10.0668 87.0198 10.1589 87.0721 10.2457C87.0944 10.3053 87.1248 10.3596 87.1593 10.4138Z", fill: iconFill(5) }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.9243 20.9745C16.9243 25.6035 13.6033 29.5561 8.46292 29.5561C3.32258 29.5561 0.00289826 25.6035 0.00289826 20.9745C-0.0434 18.7389 0.775929 16.576 2.28065 14.9615C3.78537 13.3471 5.85223 12.4133 8.02654 12.3657C8.17158 12.3657 8.31661 12.3657 8.46292 12.3657C10.6366 12.294 12.7488 13.1131 14.3351 14.6426C15.9214 16.1721 16.8518 18.2869 16.9217 20.5217C16.9256 20.6749 16.9269 20.824 16.9243 20.9745ZM3.6179 20.9745C3.6179 24.1314 5.59546 26.3056 8.46292 26.3056C11.3304 26.3056 13.3093 24.1368 13.3093 20.9745C13.3093 17.8121 11.3317 15.6175 8.46424 15.6175C5.59678 15.6175 3.6179 17.8175 3.6179 20.9745Z", fill: textColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M30.774 23.8266C30.774 27.0541 28.4998 29.5563 25.5004 29.5563C24.4662 29.56 23.4594 29.2147 22.6343 28.5736V34.1162H19.2065V18.4723H21.8683L22.2968 19.4077C23.1653 18.5707 24.3141 18.1099 25.5044 18.1213C28.4998 18.1213 30.774 20.5991 30.774 23.8266ZM22.6317 23.8266C22.6317 25.3001 23.4965 26.6095 24.9744 26.6095C26.4523 26.6095 27.3172 25.3001 27.3172 23.8266C27.3172 22.3532 26.4536 21.0654 24.9744 21.0654C23.4952 21.0654 22.6317 22.3532 22.6317 23.8266Z", fill: textColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M41.148 18.4718V21.4186H37.5739V24.9958C37.5739 26.0246 38.4374 26.5154 39.4196 26.1412L40.2107 25.8376L41.235 28.6435L40.2107 29.0854C37.3458 30.3473 34.1382 29.0393 34.1382 25.0406V21.4186H31.4553V18.4718H34.1395V15.083H37.5673V18.4718H41.148Z", fill: textColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.9673 14.8024C46.9673 15.1778 46.8591 15.5447 46.6563 15.8567C46.4535 16.1688 46.1652 16.4121 45.8279 16.5557C45.4907 16.6993 45.1195 16.7369 44.7615 16.6637C44.4035 16.5905 44.0746 16.4097 43.8165 16.1443C43.5584 15.8789 43.3826 15.5408 43.3113 15.1727C43.2401 14.8045 43.2767 14.423 43.4164 14.0762C43.5561 13.7295 43.7927 13.4331 44.0962 13.2246C44.3997 13.016 44.7566 12.9047 45.1216 12.9047C45.3591 12.8995 45.5953 12.9425 45.8166 13.0312C46.0379 13.1199 46.2401 13.2525 46.4115 13.4216C46.5829 13.5907 46.7202 13.7928 46.8156 14.0165C46.911 14.2402 46.9625 14.481 46.9673 14.7252V14.8024ZM43.4196 29.2074V18.4718H46.8473V29.2047L43.4196 29.2074Z", fill: textColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M49.5854 29.2044V12.7188H53.0133V29.2044H49.5854Z", fill: textColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M66.7762 23.8518C66.7762 26.9844 64.5018 29.5571 60.9753 29.5571C57.4483 29.5571 55.1744 26.9817 55.1744 23.8518C55.1744 20.7219 57.4483 18.1221 60.9753 18.1221C64.5018 18.1221 66.7762 20.7165 66.7762 23.8518ZM58.6338 23.8518C58.6338 25.3713 59.5209 26.6116 60.9763 26.6116C62.4317 26.6116 63.3193 25.3727 63.3193 23.8518C63.3193 22.3309 62.4317 21.0689 60.9763 21.0689C59.5209 21.0689 58.6338 22.3295 58.6338 23.8518Z", fill: textColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M76.5321 19.4068L76.9617 18.4715H79.6224V28.9468C79.6224 31.6836 77.9626 34.8867 73.6619 34.8867C70.5228 34.8867 68.4085 33.0391 68.0222 30.0068L71.2294 29.4457C71.3204 30.9652 72.1841 31.9479 73.7768 31.9479C75.5738 31.9479 76.164 30.5667 76.164 29.3521V28.0427C75.3273 28.6367 74.3334 28.9526 73.3167 28.9482C71.9203 28.9482 70.5807 28.3778 69.5935 27.3625C68.6057 26.3472 68.0511 24.9702 68.0511 23.5343C68.0511 22.0984 68.6057 20.7214 69.5935 19.7061C70.5807 18.6908 71.9203 18.1204 73.3167 18.1204C74.5098 18.107 75.6618 18.5678 76.5321 19.4068ZM71.5064 23.5221C71.5156 23.9966 71.661 24.4578 71.9238 24.8477C72.1871 25.2376 72.5562 25.539 72.9853 25.7139C73.4143 25.8888 73.8846 25.9294 74.336 25.8307C74.7874 25.7321 75.2002 25.4985 75.523 25.1593C75.8463 24.82 76.0644 24.3903 76.1503 23.9241C76.2367 23.4578 76.1869 22.9758 76.0075 22.5385C75.828 22.1012 75.5271 21.7282 75.1422 21.4662C74.7569 21.2042 74.3055 21.0649 73.8439 21.0659C73.5399 21.0618 73.2384 21.1193 72.9563 21.235C72.6742 21.3509 72.4169 21.5227 72.1993 21.7407C71.9818 21.9587 71.8084 22.2187 71.6884 22.5057C71.5685 22.7928 71.5049 23.1013 71.5014 23.4137C71.5039 23.4448 71.5049 23.4855 71.5064 23.5221Z", fill: textColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M82.4911 29.2048V18.4746H85.9281V29.2075L82.4911 29.2048Z", fill: textColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M98.8928 22.0489L95.7288 22.774C95.6388 22.2871 95.3841 21.8486 95.0099 21.5362C94.6358 21.2239 94.1661 21.0578 93.6841 21.0675C92.5698 21.0675 91.4321 21.9553 91.4321 23.8503C91.4321 25.7453 92.5698 26.6101 93.6841 26.6101C94.1661 26.6201 94.6358 26.4541 95.0104 26.1417C95.3846 25.8293 95.6393 25.3906 95.7288 24.9036L98.8928 25.6287C98.5969 26.7867 97.9269 27.8067 96.9925 28.5211C96.0582 29.2355 94.9149 29.6018 93.7512 29.5597C90.272 29.5597 87.9742 26.9409 87.9742 23.8544C87.9697 23.1054 88.1089 22.3628 88.3835 21.6691C88.658 20.9754 89.0626 20.344 89.5751 19.8112C90.087 19.2784 90.696 18.8545 91.3675 18.5637C92.0386 18.2729 92.7589 18.121 93.4874 18.1165C93.5748 18.1165 93.6628 18.1165 93.7512 18.1165C94.9154 18.0745 96.0582 18.441 96.9931 19.1557C97.9274 19.8703 98.5974 20.8907 98.8928 22.0489Z", fill: textColor }),
+        useGradient && /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${uid}-g0`, x1: "87.5964", y1: "8.93628", x2: "87.7953", y2: "8.93628", gradientUnits: "userSpaceOnUse", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#58F1A2" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.02", stopColor: "#56EF9F" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.31", stopColor: "#36D87A" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.58", stopColor: "#20C75F" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.82", stopColor: "#12BD4E" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0EBA49" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${uid}-g1`, x1: "87.1426", y1: "8.7845", x2: "87.6357", y2: "8.7845", gradientUnits: "userSpaceOnUse", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#58F1A2" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.18", stopColor: "#53ED9C" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.42", stopColor: "#46E38C" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.69", stopColor: "#30D371" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.97", stopColor: "#11BC4D" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0EBA49" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${uid}-g2`, x1: "-1054.89", y1: "692.801", x2: "-1059.13", y2: "695.193", gradientUnits: "userSpaceOnUse", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#0EBA49" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.03", stopColor: "#11BC4D" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.32", stopColor: "#30D371" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.58", stopColor: "#46E38C" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.82", stopColor: "#53ED9C" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#58F1A2" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${uid}-g3`, x1: "79.3032", y1: "10.5625", x2: "90.0545", y2: "10.5625", gradientUnits: "userSpaceOnUse", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#58F1A2" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.02", stopColor: "#56EF9F" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.31", stopColor: "#36D87A" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.58", stopColor: "#20C75F" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.82", stopColor: "#12BD4E" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0EBA49" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${uid}-g4`, x1: "83.9074", y1: "10.2429", x2: "91.969", y2: "10.2429", gradientUnits: "userSpaceOnUse", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#58F1A2" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.02", stopColor: "#56EF9F" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.31", stopColor: "#36D87A" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.58", stopColor: "#20C75F" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.82", stopColor: "#12BD4E" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0EBA49" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${uid}-g5`, x1: "86.7936", y1: "10.1942", x2: "87.1619", y2: "10.1942", gradientUnits: "userSpaceOnUse", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#58F1A2" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.18", stopColor: "#53ED9C" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.42", stopColor: "#46E38C" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.69", stopColor: "#30D371" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.97", stopColor: "#11BC4D" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0EBA49" })
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+OptilogicLogoWithText.displayName = "OptilogicLogoWithText";
+var CosmicFrogIcon = React20.forwardRef(
+  ({ color = "currentColor", size, width, height, ...props }, ref) => {
+    const w = size ?? width ?? 24;
+    const h = size ?? height ?? 24;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        ref,
+        width: w,
+        height: h,
+        viewBox: "0 0 300 286.9",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M189.4,277.9l0-0.7c0-2.3,1.3-4.4,3.5-5.2c5.9-2.2,9.2-9.9,4.9-16.1c-6.2-9-20.2-28.4-25.3-35.3 c0,0,6-9.4,13.2-19.5c5.8,6.9,36.2,46.7,45.7,58.4c6.8,8.3,20.3,11.9,29.5,12.9c2.9,0.3,5.1,2.8,5,5.7v0c0,3.2-2.6,5.7-5.7,5.7 h-65.2C192,283.6,189.4,281.1,189.4,277.9z",
+              fill: color
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M214.5,154.3c9.1-9.5,29.6-47.6,19.9-65c-7.6-13.7-26-11.9-48.7-3.1c-1.5,0.6-2.5,2.1-2.3,3.6 c0.9,10.5-6,20.9-17.3,25.8c-13.8,6-29.2,1.2-34.5-11.2c-4.2-9.8-2.9-20.5,2.5-28.3c0.7-1-0.5-2.2-1.5-1.6 c-9.3,6.1-15.5,16.7-15.5,28.7c0,6.1,1.6,11.8,4.4,16.7c-31.6,21.4-48.6,48-55.3,59.6c-7.4,12.8-7.5,29.9-7.5,34.2 c0,0-5.2-8.1-10.5-17.6c-1.9-3.4-5.4-7.9-12-3c-8.8,6.6-27.6,29.3-31.7,57c-2.9,19.8,6.7,33.4,18.8,33.4h33.9c3,0,5.4-2.4,5.5-5.4 l0-1c0-2.5-1.6-4.6-3.9-5.3c-12.7-3.9-17.8-26.3-15.2-38c7.2,9.7,10.7,14.8,24.7,27.7c9.6,8.8,20.2,4.2,23.6-2.5 c5.7-11.3,8.7-24.3,12-35.3c1.4,5.1,6.8,22.2,6.8,30.3c0,7.1-2.9,16-10.2,18.3c-2.3,0.7-3.9,2.8-3.9,5.2l0,0.5 c0,3.1,2.5,5.5,5.5,5.5h59.7c2.6,0,5.1-1.7,5.7-4.3c0.8-3.3-1.4-6.3-4.6-6.8c-9.4-1.6-24.3-7.3-27.4-17c-4.5-14-14.5-55-15.2-60.4 l14.4,15.3c9.9-17.1,40.6-67.7,64.3-92.6c23.7-25,29.2-9.6,25.6,4.2C221.7,133.6,217.9,146.9,214.5,154.3z",
+              fill: color
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M269,19.7l3.5,12.1c1.3,4.4,4.7,7.8,9.1,9.1l12.1,3.5c2.9,0.9,2.9,5,0,5.8l-12.1,3.5c-4.4,1.3-7.8,4.7-9.1,9.1 L269,75c-0.9,2.9-5,2.9-5.8,0l-3.5-12.1c-1.3-4.4-4.7-7.8-9.1-9.1l-12.1-3.5c-2.9-0.9-2.9-5,0-5.8l12.1-3.5 c4.4-1.3,7.8-4.7,9.1-9.1l3.5-12.1C264,16.7,268.2,16.7,269,19.7z",
+              fill: color
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M185.3,4.6l2.2,7.5c0.8,2.7,2.9,4.8,5.6,5.6l7.5,2.2c1.8,0.5,1.8,3.1,0,3.6l-7.5,2.2c-2.7,0.8-4.8,2.9-5.6,5.6 l-2.2,7.5c-0.5,1.8-3.1,1.8-3.6,0l-2.2-7.5c-0.8-2.7-2.9-4.8-5.6-5.6l-7.5-2.2c-1.8-0.5-1.8-3.1,0-3.6l7.5-2.2 c2.7-0.8,4.8-2.9,5.6-5.6l2.2-7.5C182.2,2.8,184.8,2.8,185.3,4.6z",
+              fill: color
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M274.3,131.6l2.2,7.7c0.8,2.8,3,5,5.8,5.8l7.7,2.2c1.9,0.5,1.9,3.2,0,3.7l-7.7,2.2c-2.8,0.8-5,3-5.8,5.8 l-2.2,7.7c-0.5,1.9-3.2,1.9-3.7,0l-2.2-7.7c-0.8-2.8-3-5-5.8-5.8l-7.7-2.2c-1.9-0.5-1.9-3.2,0-3.7l7.7-2.2c2.8-0.8,5-3,5.8-5.8 l2.2-7.7C271.1,129.8,273.7,129.8,274.3,131.6z",
+              fill: color
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "ellipse",
+            {
+              transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -11.8631 139.9984)",
+              cx: "163.1",
+              cy: "84.3",
+              rx: "10.2",
+              ry: "16.5",
+              fill: color
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CosmicFrogIcon.displayName = "CosmicFrogIcon";
+var DataStarIcon = React20.forwardRef(
+  ({ color = "currentColor", size, width, height, ...props }, ref) => {
+    const w = size ?? width ?? 24;
+    const h = size ?? height ?? 24;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        ref,
+        width: w,
+        height: h,
+        viewBox: "0 0 31 29",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M26.9476 14.2775C30.1992 9.06819 30.9839 4.11351 28.4804 1.69452C25.9768 -0.724468 20.8494 0.0323405 15.4592 3.17632C9.90111 -0.190461 4.5547 -1.06752 1.98551 1.40805C-0.583687 3.88363 0.295825 8.9727 3.68979 14.2775C0.0622617 19.7379 -0.912135 25.0321 1.7045 27.5607C4.32114 30.0893 9.79893 29.1486 15.4519 25.6439C20.9479 28.9258 26.2104 29.7534 28.7577 27.2919C31.305 24.8305 30.4328 19.6424 26.9476 14.2775ZM27.4074 3.96143C28.4767 5.84641 27.7724 9.03282 25.736 12.5446C24.5761 10.9981 23.2924 9.54244 21.8968 8.19113C23.5104 6.54516 25.3528 5.12513 27.3709 3.97204L27.4074 3.96143ZM24.6193 14.2987C23.4165 16.0228 22.0545 17.6374 20.5501 19.1226C19.5977 18.0439 18.9371 17.1775 18.6707 16.8132C17.7036 14.9494 17.7328 13.6303 18.7619 11.7418C19.1524 11.2361 19.7619 10.4757 20.5501 9.61989C22.0448 11.0668 23.4052 12.6384 24.6156 14.3164L24.6193 14.2987ZM25.7141 2.55036C24.5163 4.44516 23.0632 6.17683 21.3932 7.69955C20.0996 6.48666 18.7191 5.36399 17.262 4.33984C20.6414 2.49377 23.7434 1.79 25.7287 2.54682L25.7141 2.55036ZM19.9334 8.99392C18.7291 10.0018 17.7437 10.695 17.3788 10.9567C15.4592 11.8338 14.0943 11.7135 12.0178 10.603L11.9192 10.5606C11.5069 10.2529 10.9996 9.8533 10.4376 9.39355C11.9782 7.93165 13.6515 6.60719 15.4373 5.43617C17.0317 6.50371 18.5353 7.69343 19.9334 8.99392ZM11.609 16.3994C11.4667 16.5975 10.8098 17.4993 9.76611 18.6911C8.40065 17.3248 7.15322 15.8522 6.03638 14.2881C7.15586 12.7784 8.39558 11.3559 9.74418 10.0337C10.9376 11.3952 11.6346 12.389 11.6346 12.389C11.951 13.0138 12.1134 13.7012 12.109 14.3971C12.1045 15.0931 11.9334 15.7785 11.609 16.3994ZM13.6454 4.30094C11.9738 5.43758 10.4006 6.7043 8.9413 8.08857C7.11704 6.45833 5.54718 4.57962 4.28101 2.51146L4.24084 2.50085C6.2736 1.36562 9.79893 2.12244 13.6454 4.31155V4.30094ZM2.84313 4.13472C4.90738 5.37184 6.78411 6.88106 8.41947 8.61905C7.15181 9.86002 5.97733 11.1872 4.90507 12.5906C2.88327 9.21672 2.0804 6.14348 2.84313 4.14533V4.13472ZM4.87587 15.9963C5.95746 17.4555 7.14924 18.835 8.44136 20.1234C6.72159 21.949 4.73312 23.5184 2.54022 24.781C1.78844 22.7192 2.6935 19.4833 4.87587 16.0069V15.9963ZM4.00366 26.4892V26.4715C5.35389 24.2982 7.03309 22.3335 8.98512 20.6433C10.4334 22.0512 11.9995 23.3405 13.6673 24.4981C9.71502 26.811 6.06558 27.6421 4.00366 26.4998V26.4892ZM15.43 23.3664C13.6493 22.1829 11.9809 20.8479 10.4449 19.3772C11.2696 18.7088 11.9521 18.2137 12.3462 17.9378C14.171 17.0254 15.4519 16.9405 17.1671 17.6832C17.2438 17.7362 18.386 18.4966 19.886 19.7485C18.4975 21.0722 17.0026 22.2867 15.4154 23.3805L15.43 23.3664ZM17.2219 24.4627C18.6867 23.4156 20.0722 22.268 21.3676 21.0287C23.1328 22.6267 24.6552 24.4592 25.8893 26.4715C23.8383 27.1894 20.6633 26.4114 17.2219 24.4733V24.4627ZM27.6629 25.0569L27.6447 25.0286C25.5077 23.8079 23.5653 22.2926 21.8786 20.5301C23.3024 19.1424 24.6049 17.6425 25.7725 16.0458C28.0205 19.7238 28.8052 23.1188 27.6629 25.0675V25.0569Z",
+            fill: color
+          }
+        )
+      }
+    );
+  }
+);
+DataStarIcon.displayName = "DataStarIcon";
+
 exports.ALL_THEMES = ALL_THEMES;
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
@@ -6838,11 +8159,16 @@ exports.CardTitle = CardTitle;
 exports.CellEditor = CellEditor;
 exports.Checkbox = Checkbox;
 exports.Chip = Chip;
+exports.CodeRenderer = CodeRenderer;
 exports.ConfirmationModal = ConfirmationModal;
 exports.ContextMenu = ContextMenu;
 exports.CopyButton = CopyButton;
+exports.CosmicFrogIcon = CosmicFrogIcon;
+exports.CsvRenderer = CsvRenderer;
 exports.DARK_ELEGANT_THEME = DARK_ELEGANT_THEME;
+exports.DEFAULT_RENDERERS = DEFAULT_RENDERERS;
 exports.DataGrid = DataGrid;
+exports.DataStarIcon = DataStarIcon;
 exports.DataTable = DataTable;
 exports.DatePicker = DatePicker;
 exports.DatePickerInput = DatePickerInput;
@@ -6863,20 +8189,27 @@ exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.FOREST_THEME = FOREST_THEME;
 exports.FUTURISTIC_THEME = FUTURISTIC_THEME;
+exports.FileView = FileView;
 exports.FilterPopover = FilterPopover;
 exports.GREEN_THEME = GREEN_THEME;
 exports.HeaderCell = HeaderCell;
+exports.HtmlRenderer = HtmlRenderer;
 exports.IconButton = IconButton;
+exports.ImageRenderer = ImageRenderer;
 exports.Input = Input;
 exports.Label = Label;
 exports.LoadingSpinner = LoadingSpinner;
 exports.MINIMALIST_LIGHT_THEME = MINIMALIST_LIGHT_THEME;
+exports.MarkdownRenderer = MarkdownRenderer;
 exports.Modal = Modal;
 exports.ModalButton = ModalButton;
 exports.NATURE_THEME = NATURE_THEME;
 exports.OCEAN_THEME = OCEAN_THEME;
 exports.OPTILOGIC_LEGACY_THEME = OPTILOGIC_LEGACY_THEME;
+exports.OptilogicLogo = OptilogicLogo;
+exports.OptilogicLogoWithText = OptilogicLogoWithText;
 exports.PRESET_THEMES = PRESET_THEMES;
+exports.PlainTextRenderer = PlainTextRenderer;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
@@ -6940,21 +8273,28 @@ exports.cardListVariants = cardListVariants;
 exports.cardVariants = cardVariants;
 exports.cloneTheme = cloneTheme;
 exports.cn = cn;
+exports.detectContentType = detectContentType;
 exports.exportTheme = exportTheme;
 exports.getCellValue = getCellValue;
 exports.getCurrentTheme = getCurrentTheme;
 exports.getDefaultTheme = getDefaultTheme;
+exports.getFileExtension = getFileExtension;
 exports.getPresetTheme = getPresetTheme;
 exports.hexToHsl = hexToHsl;
 exports.iconButtonVariants = iconButtonVariants;
 exports.importTheme = importTheme;
 exports.isPresetTheme = isPresetTheme;
+exports.isTextContentType = isTextContentType;
+exports.isUrlContentType = isUrlContentType;
 exports.labelVariants = labelVariants;
 exports.loadingSpinnerVariants = loadingSpinnerVariants;
+exports.mergeRenderers = mergeRenderers;
+exports.resolveRenderer = resolveRenderer;
 exports.themeToHsl = themeToHsl;
 exports.useColumnResize = useColumnResize;
 exports.useColumnResizeManager = useColumnResizeManager;
 exports.useConfirmation = useConfirmation;
+exports.useContentType = useContentType;
 exports.useContextMenu = useContextMenu;
 exports.useDataGridState = useDataGridState;
 exports.useKeyboardNavigation = useKeyboardNavigation;