@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/chunk-F4N67NAF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion/presets.ts","../src/motion/runtime.ts","../src/motion/Animated.tsx"],"names":["React2","Animated"],"mappings":"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","file":"chunk-F4N67NAF.js","sourcesContent":["/**\n * Motion presets — the shared vocabulary of animations.\n *\n * This module is intentionally **free of any `motion` import**. It ships in the\n * main `@mieweb/ui` entry so components can describe *what* they animate\n * without pulling in a runtime to actually do it. The `@mieweb/ui/motion` entry\n * is what turns these descriptions into real animations.\n *\n * Every preset is expressed as an open/closed variant pair so the same\n * definition serves both usages:\n *\n * - **toggle** — the element stays mounted and animates between `open` and\n *   `closed` (a drawer sliding in and out).\n * - **presence** — the element mounts and unmounts, entering on `open` and\n *   exiting back to `closed` (a modal).\n */\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** Named animation recipes shared by components. */\nexport type MotionPreset =\n  | 'drawerStart'\n  | 'overlay'\n  | 'modalContent'\n  | 'sidebarLabel'\n  | 'menu'\n  | 'collapse'\n  | 'toast'\n  | 'fade'\n  | 'pop';\n\n/**\n * A physical edge, already resolved from any logical (`start`/`end`) position\n * and from writing direction.\n *\n * Presets that move an element along an axis take one of these as `custom`.\n * Resolution is the component's job, not the preset's: only the component knows\n * whether its `end` means right or left, and — for anything anchored — which\n * side it actually landed on after flipping away from a viewport edge.\n */\nexport type MotionEdge = 'top' | 'bottom' | 'left' | 'right';\n\n/** Offset along the axis implied by `edge`, in px. */\nfunction offsetFromEdge(\n  edge: unknown,\n  distance: number\n): { x: number; y: number } {\n  switch (edge) {\n    case 'top':\n      return { x: 0, y: -distance };\n    case 'bottom':\n      return { x: 0, y: distance };\n    case 'left':\n      return { x: -distance, y: 0 };\n    default:\n      return { x: distance, y: 0 };\n  }\n}\n\n/**\n * A variant value. Either a plain target object or a function of the element's\n * `custom` value — the latter lets a single preset adapt to context, e.g. a\n * drawer flipping its off-canvas direction in RTL.\n */\nexport type MotionVariant =\n  | Record<string, unknown>\n  | ((custom: unknown) => Record<string, unknown>);\n\nexport interface MotionPresetDefinition {\n  variants: {\n    open: MotionVariant;\n    closed: MotionVariant;\n  };\n  transition: Record<string, unknown>;\n}\n\n// =============================================================================\n// Presets\n// =============================================================================\n\n/**\n * `custom` contract per preset:\n *\n * - `drawerStart` — `boolean`, whether the document direction is RTL.\n * - `menu`, `toast` — a {@link MotionEdge}, already resolved from logical\n *   position and writing direction by the component.\n * - `overlay`, `modalContent`, `sidebarLabel`, `collapse`, `fade`, `pop` —\n *   unused.\n */\nexport const motionPresets: Record<MotionPreset, MotionPresetDefinition> = {\n  /**\n   * Off-canvas panel pinned to the inline-start edge. Animates `x` only, which\n   * the compositor can handle without layout or paint.\n   */\n  drawerStart: {\n    variants: {\n      open: { x: '0%' },\n      // Off-canvas direction follows writing direction, mirroring the\n      // `-translate-x-full rtl:translate-x-full` CSS fallback.\n      closed: (isRtl: unknown) => ({ x: isRtl ? '100%' : '-100%' }),\n    },\n    transition: { type: 'spring', stiffness: 400, damping: 40, mass: 1 },\n  },\n\n  /** Scrim behind a drawer or modal. */\n  overlay: {\n    variants: {\n      open: { opacity: 1 },\n      closed: { opacity: 0 },\n    },\n    transition: { duration: 0.2, ease: 'easeOut' },\n  },\n\n  /** Centered dialog surface — rises and settles rather than popping. */\n  modalContent: {\n    variants: {\n      open: { opacity: 1, scale: 1, y: 0 },\n      closed: { opacity: 0, scale: 0.96, y: 8 },\n    },\n    transition: { type: 'spring', stiffness: 500, damping: 40, mass: 0.8 },\n  },\n\n  /**\n   * Text that disappears as its container narrows — sidebar labels on collapse.\n   *\n   * Opacity only, and deliberately so. An inline-axis slide would read slightly\n   * better but would make every label direction-aware, and resolving direction\n   * per nav item is a disproportionate amount of plumbing for an 8px nudge.\n   * Fading also degrades to itself under reduced motion instead of becoming a\n   * different animation.\n   *\n   * Short because it runs on many elements at once and has to finish inside the\n   * container's own width transition, or labels are still fading after the rail\n   * has stopped moving.\n   */\n  sidebarLabel: {\n    variants: {\n      open: { opacity: 1 },\n      closed: { opacity: 0 },\n    },\n    transition: { duration: 0.15, ease: 'easeOut' },\n  },\n\n  /**\n   * Anchored popup surface — dropdown, select, autocomplete, command palette.\n   *\n   * `custom` is the side of the anchor the menu actually occupies, so the\n   * closed state nudges back *toward* the trigger and the menu reads as coming\n   * out of the control that opened it. Pass the post-flip side, not the\n   * requested placement: a menu asked for `bottom` that flipped to `top` for\n   * want of room must animate from the top, or it moves the wrong way.\n   *\n   * `transform-origin` is deliberately left to CSS (`origin-top` and friends).\n   * It is static per side and never animates, so making it a variant would put\n   * a second owner on a property motion has no reason to touch.\n   *\n   * Snappier than `modalContent`: a menu is a transient response to a click and\n   * should feel instant, where a dialog is a context switch and can afford to\n   * settle.\n   */\n  menu: {\n    variants: {\n      open: { opacity: 1, scale: 1, x: 0, y: 0 },\n      closed: (edge: unknown) => ({\n        opacity: 0,\n        scale: 0.95,\n        ...offsetFromEdge(edge, -4),\n      }),\n    },\n    transition: { type: 'spring', stiffness: 600, damping: 40, mass: 0.6 },\n  },\n\n  /**\n   * Disclosure content that expands and collapses — `Collapsible`, `Accordion`.\n   *\n   * The one preset that earns its keep on capability rather than polish:\n   * `height: auto` is not interpolable in CSS, so the alternative is a\n   * hard-coded max-height that either clips tall content or eases against dead\n   * space on short content. Motion measures the real height instead.\n   *\n   * Animating `height` costs layout on every frame, unlike the transform and\n   * opacity work everywhere else in this file. That is the price of the\n   * capability; keep the duration short and don't reach for this preset when a\n   * transform would do.\n   *\n   * Consumers must clip the element (`overflow-hidden`) or content spills past\n   * the shrinking box mid-animation.\n   *\n   * Note that `MotionConfig reducedMotion=\"user\"` does **not** cover this:\n   * it drops transform and layout animations, and `height` is a plain value\n   * animation to motion. Components using this preset are responsible for\n   * honoring the preference themselves — see `usePrefersReducedMotion`.\n   */\n  collapse: {\n    variants: {\n      open: { height: 'auto', opacity: 1 },\n      closed: { height: 0, opacity: 0 },\n    },\n    transition: { duration: 0.2, ease: 'easeOut' },\n  },\n\n  /**\n   * Transient notification entering and leaving a stack.\n   *\n   * `custom` is the physical edge the toast lives against, so it enters from\n   * the screen edge nearest it rather than always from the right — which is\n   * what the `animate-slide-in-right` fallback does regardless of position.\n   *\n   * Scale is near-imperceptible on purpose: it softens the arrival without\n   * making a message that may carry an error read as playful.\n   */\n  toast: {\n    variants: {\n      open: { opacity: 1, scale: 1, x: 0, y: 0 },\n      closed: (edge: unknown) => ({\n        opacity: 0,\n        scale: 0.98,\n        ...offsetFromEdge(edge, 24),\n      }),\n    },\n    transition: { type: 'spring', stiffness: 400, damping: 36, mass: 0.8 },\n  },\n\n  /**\n   * Generic presence fade, for surfaces with no meaningful direction —\n   * drag overlays, connectivity banners, skeleton-to-content swaps.\n   *\n   * Survives `reducedMotion=\"user\"` intact, since opacity is the one thing that\n   * setting keeps. Prefer it over a transform preset wherever the movement is\n   * decorative rather than explanatory.\n   */\n  fade: {\n    variants: {\n      open: { opacity: 1 },\n      closed: { opacity: 0 },\n    },\n    transition: { duration: 0.15, ease: 'easeOut' },\n  },\n\n  /**\n   * Small element arriving with emphasis — a count badge, a status pill.\n   *\n   * Overshoots past full size and settles back (`1 → 1.1 → 1`) so the arrival\n   * is legible on an element too small for movement to register. Reserve it\n   * for things that appear in response to an event worth noticing; on anything\n   * large it reads as a bounce.\n   *\n   * The overshoot is a keyframe rather than a spring because the resting open\n   * state has to be `scale: 1`. Expressing the emphasis as a spring target\n   * would leave a mounted consumer parked at 1.1 — permanently 10% oversized —\n   * since the open variant is also the at-rest state.\n   */\n  pop: {\n    variants: {\n      open: { opacity: 1, scale: [1, 1.1, 1] },\n      closed: { opacity: 0, scale: 1 },\n    },\n    // `times` front-loads the overshoot so it reads as a pop rather than an\n    // even swell. Keyframe arrays need a duration-based tween; a spring has no\n    // way to run through intermediate values.\n    //\n    // `times` is scoped to `scale` on purpose. At the top level it also\n    // applies to `opacity`, whose two-value tween then gets three time stops:\n    // it overshoots to 1 early, falls back toward 0, and snaps to 1 at the end,\n    // so the badge flickers instead of fading in.\n    transition: {\n      duration: 0.15,\n      ease: 'easeOut',\n      scale: { duration: 0.28, ease: 'easeOut', times: [0, 0.45, 1] },\n    },\n  },\n};\n","/**\n * Motion runtime — the seam between components and an optional animation library.\n *\n * Components in the main entry never import `motion`. They ask this module for\n * a runtime; if an app has opted in by rendering `<MotionProvider>` from\n * `@mieweb/ui/motion`, they get one and animate. If not, `useMotionRuntime()`\n * returns `null` and they fall back to their existing CSS transitions. That is\n * what keeps `motion` out of the bundle of every app that hasn't asked for it —\n * the opt-in is resolved in the *module graph*, not by a prop.\n *\n * Like `presets`, this module must stay free of any `motion` import.\n */\n\nimport * as React from 'react';\nimport { motionPresets, type MotionPreset } from './presets';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface MotionPresenceProps {\n  children?: React.ReactNode;\n  /** Suppress the initial mount animation. */\n  initial?: boolean;\n  /**\n   * Fires once every exiting child has finished and been removed.\n   *\n   * Needed by anything that guards the DOM while it is open — a focus trap, a\n   * scroll lock — because those guards must outlive `open` for as long as the\n   * subtree is still on screen. Never fires when no runtime is active, since\n   * there is no exit to wait for.\n   */\n  onExitComplete?: () => void;\n}\n\n/**\n * The capabilities a motion library must supply. Deliberately small: element\n * factories, a presence wrapper, and prop builders. Components depend on this\n * interface, never on a concrete library, so swapping or dropping the library\n * stays a one-file change.\n */\nexport interface MotionRuntime {\n  /**\n   * Whether animations should actually run.\n   *\n   * A disabled provider still supplies a runtime rather than `null` so that\n   * consumers can tell \"disabled\" apart from \"never opted in\": `Modal` uses it\n   * to decide whether an exit animation will ever report completion, and\n   * `AnimatedPresence` keeps its wrapper element stable across the flip.\n   * `Animated` itself renders the plain fallback tag whenever this is false —\n   * withholding animation props from a mounted motion component corrupts\n   * `toggle`-mode elements, so the swap (and the remount it implies) is the\n   * correct behaviour. See the render branches in `Animated`.\n   */\n  enabled: boolean;\n  /** Animated `div`. */\n  Div: React.ElementType;\n  /** Animated `nav`. */\n  Nav: React.ElementType;\n  /** Animated `span`, for inline content that must not become a block. */\n  Span: React.ElementType;\n  /** Enables exit animations for conditionally rendered children. */\n  Presence: React.ComponentType<MotionPresenceProps>;\n  /**\n   * Props for an element that stays mounted and animates between states.\n   * Skips the initial animation so a closed drawer doesn't slide out on load.\n   */\n  toggle: (\n    preset: MotionPreset,\n    open: boolean,\n    custom?: unknown\n  ) => Record<string, unknown>;\n  /** Props for an element that mounts and unmounts inside `Presence`. */\n  presence: (preset: MotionPreset, custom?: unknown) => Record<string, unknown>;\n}\n\n// =============================================================================\n// Context\n// =============================================================================\n\n/**\n * The context is stashed on `globalThis` under a registered symbol rather than\n * held in a module-local `const`.\n *\n * `@mieweb/ui` and `@mieweb/ui/motion` are separate bundle entries, and CJS\n * builds cannot code-split. Without this, the provider and the components\n * would each get their own copy of the context object and the provider would\n * silently never be seen — animations would simply never turn on, with no\n * error to explain why. A duplicated install of the package causes the same\n * failure. Keying off the global symbol registry makes the context a true\n * singleton in every one of those cases.\n *\n * The key is versioned. Two copies of this package sharing one page share\n * whatever lives under the key, so the `v1` suffix is a compatibility\n * contract: bump it if the `MotionRuntime` interface ever changes shape,\n * or an old provider will hand a new component a runtime it cannot use.\n */\nconst CONTEXT_KEY = Symbol.for('@mieweb/ui.motionRuntimeContext.v1');\n\ntype GlobalWithMotionContext = typeof globalThis & {\n  [CONTEXT_KEY]?: React.Context<MotionRuntime | null>;\n};\n\nfunction getMotionRuntimeContext(): React.Context<MotionRuntime | null> {\n  const globalScope = globalThis as GlobalWithMotionContext;\n  if (!globalScope[CONTEXT_KEY]) {\n    globalScope[CONTEXT_KEY] = React.createContext<MotionRuntime | null>(null);\n  }\n  return globalScope[CONTEXT_KEY];\n}\n\n/** @internal Consumed by `<MotionProvider>` in the `@mieweb/ui/motion` entry. */\nexport const MotionRuntimeContext = getMotionRuntimeContext();\n\n// =============================================================================\n// Hooks\n// =============================================================================\n\n/**\n * The active motion runtime, or `null` when the app has not opted in.\n *\n * Components must treat `null` as the normal case and keep a CSS path that\n * looks good on its own — motion is an enhancement, never a requirement.\n */\nexport function useMotionRuntime(): MotionRuntime | null {\n  return React.useContext(MotionRuntimeContext);\n}\n\n// =============================================================================\n// Prop builders\n// =============================================================================\n\n/**\n * Builds the `toggle`/`presence` prop builders around a library-agnostic core.\n * Exported so `<MotionProvider>` can assemble a runtime without restating the\n * preset lookup.\n *\n * @internal\n */\nexport function createPresetPropBuilders(): Pick<\n  MotionRuntime,\n  'toggle' | 'presence'\n> {\n  return {\n    toggle(preset, open, custom) {\n      const { variants, transition } = motionPresets[preset];\n      return {\n        variants,\n        transition,\n        custom,\n        // `false` pins the element to its current variant on mount instead of\n        // animating into it.\n        initial: false,\n        animate: open ? 'open' : 'closed',\n      };\n    },\n\n    presence(preset, custom) {\n      const { variants, transition } = motionPresets[preset];\n      return {\n        variants,\n        transition,\n        custom,\n        initial: 'closed',\n        animate: 'open',\n        exit: 'closed',\n      };\n    },\n  };\n}\n","/**\n * `Animated` / `AnimatedPresence` — the ergonomic layer components use.\n *\n * These exist so an individual component never has to branch on whether motion\n * is available. It declares the preset it wants and the CSS classes that stand\n * in when motion is absent; this module picks the element to render.\n *\n * Adding motion to a further component should be a matter of swapping its\n * root `<div>` for an `<Animated>` and naming a preset — no new imports, no\n * new dependency, and no behavior change for apps that have not opted in.\n */\n\nimport * as React from 'react';\nimport { cn } from '../utils/cn';\nimport { useMotionRuntime, type MotionPresenceProps } from './runtime';\nimport type { MotionPreset } from './presets';\n\n// =============================================================================\n// Animated\n// =============================================================================\n\nexport interface AnimatedProps extends React.HTMLAttributes<HTMLElement> {\n  /** Intrinsic element to render. */\n  as?: 'div' | 'nav' | 'span';\n  /** Which shared animation recipe to use. */\n  preset: MotionPreset;\n  /**\n   * - `toggle` — element stays mounted and animates between open and closed.\n   * - `presence` — element mounts and unmounts; wrap it in `<AnimatedPresence>`\n   *   so the exit animation gets a chance to run.\n   */\n  mode: 'toggle' | 'presence';\n  /** Current state. Only read in `toggle` mode. */\n  open?: boolean;\n  /** Per-preset context value — see the `custom` contract in `presets.ts`. */\n  custom?: unknown;\n  /**\n   * Classes applied whenever this element is **not** animating — no provider,\n   * a disabled provider, or `enabled={false}`. This is where a component's\n   * existing CSS transition lives, so the two paths never both try to drive\n   * the same property.\n   */\n  fallbackClassName?: string;\n  /**\n   * Set `false` to stop this element animating even when a runtime is active.\n   *\n   * For states where an animated element would be wrong rather than merely\n   * unnecessary. Motion writes a `transform` to hold an element at its resting\n   * position, and a transformed ancestor becomes the containing block for any\n   * `position: fixed` descendant — so an element that is only sometimes\n   * animated should opt out the rest of the time.\n   *\n   * Flipping this (or the provider's `disabled`) swaps the element back to a\n   * plain tag, which **remounts** it — deliberately. See the note on the\n   * render branches below.\n   */\n  enabled?: boolean;\n}\n\nexport const Animated = React.forwardRef<HTMLElement, AnimatedProps>(\n  function Animated(\n    {\n      as = 'div',\n      preset,\n      mode,\n      open = false,\n      custom,\n      className,\n      fallbackClassName,\n      enabled = true,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    const runtime = useMotionRuntime();\n\n    /*\n     * Anything not animating renders the plain tag with the CSS fallback —\n     * no provider, a disabled provider, or `enabled={false}` alike.\n     *\n     * Crossing between this branch and the motion one changes the element\n     * type, which remounts the subtree. That is deliberate. The obvious\n     * alternative — keeping the motion component mounted and only withholding\n     * its animation props — corrupts `toggle`-mode elements in both\n     * directions, because motion only writes variant styles at mount or in\n     * response to an animation:\n     *\n     * - props added in place (a drawer crossing into its mobile breakpoint\n     *   while closed) never get the `closed` transform, so the drawer sits\n     *   fully visible over the page;\n     * - props removed in place strand whatever inline `transform` motion last\n     *   wrote, so a sidebar returning to desktop stays off-canvas.\n     *\n     * Fresh mounts are correct in both worlds, so remounting at the flip is\n     * the fix. The flips are rare — a breakpoint cross, a test toggling the\n     * provider — and a remount that resets local state beats a stale\n     * transform that removes the navigation.\n     */\n    if (!runtime || !runtime.enabled || !enabled) {\n      const Tag = as as React.ElementType;\n      return (\n        <Tag ref={ref} className={cn(fallbackClassName, className)} {...rest}>\n          {children}\n        </Tag>\n      );\n    }\n\n    const Component =\n      as === 'nav' ? runtime.Nav : as === 'span' ? runtime.Span : runtime.Div;\n\n    const motionProps =\n      mode === 'toggle'\n        ? runtime.toggle(preset, open, custom)\n        : runtime.presence(preset, custom);\n\n    return (\n      <Component ref={ref} className={className} {...motionProps} {...rest}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nAnimated.displayName = 'Animated';\n\n// =============================================================================\n// AnimatedPresence\n// =============================================================================\n\n/**\n * Keeps unmounting children on screen long enough to animate out.\n *\n * Without a runtime this is a pass-through, so children disappear immediately —\n * which is exactly what they do today. Children rendered conditionally inside\n * it need a stable `key`.\n */\nexport function AnimatedPresence({\n  children,\n  initial,\n  onExitComplete,\n}: MotionPresenceProps): React.JSX.Element {\n  const runtime = useMotionRuntime();\n\n  if (!runtime) {\n    return <>{children}</>;\n  }\n\n  const { Presence } = runtime;\n  return (\n    <Presence initial={initial} onExitComplete={onExitComplete}>\n      {children}\n    </Presence>\n  );\n}\n\nAnimatedPresence.displayName = 'AnimatedPresence';\n"]}

