@almadar/ui 5.127.0 → 5.129.0

package/dist/{UserContext-BKckAUv7.d.cts → UserContext-g_LcDiGN.d.cts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { ReactNode, ReactElement } from 'react';
-import { ThemeRef, FieldValue } from '@almadar/core';
+import { ThemeRef, UserContext as UserContext$1, FieldValue } from '@almadar/core';
 
 /**
  * Unified ThemeContext - Single provider for theme and color mode
@@ -187,23 +187,11 @@ declare const useCurrentPagePath: () => string | undefined;
  */
 
 /**
- * User data for @user bindings.
- * Matches UserContext type from evaluator/context.ts
+ * User data for `@user` bindings — the canonical `UserContext` from
+ * `@almadar/core`, kept under this name for existing consumers. Declaring the
+ * shape locally let it drift from the type both execution paths resolve against.
  */
-interface UserData {
-    /** User's unique ID */
-    id: string;
-    /** User's email */
-    email?: string;
-    /** User's display name */
-    name?: string;
-    /** User's role (for RBAC) */
-    role?: string;
-    /** User's permissions */
-    permissions?: string[];
-    /** Additional custom profile fields */
-    [key: string]: FieldValue | undefined;
-}
+type UserData = UserContext$1;
 /**
  * User context value.
  */
@@ -223,10 +211,6 @@ interface UserContextValue {
     /** Get a user field by path (for @user.field bindings) */
     getUserField: (path: string) => FieldValue | undefined;
 }
-/**
- * Anonymous user for when no user is logged in.
- */
-declare const ANONYMOUS_USER: UserData;
 declare const UserContext: React__default.Context<UserContextValue | null>;
 interface UserProviderProps {
     /** User data (null if not logged in) */
@@ -275,4 +259,4 @@ declare function useHasPermission(permission: string): boolean;
  */
 declare function useUserForEvaluation(): UserData | undefined;
 
-export { ANONYMOUS_USER as A, BUILT_IN_THEMES as B, type ColorMode as C, type DesignTheme as D, OrbitalThemeProvider as O, type ResolvedMode as R, ThemeContext as T, type UIThemeDefinition as U, CurrentPagePathContext as a, CurrentPagePathProvider as b, type CurrentPagePathProviderProps as c, DesignThemeProvider as d, type OrbitalThemeProviderProps as e, ThemeProvider as f, type ThemeProviderProps as g, UserContext as h, type UserContextValue as i, type UserData as j, UserProvider as k, type UserProviderProps as l, useDesignTheme as m, useHasPermission as n, useHasRole as o, useTheme as p, useUser as q, useUserForEvaluation as r, useCurrentPagePath as u };
+export { BUILT_IN_THEMES as B, type ColorMode as C, type DesignTheme as D, OrbitalThemeProvider as O, type ResolvedMode as R, ThemeContext as T, type UIThemeDefinition as U, CurrentPagePathContext as a, CurrentPagePathProvider as b, type CurrentPagePathProviderProps as c, DesignThemeProvider as d, type OrbitalThemeProviderProps as e, ThemeProvider as f, type ThemeProviderProps as g, UserContext as h, type UserContextValue as i, type UserData as j, UserProvider as k, type UserProviderProps as l, useDesignTheme as m, useHasPermission as n, useHasRole as o, useTheme as p, useUser as q, useUserForEvaluation as r, useCurrentPagePath as u };

package/dist/{UserContext-BKckAUv7.d.ts → UserContext-g_LcDiGN.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { ReactNode, ReactElement } from 'react';
-import { ThemeRef, FieldValue } from '@almadar/core';
+import { ThemeRef, UserContext as UserContext$1, FieldValue } from '@almadar/core';
 
 /**
  * Unified ThemeContext - Single provider for theme and color mode
@@ -187,23 +187,11 @@ declare const useCurrentPagePath: () => string | undefined;
  */
 
 /**
- * User data for @user bindings.
- * Matches UserContext type from evaluator/context.ts
+ * User data for `@user` bindings — the canonical `UserContext` from
+ * `@almadar/core`, kept under this name for existing consumers. Declaring the
+ * shape locally let it drift from the type both execution paths resolve against.
  */
-interface UserData {
-    /** User's unique ID */
-    id: string;
-    /** User's email */
-    email?: string;
-    /** User's display name */
-    name?: string;
-    /** User's role (for RBAC) */
-    role?: string;
-    /** User's permissions */
-    permissions?: string[];
-    /** Additional custom profile fields */
-    [key: string]: FieldValue | undefined;
-}
+type UserData = UserContext$1;
 /**
  * User context value.
  */
@@ -223,10 +211,6 @@ interface UserContextValue {
     /** Get a user field by path (for @user.field bindings) */
     getUserField: (path: string) => FieldValue | undefined;
 }
-/**
- * Anonymous user for when no user is logged in.
- */
-declare const ANONYMOUS_USER: UserData;
 declare const UserContext: React__default.Context<UserContextValue | null>;
 interface UserProviderProps {
     /** User data (null if not logged in) */
@@ -275,4 +259,4 @@ declare function useHasPermission(permission: string): boolean;
  */
 declare function useUserForEvaluation(): UserData | undefined;
 
-export { ANONYMOUS_USER as A, BUILT_IN_THEMES as B, type ColorMode as C, type DesignTheme as D, OrbitalThemeProvider as O, type ResolvedMode as R, ThemeContext as T, type UIThemeDefinition as U, CurrentPagePathContext as a, CurrentPagePathProvider as b, type CurrentPagePathProviderProps as c, DesignThemeProvider as d, type OrbitalThemeProviderProps as e, ThemeProvider as f, type ThemeProviderProps as g, UserContext as h, type UserContextValue as i, type UserData as j, UserProvider as k, type UserProviderProps as l, useDesignTheme as m, useHasPermission as n, useHasRole as o, useTheme as p, useUser as q, useUserForEvaluation as r, useCurrentPagePath as u };
+export { BUILT_IN_THEMES as B, type ColorMode as C, type DesignTheme as D, OrbitalThemeProvider as O, type ResolvedMode as R, ThemeContext as T, type UIThemeDefinition as U, CurrentPagePathContext as a, CurrentPagePathProvider as b, type CurrentPagePathProviderProps as c, DesignThemeProvider as d, type OrbitalThemeProviderProps as e, ThemeProvider as f, type ThemeProviderProps as g, UserContext as h, type UserContextValue as i, type UserData as j, UserProvider as k, type UserProviderProps as l, useDesignTheme as m, useHasPermission as n, useHasRole as o, useTheme as p, useUser as q, useUserForEvaluation as r, useCurrentPagePath as u };

package/dist/avl/index.cjs

@@ -24334,7 +24334,7 @@ var init_DashboardLayout = __esm({
                               ]
                             }
                           ),
-                          user && /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", children: [
+                          user?.name && /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", children: [
                             /* @__PURE__ */ jsxRuntime.jsxs(
                               Button,
                               {
@@ -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,