exploreda 0.0.6 → 0.1.0

package/dist/chunk-L2Q2R43U.cjs

@@ -0,0 +1,118 @@
+'use strict';
+
+var chunk5B23JVH3_cjs = require('./chunk-5B23JVH3.cjs');
+var cmdk = require('cmdk');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command,
+    {
+      "data-slot": "command",
+      className: chunk5B23JVH3_cjs.cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          cmdk.Command.Input,
+          {
+            "data-slot": "command-input",
+            className: chunk5B23JVH3_cjs.cn(
+              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      className: chunk5B23JVH3_cjs.cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: chunk5B23JVH3_cjs.cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: chunk5B23JVH3_cjs.cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Command = Command;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+//# sourceMappingURL=chunk-L2Q2R43U.cjs.map
+//# sourceMappingURL=chunk-L2Q2R43U.cjs.map

package/dist/chunk-L2Q2R43U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/command.tsx"],"names":["jsx","CommandPrimitive","cn","jsxs","SearchIcon"],"mappings":";;;;;;;AAeA,SAAS,OAAQ,CAAA;AAAA,EACf,SAAA;AAAA,EACA,GAAG;AACL,CAAkD,EAAA;AAChD,EACE,uBAAAA,cAAA;AAAA,IAACC,YAAA;AAAA,IAAA;AAAA,MACC,WAAU,EAAA,SAAA;AAAA,MACV,SAAW,EAAAC,oBAAA;AAAA,QACT,2FAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AA0BA,SAAS,YAAa,CAAA;AAAA,EACpB,SAAA;AAAA,EACA,GAAG;AACL,CAAwD,EAAA;AACtD,EACE,uBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAU,EAAA,uBAAA;AAAA,MACV,SAAU,EAAA,2CAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAACH,cAAA,CAAAI,sBAAA,EAAA,EAAW,WAAU,4BAA6B,EAAA,CAAA;AAAA,wBACnDJ,cAAA;AAAA,UAACC,YAAiB,CAAA,KAAA;AAAA,UAAjB;AAAA,YACC,WAAU,EAAA,eAAA;AAAA,YACV,SAAW,EAAAC,oBAAA;AAAA,cACT,0JAAA;AAAA,cACA;AAAA,aACF;AAAA,YACC,GAAG;AAAA;AAAA;AACN;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,WAAY,CAAA;AAAA,EACnB,SAAA;AAAA,EACA,GAAG;AACL,CAAuD,EAAA;AACrD,EACE,uBAAAF,cAAA;AAAA,IAACC,YAAiB,CAAA,IAAA;AAAA,IAAjB;AAAA,MACC,WAAU,EAAA,cAAA;AAAA,MACV,SAAW,EAAAC,oBAAA;AAAA,QACT,6DAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,YAAa,CAAA;AAAA,EACpB,GAAG;AACL,CAAwD,EAAA;AACtD,EACE,uBAAAF,cAAA;AAAA,IAACC,YAAiB,CAAA,KAAA;AAAA,IAAjB;AAAA,MACC,WAAU,EAAA,eAAA;AAAA,MACV,SAAU,EAAA,0BAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,YAAa,CAAA;AAAA,EACpB,SAAA;AAAA,EACA,GAAG;AACL,CAAwD,EAAA;AACtD,EACE,uBAAAD,cAAA;AAAA,IAACC,YAAiB,CAAA,KAAA;AAAA,IAAjB;AAAA,MACC,WAAU,EAAA,eAAA;AAAA,MACV,SAAW,EAAAC,oBAAA;AAAA,QACT,wNAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAeA,SAAS,WAAY,CAAA;AAAA,EACnB,SAAA;AAAA,EACA,GAAG;AACL,CAAuD,EAAA;AACrD,EACE,uBAAAF,cAAA;AAAA,IAACC,YAAiB,CAAA,IAAA;AAAA,IAAjB;AAAA,MACC,WAAU,EAAA,cAAA;AAAA,MACV,SAAW,EAAAC,oBAAA;AAAA,QACT,yYAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-L2Q2R43U.cjs","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog\";\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"]}

package/dist/chunk-LBTZVERO.js

@@ -0,0 +1,466 @@
+import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-NDF5LCST.js';
+import { Popover, PopoverTrigger, PopoverContent, Label, Input } from './chunk-MJPDJ5AS.js';
+import { useDataLayer, buildConversionPreview, getFieldSettingsError, ActionTooltip, Button, cn } from './chunk-JNO7OXCC.js';
+import { useState, useEffect, useMemo } from 'react';
+import { Settings2, AlertCircle, ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground aria-invalid:border-destructive ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex h-9 w-full items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:focus-visible:ring-0 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&>span]:line-clamp-1",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground motion-safe:data-[state=open]:animate-in motion-safe: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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+var dataTypes = ["numeric", "categorical", "datetime", "boolean"];
+var formats = [
+  "auto",
+  "number",
+  "currency",
+  "percent",
+  "date",
+  "datetime"
+];
+function FieldInspector({ field, children, open, onOpenChange }) {
+  const fieldSettings = useDataLayer((state) => state.fieldSettings);
+  const updateFieldSettings = useDataLayer(
+    (state) => state.updateFieldSettings
+  );
+  const getFieldConversionPreview = useDataLayer(
+    (state) => state.getFieldConversionPreview
+  );
+  const getFieldLabel = useDataLayer((state) => state.getFieldLabel);
+  const getColumnData = useDataLayer((state) => state.getColumnData);
+  const calculations = useDataLayer((state) => state.calculations);
+  const fieldProfiles = useDataLayer((state) => state.fieldProfiles);
+  const [draft, setDraft] = useState({});
+  const [showAllFailures, setShowAllFailures] = useState(false);
+  const [localOpen, setLocalOpen] = useState(false);
+  const isOpen = open ?? localOpen;
+  const setOpen = onOpenChange ?? setLocalOpen;
+  useEffect(() => {
+    if (isOpen && field) {
+      setDraft((fieldSettings ?? {})[field] ?? {});
+      setShowAllFailures(false);
+    }
+  }, [isOpen, field, fieldSettings]);
+  const applied = field ? (fieldSettings ?? {})[field] ?? {} : {};
+  const isCalculated = Boolean(
+    field && (calculations ?? []).some(
+      (calculation) => calculation.resultColumnName === field
+    )
+  );
+  const calculatedProfile = (fieldProfiles ?? []).find(
+    (profile) => profile.name === field
+  );
+  const preview = useMemo(() => {
+    if (!isOpen || !field) return null;
+    if (!isCalculated) return getFieldConversionPreview(field, draft);
+    const values = getColumnData(field);
+    const rows = Object.values(values).map((value) => ({ [field]: value }));
+    return buildConversionPreview(
+      field,
+      rows,
+      draft,
+      calculatedProfile?.dataType ?? "categorical"
+    );
+  }, [
+    field,
+    getFieldConversionPreview,
+    getColumnData,
+    calculatedProfile?.dataType,
+    isCalculated,
+    isOpen,
+    draft
+  ]);
+  const settingsError = getFieldSettingsError(draft);
+  const conversionChanged = !isCalculated && (draft.type !== applied.type || draft.datePreset !== applied.datePreset || JSON.stringify(draft.nullTokens ?? []) !== JSON.stringify(applied.nullTokens ?? []));
+  if (!field) return null;
+  const update = (next) => setDraft((current) => ({ ...current, ...next }));
+  return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ jsx(ActionTooltip, { content: `Inspect ${getFieldLabel(field)}`, children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: children ?? /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", "aria-label": `Inspect ${field}`, children: /* @__PURE__ */ jsx(Settings2, { className: "h-4 w-4" }) }) }) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        "aria-label": `Inspect field: ${getFieldLabel(field)}`,
+        align: "start",
+        side: "bottom",
+        collisionPadding: 12,
+        className: "w-[min(400px,calc(100vw-24px))] max-h-[min(480px,var(--radix-popover-content-available-height))] overflow-y-auto p-3",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-3 space-y-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-semibold", children: [
+              /* @__PURE__ */ jsx(Settings2, { className: "h-4 w-4" }),
+              "Inspect field: ",
+              getFieldLabel(field)
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: field !== getFieldLabel(field) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              "Source name: ",
+              /* @__PURE__ */ jsx("code", { children: field })
+            ] }) : "Field settings for this analysis" })
+          ] }),
+          preview && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap gap-x-3 gap-y-1 rounded bg-muted/50 px-2 py-2 text-xs", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-3 gap-y-1", children: [
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Inferred: ",
+                /* @__PURE__ */ jsx("strong", { children: preview.inferredType })
+              ] }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Effective: ",
+                /* @__PURE__ */ jsx("strong", { children: preview.effectiveType })
+              ] }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                preview.validCount,
+                " valid"
+              ] }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                preview.missingCount,
+                " missing"
+              ] }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                preview.failedCount,
+                " failed"
+              ] })
+            ] }),
+            preview.failedCount > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 text-destructive", children: "Invalid values become missing. Review the failed rows below." })
+          ] }),
+          /* @__PURE__ */ jsxs(Tabs, { defaultValue: "display", children: [
+            /* @__PURE__ */ jsxs(TabsList, { className: "grid h-8 w-full grid-cols-3", children: [
+              /* @__PURE__ */ jsx(TabsTrigger, { value: "display", className: "text-xs", children: "Display" }),
+              /* @__PURE__ */ jsx(TabsTrigger, { value: "type", className: "text-xs", children: "Type" }),
+              /* @__PURE__ */ jsx(TabsTrigger, { value: "preview", className: "text-xs", children: "Preview" })
+            ] }),
+            /* @__PURE__ */ jsxs(TabsContent, { value: "display", className: "mt-3 space-y-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "field-label", children: "Display label" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "field-label",
+                    value: draft.label ?? "",
+                    placeholder: field,
+                    onChange: (event) => update({ label: event.target.value })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "field-description", children: "Description" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "field-description",
+                    value: draft.description ?? "",
+                    onChange: (event) => update({ description: event.target.value })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsx(Label, { children: "Display format" }),
+                  /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: draft.format ?? "auto",
+                      onValueChange: (value) => update({ format: value }),
+                      children: [
+                        /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Display format", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                        /* @__PURE__ */ jsx(SelectContent, { children: formats.map((format) => /* @__PURE__ */ jsx(SelectItem, { value: format, children: format }, format)) })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "field-precision", children: "Precision" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "field-precision",
+                      type: "number",
+                      min: 0,
+                      max: 20,
+                      value: draft.precision ?? "",
+                      onChange: (event) => update({
+                        precision: event.target.value === "" ? void 0 : Number(event.target.value)
+                      })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "field-unit", children: "Unit suffix" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "field-unit",
+                      value: draft.unit ?? "",
+                      placeholder: "kg, ms, USD",
+                      onChange: (event) => update({ unit: event.target.value })
+                    }
+                  )
+                ] }),
+                draft.format === "currency" && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "field-currency", children: "Currency code" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "field-currency",
+                      value: draft.currency ?? "USD",
+                      maxLength: 3,
+                      onChange: (event) => update({ currency: event.target.value.toUpperCase() })
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(TabsContent, { value: "type", className: "mt-3 space-y-3", children: [
+              isCalculated && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "This is a calculated field. Its formula controls the runtime type. Use the formula editor for type changes; this inspector controls display settings and previews calculated values." }),
+              preview && /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                /* @__PURE__ */ jsxs("p", { className: "mt-2 text-muted-foreground", children: [
+                  "Automatic inference currently treats this field as",
+                  " ",
+                  /* @__PURE__ */ jsx("strong", { children: preview.inferredType }),
+                  ". An override changes runtime values, filters, calculations, and chart positions."
+                ] })
+              ] }),
+              !isCalculated && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx(Label, { children: "Type override" }),
+                /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    value: draft.type ?? "auto",
+                    onValueChange: (value) => update({
+                      type: value === "auto" ? void 0 : value
+                    }),
+                    children: [
+                      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Type override", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                      /* @__PURE__ */ jsxs(SelectContent, { children: [
+                        /* @__PURE__ */ jsx(SelectItem, { value: "auto", children: "Automatic" }),
+                        dataTypes.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type }, type))
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              !isCalculated && draft.type === "datetime" && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx(Label, { children: "Date input preset" }),
+                /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    value: draft.datePreset ?? "iso",
+                    onValueChange: (value) => update({ datePreset: value }),
+                    children: [
+                      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Date input preset", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                      /* @__PURE__ */ jsxs(SelectContent, { children: [
+                        /* @__PURE__ */ jsx(SelectItem, { value: "iso", children: "ISO" }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "month-day-year", children: "Month / day / year" }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "day-month-year", children: "Day / month / year" })
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              !isCalculated && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "field-null-tokens", children: "Null tokens" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "field-null-tokens",
+                    value: draft.nullTokens?.join(", ") ?? "",
+                    placeholder: "NA, N/A, -",
+                    onChange: (event) => update({
+                      nullTokens: event.target.value.split(",").map((token) => token.trim()).filter(Boolean)
+                    })
+                  }
+                )
+              ] }),
+              conversionChanged && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 rounded-md border border-warning/40 bg-warning/10 p-3 text-xs", children: [
+                /* @__PURE__ */ jsx(AlertCircle, { className: "mt-0.5 h-4 w-4 shrink-0 text-warning" }),
+                "Applying a type, date preset, or null-token change clears filters for this field."
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(TabsContent, { value: "preview", className: "mt-3", children: [
+              preview && preview.examples.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium", children: "Conversion preview" }),
+                /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
+                  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b text-left", children: [
+                    /* @__PURE__ */ jsx("th", { className: "p-2", children: "Row" }),
+                    /* @__PURE__ */ jsx("th", { className: "p-2", children: "Raw" }),
+                    /* @__PURE__ */ jsx("th", { className: "p-2", children: "Runtime" })
+                  ] }) }),
+                  /* @__PURE__ */ jsx("tbody", { children: preview.examples.map((example) => /* @__PURE__ */ jsxs(
+                    "tr",
+                    {
+                      className: "border-b last:border-0",
+                      children: [
+                        /* @__PURE__ */ jsx("td", { className: "p-2 tabular-nums", children: example.row + 1 }),
+                        /* @__PURE__ */ jsx("td", { className: "p-2 font-mono", children: String(example.raw) }),
+                        /* @__PURE__ */ jsx("td", { className: "p-2", children: String(example.value ?? "Missing") })
+                      ]
+                    },
+                    example.row
+                  )) })
+                ] }) })
+              ] }),
+              preview && preview.failures.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-1.5 text-xs", children: [
+                /* @__PURE__ */ jsx("h3", { className: "font-medium text-destructive", children: "Failed rows" }),
+                /* @__PURE__ */ jsx("ul", { className: "max-h-24 overflow-y-auto text-muted-foreground", children: (showAllFailures ? preview.failures : preview.failures.slice(0, 12)).map((failure) => /* @__PURE__ */ jsxs("li", { children: [
+                  "Row ",
+                  failure.row + 1,
+                  ": ",
+                  String(failure.raw),
+                  " \u2014",
+                  " ",
+                  failure.reason
+                ] }, failure.row)) }),
+                preview.failures.length > 12 && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => setShowAllFailures((current) => !current),
+                    children: showAllFailures ? "Show fewer failed rows" : `Show all ${preview.failures.length} failed rows`
+                  }
+                )
+              ] }),
+              !preview?.examples.length && !preview?.failures.length && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No conversion issues or sample rows." })
+            ] })
+          ] }),
+          settingsError && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-destructive", children: settingsError }),
+          /* @__PURE__ */ jsxs("div", { className: "sticky bottom-[-16px] mt-4 flex justify-end gap-2 border-t bg-popover py-3", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                disabled: Boolean(settingsError),
+                onClick: () => {
+                  updateFieldSettings(field, draft);
+                  setOpen(false);
+                },
+                children: "Apply field settings"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+export { FieldInspector };
+//# sourceMappingURL=chunk-LBTZVERO.js.map
+//# sourceMappingURL=chunk-LBTZVERO.js.map