package/dist/{chunk-WGPLUCBD.js → chunk-F6W62K4J.js}

@@ -1,6 +1,6 @@
-import { Switch } from './chunk-AQ564XO7.js';
 import { Sheet, SheetHeader, SheetTitle, SheetDescription, SheetBody, SheetFooter } from './chunk-LMBXJZLG.js';
-import { Button } from './chunk-GOALNQZ2.js';
+import { Switch } from './chunk-AQ564XO7.js';
+import { Button } from './chunk-WFBUBT54.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React2 from 'react';
 import { createPortal } from 'react-dom';
@@ -704,5 +704,5 @@ var CustomizableDashboard = React2.forwardRef(function CustomizableDashboard2({
 });
 
 export { CustomizableDashboard, DashboardCustomizePanel, consolidateColumns, mergeColumnOrder, moveAcrossColumns, reorderOnDrop, requiredColumns };
-//# sourceMappingURL=chunk-WGPLUCBD.js.map
-//# sourceMappingURL=chunk-WGPLUCBD.js.map
+//# sourceMappingURL=chunk-F6W62K4J.js.map
+//# sourceMappingURL=chunk-F6W62K4J.js.map

package/dist/{chunk-WGPLUCBD.js.map → chunk-F6W62K4J.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CustomizableDashboard/DashboardCustomizePanel.tsx","../src/components/CustomizableDashboard/CustomizableDashboard.tsx"],"names":["React","jsx","jsxs","CustomizableDashboard"],"mappings":"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","file":"chunk-WGPLUCBD.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { RotateCcw } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Sheet,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetBody,\n  SheetFooter,\n} from '../Sheet';\nimport { Switch } from '../Switch';\nimport { Button } from '../Button';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** Catalog metadata for a widget a user can show or hide on a dashboard. */\nexport interface WidgetDefinition {\n  /** Matches the portlet's `PortletItem.id`. */\n  id: string;\n  title: string;\n  description?: string;\n  /** Small leading icon, e.g. `<Activity className=\"h-4 w-4\" />`. */\n  icon?: React.ReactNode;\n  /** Widgets sharing a category are grouped under a heading. */\n  category?: string;\n}\n\nexport interface DashboardCustomizePanelProps {\n  /** Whether the panel is open. */\n  open: boolean;\n  /** Callback when the panel should open or close. */\n  onOpenChange: (open: boolean) => void;\n  /** The full widget catalog for this dashboard. */\n  widgets: WidgetDefinition[];\n  /** Ids of widgets currently hidden. */\n  hiddenIds: string[];\n  /** Called when a widget is shown (`visible: true`) or hidden. */\n  onToggleWidget: (id: string, visible: boolean) => void;\n  /** When provided, renders a \"Reset layout\" action in the footer. */\n  onReset?: () => void;\n  /** Panel heading (default \"Customize dashboard\"). */\n  title?: string;\n  /** Supporting copy under the heading. */\n  description?: string;\n}\n\n// =============================================================================\n// DashboardCustomizePanel\n// =============================================================================\n\n/**\n * A slide-in panel listing a dashboard's widget catalog with show/hide\n * toggles, grouped by category, plus an optional layout reset.\n *\n * Used automatically by `CustomizableDashboard` when its `widgets` prop is\n * set, and exported standalone for hosts that render their own trigger or\n * persist visibility elsewhere.\n *\n * @example\n * ```tsx\n * <DashboardCustomizePanel\n *   open={open}\n *   onOpenChange={setOpen}\n *   widgets={WIDGETS}\n *   hiddenIds={hidden}\n *   onToggleWidget={(id, visible) =>\n *     setHidden((prev) =>\n *       visible ? prev.filter((h) => h !== id) : [...prev, id]\n *     )\n *   }\n * />\n * ```\n */\nexport function DashboardCustomizePanel({\n  open,\n  onOpenChange,\n  widgets,\n  hiddenIds,\n  onToggleWidget,\n  onReset,\n  title = 'Customize dashboard',\n  description = 'Choose which widgets appear on this dashboard. Drag a widget by its handle to rearrange it.',\n}: DashboardCustomizePanelProps) {\n  const hidden = React.useMemo(() => new Set(hiddenIds), [hiddenIds]);\n\n  const groups = React.useMemo(() => {\n    const map = new Map<string, WidgetDefinition[]>();\n    for (const w of widgets) {\n      const key = w.category ?? '';\n      const list = map.get(key);\n      if (list) list.push(w);\n      else map.set(key, [w]);\n    }\n    return Array.from(map.entries());\n  }, [widgets]);\n\n  const visibleCount = widgets.length - hidden.size;\n\n  return (\n    <Sheet\n      open={open}\n      onOpenChange={onOpenChange}\n      side=\"end\"\n      aria-label={title}\n    >\n      <SheetHeader>\n        <div className=\"flex flex-col gap-1.5\">\n          <SheetTitle>{title}</SheetTitle>\n          <SheetDescription>{description}</SheetDescription>\n        </div>\n      </SheetHeader>\n      <SheetBody className=\"flex flex-col gap-5\">\n        <p className=\"text-muted-foreground text-xs font-medium\">\n          {visibleCount} of {widgets.length} widgets shown\n        </p>\n        {groups.map(([category, items]) => (\n          <div key={category || 'general'} className=\"flex flex-col gap-1\">\n            {category && (\n              <h3 className=\"text-muted-foreground pb-1 text-xs font-semibold tracking-wide uppercase\">\n                {category}\n              </h3>\n            )}\n            <ul className=\"flex list-none flex-col gap-1 p-0\">\n              {items.map((widget) => {\n                const isVisible = !hidden.has(widget.id);\n                return (\n                  <li\n                    key={widget.id}\n                    className={cn(\n                      'border-border flex items-center gap-3 rounded-lg border p-3 transition-colors',\n                      isVisible ? 'bg-card' : 'bg-muted/50'\n                    )}\n                  >\n                    {widget.icon && (\n                      <span\n                        className={cn(\n                          'shrink-0',\n                          isVisible\n                            ? 'text-primary-600 dark:text-primary-400'\n                            : 'text-muted-foreground'\n                        )}\n                      >\n                        {widget.icon}\n                      </span>\n                    )}\n                    <span className=\"flex min-w-0 flex-1 flex-col\">\n                      <span\n                        className={cn(\n                          'truncate text-sm font-medium',\n                          isVisible\n                            ? 'text-foreground'\n                            : 'text-muted-foreground'\n                        )}\n                      >\n                        {widget.title}\n                      </span>\n                      {widget.description && (\n                        <span className=\"text-muted-foreground truncate text-xs\">\n                          {widget.description}\n                        </span>\n                      )}\n                    </span>\n                    <Switch\n                      checked={isVisible}\n                      onCheckedChange={(checked) =>\n                        onToggleWidget(widget.id, checked)\n                      }\n                      aria-label={`Show ${widget.title}`}\n                    />\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        ))}\n      </SheetBody>\n      {onReset && (\n        <SheetFooter>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={onReset}\n            leftIcon={<RotateCcw aria-hidden=\"true\" className=\"h-4 w-4\" />}\n          >\n            Reset layout\n          </Button>\n        </SheetFooter>\n      )}\n    </Sheet>\n  );\n}\n","'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  DndContext,\n  closestCenter,\n  pointerWithin,\n  rectIntersection,\n  PointerSensor,\n  KeyboardSensor,\n  useSensor,\n  useSensors,\n  useDroppable,\n  type DragStartEvent,\n  type DragOverEvent,\n  type DragEndEvent,\n  type CollisionDetection,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n  useSortable,\n  arrayMove,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport {\n  GripVertical,\n  Columns2,\n  Columns3,\n  Square,\n  SlidersHorizontal,\n} from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport {\n  DashboardCustomizePanel,\n  type WidgetDefinition,\n} from './DashboardCustomizePanel';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** A dashboard item: a stable id plus the rendered content. */\nexport interface PortletItem {\n  id: string;\n  node: React.ReactNode;\n}\n\n/** Number of visible columns. */\nexport type DashboardLayout = 1 | 2 | 3;\n\n/** Portlet items grouped into three logical columns. */\nexport type DashboardColumns = [PortletItem[], PortletItem[], PortletItem[]];\n\n/** Portlet ids grouped into three logical columns. */\nexport type DashboardOrder = [string[], string[], string[]];\n\nexport interface CustomizableDashboardProps {\n  /**\n   * Portlets grouped into three columns. This is the default arrangement;\n   * user reordering (persisted or controlled) takes precedence. Items later\n   * removed from props disappear from saved layouts automatically, and new\n   * items appear in their props column.\n   */\n  columns: DashboardColumns;\n  /** Toolbar heading rendered before the layout toggle. */\n  title?: string;\n  /**\n   * Base localStorage key used to persist column order and layout mode\n   * (`{storageKey}-portlet-order` / `{storageKey}-dashboard-layout`).\n   * Omit to disable built-in persistence (e.g. when using `order` /\n   * `onOrderChange` with a server-side store). Distinct dashboards must\n   * pass distinct keys.\n   */\n  storageKey?: string;\n  /** Accessible label for the dashboard grid region. */\n  ariaLabel?: string;\n  /**\n   * Optional DOM element to portal the toolbar (title + layout toggle)\n   * into, e.g. a page header actions row. When omitted, the toolbar\n   * renders inline above the grid.\n   */\n  toolbarSlot?: HTMLElement | null;\n  /** Initial column order for uncontrolled usage with external persistence. */\n  defaultOrder?: DashboardOrder;\n  /** Controlled column order. Changes are reported via `onOrderChange`. */\n  order?: DashboardOrder;\n  /** Called with the full new order after a drop or layout normalization. */\n  onOrderChange?: (order: DashboardOrder) => void;\n  /** Initial layout mode for uncontrolled usage (default 3). */\n  defaultLayout?: DashboardLayout;\n  /** Controlled layout mode. Changes are reported via `onLayoutChange`. */\n  layout?: DashboardLayout;\n  /** Called when the user changes the column layout (or it auto-shrinks). */\n  onLayoutChange?: (layout: DashboardLayout) => void;\n  /**\n   * CSS selector for the header element inside each portlet that receives\n   * the drag handle. Defaults to the `DashboardWidget` header slot. When no\n   * header matches, the handle floats over the portlet's top end corner.\n   */\n  dragHandleSelector?: string;\n  /**\n   * Widget catalog metadata. When provided, the toolbar gains a Customize\n   * button opening a panel where users show/hide widgets and reset the\n   * layout. Ids must match the portlet ids in `columns`.\n   */\n  widgets?: WidgetDefinition[];\n  /** Initially hidden widget ids for uncontrolled usage. */\n  defaultHiddenIds?: string[];\n  /** Controlled hidden widget ids. Changes reported via `onHiddenChange`. */\n  hiddenIds?: string[];\n  /** Called with the full hidden-id list when visibility changes. */\n  onHiddenChange?: (hiddenIds: string[]) => void;\n  /** Label for the toolbar customize button (default \"Customize\"). */\n  customizeLabel?: string;\n  /** Additional class name for the grid element. */\n  className?: string;\n}\n\n// =============================================================================\n// Internals\n// =============================================================================\n\nconst COL_IDS = ['column-0', 'column-1', 'column-2'] as const;\n\nconst DEFAULT_HANDLE_SELECTOR = '[data-slot=\"dashboard-widget-header\"]';\n\n// Applied to a discovered header so the appended handle lays out correctly:\n// an auto start margin on the 2nd child pushes trailing controls (and the\n// handle after them) to the end, even inside `justify-between` headers.\nconst HEADER_LAYOUT_CLASSES = [\n  'flex',\n  'flex-row',\n  'flex-nowrap',\n  'items-center',\n  '[&>:nth-child(2)]:ms-auto',\n];\n\nfunction orderStorageKey(base: string): string {\n  return `${base}-portlet-order`;\n}\n\nfunction layoutStorageKey(base: string): string {\n  return `${base}-dashboard-layout`;\n}\n\nfunction hiddenStorageKey(base: string): string {\n  return `${base}-dashboard-hidden`;\n}\n\nfunction loadHidden(base: string | undefined): string[] | null {\n  if (!base) return null;\n  try {\n    const raw = localStorage.getItem(hiddenStorageKey(base));\n    const parsed = raw ? (JSON.parse(raw) as unknown) : null;\n    return Array.isArray(parsed)\n      ? parsed.filter((v) => typeof v === 'string')\n      : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction saveHidden(base: string | undefined, ids: string[]) {\n  if (!base) return;\n  try {\n    localStorage.setItem(hiddenStorageKey(base), JSON.stringify(ids));\n  } catch {\n    /* storage unavailable */\n  }\n}\n\nfunction loadLayout(base: string | undefined): DashboardLayout | null {\n  if (!base) return null;\n  try {\n    const raw = localStorage.getItem(layoutStorageKey(base));\n    const val = raw ? Number(raw) : null;\n    return val === 1 || val === 2 || val === 3 ? val : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction saveLayout(base: string | undefined, mode: DashboardLayout) {\n  if (!base) return;\n  try {\n    localStorage.setItem(layoutStorageKey(base), String(mode));\n  } catch {\n    /* storage unavailable */\n  }\n}\n\nfunction sanitizeSlot(value: unknown): string[] {\n  return Array.isArray(value)\n    ? value.filter((v): v is string => typeof v === 'string')\n    : [];\n}\n\nfunction loadOrder(base: string | undefined): DashboardOrder | null {\n  if (!base) return null;\n  try {\n    const raw = localStorage.getItem(orderStorageKey(base));\n    if (!raw) return null;\n    const parsed = JSON.parse(raw) as Record<number, unknown>;\n    return [\n      sanitizeSlot(parsed[0]),\n      sanitizeSlot(parsed[1]),\n      sanitizeSlot(parsed[2]),\n    ];\n  } catch {\n    return null;\n  }\n}\n\nfunction saveOrder(base: string | undefined, order: DashboardOrder) {\n  if (!base) return;\n  try {\n    const record: Record<number, string[]> = {};\n    order.forEach((ids, i) => {\n      record[i] = ids;\n    });\n    localStorage.setItem(orderStorageKey(base), JSON.stringify(record));\n  } catch {\n    /* storage unavailable */\n  }\n}\n\n/**\n * Merge a saved/provided order with the current props columns: saved\n * positions win, unknown saved ids are dropped, and new items are appended\n * to their original props column.\n */\nexport function mergeColumnOrder(\n  columns: DashboardColumns,\n  saved: DashboardOrder | null\n): DashboardOrder {\n  const allIds = new Set(\n    [...columns[0], ...columns[1], ...columns[2]].map((p) => p.id)\n  );\n  const result: DashboardOrder = [[], [], []];\n  const placed = new Set<string>();\n\n  for (let i = 0; i < 3; i++) {\n    for (const id of saved?.[i] ?? []) {\n      if (allIds.has(id) && !placed.has(id)) {\n        result[i].push(id);\n        placed.add(id);\n      }\n    }\n  }\n  for (let i = 0; i < 3; i++) {\n    for (const item of columns[i]) {\n      if (!placed.has(item.id)) {\n        result[i].push(item.id);\n        placed.add(item.id);\n      }\n    }\n  }\n  return result;\n}\n\nfunction buildItemMap(columns: DashboardColumns): Map<string, PortletItem> {\n  const map = new Map<string, PortletItem>();\n  for (const col of columns) {\n    for (const item of col) map.set(item.id, item);\n  }\n  return map;\n}\n\nfunction findColumn(colOrder: string[][], itemId: string): number {\n  return colOrder.findIndex((ids) => ids.includes(itemId));\n}\n\n/**\n * Move `activeId` into the column named by `overId` (a column id or an item\n * id), inserted before the hovered item. Returns the same reference when no\n * cross-column move is needed.\n */\nexport function moveAcrossColumns(\n  order: DashboardOrder,\n  activeId: string,\n  overId: string\n): DashboardOrder {\n  const colIdx = COL_IDS.indexOf(overId as (typeof COL_IDS)[number]);\n  const sourceCol = findColumn(order, activeId);\n  if (sourceCol === -1) return order;\n\n  const targetCol = colIdx !== -1 ? colIdx : findColumn(order, overId);\n  if (targetCol === -1 || sourceCol === targetCol) return order;\n\n  const next = order.map((col) => [...col]) as DashboardOrder;\n  next[sourceCol] = next[sourceCol].filter((id) => id !== activeId);\n  const overIdx = colIdx !== -1 ? -1 : next[targetCol].indexOf(overId);\n  if (overIdx === -1) {\n    next[targetCol].push(activeId);\n  } else {\n    next[targetCol].splice(overIdx, 0, activeId);\n  }\n  return next;\n}\n\n/**\n * Final order for a drop. Same-column drags reorder around the hovered\n * item. After a cross-column move, the one position `moveAcrossColumns`\n * already chose — active sitting immediately before the hovered item — is\n * kept (reordering would flip it to the other side of that item), but\n * hovering any other item in the destination column still reorders, so a\n * drag can keep moving after it crosses.\n */\nexport function reorderOnDrop(\n  order: DashboardOrder,\n  activeId: string,\n  overId: string,\n  crossedColumns: boolean\n): DashboardOrder {\n  const isColumnTarget =\n    COL_IDS.indexOf(overId as (typeof COL_IDS)[number]) !== -1;\n  if (isColumnTarget || overId === activeId) return order;\n\n  const col = findColumn(order, activeId);\n  if (col === -1 || findColumn(order, overId) !== col) return order;\n\n  const oldIdx = order[col].indexOf(activeId);\n  const newIdx = order[col].indexOf(overId);\n  if (oldIdx === -1 || newIdx === -1) return order;\n  // Immediately-before adjacency after a cross is dragOver's insertion,\n  // not a new reorder request.\n  if (crossedColumns && newIdx === oldIdx + 1) return order;\n\n  const next = order.map((c) => [...c]) as DashboardOrder;\n  next[col] = arrayMove(next[col], oldIdx, newIdx);\n  return next;\n}\n\n/**\n * Consolidate columns beyond the visible count into the last visible one.\n * Returns the same reference when nothing needs to move so callers can use\n * reference equality to skip persistence/notification.\n */\nexport function consolidateColumns(\n  order: DashboardOrder,\n  mode: DashboardLayout\n): DashboardOrder {\n  if (mode >= 3 || requiredColumns(order) <= mode) return order;\n  if (mode === 1) return [[...order[0], ...order[1], ...order[2]], [], []];\n  return [[...order[0]], [...order[1], ...order[2]], []];\n}\n\n/**\n * Columns needed to show every item: the highest occupied index + 1, so a\n * gap like `[a], [], [c]` still requires three columns.\n */\nexport function requiredColumns(order: DashboardOrder): DashboardLayout {\n  return Math.max(\n    1,\n    ...order.map((ids, i) => (ids.length > 0 ? i + 1 : 0))\n  ) as DashboardLayout;\n}\n\n/**\n * pointerWithin first (drops into empty columns), then closestCenter for\n * items, then rectIntersection for columns.\n */\nconst collisionDetection: CollisionDetection = (args) => {\n  const pw = pointerWithin(args);\n  if (pw.length > 0) return pw;\n  const cc = closestCenter(args);\n  if (cc.length > 0) return cc;\n  return rectIntersection(args);\n};\n\n// =============================================================================\n// SortablePortlet\n// =============================================================================\n\nfunction SortablePortlet({\n  id,\n  handleSelector,\n  children,\n}: {\n  id: string;\n  handleSelector: string;\n  children: React.ReactNode;\n}) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id });\n\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const [headerEl, setHeaderEl] = React.useState<HTMLElement | null>(null);\n  const [searched, setSearched] = React.useState(false);\n\n  const style: React.CSSProperties = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    opacity: isDragging ? 0.4 : 1,\n  };\n\n  // Portlet content can render asynchronously, so watch for the header with\n  // a MutationObserver (rAF-coalesced) and disconnect once found.\n  React.useEffect(() => {\n    const container = wrapperRef.current;\n    if (!container) return;\n\n    let rafId = 0;\n\n    const findHeader = () => {\n      const header = container.querySelector(handleSelector);\n      if (header instanceof HTMLElement) {\n        header.classList.add(...HEADER_LAYOUT_CLASSES);\n        setHeaderEl(header);\n        observer.disconnect();\n      } else {\n        setHeaderEl(null);\n      }\n      setSearched(true);\n    };\n\n    const observer = new MutationObserver(() => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(findHeader);\n    });\n\n    findHeader();\n    observer.observe(container, { childList: true, subtree: true });\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      observer.disconnect();\n    };\n  }, [handleSelector]);\n\n  const handle = (\n    <button\n      type=\"button\"\n      className={cn(\n        'inline-flex h-7 w-6 shrink-0 cursor-grab touch-none items-center justify-center rounded border-none bg-transparent',\n        'text-muted-foreground hover:bg-muted hover:text-foreground active:cursor-grabbing',\n        'opacity-40 transition-opacity group-hover/portlet:opacity-100 focus-visible:opacity-100',\n        '[@media(hover:none)]:opacity-100',\n        !headerEl && 'bg-card/80 absolute end-2 top-2 z-10 shadow-sm'\n      )}\n      aria-label=\"Drag to reorder\"\n      {...attributes}\n      {...listeners}\n    >\n      <GripVertical aria-hidden=\"true\" className=\"h-4 w-4\" />\n    </button>\n  );\n\n  return (\n    <div\n      ref={(node) => {\n        setNodeRef(node);\n        wrapperRef.current = node;\n      }}\n      style={style}\n      className=\"group/portlet relative min-w-0\"\n    >\n      <div className=\"w-full min-w-0\">{children}</div>\n      {headerEl ? createPortal(handle, headerEl) : searched ? handle : null}\n    </div>\n  );\n}\n\n// =============================================================================\n// DroppableColumn\n// =============================================================================\n\nfunction DroppableColumn({\n  id,\n  items,\n  columnIndex,\n  handleSelector,\n  flatten,\n  dragActive,\n}: {\n  id: string;\n  items: PortletItem[];\n  columnIndex: number;\n  handleSelector: string;\n  flatten: boolean;\n  dragActive: boolean;\n}) {\n  const { setNodeRef, isOver } = useDroppable({ id });\n  const ids = items.map((p) => p.id);\n\n  return (\n    <SortableContext items={ids} strategy={verticalListSortingStrategy}>\n      <div\n        ref={setNodeRef}\n        className={cn(\n          'flex min-h-16 min-w-0 flex-col gap-3',\n          flatten && 'max-lg:contents'\n        )}\n        role=\"group\"\n        aria-label={`Dashboard column ${columnIndex + 1}`}\n      >\n        {items.map((item) => (\n          <SortablePortlet\n            key={item.id}\n            id={item.id}\n            handleSelector={handleSelector}\n          >\n            {item.node}\n          </SortablePortlet>\n        ))}\n        {items.length === 0 && dragActive && (\n          <div\n            aria-hidden=\"true\"\n            className={cn(\n              'border-border text-muted-foreground flex min-h-32 items-center justify-center rounded-lg border-2 border-dashed text-sm font-medium transition-colors',\n              isOver && 'border-primary-500 bg-primary-500/10 text-primary-600'\n            )}\n          >\n            Drop here\n          </div>\n        )}\n      </div>\n    </SortableContext>\n  );\n}\n\n// =============================================================================\n// CustomizableDashboard\n// =============================================================================\n\n/**\n * A user-customizable portlet dashboard: a responsive 1–3 column grid whose\n * items can be dragged between and within columns, with a column-layout\n * toggle and optional persistence.\n *\n * Each portlet's drag handle is appended to the header element matched by\n * `dragHandleSelector` inside its content — `DashboardWidget` headers are\n * matched by default. Portlets without a matching header get a floating\n * handle in their top end corner.\n *\n * Order and layout are persisted to localStorage when `storageKey` is set,\n * or can be controlled via `order`/`onOrderChange` and\n * `layout`/`onLayoutChange` for server-side persistence.\n *\n * Passing a `widgets` catalog adds a toolbar Customize button opening a\n * `DashboardCustomizePanel` where users show/hide widgets and reset the\n * layout; visibility follows the same persistence rules via\n * `hiddenIds`/`onHiddenChange`.\n *\n * @example\n * ```tsx\n * <CustomizableDashboard\n *   storageKey=\"home\"\n *   columns={[\n *     [{ id: 'stats', node: <StatsWidget /> }],\n *     [{ id: 'tasks', node: <TasksWidget /> }],\n *     [{ id: 'orders', node: <OrdersWidget /> }],\n *   ]}\n * />\n * ```\n */\nexport const CustomizableDashboard = React.forwardRef<\n  HTMLDivElement,\n  CustomizableDashboardProps\n>(function CustomizableDashboard(\n  {\n    columns,\n    title,\n    storageKey,\n    ariaLabel,\n    toolbarSlot,\n    defaultOrder,\n    order: controlledOrder,\n    onOrderChange,\n    defaultLayout = 3,\n    layout: controlledLayout,\n    onLayoutChange,\n    dragHandleSelector = DEFAULT_HANDLE_SELECTOR,\n    widgets,\n    defaultHiddenIds,\n    hiddenIds: controlledHidden,\n    onHiddenChange,\n    customizeLabel = 'Customize',\n    className,\n  },\n  ref\n) {\n  const itemMap = React.useMemo(() => buildItemMap(columns), [columns]);\n\n  // Initial state ignores persistence so the first client render matches SSR;\n  // saved values are restored in a mount effect below.\n  const [internalLayout, setInternalLayout] =\n    React.useState<DashboardLayout>(defaultLayout);\n  const layoutMode = controlledLayout ?? internalLayout;\n\n  const [colOrder, setColOrder] = React.useState<DashboardOrder>(() =>\n    consolidateColumns(\n      mergeColumnOrder(columns, controlledOrder ?? defaultOrder ?? null),\n      controlledLayout ?? defaultLayout\n    )\n  );\n  const [activeId, setActiveId] = React.useState<string | null>(null);\n\n  const [internalHidden, setInternalHidden] = React.useState<string[]>(\n    () => defaultHiddenIds ?? []\n  );\n  const hiddenList = controlledHidden ?? internalHidden;\n  const hiddenSet = React.useMemo(() => new Set(hiddenList), [hiddenList]);\n  const [panelOpen, setPanelOpen] = React.useState(false);\n\n  const prevColOrder = React.useRef(colOrder);\n  const layoutModeRef = React.useRef(layoutMode);\n  layoutModeRef.current = layoutMode;\n  const colOrderRef = React.useRef(colOrder);\n  colOrderRef.current = colOrder;\n  const columnsRef = React.useRef(columns);\n  columnsRef.current = columns;\n  const draggingRef = React.useRef(false);\n\n  // Restore persisted layout/order/visibility after mount (uncontrolled\n  // concerns only) so the first client render matches SSR.\n  React.useEffect(() => {\n    if (!storageKey) return;\n    if (controlledLayout === undefined) {\n      const savedLayout = loadLayout(storageKey);\n      if (savedLayout !== null) setInternalLayout(savedLayout);\n    }\n    if (controlledOrder === undefined) {\n      const savedOrder = loadOrder(storageKey);\n      if (savedOrder) {\n        setColOrder(mergeColumnOrder(columnsRef.current, savedOrder));\n      }\n    }\n    if (controlledHidden === undefined) {\n      const savedHidden = loadHidden(storageKey);\n      if (savedHidden) setInternalHidden(savedHidden);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- mount-only restore\n  }, [storageKey]);\n\n  // Sync controlled order and newly added/removed items while not dragging,\n  // consolidating into the effective layout so portlets in columns beyond the\n  // visible count (e.g. mounting with `defaultLayout` 1/2, or a restored or\n  // controlled layout) are never sliced off the render.\n  React.useEffect(() => {\n    if (draggingRef.current) return;\n    setColOrder((prev) => {\n      const next = consolidateColumns(\n        mergeColumnOrder(columns, controlledOrder ?? prev),\n        layoutMode\n      );\n      return JSON.stringify(next) === JSON.stringify(prev) ? prev : next;\n    });\n  }, [columns, controlledOrder, layoutMode]);\n\n  const setLayout = React.useCallback(\n    (mode: DashboardLayout) => {\n      if (controlledLayout === undefined) setInternalLayout(mode);\n      saveLayout(storageKey, mode);\n      onLayoutChange?.(mode);\n    },\n    [controlledLayout, storageKey, onLayoutChange]\n  );\n\n  const commitOrder = React.useCallback(\n    (next: DashboardOrder) => {\n      saveOrder(storageKey, next);\n      onOrderChange?.(next);\n\n      // Auto-shrink only when trailing columns are empty (gaps keep their\n      // column so no item is hidden by a reduced layout)\n      const occupied = requiredColumns(next);\n      if (occupied < layoutModeRef.current) {\n        setLayout(occupied);\n      }\n    },\n    [storageKey, onOrderChange, setLayout]\n  );\n\n  const handleLayoutChange = React.useCallback(\n    (mode: DashboardLayout) => {\n      setLayout(mode);\n      // Consolidate so droppable ids match visible columns; persist/notify\n      // outside the state updater so replayed renders can't double-fire.\n      const next = consolidateColumns(colOrderRef.current, mode);\n      if (next !== colOrderRef.current) {\n        setColOrder(next);\n        saveOrder(storageKey, next);\n        onOrderChange?.(next);\n      }\n    },\n    [setLayout, storageKey, onOrderChange]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })\n  );\n\n  const resolve = (ids: string[]): PortletItem[] =>\n    ids\n      .filter((id) => !hiddenSet.has(id))\n      .map((id) => itemMap.get(id))\n      .filter(Boolean) as PortletItem[];\n\n  const handleDragStart = React.useCallback(\n    (event: DragStartEvent) => {\n      prevColOrder.current = colOrder;\n      draggingRef.current = true;\n      setActiveId(String(event.active.id));\n    },\n    [colOrder]\n  );\n\n  const handleDragOver = React.useCallback((event: DragOverEvent) => {\n    const { active, over } = event;\n    if (!over) return;\n    const next = moveAcrossColumns(\n      colOrderRef.current,\n      String(active.id),\n      String(over.id)\n    );\n    if (next !== colOrderRef.current) setColOrder(next);\n  }, []);\n\n  const handleDragEnd = React.useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n      draggingRef.current = false;\n      setActiveId(null);\n\n      if (!over) {\n        setColOrder(prevColOrder.current);\n        return;\n      }\n\n      const activeItemId = String(active.id);\n      // A drag that ends in a different column than it started already sits\n      // where moveAcrossColumns placed it; reordering again would flip it\n      // to the other side of the hovered item.\n      const crossedColumns =\n        findColumn(prevColOrder.current, activeItemId) !==\n        findColumn(colOrderRef.current, activeItemId);\n      const next = reorderOnDrop(\n        colOrderRef.current,\n        activeItemId,\n        String(over.id),\n        crossedColumns\n      );\n      if (next !== colOrderRef.current) setColOrder(next);\n      // A drag that ends where it started is a no-op: skip the commit so it\n      // can't write storage, notify hosts, or auto-shrink the layout.\n      if (JSON.stringify(next) !== JSON.stringify(prevColOrder.current)) {\n        commitOrder(next);\n      }\n    },\n    [commitOrder]\n  );\n\n  const handleDragCancel = React.useCallback(() => {\n    draggingRef.current = false;\n    setActiveId(null);\n    setColOrder(prevColOrder.current);\n  }, []);\n\n  const setHidden = React.useCallback(\n    (ids: string[]) => {\n      if (controlledHidden === undefined) setInternalHidden(ids);\n      saveHidden(storageKey, ids);\n      onHiddenChange?.(ids);\n    },\n    [controlledHidden, storageKey, onHiddenChange]\n  );\n\n  const handleToggleWidget = React.useCallback(\n    (id: string, visible: boolean) => {\n      setHidden(\n        visible ? hiddenList.filter((h) => h !== id) : [...hiddenList, id]\n      );\n    },\n    [hiddenList, setHidden]\n  );\n\n  const handleReset = React.useCallback(() => {\n    if (storageKey) {\n      try {\n        localStorage.removeItem(orderStorageKey(storageKey));\n        localStorage.removeItem(layoutStorageKey(storageKey));\n        localStorage.removeItem(hiddenStorageKey(storageKey));\n      } catch {\n        /* storage unavailable */\n      }\n    }\n    const next = mergeColumnOrder(columns, defaultOrder ?? null);\n    setColOrder(next);\n    onOrderChange?.(next);\n    if (controlledLayout === undefined) setInternalLayout(defaultLayout);\n    onLayoutChange?.(defaultLayout);\n    const hidden = defaultHiddenIds ?? [];\n    if (controlledHidden === undefined) setInternalHidden(hidden);\n    onHiddenChange?.(hidden);\n  }, [\n    storageKey,\n    columns,\n    defaultOrder,\n    onOrderChange,\n    controlledLayout,\n    defaultLayout,\n    onLayoutChange,\n    defaultHiddenIds,\n    controlledHidden,\n    onHiddenChange,\n  ]);\n\n  const cols: DashboardColumns = [\n    resolve(colOrder[0]),\n    resolve(colOrder[1]),\n    resolve(colOrder[2]),\n  ];\n\n  const visibleCols =\n    layoutMode === 1 ? [cols[0]] : layoutMode === 2 ? [cols[0], cols[1]] : cols;\n\n  const toolbar = (\n    <div className=\"flex items-center justify-end gap-3 pb-2\">\n      {title && (\n        <h2 className=\"text-foreground me-auto text-lg font-semibold\">\n          {title}\n        </h2>\n      )}\n      {widgets && widgets.length > 0 && (\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => setPanelOpen(true)}\n          aria-haspopup=\"dialog\"\n          leftIcon={\n            <SlidersHorizontal aria-hidden=\"true\" className=\"h-4 w-4\" />\n          }\n        >\n          {customizeLabel}\n        </Button>\n      )}\n      <div\n        className=\"border-border bg-muted flex gap-0.5 rounded-md border p-0.5 max-md:hidden\"\n        role=\"radiogroup\"\n        aria-label=\"Column layout\"\n      >\n        {([3, 2, 1] as const).map((mode) => {\n          const Icon = mode === 3 ? Columns3 : mode === 2 ? Columns2 : Square;\n          return (\n            <button\n              key={mode}\n              type=\"button\"\n              className={cn(\n                'flex h-7 w-7 items-center justify-center rounded transition-colors',\n                layoutMode === mode\n                  ? 'bg-background text-foreground shadow-sm'\n                  : 'text-muted-foreground hover:bg-background hover:text-foreground'\n              )}\n              onClick={() => handleLayoutChange(mode)}\n              role=\"radio\"\n              aria-checked={layoutMode === mode}\n              aria-label={`${mode} column layout`}\n              title={`${mode} column${mode > 1 ? 's' : ''}`}\n            >\n              <Icon aria-hidden=\"true\" className=\"h-4 w-4\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={collisionDetection}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      {toolbarSlot ? createPortal(toolbar, toolbarSlot) : toolbar}\n      <div\n        ref={ref}\n        className={cn(\n          'grid items-start gap-3',\n          layoutMode === 3 && 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n          layoutMode === 2 && 'grid-cols-1 md:grid-cols-2',\n          layoutMode === 1 && 'grid-cols-1',\n          className\n        )}\n        role=\"region\"\n        aria-label={ariaLabel ?? 'Dashboard'}\n      >\n        {visibleCols.map((col, i) => (\n          <DroppableColumn\n            key={COL_IDS[i]}\n            id={COL_IDS[i]}\n            items={col}\n            columnIndex={i}\n            handleSelector={dragHandleSelector}\n            flatten={layoutMode === 3}\n            dragActive={activeId !== null}\n          />\n        ))}\n      </div>\n      {widgets && widgets.length > 0 && (\n        <DashboardCustomizePanel\n          open={panelOpen}\n          onOpenChange={setPanelOpen}\n          widgets={widgets}\n          hiddenIds={hiddenList}\n          onToggleWidget={handleToggleWidget}\n          onReset={handleReset}\n        />\n      )}\n    </DndContext>\n  );\n});\n"]}
+{"version":3,"sources":["../src/components/CustomizableDashboard/DashboardCustomizePanel.tsx","../src/components/CustomizableDashboard/CustomizableDashboard.tsx"],"names":["React","jsx","jsxs","CustomizableDashboard"],"mappings":"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","file":"chunk-F6W62K4J.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { RotateCcw } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Sheet,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetBody,\n  SheetFooter,\n} from '../Sheet';\nimport { Switch } from '../Switch';\nimport { Button } from '../Button';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** Catalog metadata for a widget a user can show or hide on a dashboard. */\nexport interface WidgetDefinition {\n  /** Matches the portlet's `PortletItem.id`. */\n  id: string;\n  title: string;\n  description?: string;\n  /** Small leading icon, e.g. `<Activity className=\"h-4 w-4\" />`. */\n  icon?: React.ReactNode;\n  /** Widgets sharing a category are grouped under a heading. */\n  category?: string;\n}\n\nexport interface DashboardCustomizePanelProps {\n  /** Whether the panel is open. */\n  open: boolean;\n  /** Callback when the panel should open or close. */\n  onOpenChange: (open: boolean) => void;\n  /** The full widget catalog for this dashboard. */\n  widgets: WidgetDefinition[];\n  /** Ids of widgets currently hidden. */\n  hiddenIds: string[];\n  /** Called when a widget is shown (`visible: true`) or hidden. */\n  onToggleWidget: (id: string, visible: boolean) => void;\n  /** When provided, renders a \"Reset layout\" action in the footer. */\n  onReset?: () => void;\n  /** Panel heading (default \"Customize dashboard\"). */\n  title?: string;\n  /** Supporting copy under the heading. */\n  description?: string;\n}\n\n// =============================================================================\n// DashboardCustomizePanel\n// =============================================================================\n\n/**\n * A slide-in panel listing a dashboard's widget catalog with show/hide\n * toggles, grouped by category, plus an optional layout reset.\n *\n * Used automatically by `CustomizableDashboard` when its `widgets` prop is\n * set, and exported standalone for hosts that render their own trigger or\n * persist visibility elsewhere.\n *\n * @example\n * ```tsx\n * <DashboardCustomizePanel\n *   open={open}\n *   onOpenChange={setOpen}\n *   widgets={WIDGETS}\n *   hiddenIds={hidden}\n *   onToggleWidget={(id, visible) =>\n *     setHidden((prev) =>\n *       visible ? prev.filter((h) => h !== id) : [...prev, id]\n *     )\n *   }\n * />\n * ```\n */\nexport function DashboardCustomizePanel({\n  open,\n  onOpenChange,\n  widgets,\n  hiddenIds,\n  onToggleWidget,\n  onReset,\n  title = 'Customize dashboard',\n  description = 'Choose which widgets appear on this dashboard. Drag a widget by its handle to rearrange it.',\n}: DashboardCustomizePanelProps) {\n  const hidden = React.useMemo(() => new Set(hiddenIds), [hiddenIds]);\n\n  const groups = React.useMemo(() => {\n    const map = new Map<string, WidgetDefinition[]>();\n    for (const w of widgets) {\n      const key = w.category ?? '';\n      const list = map.get(key);\n      if (list) list.push(w);\n      else map.set(key, [w]);\n    }\n    return Array.from(map.entries());\n  }, [widgets]);\n\n  const visibleCount = widgets.length - hidden.size;\n\n  return (\n    <Sheet\n      open={open}\n      onOpenChange={onOpenChange}\n      side=\"end\"\n      aria-label={title}\n    >\n      <SheetHeader>\n        <div className=\"flex flex-col gap-1.5\">\n          <SheetTitle>{title}</SheetTitle>\n          <SheetDescription>{description}</SheetDescription>\n        </div>\n      </SheetHeader>\n      <SheetBody className=\"flex flex-col gap-5\">\n        <p className=\"text-muted-foreground text-xs font-medium\">\n          {visibleCount} of {widgets.length} widgets shown\n        </p>\n        {groups.map(([category, items]) => (\n          <div key={category || 'general'} className=\"flex flex-col gap-1\">\n            {category && (\n              <h3 className=\"text-muted-foreground pb-1 text-xs font-semibold tracking-wide uppercase\">\n                {category}\n              </h3>\n            )}\n            <ul className=\"flex list-none flex-col gap-1 p-0\">\n              {items.map((widget) => {\n                const isVisible = !hidden.has(widget.id);\n                return (\n                  <li\n                    key={widget.id}\n                    className={cn(\n                      'border-border flex items-center gap-3 rounded-lg border p-3 transition-colors',\n                      isVisible ? 'bg-card' : 'bg-muted/50'\n                    )}\n                  >\n                    {widget.icon && (\n                      <span\n                        className={cn(\n                          'shrink-0',\n                          isVisible\n                            ? 'text-primary-600 dark:text-primary-400'\n                            : 'text-muted-foreground'\n                        )}\n                      >\n                        {widget.icon}\n                      </span>\n                    )}\n                    <span className=\"flex min-w-0 flex-1 flex-col\">\n                      <span\n                        className={cn(\n                          'truncate text-sm font-medium',\n                          isVisible\n                            ? 'text-foreground'\n                            : 'text-muted-foreground'\n                        )}\n                      >\n                        {widget.title}\n                      </span>\n                      {widget.description && (\n                        <span className=\"text-muted-foreground truncate text-xs\">\n                          {widget.description}\n                        </span>\n                      )}\n                    </span>\n                    <Switch\n                      checked={isVisible}\n                      onCheckedChange={(checked) =>\n                        onToggleWidget(widget.id, checked)\n                      }\n                      aria-label={`Show ${widget.title}`}\n                    />\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        ))}\n      </SheetBody>\n      {onReset && (\n        <SheetFooter>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={onReset}\n            leftIcon={<RotateCcw aria-hidden=\"true\" className=\"h-4 w-4\" />}\n          >\n            Reset layout\n          </Button>\n        </SheetFooter>\n      )}\n    </Sheet>\n  );\n}\n","'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  DndContext,\n  closestCenter,\n  pointerWithin,\n  rectIntersection,\n  PointerSensor,\n  KeyboardSensor,\n  useSensor,\n  useSensors,\n  useDroppable,\n  type DragStartEvent,\n  type DragOverEvent,\n  type DragEndEvent,\n  type CollisionDetection,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n  useSortable,\n  arrayMove,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport {\n  GripVertical,\n  Columns2,\n  Columns3,\n  Square,\n  SlidersHorizontal,\n} from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport {\n  DashboardCustomizePanel,\n  type WidgetDefinition,\n} from './DashboardCustomizePanel';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** A dashboard item: a stable id plus the rendered content. */\nexport interface PortletItem {\n  id: string;\n  node: React.ReactNode;\n}\n\n/** Number of visible columns. */\nexport type DashboardLayout = 1 | 2 | 3;\n\n/** Portlet items grouped into three logical columns. */\nexport type DashboardColumns = [PortletItem[], PortletItem[], PortletItem[]];\n\n/** Portlet ids grouped into three logical columns. */\nexport type DashboardOrder = [string[], string[], string[]];\n\nexport interface CustomizableDashboardProps {\n  /**\n   * Portlets grouped into three columns. This is the default arrangement;\n   * user reordering (persisted or controlled) takes precedence. Items later\n   * removed from props disappear from saved layouts automatically, and new\n   * items appear in their props column.\n   */\n  columns: DashboardColumns;\n  /** Toolbar heading rendered before the layout toggle. */\n  title?: string;\n  /**\n   * Base localStorage key used to persist column order and layout mode\n   * (`{storageKey}-portlet-order` / `{storageKey}-dashboard-layout`).\n   * Omit to disable built-in persistence (e.g. when using `order` /\n   * `onOrderChange` with a server-side store). Distinct dashboards must\n   * pass distinct keys.\n   */\n  storageKey?: string;\n  /** Accessible label for the dashboard grid region. */\n  ariaLabel?: string;\n  /**\n   * Optional DOM element to portal the toolbar (title + layout toggle)\n   * into, e.g. a page header actions row. When omitted, the toolbar\n   * renders inline above the grid.\n   */\n  toolbarSlot?: HTMLElement | null;\n  /** Initial column order for uncontrolled usage with external persistence. */\n  defaultOrder?: DashboardOrder;\n  /** Controlled column order. Changes are reported via `onOrderChange`. */\n  order?: DashboardOrder;\n  /** Called with the full new order after a drop or layout normalization. */\n  onOrderChange?: (order: DashboardOrder) => void;\n  /** Initial layout mode for uncontrolled usage (default 3). */\n  defaultLayout?: DashboardLayout;\n  /** Controlled layout mode. Changes are reported via `onLayoutChange`. */\n  layout?: DashboardLayout;\n  /** Called when the user changes the column layout (or it auto-shrinks). */\n  onLayoutChange?: (layout: DashboardLayout) => void;\n  /**\n   * CSS selector for the header element inside each portlet that receives\n   * the drag handle. Defaults to the `DashboardWidget` header slot. When no\n   * header matches, the handle floats over the portlet's top end corner.\n   */\n  dragHandleSelector?: string;\n  /**\n   * Widget catalog metadata. When provided, the toolbar gains a Customize\n   * button opening a panel where users show/hide widgets and reset the\n   * layout. Ids must match the portlet ids in `columns`.\n   */\n  widgets?: WidgetDefinition[];\n  /** Initially hidden widget ids for uncontrolled usage. */\n  defaultHiddenIds?: string[];\n  /** Controlled hidden widget ids. Changes reported via `onHiddenChange`. */\n  hiddenIds?: string[];\n  /** Called with the full hidden-id list when visibility changes. */\n  onHiddenChange?: (hiddenIds: string[]) => void;\n  /** Label for the toolbar customize button (default \"Customize\"). */\n  customizeLabel?: string;\n  /** Additional class name for the grid element. */\n  className?: string;\n}\n\n// =============================================================================\n// Internals\n// =============================================================================\n\nconst COL_IDS = ['column-0', 'column-1', 'column-2'] as const;\n\nconst DEFAULT_HANDLE_SELECTOR = '[data-slot=\"dashboard-widget-header\"]';\n\n// Applied to a discovered header so the appended handle lays out correctly:\n// an auto start margin on the 2nd child pushes trailing controls (and the\n// handle after them) to the end, even inside `justify-between` headers.\nconst HEADER_LAYOUT_CLASSES = [\n  'flex',\n  'flex-row',\n  'flex-nowrap',\n  'items-center',\n  '[&>:nth-child(2)]:ms-auto',\n];\n\nfunction orderStorageKey(base: string): string {\n  return `${base}-portlet-order`;\n}\n\nfunction layoutStorageKey(base: string): string {\n  return `${base}-dashboard-layout`;\n}\n\nfunction hiddenStorageKey(base: string): string {\n  return `${base}-dashboard-hidden`;\n}\n\nfunction loadHidden(base: string | undefined): string[] | null {\n  if (!base) return null;\n  try {\n    const raw = localStorage.getItem(hiddenStorageKey(base));\n    const parsed = raw ? (JSON.parse(raw) as unknown) : null;\n    return Array.isArray(parsed)\n      ? parsed.filter((v) => typeof v === 'string')\n      : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction saveHidden(base: string | undefined, ids: string[]) {\n  if (!base) return;\n  try {\n    localStorage.setItem(hiddenStorageKey(base), JSON.stringify(ids));\n  } catch {\n    /* storage unavailable */\n  }\n}\n\nfunction loadLayout(base: string | undefined): DashboardLayout | null {\n  if (!base) return null;\n  try {\n    const raw = localStorage.getItem(layoutStorageKey(base));\n    const val = raw ? Number(raw) : null;\n    return val === 1 || val === 2 || val === 3 ? val : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction saveLayout(base: string | undefined, mode: DashboardLayout) {\n  if (!base) return;\n  try {\n    localStorage.setItem(layoutStorageKey(base), String(mode));\n  } catch {\n    /* storage unavailable */\n  }\n}\n\nfunction sanitizeSlot(value: unknown): string[] {\n  return Array.isArray(value)\n    ? value.filter((v): v is string => typeof v === 'string')\n    : [];\n}\n\nfunction loadOrder(base: string | undefined): DashboardOrder | null {\n  if (!base) return null;\n  try {\n    const raw = localStorage.getItem(orderStorageKey(base));\n    if (!raw) return null;\n    const parsed = JSON.parse(raw) as Record<number, unknown>;\n    return [\n      sanitizeSlot(parsed[0]),\n      sanitizeSlot(parsed[1]),\n      sanitizeSlot(parsed[2]),\n    ];\n  } catch {\n    return null;\n  }\n}\n\nfunction saveOrder(base: string | undefined, order: DashboardOrder) {\n  if (!base) return;\n  try {\n    const record: Record<number, string[]> = {};\n    order.forEach((ids, i) => {\n      record[i] = ids;\n    });\n    localStorage.setItem(orderStorageKey(base), JSON.stringify(record));\n  } catch {\n    /* storage unavailable */\n  }\n}\n\n/**\n * Merge a saved/provided order with the current props columns: saved\n * positions win, unknown saved ids are dropped, and new items are appended\n * to their original props column.\n */\nexport function mergeColumnOrder(\n  columns: DashboardColumns,\n  saved: DashboardOrder | null\n): DashboardOrder {\n  const allIds = new Set(\n    [...columns[0], ...columns[1], ...columns[2]].map((p) => p.id)\n  );\n  const result: DashboardOrder = [[], [], []];\n  const placed = new Set<string>();\n\n  for (let i = 0; i < 3; i++) {\n    for (const id of saved?.[i] ?? []) {\n      if (allIds.has(id) && !placed.has(id)) {\n        result[i].push(id);\n        placed.add(id);\n      }\n    }\n  }\n  for (let i = 0; i < 3; i++) {\n    for (const item of columns[i]) {\n      if (!placed.has(item.id)) {\n        result[i].push(item.id);\n        placed.add(item.id);\n      }\n    }\n  }\n  return result;\n}\n\nfunction buildItemMap(columns: DashboardColumns): Map<string, PortletItem> {\n  const map = new Map<string, PortletItem>();\n  for (const col of columns) {\n    for (const item of col) map.set(item.id, item);\n  }\n  return map;\n}\n\nfunction findColumn(colOrder: string[][], itemId: string): number {\n  return colOrder.findIndex((ids) => ids.includes(itemId));\n}\n\n/**\n * Move `activeId` into the column named by `overId` (a column id or an item\n * id), inserted before the hovered item. Returns the same reference when no\n * cross-column move is needed.\n */\nexport function moveAcrossColumns(\n  order: DashboardOrder,\n  activeId: string,\n  overId: string\n): DashboardOrder {\n  const colIdx = COL_IDS.indexOf(overId as (typeof COL_IDS)[number]);\n  const sourceCol = findColumn(order, activeId);\n  if (sourceCol === -1) return order;\n\n  const targetCol = colIdx !== -1 ? colIdx : findColumn(order, overId);\n  if (targetCol === -1 || sourceCol === targetCol) return order;\n\n  const next = order.map((col) => [...col]) as DashboardOrder;\n  next[sourceCol] = next[sourceCol].filter((id) => id !== activeId);\n  const overIdx = colIdx !== -1 ? -1 : next[targetCol].indexOf(overId);\n  if (overIdx === -1) {\n    next[targetCol].push(activeId);\n  } else {\n    next[targetCol].splice(overIdx, 0, activeId);\n  }\n  return next;\n}\n\n/**\n * Final order for a drop. Same-column drags reorder around the hovered\n * item. After a cross-column move, the one position `moveAcrossColumns`\n * already chose — active sitting immediately before the hovered item — is\n * kept (reordering would flip it to the other side of that item), but\n * hovering any other item in the destination column still reorders, so a\n * drag can keep moving after it crosses.\n */\nexport function reorderOnDrop(\n  order: DashboardOrder,\n  activeId: string,\n  overId: string,\n  crossedColumns: boolean\n): DashboardOrder {\n  const isColumnTarget =\n    COL_IDS.indexOf(overId as (typeof COL_IDS)[number]) !== -1;\n  if (isColumnTarget || overId === activeId) return order;\n\n  const col = findColumn(order, activeId);\n  if (col === -1 || findColumn(order, overId) !== col) return order;\n\n  const oldIdx = order[col].indexOf(activeId);\n  const newIdx = order[col].indexOf(overId);\n  if (oldIdx === -1 || newIdx === -1) return order;\n  // Immediately-before adjacency after a cross is dragOver's insertion,\n  // not a new reorder request.\n  if (crossedColumns && newIdx === oldIdx + 1) return order;\n\n  const next = order.map((c) => [...c]) as DashboardOrder;\n  next[col] = arrayMove(next[col], oldIdx, newIdx);\n  return next;\n}\n\n/**\n * Consolidate columns beyond the visible count into the last visible one.\n * Returns the same reference when nothing needs to move so callers can use\n * reference equality to skip persistence/notification.\n */\nexport function consolidateColumns(\n  order: DashboardOrder,\n  mode: DashboardLayout\n): DashboardOrder {\n  if (mode >= 3 || requiredColumns(order) <= mode) return order;\n  if (mode === 1) return [[...order[0], ...order[1], ...order[2]], [], []];\n  return [[...order[0]], [...order[1], ...order[2]], []];\n}\n\n/**\n * Columns needed to show every item: the highest occupied index + 1, so a\n * gap like `[a], [], [c]` still requires three columns.\n */\nexport function requiredColumns(order: DashboardOrder): DashboardLayout {\n  return Math.max(\n    1,\n    ...order.map((ids, i) => (ids.length > 0 ? i + 1 : 0))\n  ) as DashboardLayout;\n}\n\n/**\n * pointerWithin first (drops into empty columns), then closestCenter for\n * items, then rectIntersection for columns.\n */\nconst collisionDetection: CollisionDetection = (args) => {\n  const pw = pointerWithin(args);\n  if (pw.length > 0) return pw;\n  const cc = closestCenter(args);\n  if (cc.length > 0) return cc;\n  return rectIntersection(args);\n};\n\n// =============================================================================\n// SortablePortlet\n// =============================================================================\n\nfunction SortablePortlet({\n  id,\n  handleSelector,\n  children,\n}: {\n  id: string;\n  handleSelector: string;\n  children: React.ReactNode;\n}) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id });\n\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const [headerEl, setHeaderEl] = React.useState<HTMLElement | null>(null);\n  const [searched, setSearched] = React.useState(false);\n\n  const style: React.CSSProperties = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    opacity: isDragging ? 0.4 : 1,\n  };\n\n  // Portlet content can render asynchronously, so watch for the header with\n  // a MutationObserver (rAF-coalesced) and disconnect once found.\n  React.useEffect(() => {\n    const container = wrapperRef.current;\n    if (!container) return;\n\n    let rafId = 0;\n\n    const findHeader = () => {\n      const header = container.querySelector(handleSelector);\n      if (header instanceof HTMLElement) {\n        header.classList.add(...HEADER_LAYOUT_CLASSES);\n        setHeaderEl(header);\n        observer.disconnect();\n      } else {\n        setHeaderEl(null);\n      }\n      setSearched(true);\n    };\n\n    const observer = new MutationObserver(() => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(findHeader);\n    });\n\n    findHeader();\n    observer.observe(container, { childList: true, subtree: true });\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      observer.disconnect();\n    };\n  }, [handleSelector]);\n\n  const handle = (\n    <button\n      type=\"button\"\n      className={cn(\n        'inline-flex h-7 w-6 shrink-0 cursor-grab touch-none items-center justify-center rounded border-none bg-transparent',\n        'text-muted-foreground hover:bg-muted hover:text-foreground active:cursor-grabbing',\n        'opacity-40 transition-opacity group-hover/portlet:opacity-100 focus-visible:opacity-100',\n        '[@media(hover:none)]:opacity-100',\n        !headerEl && 'bg-card/80 absolute end-2 top-2 z-10 shadow-sm'\n      )}\n      aria-label=\"Drag to reorder\"\n      {...attributes}\n      {...listeners}\n    >\n      <GripVertical aria-hidden=\"true\" className=\"h-4 w-4\" />\n    </button>\n  );\n\n  return (\n    <div\n      ref={(node) => {\n        setNodeRef(node);\n        wrapperRef.current = node;\n      }}\n      style={style}\n      className=\"group/portlet relative min-w-0\"\n    >\n      <div className=\"w-full min-w-0\">{children}</div>\n      {headerEl ? createPortal(handle, headerEl) : searched ? handle : null}\n    </div>\n  );\n}\n\n// =============================================================================\n// DroppableColumn\n// =============================================================================\n\nfunction DroppableColumn({\n  id,\n  items,\n  columnIndex,\n  handleSelector,\n  flatten,\n  dragActive,\n}: {\n  id: string;\n  items: PortletItem[];\n  columnIndex: number;\n  handleSelector: string;\n  flatten: boolean;\n  dragActive: boolean;\n}) {\n  const { setNodeRef, isOver } = useDroppable({ id });\n  const ids = items.map((p) => p.id);\n\n  return (\n    <SortableContext items={ids} strategy={verticalListSortingStrategy}>\n      <div\n        ref={setNodeRef}\n        className={cn(\n          'flex min-h-16 min-w-0 flex-col gap-3',\n          flatten && 'max-lg:contents'\n        )}\n        role=\"group\"\n        aria-label={`Dashboard column ${columnIndex + 1}`}\n      >\n        {items.map((item) => (\n          <SortablePortlet\n            key={item.id}\n            id={item.id}\n            handleSelector={handleSelector}\n          >\n            {item.node}\n          </SortablePortlet>\n        ))}\n        {items.length === 0 && dragActive && (\n          <div\n            aria-hidden=\"true\"\n            className={cn(\n              'border-border text-muted-foreground flex min-h-32 items-center justify-center rounded-lg border-2 border-dashed text-sm font-medium transition-colors',\n              isOver && 'border-primary-500 bg-primary-500/10 text-primary-600'\n            )}\n          >\n            Drop here\n          </div>\n        )}\n      </div>\n    </SortableContext>\n  );\n}\n\n// =============================================================================\n// CustomizableDashboard\n// =============================================================================\n\n/**\n * A user-customizable portlet dashboard: a responsive 1–3 column grid whose\n * items can be dragged between and within columns, with a column-layout\n * toggle and optional persistence.\n *\n * Each portlet's drag handle is appended to the header element matched by\n * `dragHandleSelector` inside its content — `DashboardWidget` headers are\n * matched by default. Portlets without a matching header get a floating\n * handle in their top end corner.\n *\n * Order and layout are persisted to localStorage when `storageKey` is set,\n * or can be controlled via `order`/`onOrderChange` and\n * `layout`/`onLayoutChange` for server-side persistence.\n *\n * Passing a `widgets` catalog adds a toolbar Customize button opening a\n * `DashboardCustomizePanel` where users show/hide widgets and reset the\n * layout; visibility follows the same persistence rules via\n * `hiddenIds`/`onHiddenChange`.\n *\n * @example\n * ```tsx\n * <CustomizableDashboard\n *   storageKey=\"home\"\n *   columns={[\n *     [{ id: 'stats', node: <StatsWidget /> }],\n *     [{ id: 'tasks', node: <TasksWidget /> }],\n *     [{ id: 'orders', node: <OrdersWidget /> }],\n *   ]}\n * />\n * ```\n */\nexport const CustomizableDashboard = React.forwardRef<\n  HTMLDivElement,\n  CustomizableDashboardProps\n>(function CustomizableDashboard(\n  {\n    columns,\n    title,\n    storageKey,\n    ariaLabel,\n    toolbarSlot,\n    defaultOrder,\n    order: controlledOrder,\n    onOrderChange,\n    defaultLayout = 3,\n    layout: controlledLayout,\n    onLayoutChange,\n    dragHandleSelector = DEFAULT_HANDLE_SELECTOR,\n    widgets,\n    defaultHiddenIds,\n    hiddenIds: controlledHidden,\n    onHiddenChange,\n    customizeLabel = 'Customize',\n    className,\n  },\n  ref\n) {\n  const itemMap = React.useMemo(() => buildItemMap(columns), [columns]);\n\n  // Initial state ignores persistence so the first client render matches SSR;\n  // saved values are restored in a mount effect below.\n  const [internalLayout, setInternalLayout] =\n    React.useState<DashboardLayout>(defaultLayout);\n  const layoutMode = controlledLayout ?? internalLayout;\n\n  const [colOrder, setColOrder] = React.useState<DashboardOrder>(() =>\n    consolidateColumns(\n      mergeColumnOrder(columns, controlledOrder ?? defaultOrder ?? null),\n      controlledLayout ?? defaultLayout\n    )\n  );\n  const [activeId, setActiveId] = React.useState<string | null>(null);\n\n  const [internalHidden, setInternalHidden] = React.useState<string[]>(\n    () => defaultHiddenIds ?? []\n  );\n  const hiddenList = controlledHidden ?? internalHidden;\n  const hiddenSet = React.useMemo(() => new Set(hiddenList), [hiddenList]);\n  const [panelOpen, setPanelOpen] = React.useState(false);\n\n  const prevColOrder = React.useRef(colOrder);\n  const layoutModeRef = React.useRef(layoutMode);\n  layoutModeRef.current = layoutMode;\n  const colOrderRef = React.useRef(colOrder);\n  colOrderRef.current = colOrder;\n  const columnsRef = React.useRef(columns);\n  columnsRef.current = columns;\n  const draggingRef = React.useRef(false);\n\n  // Restore persisted layout/order/visibility after mount (uncontrolled\n  // concerns only) so the first client render matches SSR.\n  React.useEffect(() => {\n    if (!storageKey) return;\n    if (controlledLayout === undefined) {\n      const savedLayout = loadLayout(storageKey);\n      if (savedLayout !== null) setInternalLayout(savedLayout);\n    }\n    if (controlledOrder === undefined) {\n      const savedOrder = loadOrder(storageKey);\n      if (savedOrder) {\n        setColOrder(mergeColumnOrder(columnsRef.current, savedOrder));\n      }\n    }\n    if (controlledHidden === undefined) {\n      const savedHidden = loadHidden(storageKey);\n      if (savedHidden) setInternalHidden(savedHidden);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- mount-only restore\n  }, [storageKey]);\n\n  // Sync controlled order and newly added/removed items while not dragging,\n  // consolidating into the effective layout so portlets in columns beyond the\n  // visible count (e.g. mounting with `defaultLayout` 1/2, or a restored or\n  // controlled layout) are never sliced off the render.\n  React.useEffect(() => {\n    if (draggingRef.current) return;\n    setColOrder((prev) => {\n      const next = consolidateColumns(\n        mergeColumnOrder(columns, controlledOrder ?? prev),\n        layoutMode\n      );\n      return JSON.stringify(next) === JSON.stringify(prev) ? prev : next;\n    });\n  }, [columns, controlledOrder, layoutMode]);\n\n  const setLayout = React.useCallback(\n    (mode: DashboardLayout) => {\n      if (controlledLayout === undefined) setInternalLayout(mode);\n      saveLayout(storageKey, mode);\n      onLayoutChange?.(mode);\n    },\n    [controlledLayout, storageKey, onLayoutChange]\n  );\n\n  const commitOrder = React.useCallback(\n    (next: DashboardOrder) => {\n      saveOrder(storageKey, next);\n      onOrderChange?.(next);\n\n      // Auto-shrink only when trailing columns are empty (gaps keep their\n      // column so no item is hidden by a reduced layout)\n      const occupied = requiredColumns(next);\n      if (occupied < layoutModeRef.current) {\n        setLayout(occupied);\n      }\n    },\n    [storageKey, onOrderChange, setLayout]\n  );\n\n  const handleLayoutChange = React.useCallback(\n    (mode: DashboardLayout) => {\n      setLayout(mode);\n      // Consolidate so droppable ids match visible columns; persist/notify\n      // outside the state updater so replayed renders can't double-fire.\n      const next = consolidateColumns(colOrderRef.current, mode);\n      if (next !== colOrderRef.current) {\n        setColOrder(next);\n        saveOrder(storageKey, next);\n        onOrderChange?.(next);\n      }\n    },\n    [setLayout, storageKey, onOrderChange]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })\n  );\n\n  const resolve = (ids: string[]): PortletItem[] =>\n    ids\n      .filter((id) => !hiddenSet.has(id))\n      .map((id) => itemMap.get(id))\n      .filter(Boolean) as PortletItem[];\n\n  const handleDragStart = React.useCallback(\n    (event: DragStartEvent) => {\n      prevColOrder.current = colOrder;\n      draggingRef.current = true;\n      setActiveId(String(event.active.id));\n    },\n    [colOrder]\n  );\n\n  const handleDragOver = React.useCallback((event: DragOverEvent) => {\n    const { active, over } = event;\n    if (!over) return;\n    const next = moveAcrossColumns(\n      colOrderRef.current,\n      String(active.id),\n      String(over.id)\n    );\n    if (next !== colOrderRef.current) setColOrder(next);\n  }, []);\n\n  const handleDragEnd = React.useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n      draggingRef.current = false;\n      setActiveId(null);\n\n      if (!over) {\n        setColOrder(prevColOrder.current);\n        return;\n      }\n\n      const activeItemId = String(active.id);\n      // A drag that ends in a different column than it started already sits\n      // where moveAcrossColumns placed it; reordering again would flip it\n      // to the other side of the hovered item.\n      const crossedColumns =\n        findColumn(prevColOrder.current, activeItemId) !==\n        findColumn(colOrderRef.current, activeItemId);\n      const next = reorderOnDrop(\n        colOrderRef.current,\n        activeItemId,\n        String(over.id),\n        crossedColumns\n      );\n      if (next !== colOrderRef.current) setColOrder(next);\n      // A drag that ends where it started is a no-op: skip the commit so it\n      // can't write storage, notify hosts, or auto-shrink the layout.\n      if (JSON.stringify(next) !== JSON.stringify(prevColOrder.current)) {\n        commitOrder(next);\n      }\n    },\n    [commitOrder]\n  );\n\n  const handleDragCancel = React.useCallback(() => {\n    draggingRef.current = false;\n    setActiveId(null);\n    setColOrder(prevColOrder.current);\n  }, []);\n\n  const setHidden = React.useCallback(\n    (ids: string[]) => {\n      if (controlledHidden === undefined) setInternalHidden(ids);\n      saveHidden(storageKey, ids);\n      onHiddenChange?.(ids);\n    },\n    [controlledHidden, storageKey, onHiddenChange]\n  );\n\n  const handleToggleWidget = React.useCallback(\n    (id: string, visible: boolean) => {\n      setHidden(\n        visible ? hiddenList.filter((h) => h !== id) : [...hiddenList, id]\n      );\n    },\n    [hiddenList, setHidden]\n  );\n\n  const handleReset = React.useCallback(() => {\n    if (storageKey) {\n      try {\n        localStorage.removeItem(orderStorageKey(storageKey));\n        localStorage.removeItem(layoutStorageKey(storageKey));\n        localStorage.removeItem(hiddenStorageKey(storageKey));\n      } catch {\n        /* storage unavailable */\n      }\n    }\n    const next = mergeColumnOrder(columns, defaultOrder ?? null);\n    setColOrder(next);\n    onOrderChange?.(next);\n    if (controlledLayout === undefined) setInternalLayout(defaultLayout);\n    onLayoutChange?.(defaultLayout);\n    const hidden = defaultHiddenIds ?? [];\n    if (controlledHidden === undefined) setInternalHidden(hidden);\n    onHiddenChange?.(hidden);\n  }, [\n    storageKey,\n    columns,\n    defaultOrder,\n    onOrderChange,\n    controlledLayout,\n    defaultLayout,\n    onLayoutChange,\n    defaultHiddenIds,\n    controlledHidden,\n    onHiddenChange,\n  ]);\n\n  const cols: DashboardColumns = [\n    resolve(colOrder[0]),\n    resolve(colOrder[1]),\n    resolve(colOrder[2]),\n  ];\n\n  const visibleCols =\n    layoutMode === 1 ? [cols[0]] : layoutMode === 2 ? [cols[0], cols[1]] : cols;\n\n  const toolbar = (\n    <div className=\"flex items-center justify-end gap-3 pb-2\">\n      {title && (\n        <h2 className=\"text-foreground me-auto text-lg font-semibold\">\n          {title}\n        </h2>\n      )}\n      {widgets && widgets.length > 0 && (\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => setPanelOpen(true)}\n          aria-haspopup=\"dialog\"\n          leftIcon={\n            <SlidersHorizontal aria-hidden=\"true\" className=\"h-4 w-4\" />\n          }\n        >\n          {customizeLabel}\n        </Button>\n      )}\n      <div\n        className=\"border-border bg-muted flex gap-0.5 rounded-md border p-0.5 max-md:hidden\"\n        role=\"radiogroup\"\n        aria-label=\"Column layout\"\n      >\n        {([3, 2, 1] as const).map((mode) => {\n          const Icon = mode === 3 ? Columns3 : mode === 2 ? Columns2 : Square;\n          return (\n            <button\n              key={mode}\n              type=\"button\"\n              className={cn(\n                'flex h-7 w-7 items-center justify-center rounded transition-colors',\n                layoutMode === mode\n                  ? 'bg-background text-foreground shadow-sm'\n                  : 'text-muted-foreground hover:bg-background hover:text-foreground'\n              )}\n              onClick={() => handleLayoutChange(mode)}\n              role=\"radio\"\n              aria-checked={layoutMode === mode}\n              aria-label={`${mode} column layout`}\n              title={`${mode} column${mode > 1 ? 's' : ''}`}\n            >\n              <Icon aria-hidden=\"true\" className=\"h-4 w-4\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={collisionDetection}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      {toolbarSlot ? createPortal(toolbar, toolbarSlot) : toolbar}\n      <div\n        ref={ref}\n        className={cn(\n          'grid items-start gap-3',\n          layoutMode === 3 && 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n          layoutMode === 2 && 'grid-cols-1 md:grid-cols-2',\n          layoutMode === 1 && 'grid-cols-1',\n          className\n        )}\n        role=\"region\"\n        aria-label={ariaLabel ?? 'Dashboard'}\n      >\n        {visibleCols.map((col, i) => (\n          <DroppableColumn\n            key={COL_IDS[i]}\n            id={COL_IDS[i]}\n            items={col}\n            columnIndex={i}\n            handleSelector={dragHandleSelector}\n            flatten={layoutMode === 3}\n            dragActive={activeId !== null}\n          />\n        ))}\n      </div>\n      {widgets && widgets.length > 0 && (\n        <DashboardCustomizePanel\n          open={panelOpen}\n          onOpenChange={setPanelOpen}\n          widgets={widgets}\n          hiddenIds={hiddenList}\n          onToggleWidget={handleToggleWidget}\n          onReset={handleReset}\n        />\n      )}\n    </DndContext>\n  );\n});\n"]}

