@almadar/ui 5.128.0 → 5.129.0

package/dist/avl/index.cjs

@@ -29654,12 +29654,12 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect63, useRef: useRef61, useCallback: useCallback93, useState: useState97 } = React91__namespace.default;
+      const { useEffect: useEffect63, useRef: useRef62, useCallback: useCallback93, useState: useState97 } = React91__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef61({ centerLat, centerLng, zoom });
+        const prevRef = useRef62({ centerLat, centerLng, zoom });
         useEffect63(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
@@ -38440,6 +38440,290 @@ var init_GraphCanvas = __esm({
     GraphCanvas.displayName = "GraphCanvas";
   }
 });
+var ImportSourcePicker;
+var init_ImportSourcePicker = __esm({
+  "components/core/molecules/import/ImportSourcePicker.tsx"() {
+    "use client";
+    init_Box();
+    init_Icon();
+    init_Typography();
+    init_cn();
+    ImportSourcePicker = ({
+      sources,
+      onSelect,
+      onFilesSelected,
+      title,
+      moreSources,
+      className
+    }) => {
+      const fileInputRef = React91.useRef(null);
+      const handlePick = (source) => {
+        if (source.disabled) return;
+        if (source.kind === "file") {
+          const input = fileInputRef.current;
+          if (!input) return;
+          input.accept = source.accept ?? "";
+          input.multiple = source.multiple ?? false;
+          input.click();
+          return;
+        }
+        onSelect?.(source.id);
+      };
+      const handleFiles = (event) => {
+        const files = event.target.files ? Array.from(event.target.files) : [];
+        event.target.value = "";
+        if (files.length > 0) onFilesSelected?.(files);
+      };
+      return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("flex flex-col gap-2", className), children: [
+        title ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h4", children: title }) : null,
+        sources.map((source) => /* @__PURE__ */ jsxRuntime.jsxs(
+          Box,
+          {
+            role: "button",
+            tabIndex: source.disabled ? -1 : 0,
+            "aria-disabled": source.disabled,
+            onClick: () => handlePick(source),
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                handlePick(source);
+              }
+            },
+            className: cn(
+              "flex items-center gap-3 rounded-md border border-border bg-card px-4 py-3 text-left",
+              source.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-accent hover:text-accent-foreground"
+            ),
+            children: [
+              source.icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: source.icon, size: "md" }) : null,
+              /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "label", children: source.label }),
+                source.description ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: source.description }) : null
+              ] })
+            ]
+          },
+          source.id
+        )),
+        moreSources,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            className: "hidden",
+            onChange: handleFiles,
+            "data-testid": "import-source-file-input"
+          }
+        )
+      ] });
+    };
+  }
+});
+function formatFieldValue(value) {
+  if (value === null) return "\u2014";
+  if (value instanceof Date) return value.toISOString();
+  if (Array.isArray(value)) return value.map(formatFieldValue).join(", ");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function unitTitle(unit) {
+  for (const key of TITLE_KEYS) {
+    const value = unit.fields[key];
+    if (typeof value === "string" && value.length > 0) return value;
+  }
+  return unit.ref;
+}
+function fieldSummary(unit) {
+  return Object.entries(unit.fields).filter(([key]) => !TITLE_KEYS.includes(key)).map(([key, value]) => `${key}: ${formatFieldValue(value)}`).join(" \xB7 ");
+}
+var TITLE_KEYS, ImportPreviewTree;
+var init_ImportPreviewTree = __esm({
+  "components/core/molecules/import/ImportPreviewTree.tsx"() {
+    "use client";
+    init_Box();
+    init_Badge();
+    init_Button();
+    init_Icon();
+    init_Typography();
+    init_cn();
+    TITLE_KEYS = ["title", "name", "label"];
+    ImportPreviewTree = ({
+      units,
+      skipped = [],
+      entityDisplay,
+      onConfirm,
+      onCancel,
+      confirmLabel = "Confirm import",
+      cancelLabel = "Cancel",
+      indent = 16,
+      className
+    }) => {
+      const groups = /* @__PURE__ */ new Map();
+      for (const unit of units) {
+        const group = groups.get(unit.targetEntity);
+        if (group) group.push(unit);
+        else groups.set(unit.targetEntity, [unit]);
+      }
+      const renderUnit = (unit, childrenByParent, depth) => {
+        const summary = fieldSummary(unit);
+        const children = childrenByParent.get(unit.ref) ?? [];
+        return /* @__PURE__ */ jsxRuntime.jsxs(React91__namespace.default.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Box,
+            {
+              className: "flex flex-col py-1",
+              style: { paddingLeft: depth * indent },
+              "data-testid": `import-preview-unit-${unit.ref}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: "file-text", size: "xs", className: "text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", children: unitTitle(unit) })
+                ] }),
+                summary ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: summary }) : null
+              ]
+            }
+          ),
+          children.map((child) => renderUnit(child, childrenByParent, depth + 1))
+        ] }, unit.ref);
+      };
+      return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("flex flex-col gap-4", className), children: [
+        units.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: "No units staged." }) : null,
+        Array.from(groups.entries()).map(([entity, groupUnits]) => {
+          const refs = new Set(groupUnits.map((unit) => unit.ref));
+          const childrenByParent = /* @__PURE__ */ new Map();
+          const roots = [];
+          for (const unit of groupUnits) {
+            if (unit.parentRef && refs.has(unit.parentRef)) {
+              const siblings = childrenByParent.get(unit.parentRef);
+              if (siblings) siblings.push(unit);
+              else childrenByParent.set(unit.parentRef, [unit]);
+            } else {
+              roots.push(unit);
+            }
+          }
+          const label = entityDisplay[entity]?.plural ?? entity;
+          return /* @__PURE__ */ jsxRuntime.jsxs(Box, { border: true, className: "rounded-md border-border bg-card p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center gap-2 pb-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "label", children: label }),
+              /* @__PURE__ */ jsxRuntime.jsx(Badge, { amount: groupUnits.length })
+            ] }),
+            roots.map((unit) => renderUnit(unit, childrenByParent, 0))
+          ] }, entity);
+        }),
+        skipped.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(Box, { border: true, className: "rounded-md border-border bg-card p-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center gap-2 pb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "label", children: "Skipped" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Badge, { amount: skipped.length })
+          ] }),
+          skipped.map((element) => /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-baseline gap-2 py-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", children: element.ref }),
+            /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: element.reason })
+          ] }, element.ref))
+        ] }) : null,
+        onConfirm || onCancel ? /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center justify-end gap-2", children: [
+          onCancel ? /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "default", label: cancelLabel, onClick: onCancel }) : null,
+          onConfirm ? /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", label: confirmLabel, onClick: onConfirm }) : null
+        ] }) : null
+      ] });
+    };
+  }
+});
+var PIPELINE, DEFAULT_LABELS, ImportProgress;
+var init_ImportProgress = __esm({
+  "components/core/molecules/import/ImportProgress.tsx"() {
+    "use client";
+    init_Box();
+    init_Badge();
+    init_Icon();
+    init_Typography();
+    init_cn();
+    PIPELINE = [
+      "fetching",
+      "mapping",
+      "reviewing",
+      "committing"
+    ];
+    DEFAULT_LABELS = {
+      fetching: "Fetching",
+      mapping: "Mapping",
+      reviewing: "Reviewing",
+      committing: "Committing",
+      done: "Done",
+      failed: "Failed"
+    };
+    ImportProgress = ({
+      step,
+      counts,
+      labels,
+      className
+    }) => {
+      const label = (key) => labels?.[key] ?? DEFAULT_LABELS[key];
+      const currentIndex = step === "done" || step === "failed" ? PIPELINE.length : PIPELINE.indexOf(step);
+      return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("flex flex-col gap-3", className), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center gap-2", children: [
+          PIPELINE.map((key, index) => {
+            const isComplete = index < currentIndex;
+            const isActive = index === currentIndex;
+            return /* @__PURE__ */ jsxRuntime.jsxs(React91__namespace.default.Fragment, { children: [
+              index > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "h-px w-4 bg-border" }) : null,
+              /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center gap-1", "data-testid": `import-progress-step-${key}`, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Icon,
+                  {
+                    icon: isComplete ? "check" : isActive ? "loader" : "circle",
+                    size: "sm",
+                    className: cn(
+                      isComplete ? "text-success" : isActive ? "text-primary" : "text-muted-foreground"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    className: cn(isActive ? "text-foreground" : "text-muted-foreground"),
+                    children: label(key)
+                  }
+                )
+              ] })
+            ] }, key);
+          }),
+          step === "done" || step === "failed" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "h-px w-4 bg-border" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center gap-1", "data-testid": `import-progress-step-${step}`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Icon,
+                {
+                  icon: step === "done" ? "check" : "x",
+                  size: "sm",
+                  className: step === "done" ? "text-success" : "text-error"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Typography,
+                {
+                  variant: "caption",
+                  className: step === "done" ? "text-success" : "text-error",
+                  children: label(step)
+                }
+              )
+            ] })
+          ] }) : null
+        ] }),
+        counts ? /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center gap-2", children: [
+          counts.staged !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { label: `Staged ${counts.staged}` }) : null,
+          counts.committed !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "success", label: `Committed ${counts.committed}` }) : null,
+          counts.failed !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "danger", label: `Failed ${counts.failed}` }) : null
+        ] }) : null
+      ] });
+    };
+  }
+});
+
+// components/core/molecules/import/index.ts
+var init_import = __esm({
+  "components/core/molecules/import/index.ts"() {
+  }
+});
 var ReflectionBlock;
 var init_ReflectionBlock = __esm({
   "components/core/molecules/ReflectionBlock.tsx"() {
@@ -38514,6 +38798,7 @@ var init_molecules2 = __esm({
     init_EmptyState();
     init_Pagination();
     init_molecules();
+    init_import();
   }
 });
 
@@ -38994,7 +39279,7 @@ function getBadgeVariant(fieldName, value) {
 function formatFieldLabel(fieldName) {
   return fieldName.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase());
 }
-function formatFieldValue(value, fieldName) {
+function formatFieldValue2(value, fieldName) {
   if (typeof value === "number") {
     if (fieldName.toLowerCase().includes("progress") || fieldName.toLowerCase().includes("percent")) {
       return `${value}%`;
@@ -39089,7 +39374,7 @@ function renderRichFieldValue(value, fieldName, fieldType) {
       return str;
     }
     default:
-      return formatFieldValue(value, fieldName);
+      return formatFieldValue2(value, fieldName);
   }
 }
 function normalizeFieldDefs(fields) {
@@ -39200,7 +39485,7 @@ var init_DetailPanel = __esm({
               const value = getNestedValue(normalizedData, field);
               return {
                 label: labelFor(field),
-                value: formatFieldValue(value, field),
+                value: formatFieldValue2(value, field),
                 icon: getFieldIcon(field)
               };
             }
@@ -45231,6 +45516,9 @@ var init_component_registry_generated = __esm({
     init_HeroOrganism();
     init_HeroSection();
     init_Icon();
+    init_ImportPreviewTree();
+    init_ImportProgress();
+    init_ImportSourcePicker();
     init_InfiniteScrollSentinel();
     init_Input();
     init_InputGroup();
@@ -45494,6 +45782,9 @@ var init_component_registry_generated = __esm({
       "HeroOrganism": HeroOrganism,
       "HeroSection": HeroSection,
       "Icon": Icon,
+      "ImportPreviewTree": ImportPreviewTree,
+      "ImportProgress": ImportProgress,
+      "ImportSourcePicker": ImportSourcePicker,
       "InfiniteScrollSentinel": InfiniteScrollSentinel,
       "Input": Input,
       "InputGroup": InputGroup,