@vc-shell/framework 2.4.0 → 2.5.0

package/dist/chunks/dashboard-feed-row.vue_vue_type_script_setup_true_lang-BXDneKBz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dashboard-feed-row.vue_vue_type_script_setup_true_lang-BXDneKBz.js","sources":["../../shell/dashboard/draggable-dashboard/composables/useGridstackAdapter.ts","../../shell/dashboard/draggable-dashboard/composables/useGridstack.ts","../../shell/dashboard/draggable-dashboard/DashboardWidgetSkeleton.vue","../../shell/dashboard/draggable-dashboard/GridstackDashboard.vue","../../shell/dashboard/draggable-dashboard/DraggableDashboard.vue","../../shell/dashboard/draggable-dashboard/index.ts","../../shell/dashboard/dashboard-widget-card/dashboard-widget-card.vue","../../shell/dashboard/dashboard-widget-card/dashboard-stat-item.vue","../../shell/dashboard/dashboard-widget-card/dashboard-feed-list.vue","../../shell/dashboard/dashboard-widget-card/dashboard-feed-row.vue"],"sourcesContent":["/**\r\n * Gridstack Type Adapter\r\n *\r\n * Converts between our IDashboardWidget types and Gridstack's GridStackWidget types.\r\n * Handles localStorage format migration for backwards compatibility.\r\n */\r\n\r\nimport type { GridStackWidget, GridStackNode } from \"gridstack\";\r\nimport type {\r\n  IDashboardWidget,\r\n  DashboardWidgetPosition,\r\n  DashboardWidgetSize,\r\n} from \"@shell/dashboard/draggable-dashboard/types\";\r\n\r\n/**\r\n * LocalStorage key for layout persistence\r\n */\r\nexport const LAYOUT_STORAGE_KEY = \"vc-dashboard-layout\";\r\n\r\n/**\r\n * Old localStorage format (Map serialized as object)\r\n */\r\ninterface LegacyLayoutFormat {\r\n  [widgetId: string]: DashboardWidgetPosition;\r\n}\r\n\r\n/**\r\n * Converts our widget type to Gridstack widget format\r\n */\r\nexport function toGridstackWidget(widget: IDashboardWidget, position?: DashboardWidgetPosition): GridStackWidget {\r\n  const pos = position ?? widget.position;\r\n  return {\r\n    id: widget.id,\r\n    x: pos?.x ?? 0,\r\n    y: pos?.y ?? 0,\r\n    w: widget.size.width,\r\n    h: widget.size.height,\r\n    minW: 2,\r\n    minH: 2,\r\n  };\r\n}\r\n\r\n/**\r\n * Extracts position from Gridstack node\r\n */\r\nexport function fromGridstackNode(node: GridStackNode): {\r\n  id: string;\r\n  position: DashboardWidgetPosition;\r\n  size: DashboardWidgetSize;\r\n} {\r\n  return {\r\n    id: node.id ?? \"\",\r\n    position: {\r\n      x: node.x ?? 0,\r\n      y: node.y ?? 0,\r\n    },\r\n    size: {\r\n      width: node.w ?? 1,\r\n      height: node.h ?? 1,\r\n    },\r\n  };\r\n}\r\n\r\n/**\r\n * Converts Gridstack nodes array to our layout Map format\r\n */\r\nexport function gridstackNodesToLayoutMap(nodes: GridStackNode[]): Map<string, DashboardWidgetPosition> {\r\n  const layout = new Map<string, DashboardWidgetPosition>();\r\n\r\n  for (const node of nodes) {\r\n    if (node.id) {\r\n      layout.set(node.id, {\r\n        x: node.x ?? 0,\r\n        y: node.y ?? 0,\r\n      });\r\n    }\r\n  }\r\n\r\n  return layout;\r\n}\r\n\r\n/**\r\n * Loads layout from localStorage with legacy format support\r\n */\r\nexport function loadLayoutFromStorage(): Map<string, DashboardWidgetPosition> | null {\r\n  try {\r\n    const stored = localStorage.getItem(LAYOUT_STORAGE_KEY);\r\n    if (!stored) return null;\r\n\r\n    const parsed = JSON.parse(stored);\r\n\r\n    // Check if it's the new Gridstack array format\r\n    if (Array.isArray(parsed)) {\r\n      return gridstackNodesToLayoutMap(parsed as GridStackNode[]);\r\n    }\r\n\r\n    // Legacy format: object with widget IDs as keys\r\n    if (typeof parsed === \"object\" && parsed !== null) {\r\n      const layout = new Map<string, DashboardWidgetPosition>();\r\n      for (const [id, pos] of Object.entries(parsed as LegacyLayoutFormat)) {\r\n        if (pos && typeof pos.x === \"number\" && typeof pos.y === \"number\") {\r\n          layout.set(id, { x: pos.x, y: pos.y });\r\n        }\r\n      }\r\n      return layout;\r\n    }\r\n\r\n    return null;\r\n  } catch (error) {\r\n    console.warn(\"[GridstackAdapter] Failed to load layout from storage:\", error);\r\n    return null;\r\n  }\r\n}\r\n\r\n/**\r\n * Saves layout to localStorage in Gridstack format\r\n */\r\nexport function saveLayoutToStorage(widgets: IDashboardWidget[], layout: Map<string, DashboardWidgetPosition>): void {\r\n  try {\r\n    const gridstackFormat: GridStackWidget[] = widgets.map((widget) => {\r\n      const pos = layout.get(widget.id);\r\n      return {\r\n        id: widget.id,\r\n        x: pos?.x ?? widget.position?.x ?? 0,\r\n        y: pos?.y ?? widget.position?.y ?? 0,\r\n        w: widget.size.width,\r\n        h: widget.size.height,\r\n      };\r\n    });\r\n\r\n    localStorage.setItem(LAYOUT_STORAGE_KEY, JSON.stringify(gridstackFormat));\r\n  } catch (error) {\r\n    console.warn(\"[GridstackAdapter] Failed to save layout to storage:\", error);\r\n  }\r\n}\r\n\r\n/**\r\n * Clears layout from localStorage\r\n */\r\nexport function clearLayoutStorage(): void {\r\n  try {\r\n    localStorage.removeItem(LAYOUT_STORAGE_KEY);\r\n  } catch (error) {\r\n    console.warn(\"[GridstackAdapter] Failed to clear layout storage:\", error);\r\n  }\r\n}\r\n\r\n/**\r\n * Auto-arrange widgets in a grid layout\r\n * Places widgets side by side when possible, wrapping to next row\r\n */\r\nfunction autoArrangeWidgets(widgets: IDashboardWidget[], columns: number = 12): Map<string, DashboardWidgetPosition> {\r\n  const layout = new Map<string, DashboardWidgetPosition>();\r\n\r\n  // Track occupied cells in each row\r\n  const rowOccupancy: Map<number, number[]> = new Map();\r\n\r\n  const isPositionFree = (x: number, y: number, width: number, height: number): boolean => {\r\n    for (let row = y; row < y + height; row++) {\r\n      const occupied = rowOccupancy.get(row) || [];\r\n      for (let col = x; col < x + width; col++) {\r\n        if (occupied.includes(col)) return false;\r\n      }\r\n    }\r\n    return true;\r\n  };\r\n\r\n  const occupyPosition = (x: number, y: number, width: number, height: number): void => {\r\n    for (let row = y; row < y + height; row++) {\r\n      const occupied = rowOccupancy.get(row) || [];\r\n      for (let col = x; col < x + width; col++) {\r\n        occupied.push(col);\r\n      }\r\n      rowOccupancy.set(row, occupied);\r\n    }\r\n  };\r\n\r\n  const findFreePosition = (width: number, height: number): DashboardWidgetPosition => {\r\n    let y = 0;\r\n    while (true) {\r\n      for (let x = 0; x <= columns - width; x++) {\r\n        if (isPositionFree(x, y, width, height)) {\r\n          return { x, y };\r\n        }\r\n      }\r\n      y++;\r\n      // Safety limit\r\n      if (y > 100) break;\r\n    }\r\n    return { x: 0, y };\r\n  };\r\n\r\n  for (const widget of widgets) {\r\n    const position = findFreePosition(widget.size.width, widget.size.height);\r\n    layout.set(widget.id, position);\r\n    occupyPosition(position.x, position.y, widget.size.width, widget.size.height);\r\n  }\r\n\r\n  return layout;\r\n}\r\n\r\n/**\r\n * Merges saved layout with widget defaults\r\n * Handles cases where widgets have been added/removed\r\n * Auto-arranges widgets that don't have positions\r\n */\r\nexport function mergeLayoutWithWidgets(\r\n  widgets: IDashboardWidget[],\r\n  savedLayout: Map<string, DashboardWidgetPosition> | null,\r\n): Map<string, DashboardWidgetPosition> {\r\n  // If we have a saved layout with positions, use it\r\n  if (savedLayout && savedLayout.size > 0) {\r\n    const layout = new Map<string, DashboardWidgetPosition>();\r\n\r\n    for (const widget of widgets) {\r\n      const savedPos = savedLayout.get(widget.id);\r\n      const builtInPos = widget.position;\r\n      const position = savedPos ?? builtInPos ?? { x: 0, y: 0 };\r\n      layout.set(widget.id, position);\r\n    }\r\n\r\n    return layout;\r\n  }\r\n\r\n  // Check if all widgets have built-in positions\r\n  const allHavePositions = widgets.every((w) => w.position !== undefined);\r\n\r\n  if (allHavePositions) {\r\n    const layout = new Map<string, DashboardWidgetPosition>();\r\n    for (const widget of widgets) {\r\n      layout.set(widget.id, widget.position!);\r\n    }\r\n    return layout;\r\n  }\r\n\r\n  // Auto-arrange widgets\r\n  return autoArrangeWidgets(widgets);\r\n}\r\n","/**\r\n * Gridstack Integration Composable\r\n *\r\n * Provides Vue 3 integration with Gridstack.js library.\r\n * Handles initialization, event binding, and cleanup.\r\n */\r\n\r\nimport { ref, shallowRef, onUnmounted, watch, nextTick, type Ref, type ShallowRef } from \"vue\";\r\nimport { GridStack, type GridStackOptions, type GridStackNode } from \"gridstack\";\r\nimport type { IDashboardWidget, DashboardWidgetPosition } from \"@shell/dashboard/draggable-dashboard/types\";\r\nimport {\r\n  toGridstackWidget,\r\n  fromGridstackNode,\r\n  loadLayoutFromStorage,\r\n  saveLayoutToStorage,\r\n  mergeLayoutWithWidgets,\r\n} from \"@shell/dashboard/draggable-dashboard/composables/useGridstackAdapter\";\r\n\r\n/**\r\n * Default Gridstack configuration\r\n */\r\nconst DEFAULT_OPTIONS: GridStackOptions = {\r\n  column: 12,\r\n  cellHeight: 80,\r\n  margin: \"10px\",\r\n  float: false,\r\n  animate: true,\r\n  // Disable responsive column changes - always use 12 columns\r\n  columnOpts: {\r\n    breakpoints: [{ w: 0, c: 12 }], // Always 12 columns regardless of width\r\n  },\r\n  draggable: {\r\n    handle: \".grid-stack-item-content\",\r\n  },\r\n  resizable: {\r\n    handles: \"se\", // Only bottom-right corner\r\n  },\r\n};\r\n\r\n/**\r\n * Options for useGridstack composable\r\n */\r\nexport interface UseGridstackOptions {\r\n  /** Gridstack configuration options */\r\n  gridOptions?: Partial<GridStackOptions>;\r\n  /** Enable widget resizing */\r\n  resizable?: boolean;\r\n  /** Auto-save layout to localStorage */\r\n  autoSave?: boolean;\r\n  /** Callback when layout changes */\r\n  onLayoutChange?: (layout: Map<string, DashboardWidgetPosition>) => void;\r\n}\r\n\r\n/**\r\n * Return type for useGridstack composable\r\n */\r\nexport interface UseGridstackReturn {\r\n  /** Reference to GridStack instance */\r\n  grid: ShallowRef<GridStack | null>;\r\n  /** Current layout map */\r\n  layout: Ref<Map<string, DashboardWidgetPosition>>;\r\n  /** Whether grid is initialized */\r\n  isInitialized: Ref<boolean>;\r\n  /** Initialize grid on element */\r\n  initGrid: (element: HTMLElement) => void;\r\n  /** Destroy grid instance */\r\n  destroyGrid: () => void;\r\n  /** Add a widget to the grid */\r\n  addWidget: (widget: IDashboardWidget) => void;\r\n  /** Remove a widget from the grid */\r\n  removeWidget: (widgetId: string) => void;\r\n  /** Update widget position */\r\n  updateWidgetPosition: (widgetId: string, position: DashboardWidgetPosition) => void;\r\n  updateWidgetSize: (widgetId: string, size: { width: number; height: number }) => void;\r\n  /** Save current layout */\r\n  saveLayout: () => void;\r\n  /** Load layout from storage */\r\n  loadLayout: () => void;\r\n  /** Reset to built-in positions */\r\n  resetToDefaults: () => void;\r\n  /** Batch update mode (disable animations) */\r\n  batchUpdate: (fn: () => void) => void;\r\n}\r\n\r\n/**\r\n * Vue 3 composable for Gridstack integration\r\n */\r\nexport function useGridstack(widgets: Ref<IDashboardWidget[]>, options: UseGridstackOptions = {}): UseGridstackReturn {\r\n  const { gridOptions = {}, resizable = false, autoSave = true, onLayoutChange } = options;\r\n\r\n  // State\r\n  const grid = shallowRef<GridStack | null>(null);\r\n  const layout = ref<Map<string, DashboardWidgetPosition>>(new Map());\r\n  const isInitialized = ref(false);\r\n  const isUpdating = ref(false);\r\n\r\n  /**\r\n   * Merge options with defaults\r\n   */\r\n  const mergedOptions: GridStackOptions = {\r\n    ...DEFAULT_OPTIONS,\r\n    ...gridOptions,\r\n    disableResize: !resizable,\r\n  };\r\n\r\n  /**\r\n   * Initialize the grid on a DOM element\r\n   */\r\n  const initGrid = (element: HTMLElement): void => {\r\n    if (grid.value) {\r\n      console.warn(\"[useGridstack] Grid already initialized\");\r\n      return;\r\n    }\r\n\r\n    // Load saved layout\r\n    const savedLayout = loadLayoutFromStorage();\r\n    layout.value = mergeLayoutWithWidgets(widgets.value, savedLayout);\r\n\r\n    // Initialize Gridstack\r\n    grid.value = GridStack.init(mergedOptions, element);\r\n\r\n    // Bind event handlers\r\n    grid.value.on(\"change\", handleChange);\r\n    grid.value.on(\"added\", handleAdded);\r\n    grid.value.on(\"removed\", handleRemoved);\r\n\r\n    // Explicitly load widgets with their positions to ensure proper layout\r\n    // This is needed because Vue renders DOM after Gridstack.init() processes children\r\n    const widgetData = widgets.value.map((widget) => {\r\n      const position = layout.value.get(widget.id);\r\n      return toGridstackWidget(widget, position);\r\n    });\r\n\r\n    // Use load() to apply positions - this updates existing items\r\n    grid.value.load(widgetData);\r\n\r\n    isInitialized.value = true;\r\n  };\r\n\r\n  /**\r\n   * Handle grid change events (drag/resize)\r\n   */\r\n  const handleChange = (_event: Event, nodes: GridStackNode[]): void => {\r\n    if (isUpdating.value) return;\r\n\r\n    for (const node of nodes) {\r\n      const { id, position } = fromGridstackNode(node);\r\n      if (id) {\r\n        layout.value.set(id, position);\r\n      }\r\n    }\r\n\r\n    // Trigger reactivity\r\n    layout.value = new Map(layout.value);\r\n\r\n    // Notify callback\r\n    onLayoutChange?.(layout.value);\r\n\r\n    // Auto-save\r\n    if (autoSave) {\r\n      saveLayout();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Handle widget added event\r\n   */\r\n  const handleAdded = (_event: Event, nodes: GridStackNode[]): void => {\r\n    for (const node of nodes) {\r\n      const { id, position } = fromGridstackNode(node);\r\n      if (id && !layout.value.has(id)) {\r\n        layout.value.set(id, position);\r\n      }\r\n    }\r\n    layout.value = new Map(layout.value);\r\n  };\r\n\r\n  /**\r\n   * Handle widget removed event\r\n   */\r\n  const handleRemoved = (_event: Event, nodes: GridStackNode[]): void => {\r\n    for (const node of nodes) {\r\n      if (node.id) {\r\n        layout.value.delete(node.id);\r\n      }\r\n    }\r\n    layout.value = new Map(layout.value);\r\n  };\r\n\r\n  /**\r\n   * Destroy the grid instance\r\n   */\r\n  const destroyGrid = (): void => {\r\n    if (grid.value) {\r\n      grid.value.off(\"change\");\r\n      grid.value.off(\"added\");\r\n      grid.value.off(\"removed\");\r\n      grid.value.destroy(false); // false = don't remove DOM elements\r\n      grid.value = null;\r\n      isInitialized.value = false;\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Add a widget to the grid\r\n   */\r\n  const addWidget = (widget: IDashboardWidget): void => {\r\n    if (!grid.value) return;\r\n\r\n    const position = layout.value.get(widget.id) ?? widget.position;\r\n    const gsWidget = toGridstackWidget(widget, position);\r\n\r\n    // Find the DOM element for this widget\r\n    const element = document.querySelector(`[gs-id=\"${widget.id}\"]`);\r\n    if (element) {\r\n      grid.value.makeWidget(element as HTMLElement, gsWidget);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Remove a widget from the grid\r\n   */\r\n  const removeWidget = (widgetId: string): void => {\r\n    if (!grid.value) return;\r\n\r\n    const element = document.querySelector(`[gs-id=\"${widgetId}\"]`);\r\n    if (element) {\r\n      grid.value.removeWidget(element as HTMLElement, false);\r\n    }\r\n    layout.value.delete(widgetId);\r\n  };\r\n\r\n  /**\r\n   * Update widget position programmatically\r\n   */\r\n  const updateWidgetPosition = (widgetId: string, position: DashboardWidgetPosition): void => {\r\n    if (!grid.value) return;\r\n\r\n    const element = document.querySelector(`[gs-id=\"${widgetId}\"]`);\r\n    if (element) {\r\n      isUpdating.value = true;\r\n      grid.value.update(element as HTMLElement, { x: position.x, y: position.y });\r\n      layout.value.set(widgetId, position);\r\n      layout.value = new Map(layout.value);\r\n      isUpdating.value = false;\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Counterpart of updateWidgetPosition for the size axis, so a widget can be\r\n   * resized programmatically — keyboard resizing has no drag handle to simulate.\r\n   */\r\n  const updateWidgetSize = (widgetId: string, size: { width: number; height: number }): void => {\r\n    if (!grid.value) return;\r\n\r\n    const element = document.querySelector(`[gs-id=\"${widgetId}\"]`);\r\n    if (element) {\r\n      isUpdating.value = true;\r\n      grid.value.update(element as HTMLElement, { w: size.width, h: size.height });\r\n      isUpdating.value = false;\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Save current layout to localStorage\r\n   */\r\n  const saveLayout = (): void => {\r\n    saveLayoutToStorage(widgets.value, layout.value);\r\n  };\r\n\r\n  /**\r\n   * Load layout from localStorage\r\n   */\r\n  const loadLayout = (): void => {\r\n    const savedLayout = loadLayoutFromStorage();\r\n    if (savedLayout) {\r\n      layout.value = mergeLayoutWithWidgets(widgets.value, savedLayout);\r\n      applyLayoutToGrid();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Reset to built-in widget positions\r\n   */\r\n  const resetToDefaults = (): void => {\r\n    layout.value = new Map();\r\n    for (const widget of widgets.value) {\r\n      if (widget.position) {\r\n        layout.value.set(widget.id, { ...widget.position });\r\n      }\r\n    }\r\n    applyLayoutToGrid();\r\n    saveLayout();\r\n  };\r\n\r\n  /**\r\n   * Apply current layout to grid\r\n   */\r\n  const applyLayoutToGrid = (): void => {\r\n    if (!grid.value) return;\r\n\r\n    isUpdating.value = true;\r\n    grid.value.batchUpdate();\r\n\r\n    for (const widget of widgets.value) {\r\n      const position = layout.value.get(widget.id);\r\n      if (position) {\r\n        const element = document.querySelector(`[gs-id=\"${widget.id}\"]`);\r\n        if (element) {\r\n          grid.value.update(element as HTMLElement, {\r\n            x: position.x,\r\n            y: position.y,\r\n          });\r\n        }\r\n      }\r\n    }\r\n\r\n    grid.value.batchUpdate(false);\r\n    isUpdating.value = false;\r\n  };\r\n\r\n  /**\r\n   * Execute function in batch update mode\r\n   */\r\n  const batchUpdate = (fn: () => void): void => {\r\n    if (!grid.value) {\r\n      fn();\r\n      return;\r\n    }\r\n\r\n    isUpdating.value = true;\r\n    grid.value.batchUpdate();\r\n    fn();\r\n    grid.value.batchUpdate(false);\r\n    isUpdating.value = false;\r\n  };\r\n\r\n  // Watch for widget changes\r\n  watch(\r\n    widgets,\r\n    async (newWidgets, oldWidgets) => {\r\n      if (!grid.value || !isInitialized.value) return;\r\n\r\n      await nextTick();\r\n\r\n      // Find added widgets\r\n      const addedWidgets = newWidgets.filter((w) => !oldWidgets?.some((ow) => ow.id === w.id));\r\n\r\n      // Find removed widgets\r\n      const removedWidgetIds =\r\n        oldWidgets?.filter((w) => !newWidgets.some((nw) => nw.id === w.id)).map((w) => w.id) ?? [];\r\n\r\n      // Remove old widgets\r\n      for (const id of removedWidgetIds) {\r\n        removeWidget(id);\r\n      }\r\n\r\n      // Add new widgets\r\n      for (const widget of addedWidgets) {\r\n        addWidget(widget);\r\n      }\r\n    },\r\n    { deep: false },\r\n  );\r\n\r\n  // Cleanup on unmount\r\n  onUnmounted(() => {\r\n    destroyGrid();\r\n  });\r\n\r\n  return {\r\n    grid,\r\n    layout,\r\n    isInitialized,\r\n    initGrid,\r\n    destroyGrid,\r\n    addWidget,\r\n    removeWidget,\r\n    updateWidgetPosition,\r\n    updateWidgetSize,\r\n    saveLayout,\r\n    loadLayout,\r\n    resetToDefaults,\r\n    batchUpdate,\r\n  };\r\n}\r\n","<template>\n  <div\n    class=\"dashboard-widget-skeleton\"\n    aria-hidden=\"true\"\n  >\n    <div class=\"dashboard-widget-skeleton__header\">\n      <div class=\"dashboard-widget-skeleton__icon\" />\n      <div class=\"dashboard-widget-skeleton__title\" />\n    </div>\n    <div class=\"dashboard-widget-skeleton__stats\">\n      <div class=\"dashboard-widget-skeleton__stat\" />\n      <div class=\"dashboard-widget-skeleton__stat\" />\n      <div class=\"dashboard-widget-skeleton__stat\" />\n    </div>\n    <div class=\"dashboard-widget-skeleton__body\">\n      <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w80\" />\n      <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w60\" />\n      <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w90\" />\n      <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w70\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\"></script>\n\n<style lang=\"scss\">\n:root {\n  --dashboard-widget-skeleton-bg: var(--dashboard-widget-card-background, var(--additional-50));\n  --dashboard-widget-skeleton-border-color: var(--dashboard-widget-card-border-color, var(--neutrals-200));\n  --dashboard-widget-skeleton-radius: var(--dashboard-widget-card-border-radius, 8px);\n  --dashboard-widget-skeleton-shadow: var(\n    --dashboard-widget-card-shadow,\n    0 1px 3px rgba(0, 0, 0, 0.08) 0 1px 2px rgba(0, 0, 0, 0.06)\n  );\n  --dashboard-widget-skeleton-shimmer-from: var(--neutrals-100);\n  --dashboard-widget-skeleton-shimmer-to: var(--neutrals-200);\n}\n\n@keyframes dashboard-widget-skeleton-shimmer {\n  0% {\n    background-position: -400px 0;\n  }\n  100% {\n    background-position: 400px 0;\n  }\n}\n\n.dashboard-widget-skeleton {\n  @apply tw-overflow-hidden tw-h-full tw-flex tw-flex-col;\n  background: var(--dashboard-widget-skeleton-bg);\n  border: 1px solid var(--dashboard-widget-skeleton-border-color);\n  border-radius: var(--dashboard-widget-skeleton-radius);\n  box-shadow: var(--dashboard-widget-skeleton-shadow);\n\n  %shimmer {\n    background: linear-gradient(\n      90deg,\n      var(--dashboard-widget-skeleton-shimmer-from) 0%,\n      var(--dashboard-widget-skeleton-shimmer-to) 50%,\n      var(--dashboard-widget-skeleton-shimmer-from) 100%\n    );\n    background-size: 800px 100%;\n    animation: dashboard-widget-skeleton-shimmer 1.4s ease-in-out infinite;\n    border-radius: 4px;\n  }\n\n  &__header {\n    @apply tw-px-5 tw-py-4 tw-flex tw-items-center tw-gap-3;\n  }\n\n  &__icon {\n    @apply tw-w-9 tw-h-9 tw-rounded-lg tw-flex-shrink-0;\n    @extend %shimmer;\n  }\n\n  &__title {\n    @apply tw-h-5 tw-flex-1 tw-max-w-[180px];\n    @extend %shimmer;\n  }\n\n  &__stats {\n    @apply tw-px-5 tw-py-3 tw-flex tw-items-center tw-gap-6;\n    border-top: 1px solid var(--dashboard-widget-skeleton-border-color);\n    border-bottom: 1px solid var(--dashboard-widget-skeleton-border-color);\n  }\n\n  &__stat {\n    @apply tw-h-6 tw-flex-1;\n    @extend %shimmer;\n  }\n\n  &__body {\n    @apply tw-flex-1 tw-min-h-0 tw-px-5 tw-py-4 tw-flex tw-flex-col tw-gap-3;\n  }\n\n  &__line {\n    @apply tw-h-3;\n    @extend %shimmer;\n\n    &--w60 {\n      @apply tw-w-3/5;\n    }\n    &--w70 {\n      @apply tw-w-7/12;\n    }\n    &--w80 {\n      @apply tw-w-4/5;\n    }\n    &--w90 {\n      @apply tw-w-11/12;\n    }\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dashboard-widget-skeleton {\n    %shimmer {\n      animation: none;\n    }\n  }\n}\n</style>\n","<template>\n  <VcContainer\n    no-padding\n    class=\"vc-gridstack-dashboard\"\n  >\n    <div\n      v-if=\"!modulesReady\"\n      class=\"vc-gridstack-dashboard__skeleton-grid\"\n      role=\"status\"\n      aria-busy=\"true\"\n      :aria-label=\"ariaLabel\"\n    >\n      <DashboardWidgetSkeleton\n        v-for=\"(item, index) in skeletonItems\"\n        :key=\"`skeleton-${index}`\"\n        class=\"vc-gridstack-dashboard__skeleton-item\"\n        :style=\"skeletonItemStyle(item)\"\n      />\n    </div>\n    <div\n      v-else\n      ref=\"gridRef\"\n      class=\"grid-stack vc-gridstack-dashboard__grid\"\n      role=\"list\"\n      :aria-label=\"ariaLabel\"\n    >\n      <div\n        v-for=\"(widget, index) in widgets\"\n        :key=\"widget.id\"\n        class=\"grid-stack-item\"\n        :class=\"{ 'vc-gridstack-dashboard__item--grabbed': grabbedWidgetId === widget.id }\"\n        :gs-id=\"widget.id\"\n        :gs-x=\"getPosition(widget.id)?.x ?? widget.position?.x ?? 0\"\n        :gs-y=\"getPosition(widget.id)?.y ?? widget.position?.y ?? 0\"\n        :gs-w=\"widget.size.width\"\n        :gs-h=\"widget.size.height\"\n        :gs-min-w=\"2\"\n        :gs-min-h=\"2\"\n        role=\"listitem\"\n        tabindex=\"0\"\n        :aria-label=\"getWidgetAriaLabel(widget, index)\"\n        @keydown=\"onWidgetKeydown($event, widget)\"\n      >\n        <div class=\"grid-stack-item-content\">\n          <!-- Drag handle (optional) -->\n          <div\n            v-if=\"showDragHandles\"\n            class=\"vc-gridstack-dashboard__drag-handle\"\n            aria-hidden=\"true\"\n          >\n            <svg\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 16 16\"\n              fill=\"currentColor\"\n            >\n              <circle\n                cx=\"5\"\n                cy=\"3\"\n                r=\"1.5\"\n              />\n              <circle\n                cx=\"11\"\n                cy=\"3\"\n                r=\"1.5\"\n              />\n              <circle\n                cx=\"5\"\n                cy=\"8\"\n                r=\"1.5\"\n              />\n              <circle\n                cx=\"11\"\n                cy=\"8\"\n                r=\"1.5\"\n              />\n              <circle\n                cx=\"5\"\n                cy=\"13\"\n                r=\"1.5\"\n              />\n              <circle\n                cx=\"11\"\n                cy=\"13\"\n                r=\"1.5\"\n              />\n            </svg>\n          </div>\n\n          <!-- Widget content -->\n          <component\n            :is=\"widget.component\"\n            v-bind=\"widget.props || {}\"\n            class=\"vc-gridstack-dashboard__widget-content\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Screen reader announcements -->\n    <div\n      class=\"vc-gridstack-dashboard__live-region\"\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n    >\n      {{ liveAnnouncement }}\n    </div>\n  </VcContainer>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * GridstackDashboard Component\n *\n * A flexible dashboard powered by Gridstack.js that allows widgets to be\n * dragged and arranged in a grid layout.\n *\n * Features:\n * - Drag and drop interface for arranging widgets\n * - Optional widget resizing\n * - Automatic layout persistence in localStorage\n * - Support for built-in widget positions\n * - Accessibility support\n */\nimport { ref, computed, onMounted, nextTick, inject, watch } from \"vue\";\nimport type { IDashboardWidget, DashboardWidgetPosition } from \"@shell/dashboard/draggable-dashboard/types\";\nimport { useDashboard } from \"@core/composables/useDashboard\";\nimport { useGridstack } from \"@shell/dashboard/draggable-dashboard/composables/useGridstack\";\nimport VcContainer from \"@ui/components/atoms/vc-container/vc-container.vue\";\nimport DashboardWidgetSkeleton from \"@shell/dashboard/draggable-dashboard/DashboardWidgetSkeleton.vue\";\nimport { ModulesReadyKey } from \"@framework/injection-keys\";\nimport { LAYOUT_STORAGE_KEY } from \"@shell/dashboard/draggable-dashboard/composables/useGridstackAdapter\";\nimport \"gridstack/dist/gridstack.min.css\";\n\ninterface SkeletonItem {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\n// Default placeholders shown when there's no persisted layout yet (first visit).\n// 6×6 matches the typical real widget size in vc-shell apps.\nconst DEFAULT_SKELETONS: SkeletonItem[] = [\n  { x: 0, y: 0, w: 6, h: 6 },\n  { x: 6, y: 0, w: 6, h: 6 },\n  { x: 0, y: 6, w: 6, h: 6 },\n  { x: 6, y: 6, w: 6, h: 6 },\n];\n\nfunction readPersistedSkeletons(): SkeletonItem[] | null {\n  if (typeof window === \"undefined\") return null;\n  try {\n    const raw = window.localStorage.getItem(LAYOUT_STORAGE_KEY);\n    if (!raw) return null;\n    const parsed = JSON.parse(raw);\n    if (!Array.isArray(parsed)) return null;\n    const items = parsed\n      .filter(\n        (n: unknown): n is SkeletonItem =>\n          !!n &&\n          typeof n === \"object\" &&\n          typeof (n as SkeletonItem).w === \"number\" &&\n          typeof (n as SkeletonItem).h === \"number\" &&\n          typeof (n as SkeletonItem).x === \"number\" &&\n          typeof (n as SkeletonItem).y === \"number\",\n      )\n      .map((n) => ({ x: n.x, y: n.y, w: n.w, h: n.h }));\n    return items.length > 0 ? items : null;\n  } catch {\n    return null;\n  }\n}\n\n// Props\ninterface Props {\n  /** Show drag handle icons on widgets */\n  showDragHandles?: boolean;\n  /** Enable widget resizing */\n  resizable?: boolean;\n  /** Aria label for the dashboard container */\n  ariaLabel?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  showDragHandles: false,\n  resizable: false,\n  ariaLabel: \"Dashboard widgets. Drag a widget, or focus one and press Enter to rearrange with the arrow keys.\",\n});\n\n// Refs\nconst gridRef = ref<HTMLElement | null>(null);\nconst liveAnnouncement = ref(\"\");\n\n// Gate dashboard rendering until remote modules finish installing.\n// Without this, widgets preregistered during loadRemote() can mount before\n// their owning module's `defineAppModule.install` runs `mergeLocaleMessage`,\n// causing missing translations. Fallback `ref(true)` keeps tests/stories and\n// hosts without MF working unchanged.\nconst modulesReady = inject(ModulesReadyKey, ref(true));\n\n// Skeleton placeholders shown until modules finish loading. Pulled from the last\n// persisted layout (so returning users see card sizes matching their real dashboard);\n// fallback to a generic 4-card grid on first visit.\nconst skeletonItems = computed<SkeletonItem[]>(() => {\n  if (modulesReady.value) return [];\n  return readPersistedSkeletons() ?? DEFAULT_SKELETONS;\n});\n\nconst skeletonItemStyle = (item: SkeletonItem): Record<string, string> => ({\n  gridColumn: `${item.x + 1} / span ${item.w}`,\n  gridRow: `${item.y + 1} / span ${item.h}`,\n});\n\n// Dashboard service\nconst dashboard = useDashboard();\nconst widgets = computed(() => dashboard.getWidgets() as IDashboardWidget[]);\n\n// Gridstack integration\nconst { layout, isInitialized, initGrid, saveLayout, resetToDefaults, updateWidgetPosition, updateWidgetSize } =\n  useGridstack(widgets, {\n    resizable: props.resizable,\n    autoSave: true,\n    gridOptions: {\n      draggable: {\n        handle: props.showDragHandles ? \".vc-gridstack-dashboard__drag-handle\" : \".grid-stack-item-content\",\n      },\n    },\n    onLayoutChange: (newLayout) => {\n      // Sync with dashboard service\n      for (const [widgetId, position] of newLayout) {\n        dashboard.updateWidgetPosition(widgetId, position);\n      }\n      announceToScreenReader(\"Widget positions updated\");\n    },\n  });\n\n// Helper to get widget position\nconst getPosition = (widgetId: string): DashboardWidgetPosition | undefined => {\n  return layout.value.get(widgetId);\n};\n\n// --- Keyboard reordering (WCAG 2.5.7: dragging must have a non-drag alternative) ---\n//\n// Gridstack only offers pointer dragging, so the widget itself becomes the control:\n// Enter/Space picks it up, arrows move it a cell at a time, Shift+arrows resize,\n// Enter drops, Escape restores the position it was picked up from.\nconst grabbedWidgetId = ref<string | null>(null);\nconst grabbedOrigin = ref<DashboardWidgetPosition | null>(null);\n\n// Mirrors gs-min-w / gs-min-h on the item.\nconst MIN_WIDGET_SPAN = 2;\n\nconst positionOf = (widget: IDashboardWidget): DashboardWidgetPosition =>\n  layout.value.get(widget.id) ?? widget.position ?? { x: 0, y: 0 };\n\nconst widgetName = (widget: IDashboardWidget): string => widget.name || widget.id;\n\nconst pickUpWidget = (widget: IDashboardWidget): void => {\n  grabbedWidgetId.value = widget.id;\n  grabbedOrigin.value = { ...positionOf(widget) };\n  announceToScreenReader(\n    `${widgetName(widget)} picked up. Use arrow keys to move, Shift and arrow keys to resize, Enter to drop, Escape to cancel.`,\n  );\n};\n\nconst dropWidget = (widget: IDashboardWidget): void => {\n  grabbedWidgetId.value = null;\n  grabbedOrigin.value = null;\n  saveLayout();\n  const { x, y } = positionOf(widget);\n  announceToScreenReader(`${widgetName(widget)} dropped at column ${x + 1}, row ${y + 1}.`);\n};\n\nconst cancelWidgetMove = (widget: IDashboardWidget): void => {\n  if (grabbedOrigin.value) {\n    updateWidgetPosition(widget.id, grabbedOrigin.value);\n  }\n  grabbedWidgetId.value = null;\n  grabbedOrigin.value = null;\n  announceToScreenReader(`Move cancelled. ${widgetName(widget)} returned to its original position.`);\n};\n\nconst moveWidgetBy = (widget: IDashboardWidget, dx: number, dy: number): void => {\n  const current = positionOf(widget);\n  const next = { x: current.x + dx, y: current.y + dy };\n  // Gridstack clamps silently; refusing the move keeps the announcement honest.\n  if (next.x < 0 || next.y < 0) return;\n\n  updateWidgetPosition(widget.id, next);\n  announceToScreenReader(`${widgetName(widget)} moved to column ${next.x + 1}, row ${next.y + 1}.`);\n};\n\nconst resizeWidgetBy = (widget: IDashboardWidget, dw: number, dh: number): void => {\n  const width = Math.max(MIN_WIDGET_SPAN, widget.size.width + dw);\n  const height = Math.max(MIN_WIDGET_SPAN, widget.size.height + dh);\n  if (width === widget.size.width && height === widget.size.height) return;\n\n  updateWidgetSize(widget.id, { width, height });\n  announceToScreenReader(`${widgetName(widget)} resized to ${width} by ${height} cells.`);\n};\n\nconst onWidgetKeydown = (event: KeyboardEvent, widget: IDashboardWidget): void => {\n  const isGrabbed = grabbedWidgetId.value === widget.id;\n\n  if (event.key === \"Enter\" || event.key === \" \") {\n    event.preventDefault();\n    if (isGrabbed) dropWidget(widget);\n    else pickUpWidget(widget);\n    return;\n  }\n\n  if (event.key === \"Escape\" && isGrabbed) {\n    event.preventDefault();\n    cancelWidgetMove(widget);\n    return;\n  }\n\n  const dx = event.key === \"ArrowLeft\" ? -1 : event.key === \"ArrowRight\" ? 1 : 0;\n  const dy = event.key === \"ArrowUp\" ? -1 : event.key === \"ArrowDown\" ? 1 : 0;\n  if ((dx === 0 && dy === 0) || !isGrabbed) return;\n\n  event.preventDefault();\n  if (event.shiftKey) {\n    if (props.resizable) resizeWidgetBy(widget, dx, dy);\n  } else {\n    moveWidgetBy(widget, dx, dy);\n  }\n};\n\n// Accessibility helpers\nconst getWidgetAriaLabel = (widget: IDashboardWidget, index: number): string => {\n  const name = widget.name || widget.id;\n  const state =\n    grabbedWidgetId.value === widget.id\n      ? \"Picked up. Arrow keys move, Enter drops, Escape cancels.\"\n      : \"Press Enter to pick up and rearrange with the arrow keys.\";\n  return `${name}, widget ${index + 1} of ${widgets.value.length}. ${state}`;\n};\n\nconst announceToScreenReader = (message: string): void => {\n  liveAnnouncement.value = message;\n  setTimeout(() => {\n    liveAnnouncement.value = \"\";\n  }, 1000);\n};\n\nconst tryInitGrid = async (): Promise<void> => {\n  await nextTick();\n  if (gridRef.value && !isInitialized.value) {\n    initGrid(gridRef.value);\n  }\n};\n\nonMounted(tryInitGrid);\n\n// When modules finish loading, the v-if mounts gridRef — initialize gridstack then.\nwatch(modulesReady, (ready) => {\n  if (ready) tryInitGrid();\n});\n\n// Public methods\nconst rearrangeWidgets = (): void => {\n  resetToDefaults();\n};\n\nconst recalculateLayout = (): void => {\n  // Gridstack handles this automatically\n};\n\nconst useBuiltInPositions = (): boolean => {\n  resetToDefaults();\n  return true;\n};\n\n// Expose public methods\ndefineExpose({\n  rearrangeWidgets,\n  recalculateLayout,\n  saveLayout,\n  useBuiltInPositions,\n});\n</script>\n\n<style lang=\"scss\">\n@import \"gridstack/dist/gridstack.min.css\";\n\n:root {\n  --gridstack-dashboard-background: var(--additional-50);\n  --gridstack-widget-background: var(--additional-50);\n  --gridstack-widget-border-radius: 8px;\n  --gridstack-widget-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n  --gridstack-widget-shadow-dragging: 0 8px 24px rgba(0, 0, 0, 0.15);\n  --gridstack-placeholder-background: rgba(59, 130, 246, 0.1);\n  --gridstack-placeholder-border: rgba(59, 130, 246, 0.5);\n  --gridstack-drag-handle-color: var(--neutrals-400);\n  --gridstack-drag-handle-color-hover: var(--neutrals-600);\n  --gridstack-widget-focus-ring-color: var(--primary-500);\n}\n\n.vc-gridstack-dashboard {\n  background-color: var(--gridstack-dashboard-background);\n  min-height: 100%;\n\n  &__grid {\n    padding: 24px 18px;\n    min-height: calc(80px * 8 + 24px * 2); // 8 rows minimum\n  }\n\n  // Widgets are focusable so they can be rearranged from the keyboard.\n  .grid-stack-item:focus-visible {\n    @apply tw-outline-none tw-ring-[3px] tw-ring-[color:var(--gridstack-widget-focus-ring-color)];\n    border-radius: var(--gridstack-widget-border-radius);\n  }\n\n  // Picked up for a keyboard move: the pointer equivalent of \"being dragged\".\n  &__item--grabbed {\n    z-index: var(--z-local-above);\n\n    .grid-stack-item-content {\n      box-shadow: var(--gridstack-widget-shadow-dragging);\n      outline: 2px dashed var(--gridstack-placeholder-border);\n      outline-offset: 2px;\n    }\n  }\n\n  // Skeleton grid mirrors gridstack's 12-column geometry. Row height and gap are\n  // tuned so a 6×6 placeholder visually matches a real 6×6 widget rendered by\n  // gridstack (which collapses margins differently than a plain CSS grid).\n  &__skeleton-grid {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    grid-auto-rows: 55px;\n    gap: 20px;\n    padding: 24px 18px;\n    min-height: calc(55px * 8 + 24px * 2);\n  }\n\n  &__skeleton-item {\n    min-width: 0;\n    min-height: 0;\n  }\n\n  // Widget item styling\n  .grid-stack-item {\n    &-content {\n      background: var(--gridstack-widget-background);\n      border-radius: var(--gridstack-widget-border-radius);\n      box-shadow: var(--gridstack-widget-shadow);\n      overflow: hidden;\n      // Note: Don't set height: 100% - Gridstack uses position: absolute with inset for margins\n      transition: box-shadow 0.2s ease;\n    }\n\n    // Dragging state\n    &.ui-draggable-dragging {\n      .grid-stack-item-content {\n        box-shadow: var(--gridstack-widget-shadow-dragging);\n      }\n    }\n\n    // Resizing state\n    &.ui-resizable-resizing {\n      .grid-stack-item-content {\n        box-shadow: var(--gridstack-widget-shadow-dragging);\n      }\n    }\n  }\n\n  // Placeholder styling\n  .grid-stack-placeholder {\n    > .placeholder-content {\n      background: var(--gridstack-placeholder-background);\n      border: 2px dashed var(--gridstack-placeholder-border);\n      border-radius: var(--gridstack-widget-border-radius);\n    }\n  }\n\n  // Drag handle\n  &__drag-handle {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    z-index: var(--z-local-sticky);\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--gridstack-drag-handle-color);\n    cursor: grab;\n    border-radius: 4px;\n    transition:\n      color 0.15s ease,\n      background-color 0.15s ease;\n\n    &:hover {\n      color: var(--gridstack-drag-handle-color-hover);\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:active {\n      cursor: grabbing;\n    }\n  }\n\n  // Widget content\n  &__widget-content {\n    width: 100%;\n    height: 100%;\n  }\n\n  // Screen reader only\n  &__live-region {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n}\n\n// Respect reduced motion preference\n@media (prefers-reduced-motion: reduce) {\n  .vc-gridstack-dashboard {\n    .grid-stack-item {\n      transition: none !important;\n\n      &-content {\n        transition: none !important;\n      }\n    }\n  }\n\n  .grid-stack {\n    &.grid-stack-animate {\n      .grid-stack-item {\n        transition: none !important;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <GridstackDashboard\n    ref=\"dashboardRef\"\n    :show-drag-handles=\"showDragHandles\"\n    :resizable=\"resizable\"\n    :aria-label=\"ariaLabel\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n/**\n * DraggableDashboard Component\n *\n * A flexible dashboard powered by Gridstack.js that allows widgets to be\n * dragged and arranged in a grid layout.\n *\n * Features:\n * - Drag and drop interface for arranging widgets\n * - Automatic layout persistence in localStorage\n * - Support for built-in widget positions\n * - Accessibility support (a11y)\n * - Optional widget resizing\n */\nimport { ref } from \"vue\";\nimport GridstackDashboard from \"@shell/dashboard/draggable-dashboard/GridstackDashboard.vue\";\n\n// Props\ninterface Props {\n  /** Show drag handle icons on widgets */\n  showDragHandles?: boolean;\n  /** Enable widget resizing */\n  resizable?: boolean;\n  /** Aria label for the dashboard container */\n  ariaLabel?: string;\n}\n\nwithDefaults(defineProps<Props>(), {\n  showDragHandles: false,\n  resizable: false,\n  ariaLabel: \"Dashboard widgets. Drag widgets to rearrange.\",\n});\n\n// State\nconst dashboardRef = ref<InstanceType<typeof GridstackDashboard> | null>(null);\n\n// Public methods (delegated to GridstackDashboard)\nconst rearrangeWidgets = (): void => {\n  dashboardRef.value?.rearrangeWidgets?.();\n};\n\nconst recalculateLayout = (): void => {\n  dashboardRef.value?.recalculateLayout?.();\n};\n\nconst saveLayout = (): void => {\n  dashboardRef.value?.saveLayout?.();\n};\n\nconst useBuiltInPositions = (): boolean => {\n  return dashboardRef.value?.useBuiltInPositions?.() ?? false;\n};\n\n// Expose public methods\ndefineExpose({\n  rearrangeWidgets,\n  recalculateLayout,\n  saveLayout,\n  useBuiltInPositions,\n});\n</script>\n","// Main component\nexport { default as DraggableDashboard } from \"@shell/dashboard/draggable-dashboard/DraggableDashboard.vue\";\n\n// Types\nexport type {\n  IDashboardWidget,\n  DashboardWidgetPosition,\n  DashboardWidgetSize,\n  DashboardDragEvent,\n  DashboardGridConfig,\n} from \"@shell/dashboard/draggable-dashboard/types\";\n\n// Gridstack composables (for advanced usage)\nexport { useGridstack } from \"@shell/dashboard/draggable-dashboard/composables/useGridstack\";\nexport type {\n  UseGridstackOptions,\n  UseGridstackReturn,\n} from \"@shell/dashboard/draggable-dashboard/composables/useGridstack\";\n\n// Import and re-export to avoid Storybook docgen issues with direct re-exports\nimport {\n  toGridstackWidget as _toGridstackWidget,\n  fromGridstackNode as _fromGridstackNode,\n  loadLayoutFromStorage as _loadLayoutFromStorage,\n  saveLayoutToStorage as _saveLayoutToStorage,\n  mergeLayoutWithWidgets as _mergeLayoutWithWidgets,\n  clearLayoutStorage as _clearLayoutStorage,\n  LAYOUT_STORAGE_KEY as _LAYOUT_STORAGE_KEY,\n} from \"@shell/dashboard/draggable-dashboard/composables/useGridstackAdapter\";\n\nexport const toGridstackWidget = _toGridstackWidget;\nexport const fromGridstackNode = _fromGridstackNode;\nexport const loadLayoutFromStorage = _loadLayoutFromStorage;\nexport const saveLayoutToStorage = _saveLayoutToStorage;\nexport const mergeLayoutWithWidgets = _mergeLayoutWithWidgets;\nexport const clearLayoutStorage = _clearLayoutStorage;\nexport const LAYOUT_STORAGE_KEY = _LAYOUT_STORAGE_KEY;\n","<template>\n  <div class=\"dashboard-widget-card\">\n    <div class=\"dashboard-widget-card__header\">\n      <slot name=\"header\">\n        <div class=\"dashboard-widget-card__header-content\">\n          <div\n            v-if=\"icon\"\n            class=\"dashboard-widget-card__icon-wrapper\"\n          >\n            <VcIcon\n              class=\"dashboard-widget-card__icon\"\n              :icon=\"icon\"\n              size=\"l\"\n            />\n          </div>\n          <div class=\"dashboard-widget-card__title\">{{ props.header }}</div>\n        </div>\n      </slot>\n      <div\n        v-if=\"$slots.actions\"\n        class=\"dashboard-widget-card__actions\"\n      >\n        <slot name=\"actions\"></slot>\n      </div>\n    </div>\n\n    <div\n      v-if=\"$slots.stats\"\n      class=\"dashboard-widget-card__stats\"\n    >\n      <slot name=\"stats\"></slot>\n    </div>\n\n    <div\n      v-loading=\"loading\"\n      class=\"dashboard-widget-card__body\"\n    >\n      <slot name=\"content\"></slot>\n    </div>\n\n    <div\n      v-if=\"$slots.footer\"\n      class=\"dashboard-widget-card__footer\"\n    >\n      <slot name=\"footer\"></slot>\n    </div>\n  </div>\n</template>\n\n<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<script setup lang=\"ts\">\nexport interface Props {\n  header?: string;\n  icon?: string;\n  loading?: boolean;\n}\n\nimport { VcIcon } from \"@ui/components\";\nimport { vLoading } from \"@core/directives\";\n\nconst props = defineProps<Props>();\n\ndefineSlots<{\n  header?: (props: any) => any;\n  actions?: (props: any) => any;\n  stats?: (props: any) => any;\n  content?: (props: any) => any;\n  footer?: (props: any) => any;\n}>();\n</script>\n\n<style lang=\"scss\">\n:root {\n  // Legacy variables (preserved for backward compat)\n  --dashboard-widget-card-header-color: var(--additional-50);\n  --dashboard-widget-card-header-text-color: var(--neutrals-950);\n  --dashboard-widget-card-icon-color: var(--primary-600);\n  --dashboard-widget-card-header-border-color: var(--neutrals-200);\n\n  // New variables\n  --dashboard-widget-card-background: var(--additional-50);\n  --dashboard-widget-card-border-color: var(--neutrals-200);\n  --dashboard-widget-card-border-radius: 8px;\n  --dashboard-widget-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);\n  --dashboard-widget-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.1);\n  --dashboard-widget-card-icon-bg: var(--primary-50);\n  --dashboard-widget-card-stats-bg: var(--neutrals-50);\n  --dashboard-widget-card-footer-color: var(--primary-700);\n}\n\n.dashboard-widget-card {\n  @apply tw-overflow-hidden tw-h-full tw-flex tw-flex-col;\n  background: var(--dashboard-widget-card-background);\n  border: 1px solid var(--dashboard-widget-card-border-color);\n  border-radius: var(--dashboard-widget-card-border-radius);\n  box-shadow: var(--dashboard-widget-card-shadow);\n  transition: box-shadow 0.2s ease;\n\n  &:hover {\n    box-shadow: var(--dashboard-widget-card-shadow-hover);\n  }\n\n  &__header {\n    @apply tw-px-5 tw-py-4 tw-flex tw-justify-between tw-items-center tw-gap-3;\n  }\n\n  &__header-content {\n    @apply tw-flex tw-items-center tw-gap-3 tw-min-w-0;\n  }\n\n  &__icon-wrapper {\n    @apply tw-flex tw-items-center tw-justify-center tw-w-9 tw-h-9 tw-rounded-lg tw-flex-shrink-0;\n    background: var(--dashboard-widget-card-icon-bg);\n  }\n\n  &__icon {\n    @apply tw-text-[var(--dashboard-widget-card-icon-color)];\n  }\n\n  &__title {\n    @apply tw-text-lg tw-font-semibold tw-truncate;\n    color: var(--dashboard-widget-card-header-text-color);\n  }\n\n  &__actions {\n    @apply tw-flex tw-items-center tw-gap-2 tw-flex-shrink-0;\n  }\n\n  &__stats {\n    @apply tw-px-5 tw-py-3 tw-flex tw-items-center tw-gap-6;\n    background: var(--dashboard-widget-card-stats-bg);\n    border-top: 1px solid var(--dashboard-widget-card-border-color);\n    border-bottom: 1px solid var(--dashboard-widget-card-border-color);\n  }\n\n  &__body {\n    @apply tw-flex-1 tw-min-h-0;\n  }\n\n  &__footer {\n    @apply tw-px-5 tw-py-3 tw-text-center;\n    border-top: 1px solid var(--dashboard-widget-card-border-color);\n\n    a,\n    button {\n      @apply tw-text-sm tw-font-medium tw-no-underline;\n      color: var(--dashboard-widget-card-footer-color);\n      transition: opacity 0.15s ease;\n\n      &:hover {\n        @apply tw-underline;\n        opacity: 0.85;\n      }\n    }\n  }\n}\n\n// Shared activity-feed row style for dashboard card content\n.dashboard-feed-row {\n  @apply tw-flex tw-items-center tw-justify-between tw-px-5 tw-py-2.5 tw-cursor-pointer tw-transition-colors;\n\n  &:hover {\n    background: var(--dashboard-widget-card-icon-bg, var(--primary-50));\n  }\n}\n</style>\n","<template>\n  <div class=\"dashboard-stat-item\">\n    <div\n      class=\"dashboard-stat-item__value\"\n      :class=\"variant ? `dashboard-stat-item__value--${variant}` : ''\"\n    >\n      {{ value }}\n    </div>\n    <div class=\"dashboard-stat-item__label\">{{ label }}</div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nexport interface DashboardStatItemProps {\n  /** The metric value to display */\n  value: string | number;\n  /** Descriptive label below the value */\n  label: string;\n  /** Color variant for the value */\n  variant?: \"default\" | \"success\" | \"warning\" | \"danger\";\n}\n\ndefineProps<DashboardStatItemProps>();\n</script>\n\n<style lang=\"scss\">\n:root {\n  --dashboard-stat-item-value-color: var(--neutrals-950);\n  --dashboard-stat-item-label-color: var(--neutrals-500);\n}\n\n.dashboard-stat-item {\n  @apply tw-flex tw-flex-col tw-items-center tw-min-w-0;\n\n  &__value {\n    @apply tw-text-lg tw-font-semibold tw-leading-tight tw-text-[var(--dashboard-stat-item-value-color)] tw-truncate tw-max-w-full;\n\n    &--success {\n      @apply tw-text-[var(--success-600)];\n    }\n\n    &--warning {\n      @apply tw-text-[var(--warning-600)];\n    }\n\n    &--danger {\n      @apply tw-text-[var(--danger-600)];\n    }\n  }\n\n  &__label {\n    @apply tw-text-xs tw-text-[var(--dashboard-stat-item-label-color)] tw-mt-0.5 tw-truncate tw-max-w-full;\n  }\n}\n</style>\n","<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<template>\n  <div class=\"tw-divide-y tw-divide-[var(--neutrals-200)]\">\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineSlots<{\n  default: (props: any) => any;\n}>();\n</script>\n","<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<template>\n  <div\n    class=\"dashboard-feed-row\"\n    @click=\"$emit('click')\"\n  >\n    <div class=\"tw-flex tw-items-center tw-gap-2.5 tw-min-w-0\">\n      <slot />\n    </div>\n    <div\n      v-if=\"$slots.trailing\"\n      class=\"tw-flex tw-items-center tw-gap-3 tw-flex-shrink-0 tw-ml-3\"\n    >\n      <slot name=\"trailing\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineEmits<{\n  click: [];\n}>();\n\ndefineSlots<{\n  default: (props: any) => any;\n  trailing: (props: any) => any;\n}>();\n</script>\n"],"names":["LAYOUT_STORAGE_KEY","toGridstackWidget","widget","position","pos","fromGridstackNode","node","gridstackNodesToLayoutMap","nodes","layout","loadLayoutFromStorage","stored","parsed","id","error","saveLayoutToStorage","widgets","gridstackFormat","clearLayoutStorage","autoArrangeWidgets","columns","rowOccupancy","isPositionFree","x","y","width","height","row","occupied","col","occupyPosition","findFreePosition","mergeLayoutWithWidgets","savedLayout","savedPos","builtInPos","w","DEFAULT_OPTIONS","useGridstack","options","gridOptions","resizable","autoSave","onLayoutChange","grid","shallowRef","ref","isInitialized","isUpdating","mergedOptions","initGrid","element","GridStack","handleChange","handleAdded","handleRemoved","widgetData","_event","saveLayout","destroyGrid","addWidget","gsWidget","removeWidget","widgetId","updateWidgetPosition","updateWidgetSize","size","loadLayout","applyLayoutToGrid","resetToDefaults","batchUpdate","fn","watch","newWidgets","oldWidgets","nextTick","addedWidgets","ow","removedWidgetIds","nw","onUnmounted","_openBlock","_createElementBlock","_hoisted_1","_cache","MIN_WIDGET_SPAN","DEFAULT_SKELETONS","readPersistedSkeletons","raw","items","n","props","__props","gridRef","liveAnnouncement","modulesReady","inject","ModulesReadyKey","skeletonItems","computed","skeletonItemStyle","item","dashboard","useDashboard","newLayout","announceToScreenReader","getPosition","grabbedWidgetId","grabbedOrigin","positionOf","widgetName","pickUpWidget","dropWidget","cancelWidgetMove","moveWidgetBy","dx","dy","current","next","resizeWidgetBy","dw","dh","onWidgetKeydown","event","isGrabbed","getWidgetAriaLabel","index","name","state","message","tryInitGrid","onMounted","ready","__expose","_createBlock","VcContainer","_unref","_Fragment","_renderList","$event","_createElementVNode","_hoisted_4","_hoisted_5","_resolveDynamicComponent","_mergeProps","DashboardWidgetSkeleton","_normalizeStyle","_hoisted_6","_toDisplayString","dashboardRef","GridstackDashboard","_toGridstackWidget","_fromGridstackNode","_loadLayoutFromStorage","_saveLayoutToStorage","_mergeLayoutWithWidgets","_clearLayoutStorage","_LAYOUT_STORAGE_KEY","_hoisted_2","_renderSlot","_ctx","_hoisted_3","_createVNode","VcIcon","$slots","_hoisted_7","_withDirectives","_hoisted_8","_hoisted_9","_normalizeClass","$emit"],"mappings":"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"}