package/dist/{chunk-XVW5DPPP.js → chunk-F7SZSOB3.js}

@@ -1,5 +1,6 @@
 import { defaultViewLabels, accentClasses } from './chunk-3YBS4WUQ.js';
 import { Spinner } from './chunk-UA7E7PDS.js';
+import { isRtl } from './chunk-YVKBXNPK.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { useSensors, useSensor, PointerSensor, DndContext, pointerWithin, DragOverlay, useDroppable, useDraggable } from '@dnd-kit/core';
@@ -288,7 +289,7 @@ function BoardView({
   };
   const onCardKeyDown = (event, id, columnIndex) => {
     if (!onMove || !(event.ctrlKey || event.metaKey)) return;
-    const rtl = getComputedStyle(event.currentTarget).direction === "rtl";
+    const rtl = isRtl(event.currentTarget);
     let delta = 0;
     if (event.key === "ArrowRight") delta = rtl ? -1 : 1;
     else if (event.key === "ArrowLeft") delta = rtl ? 1 : -1;
@@ -425,5 +426,5 @@ function BoardView({
 }
 
 export { BoardView, cardVariants, defaultBoardLabels };
-//# sourceMappingURL=chunk-XVW5DPPP.js.map
-//# sourceMappingURL=chunk-XVW5DPPP.js.map
+//# sourceMappingURL=chunk-F7SZSOB3.js.map
+//# sourceMappingURL=chunk-F7SZSOB3.js.map

package/dist/chunk-F7SZSOB3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BoardView/BoardView.tsx"],"names":[],"mappings":"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","file":"chunk-F7SZSOB3.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  pointerWithin,\n  useDraggable,\n  useDroppable,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n} from '@dnd-kit/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { isRtl } from '../../hooks/useDirection';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\nimport {\n  accentClasses,\n  defaultViewLabels,\n  type Accent,\n  type Stage,\n  type ViewBaseProps,\n  type ViewLabels,\n} from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type BoardViewSlot =\n  | 'column'\n  | 'columnHeader'\n  | 'card'\n  | 'selectedCard'\n  | 'state';\n\nexport interface BoardLabels extends ViewLabels {\n  /** Accessible name of the scrollable board region. */\n  board: string;\n  /** Announced when a card starts moving. `{item}` and `{stage}` are substituted. */\n  moved: string;\n  /** Announced when `onMove` rejects. */\n  moveFailed: string;\n  /** Hint on a focusable card describing the keyboard move. */\n  moveHint: string;\n}\n\nexport const defaultBoardLabels: BoardLabels = {\n  ...defaultViewLabels,\n  empty: 'Nothing in this stage',\n  board: 'Board',\n  moved: '{item} moved to {stage}',\n  moveFailed: 'Could not move {item}',\n  moveHint: 'Press Control with the arrow keys to move between stages',\n};\n\nexport interface BoardViewProps<T>\n  extends ViewBaseProps<T>, VariantProps<typeof cardVariants> {\n  /** Columns, in order. A board without stages has nothing to draw. */\n  stages: readonly Stage[];\n  /**\n   * Commits a move. The board shows the card in its new column while this is\n   * pending and puts it back if the promise rejects, so the caller never has to\n   * re-render it home.\n   */\n  onMove?: (id: string, toStage: string, item: T) => void | Promise<void>;\n  labels?: Partial<BoardLabels>;\n  classNames?: Partial<Record<BoardViewSlot, string>>;\n  /** Heading level for column headers, under the page's own heading. */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst cardVariants = cva(\n  [\n    'w-full rounded-md border border-border bg-card p-2 text-start',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n  ],\n  {\n    variants: {\n      density: {\n        comfortable: 'p-3',\n        compact: 'p-2',\n      },\n      interactive: { true: 'hover:border-primary-500/40', false: '' },\n      selected: { true: 'ring-2 ring-primary-500/50', false: '' },\n      pending: { true: 'opacity-60', false: '' },\n    },\n    defaultVariants: {\n      density: 'comfortable',\n      interactive: false,\n      selected: false,\n      pending: false,\n    },\n  }\n);\n\nconst fill = (template: string, values: Record<string, string>) =>\n  template.replace(/\\{(\\w+)\\}/g, (_, key) => values[key] ?? '');\n\n// =============================================================================\n// Card\n// =============================================================================\n\ninterface CardProps {\n  id: string;\n  title: string;\n  subtitle?: string;\n  accent?: Accent;\n  selected: boolean;\n  pending: boolean;\n  draggable: boolean;\n  hint?: string;\n  href?: string;\n  className?: string;\n  children?: React.ReactNode;\n  onOpen?: () => void;\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n}\n\nfunction BoardCard({\n  id,\n  title,\n  subtitle,\n  accent,\n  selected,\n  pending,\n  draggable,\n  hint,\n  href,\n  className,\n  children,\n  onOpen,\n  onKeyDown,\n}: CardProps) {\n  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n    id,\n    disabled: !draggable,\n  });\n\n  const body = children ?? (\n    <span className=\"flex items-start gap-2\">\n      {accent && (\n        <span\n          aria-hidden\n          className={cn(\n            'mt-1.5 size-2 shrink-0 rounded-full',\n            accentClasses[accent].marker\n          )}\n        />\n      )}\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"text-foreground block text-sm font-medium\">\n          {title}\n        </span>\n        {subtitle && (\n          <span className=\"text-muted-foreground block truncate text-xs\">\n            {subtitle}\n          </span>\n        )}\n      </span>\n    </span>\n  );\n\n  const onCardKeyDown = (event: React.KeyboardEvent) => {\n    if (onOpen && !href && (event.key === 'Enter' || event.key === ' ')) {\n      // Space is dnd-kit's pick-up key only while dragging; here the card is at\n      // rest, so it activates like any other button.\n      if (!event.ctrlKey && !event.metaKey) {\n        event.preventDefault();\n        onOpen();\n        return;\n      }\n    }\n    onKeyDown?.(event);\n  };\n\n  const shared = {\n    ref: setNodeRef,\n    // Only the pointer listeners are shared. dnd-kit's `attributes` carry\n    // `role=\"button\"` and a `tabIndex`, which on an `<a href>` would override\n    // the native link role — the card would announce as a button, and the\n    // middle-click / \"copy link\" affordance this branch exists to preserve\n    // would no longer be what assistive tech describes. The non-link card takes\n    // them below, where button semantics are the correct answer.\n    ...(draggable ? listeners : {}),\n    'aria-current': selected ? ('true' as const) : undefined,\n    'aria-describedby': hint,\n    'aria-busy': pending || undefined,\n    'data-slot': 'board-view-card',\n    className: cn(className, isDragging && 'opacity-40'),\n  };\n\n  return (\n    <li>\n      {href ? (\n        // An anchor, like every other view: the card stays middle-clickable and\n        // \"copy link\" works. dnd-kit's listeners still own the drag.\n        <a\n          {...shared}\n          href={href}\n          onKeyDown={onCardKeyDown}\n          onClick={(event) => {\n            if (\n              !onOpen ||\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey ||\n              event.button !== 0\n            )\n              return;\n            event.preventDefault();\n            onOpen();\n          }}\n        >\n          {body}\n        </a>\n      ) : (\n        <div\n          {...shared}\n          {...(draggable ? attributes : {})}\n          role={onOpen ? 'button' : undefined}\n          tabIndex={draggable || onOpen ? 0 : undefined}\n          onKeyDown={onCardKeyDown}\n          onClick={onOpen}\n        >\n          {body}\n        </div>\n      )}\n    </li>\n  );\n}\n\n// =============================================================================\n// Column\n// =============================================================================\n\nfunction BoardColumn({\n  stage,\n  headerId,\n  count,\n  headingLevel: Heading,\n  droppable,\n  classNames,\n  children,\n}: {\n  stage: Stage;\n  droppable: boolean;\n  headerId: string;\n  count: number;\n  headingLevel: 'h2' | 'h3' | 'h4';\n  classNames?: BoardViewProps<unknown>['classNames'];\n  children: React.ReactNode;\n}) {\n  const { setNodeRef, isOver } = useDroppable({\n    id: stage.id,\n    disabled: !droppable,\n  });\n  const accent = stage.accent ?? 'neutral';\n  return (\n    <section\n      ref={setNodeRef}\n      data-slot=\"board-view-column\"\n      data-over={isOver || undefined}\n      className={cn(\n        'bg-muted/40 flex min-w-0 flex-col rounded-lg border',\n        isOver ? accentClasses[accent].border : 'border-border',\n        'sm:w-72 sm:shrink-0',\n        classNames?.column\n      )}\n    >\n      <Heading>\n        <span\n          id={headerId}\n          data-slot=\"board-view-column-header\"\n          className={cn(\n            'border-border text-muted-foreground flex items-center gap-2 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase',\n            classNames?.columnHeader\n          )}\n        >\n          <span\n            aria-hidden\n            className={cn(\n              'size-2 shrink-0 rounded-full',\n              accentClasses[accent].marker\n            )}\n          />\n          <span>{stage.label}</span>\n          <span className=\"ms-auto font-normal tabular-nums\">{count}</span>\n        </span>\n      </Heading>\n      {children}\n    </section>\n  );\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport function BoardView<T>({\n  items,\n  accessors,\n  stages,\n  loading = false,\n  error = null,\n  selectedId = null,\n  onOpen,\n  getHref,\n  onMove,\n  renderItem,\n  emptyState,\n  labels,\n  density,\n  className,\n  classNames,\n  headingLevel = 'h3',\n}: BoardViewProps<T>) {\n  const text = { ...defaultBoardLabels, ...labels };\n  const hintId = React.useId();\n  // Ids come from position, not from the stage id: two distinct statuses can\n  // normalise to the same string, and a duplicate id makes `aria-labelledby`\n  // resolve to the wrong heading.\n  const baseId = React.useId();\n  const [announcement, setAnnouncement] = React.useState('');\n  const [draggingId, setDraggingId] = React.useState<string | null>(null);\n  // Where a card is shown while its move is in flight, so the column it landed\n  // in is the one the user sees before the caller's data catches up.\n  // A Map, not an object. Ids come from the caller's `getId` and are only\n  // typed `string`, so a collection keyed by user data can legitimately produce\n  // `toString`, `constructor` or `__proto__`. On a plain object `'toString' in\n  // pending` is true before anything is pending, which would pin that card as\n  // permanently in-flight and make it impossible to move.\n  const [pending, setPending] = React.useState<Map<string, string>>(\n    () => new Map()\n  );\n\n  const byId = React.useMemo(() => {\n    const map = new Map<string, T>();\n    for (const item of items) map.set(accessors.getId(item), item);\n    return map;\n  }, [items, accessors]);\n\n  const stageOf = React.useCallback(\n    (item: T) =>\n      pending.get(accessors.getId(item)) ?? accessors.getStatus?.(item),\n    [pending, accessors]\n  );\n\n  const columns = React.useMemo(() => {\n    const buckets = new Map<string, T[]>(stages.map((s) => [s.id, []]));\n    const extra = new Map<string, T[]>();\n    for (const item of items) {\n      const key = stageOf(item) ?? '';\n      const bucket = buckets.get(key);\n      if (bucket) bucket.push(item);\n      else {\n        const spill = extra.get(key);\n        if (spill) spill.push(item);\n        else extra.set(key, [item]);\n      }\n    }\n    return [\n      ...stages.map((stage) => ({\n        stage,\n        declared: true,\n        items: buckets.get(stage.id) ?? [],\n      })),\n      // Never silently drop a record whose status matches no stage. These are\n      // shown so the record stays visible, but they are not drop targets: their\n      // ids were never declared, and `onMove` promises a named stage.\n      ...[...extra].map(([key, bucket]) => ({\n        stage: { id: key, label: key || text.ungrouped } as Stage,\n        declared: false,\n        items: bucket,\n      })),\n    ];\n  }, [items, stages, stageOf, text.ungrouped]);\n\n  const commit = React.useCallback(\n    async (id: string, toStage: string) => {\n      const item = byId.get(id);\n      if (!item || !onMove) return;\n      // One move per card at a time: a second would overwrite the first's\n      // pending stage, and the first `finally` would then clear it, snapping\n      // the card home while the second mutation is still in flight.\n      if (pending.has(id)) return;\n      const stage = stages.find((s) => s.id === toStage);\n      // `onMove` promises a move to a stage the caller declared. Columns\n      // synthesized for unknown statuses exist so a record is never silently\n      // dropped, not as somewhere to put things — accepting a drop there would\n      // hand back an id that was never in `stages`.\n      if (!stage) return;\n      const from = accessors.getStatus?.(item);\n      if (from === toStage) return;\n      const title = accessors.getTitle(item);\n\n      setPending((prev) => new Map(prev).set(id, toStage));\n      setAnnouncement(\n        fill(text.moved, { item: title, stage: stage.label ?? toStage })\n      );\n      try {\n        await onMove(id, toStage, item);\n      } catch {\n        setAnnouncement(fill(text.moveFailed, { item: title }));\n      } finally {\n        setPending((prev) => {\n          const next = new Map(prev);\n          next.delete(id);\n          return next;\n        });\n      }\n    },\n    [byId, onMove, pending, accessors, stages, text.moved, text.moveFailed]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } })\n  );\n\n  const onDragStart = (event: DragStartEvent) =>\n    setDraggingId(String(event.active.id));\n\n  const onDragEnd = (event: DragEndEvent) => {\n    setDraggingId(null);\n    if (event.over) void commit(String(event.active.id), String(event.over.id));\n  };\n\n  // Pointer drag has no keyboard equivalent that is pleasant to use, so moving\n  // by keyboard is its own command on the focused card rather than a simulated\n  // drag: Ctrl/Cmd with the arrow keys steps it between adjacent stages.\n  const onCardKeyDown = (\n    event: React.KeyboardEvent,\n    id: string,\n    columnIndex: number\n  ) => {\n    if (!onMove || !(event.ctrlKey || event.metaKey)) return;\n    const rtl = isRtl(event.currentTarget);\n    let delta = 0;\n    if (event.key === 'ArrowRight') delta = rtl ? -1 : 1;\n    else if (event.key === 'ArrowLeft') delta = rtl ? 1 : -1;\n    else return;\n    // Step to the next *declared* stage. A fallback column is not a move\n    // target, so stopping on one would strand the card there; skipping it\n    // keeps arrowing continuous and still lets a card leave one.\n    let target;\n    for (\n      let i = columnIndex + delta;\n      i >= 0 && i < columns.length;\n      i += delta\n    ) {\n      if (columns[i].declared) {\n        target = columns[i];\n        break;\n      }\n    }\n    if (!target) return;\n    event.preventDefault();\n    void commit(id, target.stage.id);\n  };\n\n  const state = (content: React.ReactNode) => (\n    <div\n      data-slot=\"board-view-state\"\n      className={cn(\n        'border-border bg-card text-muted-foreground flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-10 text-center text-sm',\n        classNames?.state\n      )}\n    >\n      {content}\n    </div>\n  );\n\n  if (error) {\n    return state(\n      <p role=\"alert\" className=\"text-destructive\">\n        {text.error}\n      </p>\n    );\n  }\n  if (loading) {\n    return state(\n      <span className=\"flex items-center gap-2\">\n        <Spinner size=\"sm\" label={text.loading} />\n        <span aria-hidden>{text.loading}</span>\n      </span>\n    );\n  }\n  if (items.length === 0 && emptyState) return <>{emptyState}</>;\n\n  const draggingItem = draggingId ? byId.get(draggingId) : undefined;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={pointerWithin}\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n      onDragCancel={() => setDraggingId(null)}\n    >\n      <div\n        data-slot=\"board-view\"\n        // Scrollable content must be keyboard operable (WCAG 2.1.1), which axe\n        // enforces as scrollable-region-focusable. jsx-a11y disagrees for\n        // non-interactive elements; the success criterion wins.\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n        role=\"group\"\n        aria-label={text.board}\n        className={cn(\n          // Columns on one scrolling row once there is room; stacked below it,\n          // because five 288px columns on a phone is a horizontal maze.\n          'flex flex-col gap-3 sm:flex-row sm:overflow-x-auto sm:pb-2',\n          className\n        )}\n      >\n        {columns.map((column, columnIndex) => (\n          <BoardColumn\n            key={column.stage.id}\n            stage={column.stage}\n            droppable={column.declared && Boolean(onMove)}\n            headerId={`${baseId}-col-${columnIndex}`}\n            count={column.items.length}\n            headingLevel={headingLevel}\n            classNames={classNames}\n          >\n            <ul\n              aria-labelledby={`${baseId}-col-${columnIndex}`}\n              className=\"flex flex-1 flex-col gap-2 p-2\"\n            >\n              {column.items.map((item) => {\n                const id = accessors.getId(item);\n                return (\n                  <BoardCard\n                    key={id}\n                    id={id}\n                    title={accessors.getTitle(item)}\n                    subtitle={accessors.getSubtitle?.(item)}\n                    accent={accessors.getAccent?.(item)}\n                    selected={id === selectedId}\n                    pending={pending.has(id)}\n                    draggable={Boolean(onMove)}\n                    hint={onMove ? hintId : undefined}\n                    href={getHref?.(id, item)}\n                    className={cn(\n                      cardVariants({\n                        density,\n                        interactive: Boolean(onOpen),\n                        selected: id === selectedId,\n                        pending: pending.has(id),\n                      }),\n                      classNames?.card,\n                      id === selectedId && classNames?.selectedCard\n                    )}\n                    onOpen={onOpen ? () => onOpen(id, item) : undefined}\n                    onKeyDown={(event) => onCardKeyDown(event, id, columnIndex)}\n                  >\n                    {renderItem?.(item, { view: 'board' })}\n                  </BoardCard>\n                );\n              })}\n              {column.items.length === 0 && (\n                <li className=\"text-muted-foreground px-1 py-2 text-xs\">\n                  {text.empty}\n                </li>\n              )}\n            </ul>\n          </BoardColumn>\n        ))}\n      </div>\n\n      {onMove && (\n        <span id={hintId} className=\"sr-only\">\n          {text.moveHint}\n        </span>\n      )}\n      {/* Separate from dnd-kit's own drag live region: this announces moves\n          made by keyboard command, which are not drags. */}\n      <span\n        data-slot=\"board-view-announcer\"\n        role=\"status\"\n        aria-live=\"polite\"\n        className=\"sr-only\"\n      >\n        {announcement}\n      </span>\n\n      <DragOverlay>\n        {draggingItem && (\n          <div className={cn(cardVariants({ density }), 'shadow-lg')}>\n            <span className=\"text-foreground block text-sm font-medium\">\n              {accessors.getTitle(draggingItem)}\n            </span>\n          </div>\n        )}\n      </DragOverlay>\n    </DndContext>\n  );\n}\n\nexport { cardVariants as boardViewCardVariants };\n"]}