@vc-shell/framework 2.5.0-pr312.a50da73 → 2.5.0-pr313.d5b02dd

package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-BK6rNhCN.js → dashboard-feed-row.vue_vue_type_script_setup_true_lang-BCsJG_hk.js}

@@ -1,5 +1,5 @@
 import { shallowRef as he, ref as D, watch as le, nextTick as de, onUnmounted as pe, openBlock as v, createElementBlock as _, createStaticVNode as me, defineComponent as R, inject as fe, computed as se, onMounted as ve, createBlock as Y, withCtx as ge, unref as Z, Fragment as re, renderList as ie, normalizeStyle as ye, normalizeClass as ce, createElementVNode as w, createCommentVNode as B, resolveDynamicComponent as _e, mergeProps as be, toDisplayString as J, renderSlot as O, createVNode as we, withDirectives as ke } from "vue";
-import { q as $e, r as xe, s as Se, l as Le } from "./VcScheduler.vue_vue_type_style_index_0_lang-CjBKWqcN.js";
+import { q as $e, r as xe, s as Se, l as Le } from "./VcScheduler.vue_vue_type_style_index_0_lang-BTg4PjTB.js";
 import { G as We } from "./vendor-gridstack-Beau2jQ7.js";
 import { M as ze, _ as De } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-CZdY18Hq.js";
 import "vee-validate";

package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-BK6rNhCN.js.map → dashboard-feed-row.vue_vue_type_script_setup_true_lang-BCsJG_hk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dashboard-feed-row.vue_vue_type_script_setup_true_lang-BK6rNhCN.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  DashboardWidgetPlacement,\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, placement?: DashboardWidgetPlacement): GridStackWidget {\r\n  const pos = placement ?? widget.position;\r\n  return {\r\n    id: widget.id,\r\n    x: pos?.x ?? 0,\r\n    y: pos?.y ?? 0,\r\n    // A placement size wins over the declared one, so a saved or live resize is\r\n    // restored instead of snapping back to the widget's default.\r\n    w: placement?.width ?? widget.size.width,\r\n    h: placement?.height ?? 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, DashboardWidgetPlacement> {\r\n  const layout = new Map<string, DashboardWidgetPlacement>();\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        // Size is carried through as well; dropping it here is what used to make\r\n        // every resize — mouse or keyboard — invisible to state and to storage.\r\n        ...(typeof node.w === \"number\" ? { width: node.w } : {}),\r\n        ...(typeof node.h === \"number\" ? { height: node.h } : {}),\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, DashboardWidgetPlacement> | 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. It never carried a size, so\r\n    // those entries stay size-less and fall back to the widget's declared size.\r\n    if (typeof parsed === \"object\" && parsed !== null) {\r\n      const layout = new Map<string, DashboardWidgetPlacement>();\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, DashboardWidgetPlacement>): void {\r\n  try {\r\n    const gridstackFormat: GridStackWidget[] = widgets.map((widget) => {\r\n      const placement = layout.get(widget.id);\r\n      return {\r\n        id: widget.id,\r\n        x: placement?.x ?? widget.position?.x ?? 0,\r\n        y: placement?.y ?? widget.position?.y ?? 0,\r\n        // Prefer the live size. Reading `widget.size` unconditionally is what used\r\n        // to discard every resize on reload, since that prop is never written back.\r\n        w: placement?.width ?? widget.size.width,\r\n        h: placement?.height ?? 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, DashboardWidgetPlacement> {\r\n  const layout = new Map<string, DashboardWidgetPlacement>();\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, DashboardWidgetPlacement> | null,\r\n): Map<string, DashboardWidgetPlacement> {\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, DashboardWidgetPlacement>();\r\n\r\n    for (const widget of widgets) {\r\n      // Carries the saved size through as well — dropping it here would restore\r\n      // the position but snap the widget back to its declared size.\r\n      const savedPlacement = savedLayout.get(widget.id);\r\n      const builtInPos = widget.position;\r\n      const placement = savedPlacement ?? builtInPos ?? { x: 0, y: 0 };\r\n      layout.set(widget.id, placement);\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, DashboardWidgetPlacement>();\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 {\r\n  IDashboardWidget,\r\n  DashboardWidgetPosition,\r\n  DashboardWidgetPlacement,\r\n  DashboardWidgetSize,\r\n} 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, DashboardWidgetPlacement>) => 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: live position and, once known, live size */\r\n  layout: Ref<Map<string, DashboardWidgetPlacement>>;\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: DashboardWidgetSize) => 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, DashboardWidgetPlacement>>(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        // Size is recorded too, so a mouse resize reaches state and storage. Read\r\n        // straight off the node rather than via fromGridstackNode, which defaults\r\n        // a missing w/h to 1 — persisting that invented 1 would shrink the widget.\r\n        const previous = layout.value.get(id);\r\n        const width = typeof node.w === \"number\" ? node.w : previous?.width;\r\n        const height = typeof node.h === \"number\" ? node.h : previous?.height;\r\n        layout.value.set(id, {\r\n          ...position,\r\n          ...(typeof width === \"number\" ? { width } : {}),\r\n          ...(typeof height === \"number\" ? { height } : {}),\r\n        });\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   * Records where a widget actually ended up after a programmatic update.\r\n   *\r\n   * Reads the values back off the Gridstack node rather than trusting the ones we\r\n   * asked for: Gridstack clamps to the grid edges and compacts the rows, so the\r\n   * requested cell and the resulting cell often differ. Writing the requested\r\n   * values instead is what made the layout state — and every announcement derived\r\n   * from it — disagree with the DOM.\r\n   *\r\n   * `requested` is the fallback for environments where the node is not exposed\r\n   * (notably unit tests with a stubbed grid).\r\n   */\r\n  const recordPlacementFromNode = (\r\n    widgetId: string,\r\n    element: Element,\r\n    requestedPosition?: DashboardWidgetPosition,\r\n    requestedSize?: DashboardWidgetSize,\r\n  ): void => {\r\n    const node = (element as HTMLElement & { gridstackNode?: GridStackNode }).gridstackNode;\r\n    const previous = layout.value.get(widgetId);\r\n\r\n    const x = node?.x ?? requestedPosition?.x ?? previous?.x ?? 0;\r\n    const y = node?.y ?? requestedPosition?.y ?? previous?.y ?? 0;\r\n    const width = node?.w ?? requestedSize?.width ?? previous?.width;\r\n    const height = node?.h ?? requestedSize?.height ?? previous?.height;\r\n\r\n    layout.value.set(widgetId, {\r\n      x,\r\n      y,\r\n      ...(typeof width === \"number\" ? { width } : {}),\r\n      ...(typeof height === \"number\" ? { height } : {}),\r\n    });\r\n    layout.value = new Map(layout.value);\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      recordPlacementFromNode(widgetId, element, position);\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: DashboardWidgetSize): 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      recordPlacementFromNode(widgetId, element, undefined, size);\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 placement = layout.value.get(widget.id);\r\n      if (placement) {\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: placement.x,\r\n            y: placement.y,\r\n            // Restores a persisted size; omitted when unknown so Gridstack keeps\r\n            // whatever the element already declares.\r\n            ...(typeof placement.width === \"number\" ? { w: placement.width } : {}),\r\n            ...(typeof placement.height === \"number\" ? { h: placement.height } : {}),\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=\"sizeOf(widget).width\"\n        :gs-h=\"sizeOf(widget).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 {\n  IDashboardWidget,\n  DashboardWidgetPosition,\n  DashboardWidgetSize,\n} 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// Escape has to restore the size too, now that Shift+arrows can change it.\nconst grabbedOriginSize = ref<DashboardWidgetSize | 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\n// The live size, mirroring positionOf. `widget.size` is only the declared default\n// and is never written back to, so reading it directly made every resize compute\n// from the same baseline instead of from the current size.\nconst sizeOf = (widget: IDashboardWidget): DashboardWidgetSize => {\n  const placement = layout.value.get(widget.id);\n  return {\n    width: placement?.width ?? widget.size.width,\n    height: placement?.height ?? widget.size.height,\n  };\n};\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  grabbedOriginSize.value = { ...sizeOf(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  grabbedOriginSize.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  const origin = grabbedOrigin.value;\n  const originSize = grabbedOriginSize.value;\n  const current = sizeOf(widget);\n\n  if (originSize && (originSize.width !== current.width || originSize.height !== current.height)) {\n    updateWidgetSize(widget.id, originSize);\n  }\n  if (origin) {\n    updateWidgetPosition(widget.id, origin);\n  }\n\n  grabbedWidgetId.value = null;\n  grabbedOrigin.value = null;\n  grabbedOriginSize.value = null;\n  announceToScreenReader(`Move cancelled. ${widgetName(widget)} returned to its original position and size.`);\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  // Announce where the widget actually landed, not where it was asked to go —\n  // Gridstack compacts rows, so the two differ.\n  // Announce where the widget actually landed, not where it was asked to go —\n  // Gridstack compacts rows, so the two differ.\n  const landed = positionOf(widget);\n  announceToScreenReader(`${widgetName(widget)} moved to column ${landed.x + 1}, row ${landed.y + 1}.`);\n};\n\nconst resizeWidgetBy = (widget: IDashboardWidget, dw: number, dh: number): void => {\n  const current = sizeOf(widget);\n  // Only the requested axis changes; sending both would drag the untouched one\n  // back to its baseline.\n  const width = dw ? Math.max(MIN_WIDGET_SPAN, current.width + dw) : current.width;\n  const height = dh ? Math.max(MIN_WIDGET_SPAN, current.height + dh) : current.height;\n  if (width === current.width && height === current.height) return;\n\n  updateWidgetSize(widget.id, { width, height });\n  const applied = sizeOf(widget);\n  announceToScreenReader(`${widgetName(widget)} resized to ${applied.width} by ${applied.height} cells.`);\n};\n\nconst onWidgetKeydown = (event: KeyboardEvent, widget: IDashboardWidget): void => {\n  if (event.target !== event.currentTarget) return;\n\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 {\n      // Starting another move cancels the unfinished one so its origin is not lost.\n      const grabbedWidget = widgets.value.find((candidate) => candidate.id === grabbedWidgetId.value);\n      if (grabbedWidget) cancelWidgetMove(grabbedWidget);\n      pickUpWidget(widget);\n    }\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","placement","pos","fromGridstackNode","node","gridstackNodesToLayoutMap","nodes","layout","loadLayoutFromStorage","stored","parsed","id","error","saveLayoutToStorage","widgets","gridstackFormat","clearLayoutStorage","autoArrangeWidgets","columns","rowOccupancy","isPositionFree","x","width","height","row","occupied","col","occupyPosition","findFreePosition","y","position","mergeLayoutWithWidgets","savedLayout","savedPlacement","builtInPos","w","DEFAULT_OPTIONS","useGridstack","options","gridOptions","resizable","autoSave","onLayoutChange","grid","shallowRef","ref","isInitialized","isUpdating","mergedOptions","initGrid","element","GridStack","handleChange","handleAdded","handleRemoved","widgetData","_event","previous","saveLayout","destroyGrid","addWidget","gsWidget","removeWidget","widgetId","recordPlacementFromNode","requestedPosition","requestedSize","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","grabbedOriginSize","positionOf","sizeOf","widgetName","pickUpWidget","dropWidget","cancelWidgetMove","origin","originSize","current","moveWidgetBy","dx","dy","next","landed","resizeWidgetBy","dw","dh","applied","onWidgetKeydown","event","isGrabbed","grabbedWidget","candidate","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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"}
+{"version":3,"file":"dashboard-feed-row.vue_vue_type_script_setup_true_lang-BCsJG_hk.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  DashboardWidgetPlacement,\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, placement?: DashboardWidgetPlacement): GridStackWidget {\r\n  const pos = placement ?? widget.position;\r\n  return {\r\n    id: widget.id,\r\n    x: pos?.x ?? 0,\r\n    y: pos?.y ?? 0,\r\n    // A placement size wins over the declared one, so a saved or live resize is\r\n    // restored instead of snapping back to the widget's default.\r\n    w: placement?.width ?? widget.size.width,\r\n    h: placement?.height ?? 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, DashboardWidgetPlacement> {\r\n  const layout = new Map<string, DashboardWidgetPlacement>();\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        // Size is carried through as well; dropping it here is what used to make\r\n        // every resize — mouse or keyboard — invisible to state and to storage.\r\n        ...(typeof node.w === \"number\" ? { width: node.w } : {}),\r\n        ...(typeof node.h === \"number\" ? { height: node.h } : {}),\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, DashboardWidgetPlacement> | 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. It never carried a size, so\r\n    // those entries stay size-less and fall back to the widget's declared size.\r\n    if (typeof parsed === \"object\" && parsed !== null) {\r\n      const layout = new Map<string, DashboardWidgetPlacement>();\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, DashboardWidgetPlacement>): void {\r\n  try {\r\n    const gridstackFormat: GridStackWidget[] = widgets.map((widget) => {\r\n      const placement = layout.get(widget.id);\r\n      return {\r\n        id: widget.id,\r\n        x: placement?.x ?? widget.position?.x ?? 0,\r\n        y: placement?.y ?? widget.position?.y ?? 0,\r\n        // Prefer the live size. Reading `widget.size` unconditionally is what used\r\n        // to discard every resize on reload, since that prop is never written back.\r\n        w: placement?.width ?? widget.size.width,\r\n        h: placement?.height ?? 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, DashboardWidgetPlacement> {\r\n  const layout = new Map<string, DashboardWidgetPlacement>();\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, DashboardWidgetPlacement> | null,\r\n): Map<string, DashboardWidgetPlacement> {\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, DashboardWidgetPlacement>();\r\n\r\n    for (const widget of widgets) {\r\n      // Carries the saved size through as well — dropping it here would restore\r\n      // the position but snap the widget back to its declared size.\r\n      const savedPlacement = savedLayout.get(widget.id);\r\n      const builtInPos = widget.position;\r\n      const placement = savedPlacement ?? builtInPos ?? { x: 0, y: 0 };\r\n      layout.set(widget.id, placement);\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, DashboardWidgetPlacement>();\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 {\r\n  IDashboardWidget,\r\n  DashboardWidgetPosition,\r\n  DashboardWidgetPlacement,\r\n  DashboardWidgetSize,\r\n} 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, DashboardWidgetPlacement>) => 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: live position and, once known, live size */\r\n  layout: Ref<Map<string, DashboardWidgetPlacement>>;\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: DashboardWidgetSize) => 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, DashboardWidgetPlacement>>(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        // Size is recorded too, so a mouse resize reaches state and storage. Read\r\n        // straight off the node rather than via fromGridstackNode, which defaults\r\n        // a missing w/h to 1 — persisting that invented 1 would shrink the widget.\r\n        const previous = layout.value.get(id);\r\n        const width = typeof node.w === \"number\" ? node.w : previous?.width;\r\n        const height = typeof node.h === \"number\" ? node.h : previous?.height;\r\n        layout.value.set(id, {\r\n          ...position,\r\n          ...(typeof width === \"number\" ? { width } : {}),\r\n          ...(typeof height === \"number\" ? { height } : {}),\r\n        });\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   * Records where a widget actually ended up after a programmatic update.\r\n   *\r\n   * Reads the values back off the Gridstack node rather than trusting the ones we\r\n   * asked for: Gridstack clamps to the grid edges and compacts the rows, so the\r\n   * requested cell and the resulting cell often differ. Writing the requested\r\n   * values instead is what made the layout state — and every announcement derived\r\n   * from it — disagree with the DOM.\r\n   *\r\n   * `requested` is the fallback for environments where the node is not exposed\r\n   * (notably unit tests with a stubbed grid).\r\n   */\r\n  const recordPlacementFromNode = (\r\n    widgetId: string,\r\n    element: Element,\r\n    requestedPosition?: DashboardWidgetPosition,\r\n    requestedSize?: DashboardWidgetSize,\r\n  ): void => {\r\n    const node = (element as HTMLElement & { gridstackNode?: GridStackNode }).gridstackNode;\r\n    const previous = layout.value.get(widgetId);\r\n\r\n    const x = node?.x ?? requestedPosition?.x ?? previous?.x ?? 0;\r\n    const y = node?.y ?? requestedPosition?.y ?? previous?.y ?? 0;\r\n    const width = node?.w ?? requestedSize?.width ?? previous?.width;\r\n    const height = node?.h ?? requestedSize?.height ?? previous?.height;\r\n\r\n    layout.value.set(widgetId, {\r\n      x,\r\n      y,\r\n      ...(typeof width === \"number\" ? { width } : {}),\r\n      ...(typeof height === \"number\" ? { height } : {}),\r\n    });\r\n    layout.value = new Map(layout.value);\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      recordPlacementFromNode(widgetId, element, position);\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: DashboardWidgetSize): 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      recordPlacementFromNode(widgetId, element, undefined, size);\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 placement = layout.value.get(widget.id);\r\n      if (placement) {\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: placement.x,\r\n            y: placement.y,\r\n            // Restores a persisted size; omitted when unknown so Gridstack keeps\r\n            // whatever the element already declares.\r\n            ...(typeof placement.width === \"number\" ? { w: placement.width } : {}),\r\n            ...(typeof placement.height === \"number\" ? { h: placement.height } : {}),\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=\"sizeOf(widget).width\"\n        :gs-h=\"sizeOf(widget).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 {\n  IDashboardWidget,\n  DashboardWidgetPosition,\n  DashboardWidgetSize,\n} 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// Escape has to restore the size too, now that Shift+arrows can change it.\nconst grabbedOriginSize = ref<DashboardWidgetSize | 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\n// The live size, mirroring positionOf. `widget.size` is only the declared default\n// and is never written back to, so reading it directly made every resize compute\n// from the same baseline instead of from the current size.\nconst sizeOf = (widget: IDashboardWidget): DashboardWidgetSize => {\n  const placement = layout.value.get(widget.id);\n  return {\n    width: placement?.width ?? widget.size.width,\n    height: placement?.height ?? widget.size.height,\n  };\n};\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  grabbedOriginSize.value = { ...sizeOf(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  grabbedOriginSize.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  const origin = grabbedOrigin.value;\n  const originSize = grabbedOriginSize.value;\n  const current = sizeOf(widget);\n\n  if (originSize && (originSize.width !== current.width || originSize.height !== current.height)) {\n    updateWidgetSize(widget.id, originSize);\n  }\n  if (origin) {\n    updateWidgetPosition(widget.id, origin);\n  }\n\n  grabbedWidgetId.value = null;\n  grabbedOrigin.value = null;\n  grabbedOriginSize.value = null;\n  announceToScreenReader(`Move cancelled. ${widgetName(widget)} returned to its original position and size.`);\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  // Announce where the widget actually landed, not where it was asked to go —\n  // Gridstack compacts rows, so the two differ.\n  // Announce where the widget actually landed, not where it was asked to go —\n  // Gridstack compacts rows, so the two differ.\n  const landed = positionOf(widget);\n  announceToScreenReader(`${widgetName(widget)} moved to column ${landed.x + 1}, row ${landed.y + 1}.`);\n};\n\nconst resizeWidgetBy = (widget: IDashboardWidget, dw: number, dh: number): void => {\n  const current = sizeOf(widget);\n  // Only the requested axis changes; sending both would drag the untouched one\n  // back to its baseline.\n  const width = dw ? Math.max(MIN_WIDGET_SPAN, current.width + dw) : current.width;\n  const height = dh ? Math.max(MIN_WIDGET_SPAN, current.height + dh) : current.height;\n  if (width === current.width && height === current.height) return;\n\n  updateWidgetSize(widget.id, { width, height });\n  const applied = sizeOf(widget);\n  announceToScreenReader(`${widgetName(widget)} resized to ${applied.width} by ${applied.height} cells.`);\n};\n\nconst onWidgetKeydown = (event: KeyboardEvent, widget: IDashboardWidget): void => {\n  if (event.target !== event.currentTarget) return;\n\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 {\n      // Starting another move cancels the unfinished one so its origin is not lost.\n      const grabbedWidget = widgets.value.find((candidate) => candidate.id === grabbedWidgetId.value);\n      if (grabbedWidget) cancelWidgetMove(grabbedWidget);\n      pickUpWidget(widget);\n    }\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","placement","pos","fromGridstackNode","node","gridstackNodesToLayoutMap","nodes","layout","loadLayoutFromStorage","stored","parsed","id","error","saveLayoutToStorage","widgets","gridstackFormat","clearLayoutStorage","autoArrangeWidgets","columns","rowOccupancy","isPositionFree","x","width","height","row","occupied","col","occupyPosition","findFreePosition","y","position","mergeLayoutWithWidgets","savedLayout","savedPlacement","builtInPos","w","DEFAULT_OPTIONS","useGridstack","options","gridOptions","resizable","autoSave","onLayoutChange","grid","shallowRef","ref","isInitialized","isUpdating","mergedOptions","initGrid","element","GridStack","handleChange","handleAdded","handleRemoved","widgetData","_event","previous","saveLayout","destroyGrid","addWidget","gsWidget","removeWidget","widgetId","recordPlacementFromNode","requestedPosition","requestedSize","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","grabbedOriginSize","positionOf","sizeOf","widgetName","pickUpWidget","dropWidget","cancelWidgetMove","origin","originSize","current","moveWidgetBy","dx","dy","next","landed","resizeWidgetBy","dw","dh","applied","onWidgetKeydown","event","isGrabbed","grabbedWidget","candidate","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAMA,IAAqB;AAY3B,SAASC,GAAkBC,GAA0BC,GAAuD;AACjH,QAAMC,IAAMD,KAAaD,EAAO;AAChC,SAAO;AAAA,IACL,IAAIA,EAAO;AAAA,IACX,GAAGE,GAAK,KAAK;AAAA,IACb,GAAGA,GAAK,KAAK;AAAA;AAAA;AAAA,IAGb,GAAGD,GAAW,SAASD,EAAO,KAAK;AAAA,IACnC,GAAGC,GAAW,UAAUD,EAAO,KAAK;AAAA,IACpC,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV;AAKO,SAASG,GAAkBC,GAIhC;AACA,SAAO;AAAA,IACL,IAAIA,EAAK,MAAM;AAAA,IACf,UAAU;AAAA,MACR,GAAGA,EAAK,KAAK;AAAA,MACb,GAAGA,EAAK,KAAK;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,OAAOA,EAAK,KAAK;AAAA,MACjB,QAAQA,EAAK,KAAK;AAAA,IAAA;AAAA,EACpB;AAEJ;AAKO,SAASC,GAA0BC,GAA+D;AACvG,QAAMC,wBAAa,IAAA;AAEnB,aAAWH,KAAQE;AACjB,IAAIF,EAAK,MACPG,EAAO,IAAIH,EAAK,IAAI;AAAA,MAClB,GAAGA,EAAK,KAAK;AAAA,MACb,GAAGA,EAAK,KAAK;AAAA;AAAA;AAAA,MAGb,GAAI,OAAOA,EAAK,KAAM,WAAW,EAAE,OAAOA,EAAK,EAAA,IAAM,CAAA;AAAA,MACrD,GAAI,OAAOA,EAAK,KAAM,WAAW,EAAE,QAAQA,EAAK,MAAM,CAAA;AAAA,IAAC,CACxD;AAIL,SAAOG;AACT;AAKO,SAASC,KAAsE;AACpF,MAAI;AACF,UAAMC,IAAS,aAAa,QAAQX,CAAkB;AACtD,QAAI,CAACW,EAAQ,QAAO;AAEpB,UAAMC,IAAS,KAAK,MAAMD,CAAM;AAGhC,QAAI,MAAM,QAAQC,CAAM;AACtB,aAAOL,GAA0BK,CAAyB;AAK5D,QAAI,OAAOA,KAAW,YAAYA,MAAW,MAAM;AACjD,YAAMH,wBAAa,IAAA;AACnB,iBAAW,CAACI,GAAIT,CAAG,KAAK,OAAO,QAAQQ,CAA4B;AACjE,QAAIR,KAAO,OAAOA,EAAI,KAAM,YAAY,OAAOA,EAAI,KAAM,YACvDK,EAAO,IAAII,GAAI,EAAE,GAAGT,EAAI,GAAG,GAAGA,EAAI,GAAG;AAGzC,aAAOK;AAAA,IACT;AAEA,WAAO;AAAA,EACT,SAASK,GAAO;AACd,mBAAQ,KAAK,0DAA0DA,CAAK,GACrE;AAAA,EACT;AACF;AAKO,SAASC,GAAoBC,GAA6BP,GAAqD;AACpH,MAAI;AACF,UAAMQ,IAAqCD,EAAQ,IAAI,CAACd,MAAW;AACjE,YAAMC,IAAYM,EAAO,IAAIP,EAAO,EAAE;AACtC,aAAO;AAAA,QACL,IAAIA,EAAO;AAAA,QACX,GAAGC,GAAW,KAAKD,EAAO,UAAU,KAAK;AAAA,QACzC,GAAGC,GAAW,KAAKD,EAAO,UAAU,KAAK;AAAA;AAAA;AAAA,QAGzC,GAAGC,GAAW,SAASD,EAAO,KAAK;AAAA,QACnC,GAAGC,GAAW,UAAUD,EAAO,KAAK;AAAA,MAAA;AAAA,IAExC,CAAC;AAED,iBAAa,QAAQF,GAAoB,KAAK,UAAUiB,CAAe,CAAC;AAAA,EAC1E,SAASH,GAAO;AACd,YAAQ,KAAK,wDAAwDA,CAAK;AAAA,EAC5E;AACF;AAKO,SAASI,KAA2B;AACzC,MAAI;AACF,iBAAa,WAAWlB,CAAkB;AAAA,EAC5C,SAASc,GAAO;AACd,YAAQ,KAAK,sDAAsDA,CAAK;AAAA,EAC1E;AACF;AAMA,SAASK,GAAmBH,GAA6BI,IAAkB,IAA2C;AACpH,QAAMX,wBAAa,IAAA,GAGbY,wBAA0C,IAAA,GAE1CC,IAAiB,CAACC,GAAW,GAAWC,GAAeC,MAA4B;AACvF,aAASC,IAAM,GAAGA,IAAM,IAAID,GAAQC,KAAO;AACzC,YAAMC,IAAWN,EAAa,IAAIK,CAAG,KAAK,CAAA;AAC1C,eAASE,IAAML,GAAGK,IAAML,IAAIC,GAAOI;AACjC,YAAID,EAAS,SAASC,CAAG,EAAG,QAAO;AAAA,IAEvC;AACA,WAAO;AAAA,EACT,GAEMC,IAAiB,CAACN,GAAW,GAAWC,GAAeC,MAAyB;AACpF,aAASC,IAAM,GAAGA,IAAM,IAAID,GAAQC,KAAO;AACzC,YAAMC,IAAWN,EAAa,IAAIK,CAAG,KAAK,CAAA;AAC1C,eAASE,IAAML,GAAGK,IAAML,IAAIC,GAAOI;AACjC,QAAAD,EAAS,KAAKC,CAAG;AAEnB,MAAAP,EAAa,IAAIK,GAAKC,CAAQ;AAAA,IAChC;AAAA,EACF,GAEMG,IAAmB,CAACN,GAAeC,MAA4C;AACnF,QAAIM,IAAI;AACR,eAAa;AACX,eAASR,IAAI,GAAGA,KAAKH,IAAUI,GAAOD;AACpC,YAAID,EAAeC,GAAGQ,GAAGP,GAAOC,CAAM;AACpC,iBAAO,EAAE,GAAAF,GAAG,GAAAQ,EAAA;AAKhB,UAFAA,KAEIA,IAAI,IAAK;AAAA,IACf;AACA,WAAO,EAAE,GAAG,GAAG,GAAAA,EAAA;AAAA,EACjB;AAEA,aAAW7B,KAAUc,GAAS;AAC5B,UAAMgB,IAAWF,EAAiB5B,EAAO,KAAK,OAAOA,EAAO,KAAK,MAAM;AACvE,IAAAO,EAAO,IAAIP,EAAO,IAAI8B,CAAQ,GAC9BH,EAAeG,EAAS,GAAGA,EAAS,GAAG9B,EAAO,KAAK,OAAOA,EAAO,KAAK,MAAM;AAAA,EAC9E;AAEA,SAAOO;AACT;AAOO,SAASwB,GACdjB,GACAkB,GACuC;AAEvC,MAAIA,KAAeA,EAAY,OAAO,GAAG;AACvC,UAAMzB,wBAAa,IAAA;AAEnB,eAAWP,KAAUc,GAAS;AAG5B,YAAMmB,IAAiBD,EAAY,IAAIhC,EAAO,EAAE,GAC1CkC,IAAalC,EAAO,UACpBC,IAAYgC,KAAkBC,KAAc,EAAE,GAAG,GAAG,GAAG,EAAA;AAC7D,MAAA3B,EAAO,IAAIP,EAAO,IAAIC,CAAS;AAAA,IACjC;AAEA,WAAOM;AAAA,EACT;AAKA,MAFyBO,EAAQ,MAAM,CAACqB,MAAMA,EAAE,aAAa,MAAS,GAEhD;AACpB,UAAM5B,wBAAa,IAAA;AACnB,eAAWP,KAAUc;AACnB,MAAAP,EAAO,IAAIP,EAAO,IAAIA,EAAO,QAAS;AAExC,WAAOO;AAAA,EACT;AAGA,SAAOU,GAAmBH,CAAO;AACnC;AC/NA,MAAMsB,KAAoC;AAAA,EACxC,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA;AAAA,EAET,YAAY;AAAA,IACV,aAAa,CAAC,EAAE,GAAG,GAAG,GAAG,IAAI;AAAA;AAAA,EAAA;AAAA,EAE/B,WAAW;AAAA,IACT,QAAQ;AAAA,EAAA;AAAA,EAEV,WAAW;AAAA,IACT,SAAS;AAAA;AAAA,EAAA;AAEb;AAkDO,SAASC,GAAavB,GAAkCwB,IAA+B,IAAwB;AACpH,QAAM,EAAE,aAAAC,IAAc,CAAA,GAAI,WAAAC,IAAY,IAAO,UAAAC,IAAW,IAAM,gBAAAC,EAAA,IAAmBJ,GAG3EK,IAAOC,GAA6B,IAAI,GACxCrC,IAASsC,EAA2C,oBAAI,KAAK,GAC7DC,IAAgBD,EAAI,EAAK,GACzBE,IAAaF,EAAI,EAAK,GAKtBG,IAAkC;AAAA,IACtC,GAAGZ;AAAA,IACH,GAAGG;AAAA,IACH,eAAe,CAACC;AAAA,EAAA,GAMZS,IAAW,CAACC,MAA+B;AAC/C,QAAIP,EAAK,OAAO;AACd,cAAQ,KAAK,yCAAyC;AACtD;AAAA,IACF;AAGA,UAAMX,IAAcxB,GAAA;AACpB,IAAAD,EAAO,QAAQwB,GAAuBjB,EAAQ,OAAOkB,CAAW,GAGhEW,EAAK,QAAQQ,GAAU,KAAKH,GAAeE,CAAO,GAGlDP,EAAK,MAAM,GAAG,UAAUS,CAAY,GACpCT,EAAK,MAAM,GAAG,SAASU,CAAW,GAClCV,EAAK,MAAM,GAAG,WAAWW,CAAa;AAItC,UAAMC,IAAazC,EAAQ,MAAM,IAAI,CAACd,MAAW;AAC/C,YAAM8B,IAAWvB,EAAO,MAAM,IAAIP,EAAO,EAAE;AAC3C,aAAOD,GAAkBC,GAAQ8B,CAAQ;AAAA,IAC3C,CAAC;AAGD,IAAAa,EAAK,MAAM,KAAKY,CAAU,GAE1BT,EAAc,QAAQ;AAAA,EACxB,GAKMM,IAAe,CAACI,GAAelD,MAAiC;AACpE,QAAI,CAAAyC,EAAW,OAEf;AAAA,iBAAW3C,KAAQE,GAAO;AACxB,cAAM,EAAE,IAAAK,GAAI,UAAAmB,MAAa3B,GAAkBC,CAAI;AAC/C,YAAIO,GAAI;AAIN,gBAAM8C,IAAWlD,EAAO,MAAM,IAAII,CAAE,GAC9BW,IAAQ,OAAOlB,EAAK,KAAM,WAAWA,EAAK,IAAIqD,GAAU,OACxDlC,IAAS,OAAOnB,EAAK,KAAM,WAAWA,EAAK,IAAIqD,GAAU;AAC/D,UAAAlD,EAAO,MAAM,IAAII,GAAI;AAAA,YACnB,GAAGmB;AAAA,YACH,GAAI,OAAOR,KAAU,WAAW,EAAE,OAAAA,EAAA,IAAU,CAAA;AAAA,YAC5C,GAAI,OAAOC,KAAW,WAAW,EAAE,QAAAA,EAAA,IAAW,CAAA;AAAA,UAAC,CAChD;AAAA,QACH;AAAA,MACF;AAGA,MAAAhB,EAAO,QAAQ,IAAI,IAAIA,EAAO,KAAK,GAGnCmC,IAAiBnC,EAAO,KAAK,GAGzBkC,KACFiB,EAAA;AAAA;AAAA,EAEJ,GAKML,IAAc,CAACG,GAAelD,MAAiC;AACnE,eAAWF,KAAQE,GAAO;AACxB,YAAM,EAAE,IAAAK,GAAI,UAAAmB,MAAa3B,GAAkBC,CAAI;AAC/C,MAAIO,KAAM,CAACJ,EAAO,MAAM,IAAII,CAAE,KAC5BJ,EAAO,MAAM,IAAII,GAAImB,CAAQ;AAAA,IAEjC;AACA,IAAAvB,EAAO,QAAQ,IAAI,IAAIA,EAAO,KAAK;AAAA,EACrC,GAKM+C,IAAgB,CAACE,GAAelD,MAAiC;AACrE,eAAWF,KAAQE;AACjB,MAAIF,EAAK,MACPG,EAAO,MAAM,OAAOH,EAAK,EAAE;AAG/B,IAAAG,EAAO,QAAQ,IAAI,IAAIA,EAAO,KAAK;AAAA,EACrC,GAKMoD,IAAc,MAAY;AAC9B,IAAIhB,EAAK,UACPA,EAAK,MAAM,IAAI,QAAQ,GACvBA,EAAK,MAAM,IAAI,OAAO,GACtBA,EAAK,MAAM,IAAI,SAAS,GACxBA,EAAK,MAAM,QAAQ,EAAK,GACxBA,EAAK,QAAQ,MACbG,EAAc,QAAQ;AAAA,EAE1B,GAKMc,IAAY,CAAC5D,MAAmC;AACpD,QAAI,CAAC2C,EAAK,MAAO;AAEjB,UAAMb,IAAWvB,EAAO,MAAM,IAAIP,EAAO,EAAE,KAAKA,EAAO,UACjD6D,IAAW9D,GAAkBC,GAAQ8B,CAAQ,GAG7CoB,IAAU,SAAS,cAAc,WAAWlD,EAAO,EAAE,IAAI;AAC/D,IAAIkD,KACFP,EAAK,MAAM,WAAWO,GAAwBW,CAAQ;AAAA,EAE1D,GAKMC,IAAe,CAACC,MAA2B;AAC/C,QAAI,CAACpB,EAAK,MAAO;AAEjB,UAAMO,IAAU,SAAS,cAAc,WAAWa,CAAQ,IAAI;AAC9D,IAAIb,KACFP,EAAK,MAAM,aAAaO,GAAwB,EAAK,GAEvD3C,EAAO,MAAM,OAAOwD,CAAQ;AAAA,EAC9B,GAcMC,IAA0B,CAC9BD,GACAb,GACAe,GACAC,MACS;AACT,UAAM9D,IAAQ8C,EAA4D,eACpEO,IAAWlD,EAAO,MAAM,IAAIwD,CAAQ,GAEpC1C,IAAIjB,GAAM,KAAK6D,GAAmB,KAAKR,GAAU,KAAK,GACtD5B,IAAIzB,GAAM,KAAK6D,GAAmB,KAAKR,GAAU,KAAK,GACtDnC,IAAQlB,GAAM,KAAK8D,GAAe,SAAST,GAAU,OACrDlC,IAASnB,GAAM,KAAK8D,GAAe,UAAUT,GAAU;AAE7D,IAAAlD,EAAO,MAAM,IAAIwD,GAAU;AAAA,MACzB,GAAA1C;AAAA,MACA,GAAAQ;AAAA,MACA,GAAI,OAAOP,KAAU,WAAW,EAAE,OAAAA,EAAA,IAAU,CAAA;AAAA,MAC5C,GAAI,OAAOC,KAAW,WAAW,EAAE,QAAAA,EAAA,IAAW,CAAA;AAAA,IAAC,CAChD,GACDhB,EAAO,QAAQ,IAAI,IAAIA,EAAO,KAAK;AAAA,EACrC,GAKM4D,IAAuB,CAACJ,GAAkBjC,MAA4C;AAC1F,QAAI,CAACa,EAAK,MAAO;AAEjB,UAAMO,IAAU,SAAS,cAAc,WAAWa,CAAQ,IAAI;AAC9D,IAAIb,MACFH,EAAW,QAAQ,IACnBJ,EAAK,MAAM,OAAOO,GAAwB,EAAE,GAAGpB,EAAS,GAAG,GAAGA,EAAS,EAAA,CAAG,GAC1EkC,EAAwBD,GAAUb,GAASpB,CAAQ,GACnDiB,EAAW,QAAQ;AAAA,EAEvB,GAMMqB,IAAmB,CAACL,GAAkBM,MAAoC;AAC9E,QAAI,CAAC1B,EAAK,MAAO;AAEjB,UAAMO,IAAU,SAAS,cAAc,WAAWa,CAAQ,IAAI;AAC9D,IAAIb,MACFH,EAAW,QAAQ,IACnBJ,EAAK,MAAM,OAAOO,GAAwB,EAAE,GAAGmB,EAAK,OAAO,GAAGA,EAAK,OAAA,CAAQ,GAC3EL,EAAwBD,GAAUb,GAAS,QAAWmB,CAAI,GAC1DtB,EAAW,QAAQ;AAAA,EAEvB,GAKMW,IAAa,MAAY;AAC7B7C,IAAAA,GAAoBC,EAAQ,OAAOP,EAAO,KAAK;AAAA,EACjD,GAKM+D,IAAa,MAAY;AAC7B,UAAMtC,IAAcxB,GAAA;AACpB,IAAIwB,MACFzB,EAAO,QAAQwB,GAAuBjB,EAAQ,OAAOkB,CAAW,GAChEuC,EAAA;AAAA,EAEJ,GAKMC,IAAkB,MAAY;AAClC,IAAAjE,EAAO,4BAAY,IAAA;AACnB,eAAWP,KAAUc,EAAQ;AAC3B,MAAId,EAAO,YACTO,EAAO,MAAM,IAAIP,EAAO,IAAI,EAAE,GAAGA,EAAO,UAAU;AAGtD,IAAAuE,EAAA,GACAb,EAAA;AAAA,EACF,GAKMa,IAAoB,MAAY;AACpC,QAAK5B,EAAK,OAEV;AAAA,MAAAI,EAAW,QAAQ,IACnBJ,EAAK,MAAM,YAAA;AAEX,iBAAW3C,KAAUc,EAAQ,OAAO;AAClC,cAAMb,IAAYM,EAAO,MAAM,IAAIP,EAAO,EAAE;AAC5C,YAAIC,GAAW;AACb,gBAAMiD,IAAU,SAAS,cAAc,WAAWlD,EAAO,EAAE,IAAI;AAC/D,UAAIkD,KACFP,EAAK,MAAM,OAAOO,GAAwB;AAAA,YACxC,GAAGjD,EAAU;AAAA,YACb,GAAGA,EAAU;AAAA;AAAA;AAAA,YAGb,GAAI,OAAOA,EAAU,SAAU,WAAW,EAAE,GAAGA,EAAU,MAAA,IAAU,CAAA;AAAA,YACnE,GAAI,OAAOA,EAAU,UAAW,WAAW,EAAE,GAAGA,EAAU,WAAW,CAAA;AAAA,UAAC,CACvE;AAAA,QAEL;AAAA,MACF;AAEA,MAAA0C,EAAK,MAAM,YAAY,EAAK,GAC5BI,EAAW,QAAQ;AAAA;AAAA,EACrB,GAKM0B,IAAc,CAACC,MAAyB;AAC5C,QAAI,CAAC/B,EAAK,OAAO;AACf,MAAA+B,EAAA;AACA;AAAA,IACF;AAEA,IAAA3B,EAAW,QAAQ,IACnBJ,EAAK,MAAM,YAAA,GACX+B,EAAA,GACA/B,EAAK,MAAM,YAAY,EAAK,GAC5BI,EAAW,QAAQ;AAAA,EACrB;AAGA,SAAA4B;AAAA,IACE7D;AAAA,IACA,OAAO8D,GAAYC,MAAe;AAChC,UAAI,CAAClC,EAAK,SAAS,CAACG,EAAc,MAAO;AAEzC,YAAMgC,GAAA;AAGN,YAAMC,IAAeH,EAAW,OAAO,CAACzC,MAAM,CAAC0C,GAAY,KAAK,CAACG,MAAOA,EAAG,OAAO7C,EAAE,EAAE,CAAC,GAGjF8C,IACJJ,GAAY,OAAO,CAAC1C,MAAM,CAACyC,EAAW,KAAK,CAACM,MAAOA,EAAG,OAAO/C,EAAE,EAAE,CAAC,EAAE,IAAI,CAACA,MAAMA,EAAE,EAAE,KAAK,CAAA;AAG1F,iBAAWxB,KAAMsE;AACf,QAAAnB,EAAanD,CAAE;AAIjB,iBAAWX,KAAU+E;AACnB,QAAAnB,EAAU5D,CAAM;AAAA,IAEpB;AAAA,IACA,EAAE,MAAM,GAAA;AAAA,EAAM,GAIhBmF,GAAY,MAAM;AAChB,IAAAxB,EAAA;AAAA,EACF,CAAC,GAEM;AAAA,IACL,MAAAhB;AAAA,IACA,QAAApC;AAAA,IACA,eAAAuC;AAAA,IACA,UAAAG;AAAA,IACA,aAAAU;AAAA,IACA,WAAAC;AAAA,IACA,cAAAE;AAAA,IACA,sBAAAK;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAV;AAAA,IACA,YAAAY;AAAA,IACA,iBAAAE;AAAA,IACA,aAAAC;AAAA,EAAA;AAEJ;;ECrbI,OAAM;AAAA,EACN,eAAY;;;AAFd,SAAAW,EAAA,GAAAC,EAmBM,OAnBNC,IAmBM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA;;;;;;;;;;;;GC8OFC,KAAkB;;;;;;;;AA9GxB,UAAMC,IAAoC;AAAA,MACxC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAA;AAAA,MACvB,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAA;AAAA,MACvB,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAA;AAAA,MACvB,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAA;AAAA,IAAE;AAG3B,aAASC,IAAgD;AACvD,UAAI,OAAO,SAAW,IAAa,QAAO;AAC1C,UAAI;AACF,cAAMC,IAAM,OAAO,aAAa,QAAQ7F,CAAkB;AAC1D,YAAI,CAAC6F,EAAK,QAAO;AACjB,cAAMjF,IAAS,KAAK,MAAMiF,CAAG;AAC7B,YAAI,CAAC,MAAM,QAAQjF,CAAM,EAAG,QAAO;AACnC,cAAMkF,IAAQlF,EACX;AAAA,UACC,CAACmF,MACC,CAAC,CAACA,KACF,OAAOA,KAAM,YACb,OAAQA,EAAmB,KAAM,YACjC,OAAQA,EAAmB,KAAM,YACjC,OAAQA,EAAmB,KAAM,YACjC,OAAQA,EAAmB,KAAM;AAAA,QAAA,EAEpC,IAAI,CAACA,OAAO,EAAE,GAAGA,EAAE,GAAG,GAAGA,EAAE,GAAG,GAAGA,EAAE,GAAG,GAAGA,EAAE,IAAI;AAClD,eAAOD,EAAM,SAAS,IAAIA,IAAQ;AAAA,MACpC,QAAQ;AACN,eAAO;AAAA,MACT;AAAA,IACF;AAYA,UAAME,IAAQC,GAORC,IAAUnD,EAAwB,IAAI,GACtCoD,IAAmBpD,EAAI,EAAE,GAOzBqD,IAAeC,GAAOC,IAAiBvD,EAAI,EAAI,CAAC,GAKhDwD,IAAgBC,GAAyB,MACzCJ,EAAa,QAAc,CAAA,IACxBR,OAA4BD,CACpC,GAEKc,IAAoB,CAACC,OAAgD;AAAA,MACzE,YAAY,GAAGA,EAAK,IAAI,CAAC,WAAWA,EAAK,CAAC;AAAA,MAC1C,SAAS,GAAGA,EAAK,IAAI,CAAC,WAAWA,EAAK,CAAC;AAAA,IAAA,IAInCC,IAAYC,GAAA,GACZ5F,IAAUwF,GAAS,MAAMG,EAAU,YAAkC,GAGrE,EAAE,QAAAlG,GAAQ,eAAAuC,GAAe,UAAAG,GAAU,YAAAS,GAAY,iBAAAc,GAAiB,sBAAAL,GAAsB,kBAAAC,EAAA,IAC1F/B,GAAavB,GAAS;AAAA,MACpB,WAAWgF,EAAM;AAAA,MACjB,UAAU;AAAA,MACV,aAAa;AAAA,QACX,WAAW;AAAA,UACT,QAAQA,EAAM,kBAAkB,yCAAyC;AAAA,QAAA;AAAA,MAC3E;AAAA,MAEF,gBAAgB,CAACa,MAAc;AAE7B,mBAAW,CAAC5C,GAAUjC,CAAQ,KAAK6E;AACjC,UAAAF,EAAU,qBAAqB1C,GAAUjC,CAAQ;AAEnD,QAAA8E,EAAuB,0BAA0B;AAAA,MACnD;AAAA,IAAA,CACD,GAGGC,IAAc,CAAC9C,MACZxD,EAAO,MAAM,IAAIwD,CAAQ,GAQ5B+C,IAAkBjE,EAAmB,IAAI,GACzCkE,IAAgBlE,EAAoC,IAAI,GAExDmE,IAAoBnE,EAAgC,IAAI,GAKxDoE,IAAa,CAACjH,MAClBO,EAAO,MAAM,IAAIP,EAAO,EAAE,KAAKA,EAAO,YAAY,EAAE,GAAG,GAAG,GAAG,EAAA,GAKzDkH,IAAS,CAAClH,MAAkD;AAChE,YAAMC,IAAYM,EAAO,MAAM,IAAIP,EAAO,EAAE;AAC5C,aAAO;AAAA,QACL,OAAOC,GAAW,SAASD,EAAO,KAAK;AAAA,QACvC,QAAQC,GAAW,UAAUD,EAAO,KAAK;AAAA,MAAA;AAAA,IAE7C,GAEMmH,IAAa,CAACnH,MAAqCA,EAAO,QAAQA,EAAO,IAEzEoH,IAAe,CAACpH,MAAmC;AACvD,MAAA8G,EAAgB,QAAQ9G,EAAO,IAC/B+G,EAAc,QAAQ,EAAE,GAAGE,EAAWjH,CAAM,EAAA,GAC5CgH,EAAkB,QAAQ,EAAE,GAAGE,EAAOlH,CAAM,EAAA,GAC5C4G;AAAA,QACE,GAAGO,EAAWnH,CAAM,CAAC;AAAA,MAAA;AAAA,IAEzB,GAEMqH,IAAa,CAACrH,MAAmC;AACrD,MAAA8G,EAAgB,QAAQ,MACxBC,EAAc,QAAQ,MACtBC,EAAkB,QAAQ,MAC1BtD,EAAA;AACA,YAAM,EAAE,GAAArC,GAAG,GAAAQ,MAAMoF,EAAWjH,CAAM;AAClC,MAAA4G,EAAuB,GAAGO,EAAWnH,CAAM,CAAC,sBAAsBqB,IAAI,CAAC,SAASQ,IAAI,CAAC,GAAG;AAAA,IAC1F,GAEMyF,IAAmB,CAACtH,MAAmC;AAC3D,YAAMuH,IAASR,EAAc,OACvBS,IAAaR,EAAkB,OAC/BS,IAAUP,EAAOlH,CAAM;AAE7B,MAAIwH,MAAeA,EAAW,UAAUC,EAAQ,SAASD,EAAW,WAAWC,EAAQ,WACrFrD,EAAiBpE,EAAO,IAAIwH,CAAU,GAEpCD,KACFpD,EAAqBnE,EAAO,IAAIuH,CAAM,GAGxCT,EAAgB,QAAQ,MACxBC,EAAc,QAAQ,MACtBC,EAAkB,QAAQ,MAC1BJ,EAAuB,mBAAmBO,EAAWnH,CAAM,CAAC,8CAA8C;AAAA,IAC5G,GAEM0H,IAAe,CAAC1H,GAA0B2H,GAAYC,MAAqB;AAC/E,YAAMH,IAAUR,EAAWjH,CAAM,GAC3B6H,IAAO,EAAE,GAAGJ,EAAQ,IAAIE,GAAI,GAAGF,EAAQ,IAAIG,EAAA;AAEjD,UAAIC,EAAK,IAAI,KAAKA,EAAK,IAAI,EAAG;AAE9B,MAAA1D,EAAqBnE,EAAO,IAAI6H,CAAI;AAKpC,YAAMC,IAASb,EAAWjH,CAAM;AAChC,MAAA4G,EAAuB,GAAGO,EAAWnH,CAAM,CAAC,oBAAoB8H,EAAO,IAAI,CAAC,SAASA,EAAO,IAAI,CAAC,GAAG;AAAA,IACtG,GAEMC,IAAiB,CAAC/H,GAA0BgI,GAAYC,MAAqB;AACjF,YAAMR,IAAUP,EAAOlH,CAAM,GAGvBsB,IAAQ0G,IAAK,KAAK,IAAIxC,IAAiBiC,EAAQ,QAAQO,CAAE,IAAIP,EAAQ,OACrElG,IAAS0G,IAAK,KAAK,IAAIzC,IAAiBiC,EAAQ,SAASQ,CAAE,IAAIR,EAAQ;AAC7E,UAAInG,MAAUmG,EAAQ,SAASlG,MAAWkG,EAAQ,OAAQ;AAE1D,MAAArD,EAAiBpE,EAAO,IAAI,EAAE,OAAAsB,GAAO,QAAAC,GAAQ;AAC7C,YAAM2G,IAAUhB,EAAOlH,CAAM;AAC7B,MAAA4G,EAAuB,GAAGO,EAAWnH,CAAM,CAAC,eAAekI,EAAQ,KAAK,OAAOA,EAAQ,MAAM,SAAS;AAAA,IACxG,GAEMC,IAAkB,CAACC,GAAsBpI,MAAmC;AAChF,UAAIoI,EAAM,WAAWA,EAAM,cAAe;AAE1C,YAAMC,IAAYvB,EAAgB,UAAU9G,EAAO;AAEnD,UAAIoI,EAAM,QAAQ,WAAWA,EAAM,QAAQ,KAAK;AAE9C,YADAA,EAAM,eAAA,GACFC,KAAsBrI,CAAM;AAAA,aAC3B;AAEH,gBAAMsI,IAAgBxH,EAAQ,MAAM,KAAK,CAACyH,MAAcA,EAAU,OAAOzB,EAAgB,KAAK;AAC9F,UAAIwB,OAAgCA,CAAa,GACjDlB,EAAapH,CAAM;AAAA,QACrB;AACA;AAAA,MACF;AAEA,UAAIoI,EAAM,QAAQ,YAAYC,GAAW;AACvC,QAAAD,EAAM,eAAA,GACNd,EAAiBtH,CAAM;AACvB;AAAA,MACF;AAEA,YAAM2H,IAAKS,EAAM,QAAQ,cAAc,KAAKA,EAAM,QAAQ,eAAe,IAAI,GACvER,IAAKQ,EAAM,QAAQ,YAAY,KAAKA,EAAM,QAAQ,cAAc,IAAI;AAC1E,MAAKT,MAAO,KAAKC,MAAO,KAAM,CAACS,MAE/BD,EAAM,eAAA,GACFA,EAAM,WACJtC,EAAM,aAAWiC,EAAe/H,GAAQ2H,GAAIC,CAAE,IAElDF,EAAa1H,GAAQ2H,GAAIC,CAAE;AAAA,IAE/B,GAGMY,IAAqB,CAACxI,GAA0ByI,MAA0B;AAC9E,YAAMC,IAAO1I,EAAO,QAAQA,EAAO,IAC7B2I,IACJ7B,EAAgB,UAAU9G,EAAO,KAC7B,6DACA;AACN,aAAO,GAAG0I,CAAI,YAAYD,IAAQ,CAAC,OAAO3H,EAAQ,MAAM,MAAM,KAAK6H,CAAK;AAAA,IAC1E,GAEM/B,IAAyB,CAACgC,MAA0B;AACxD,MAAA3C,EAAiB,QAAQ2C,GACzB,WAAW,MAAM;AACf,QAAA3C,EAAiB,QAAQ;AAAA,MAC3B,GAAG,GAAI;AAAA,IACT,GAEM4C,IAAc,YAA2B;AAC7C,YAAM/D,GAAA,GACFkB,EAAQ,SAAS,CAAClD,EAAc,SAClCG,EAAS+C,EAAQ,KAAK;AAAA,IAE1B;AAEA,WAAA8C,GAAUD,CAAW,GAGrBlE,GAAMuB,GAAc,CAAC6C,MAAU;AAC7B,MAAIA,KAAOF,EAAA;AAAA,IACb,CAAC,GAiBDG,EAAa;AAAA,MACX,kBAfuB,MAAY;AACnC,QAAAxE,EAAA;AAAA,MACF;AAAA,MAcE,mBAZwB,MAAY;AAAA,MAEtC;AAAA,MAWE,YAAAd;AAAA,MACA,qBAV0B,OAC1Bc,EAAA,GACO;AAAA,IAQP,CACD,mBAzaCyE,EA2GcC,IAAA;AAAA,MA1GZ,cAAA;AAAA,MACA,OAAM;AAAA,IAAA;kBAEN,MAaM;AAAA,QAZGC,EAAAjD,CAAA,UAaTb,EA8EM,OAAA;AAAA;mBA5EA;AAAA,UAAJ,KAAIW;AAAA,UACJ,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,cAAYD,EAAA;AAAA,QAAA;WAEbX,EAAA,EAAA,GAAAC,EAsEM+D,IAAA,MAAAC,GArEsBvI,EAAA,OAAO,CAAzBd,GAAQyI,YADlBpD,EAsEM,OAAA;AAAA,YApEH,KAAKrF,EAAO;AAAA,YACb,WAAM,mBAAiB,EAAA,yCAC4B8G,YAAoB9G,EAAO,GAAA,CAAE,CAAA;AAAA,YAC/E,SAAOA,EAAO;AAAA,YACd,QAAM6G,EAAY7G,EAAO,EAAE,GAAG,KAAKA,EAAO,UAAU,KAAC;AAAA,YACrD,QAAM6G,EAAY7G,EAAO,EAAE,GAAG,KAAKA,EAAO,UAAU,KAAC;AAAA,YACrD,QAAMkH,EAAOlH,CAAM,EAAE;AAAA,YACrB,QAAMkH,EAAOlH,CAAM,EAAE;AAAA,YACrB,YAAU;AAAA,YACV,YAAU;AAAA,YACX,MAAK;AAAA,YACL,UAAS;AAAA,YACR,cAAYwI,EAAmBxI,GAAQyI,CAAK;AAAA,YAC5C,WAAO,CAAAa,MAAEnB,EAAgBmB,GAAQtJ,CAAM;AAAA,UAAA;YAExCuJ,EAoDM,OApDNC,IAoDM;AAAA,cAjDIzD,EAAA,mBADRX,KAAAC,EA0CM,OA1CNoE,IA0CM,CAAA,GAAAlE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBArCJgE,EAoCM,OAAA;AAAA,kBAnCJ,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,SAAQ;AAAA,kBACR,MAAK;AAAA,gBAAA;kBAELA,EAIE,UAAA;AAAA,oBAHA,IAAG;AAAA,oBACH,IAAG;AAAA,oBACH,GAAE;AAAA,kBAAA;kBAEJA,EAIE,UAAA;AAAA,oBAHA,IAAG;AAAA,oBACH,IAAG;AAAA,oBACH,GAAE;AAAA,kBAAA;kBAEJA,EAIE,UAAA;AAAA,oBAHA,IAAG;AAAA,oBACH,IAAG;AAAA,oBACH,GAAE;AAAA,kBAAA;kBAEJA,EAIE,UAAA;AAAA,oBAHA,IAAG;AAAA,oBACH,IAAG;AAAA,oBACH,GAAE;AAAA,kBAAA;kBAEJA,EAIE,UAAA;AAAA,oBAHA,IAAG;AAAA,oBACH,IAAG;AAAA,oBACH,GAAE;AAAA,kBAAA;kBAEJA,EAIE,UAAA;AAAA,oBAHA,IAAG;AAAA,oBACH,IAAG;AAAA,oBACH,GAAE;AAAA,kBAAA;;;eAMRnE,EAAA,GAAA6D,EAIES,GAHK1J,EAAO,SAAS,GADvB2J,GAIE,EAAA,SAAA,GAAA,GAFQ3J,EAAO,SAAK,CAAA,GAAA,EACpB,OAAM,0CAAwC,GAAA,MAAA,EAAA;AAAA,YAAA;;2BAxFtDqF,EAaM,OAAA;AAAA;UAXJ,OAAM;AAAA,UACN,MAAK;AAAA,UACL,aAAU;AAAA,UACT,cAAYU,EAAA;AAAA,QAAA;WAEbX,EAAA,EAAA,GAAAC,EAKE+D,IAAA,MAAAC,GAJwBhD,EAAA,OAAa,CAA7BG,GAAMiC,YADhBQ,EAKEW,IAAA;AAAA,YAHC,iBAAiBnB,CAAK;AAAA,YACvB,OAAM;AAAA,YACL,OAAKoB,GAAEtD,EAAkBC,CAAI,CAAA;AAAA,UAAA;;QAoFlC+C,EAOM,OAPNO,IAOMC,EADD9D,EAAA,KAAgB,GAAA,CAAA;AAAA,MAAA;;;;;;;;;;;;AC/DzB,UAAM+D,IAAenH,EAAoD,IAAI;AAoB7E,WAAAmG,EAAa;AAAA,MACX,kBAlBuB,MAAY;AACnC,QAAAgB,EAAa,OAAO,mBAAA;AAAA,MACtB;AAAA,MAiBE,mBAfwB,MAAY;AACpC,QAAAA,EAAa,OAAO,oBAAA;AAAA,MACtB;AAAA,MAcE,YAZiB,MAAY;AAC7B,QAAAA,EAAa,OAAO,aAAA;AAAA,MACtB;AAAA,MAWE,qBAT0B,MACnBA,EAAa,OAAO,sBAAA,KAA2B;AAAA,IAQtD,CACD,mBAnECf,EAKEgB,IAAA;AAAA,eAJI;AAAA,MAAJ,KAAID;AAAA,MACH,qBAAmBjE,EAAA;AAAA,MACnB,WAAWA,EAAA;AAAA,MACX,cAAYA,EAAA;AAAA,IAAA;;ICyBJhG,KAAoBmK,IACpB/J,KAAoBgK,IACpB3J,KAAwB4J,IACxBvJ,KAAsBwJ,IACtBtI,KAAyBuI,IACzBtJ,KAAqBuJ,IACrBzK,KAAqB0K;;;;;;;;;;;;;;;;;;;;ACwBlC,UAAM1E,IAAQC;sBA3DZX,EAAA,GAAAC,EA6CM,OA7CNC,IA6CM;AAAA,MA5CJiE,EAsBM,OAtBNkB,IAsBM;AAAA,QArBJC,EAcOC,wBAdP,MAcO;AAAA,UAbLpB,EAYM,OAZNqB,IAYM;AAAA,YAVI7E,EAAA,QADRX,EAAA,GAAAC,EASM,OATNmE,IASM;AAAA,cALJqB,GAIE1B,EAAA2B,EAAA,GAAA;AAAA,gBAHA,OAAM;AAAA,gBACL,MAAM/E,EAAA;AAAA,gBACP,MAAK;AAAA,cAAA;;YAGTwD,EAAkE,OAAlEE,IAAkEM,EAArBjE,EAAM,MAAM,GAAA,CAAA;AAAA,UAAA;;QAIrDiF,EAAAA,OAAO,WADf3F,KAAAC,EAKM,OALNyE,IAKM;AAAA,UADJY,EAA4BC,EAAA,QAAA,SAAA;AAAA,QAAA;;MAKxBI,EAAAA,OAAO,SADf3F,KAAAC,EAKM,OALN2F,IAKM;AAAA,QADJN,EAA0BC,EAAA,QAAA,OAAA;AAAA,MAAA;MAG5BM,IAAA7F,EAAA,GAAAC,EAKM,OALN6F,IAKM;AAAA,QADJR,EAA4BC,EAAA,QAAA,SAAA;AAAA,MAAA;gBAHjB5E,EAAA,OAAO;AAAA,MAAA;MAOZgF,EAAAA,OAAO,UADf3F,KAAAC,EAKM,OALN8F,IAKM;AAAA,QADJT,EAA2BC,EAAA,QAAA,QAAA;AAAA,MAAA;;;;;;;;;;;sBC3C/BvF,EAAA,GAAAC,EAQM,OARNC,IAQM;AAAA,MAPJiE,EAKM,OAAA;AAAA,QAJJ,OAAK6B,GAAA,CAAC,8BACErF,EAAA,yCAAyCA,EAAA,OAAO,KAAA,EAAA,CAAA;AAAA,MAAA,KAErDA,EAAA,KAAK,GAAA,CAAA;AAAA,MAEVwD,EAAyD,OAAzDkB,IAAyDV,EAAdhE,EAAA,KAAK,GAAA,CAAA;AAAA,IAAA;;;;;sBCNlDX,EAAA,GAAAC,EAEM,OAFNC,IAEM;AAAA,MADJoF,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;;;;;;;2BCDVtF,EAaM,OAAA;AAAA,MAZJ,OAAM;AAAA,MACL,gCAAOgG,EAAAA,MAAK,OAAA;AAAA,IAAA;MAEb9B,EAEM,OAFNjE,IAEM;AAAA,QADJoF,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;MAGFI,EAAAA,OAAO,YADf3F,KAAAC,EAKM,OALNoF,IAKM;AAAA,QADJC,EAAwBC,EAAA,QAAA,UAAA;AAAA,MAAA;;;;"}

package/dist/core/composables/useSidebarState/index.d.ts

@@ -25,7 +25,8 @@ export type SidebarStateReturn = UseSidebarStateReturn;
 /**
  * Provides sidebar state to the component tree. Must be called once in VcApp setup.
  * Idempotent: returns existing instance if already provided in the current tree.
- * Internally delegates to useMenuExpanded() so every consumer shares one reactive source.
+ * Internally delegates to useMenuExpanded() for shared reactive state,
+ * ensuring UserDropdownButton (which uses useMenuExpanded directly) stays in sync.
  */
 export declare function provideSidebarState(): UseSidebarStateReturn;
 /**

package/dist/core/composables/useSidebarState/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useSidebarState/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAgB,MAAM,KAAK,CAAC;AAG1D,MAAM,WAAW,YAAY;IAC3B,iEAAiE;IACjE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,oEAAoE;IACpE,eAAe,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9B,qCAAqC;IACrC,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACzB,kFAAkF;IAClF,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,yDAAyD;IACzD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,uDAAuD;IACvD,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG,cAAc,CAAC;AAElE,oDAAoD;AACpD,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC;AAIvD;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,qBAAqB,CAoC3D;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,qBAAqB,CAMvD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useSidebarState/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAgB,MAAM,KAAK,CAAC;AAG1D,MAAM,WAAW,YAAY;IAC3B,iEAAiE;IACjE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,oEAAoE;IACpE,eAAe,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9B,qCAAqC;IACrC,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACzB,kFAAkF;IAClF,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,yDAAyD;IACzD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,uDAAuD;IACvD,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG,cAAc,CAAC;AAElE,oDAAoD;AACpD,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC;AAIvD;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,qBAAqB,CAoC3D;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,qBAAqB,CAMvD"}

package/dist/core/composables/useToolbar/index.d.ts

@@ -15,12 +15,6 @@ export interface UseToolbarReturn {
     isToolbarItemRegistered: IToolbarService["isToolbarItemRegistered"];
     registeredToolbarItems: IToolbarService["registeredToolbarItems"];
 }
-/**
- * @deprecated Redundant inside a shell app: `VirtoShellFramework` already provides the
- * toolbar service via `createAndProvideServices`, so this returns the existing instance.
- * Still meaningful when bootstrapping an isolated tree (stories, tests) that has not
- * installed the framework.
- */
 export declare function provideToolbarService(): IToolbarService;
 /**
  * Composable for working with the toolbar

package/dist/core/composables/useToolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useToolbar/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAoC,MAAM,gCAAgC,CAAC;AAQjH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,mBAAmB,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,qBAAqB,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/E,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpG,eAAe,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,YAAY,EAAE,CAAC;IAC5D,sBAAsB,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,uBAAuB,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IACpE,sBAAsB,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAC;CACnE;AASD;;;;;GAKG;AACH,wBAAgB,qBAAqB,IAAI,eAAe,CAEvD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,gBAAgB,CAoE5E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useToolbar/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAoC,MAAM,gCAAgC,CAAC;AAQjH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,mBAAmB,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,qBAAqB,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/E,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpG,eAAe,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,YAAY,EAAE,CAAC;IAC5D,sBAAsB,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,uBAAuB,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IACpE,sBAAsB,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAC;CACnE;AASD,wBAAgB,qBAAqB,IAAI,eAAe,CAEvD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,gBAAgB,CAoE5E"}

package/dist/core/services/global-search-service/index.d.ts

@@ -6,8 +6,5 @@ export interface GlobalSearchState {
     setSearchQuery: (bladeId: string, query: string) => void;
     closeSearch: (bladeId: string) => void;
 }
-/**
- * @deprecated Unused; will be removed in the next major. No replacement.
- */
 export declare function createGlobalSearchService(): GlobalSearchState;
 //# sourceMappingURL=index.d.ts.map

package/dist/core/services/global-search-service/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/services/global-search-service/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAO,MAAM,KAAK,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC9C,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,sBAyBxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/services/global-search-service/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAO,MAAM,KAAK,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC9C,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,yBAAyB,sBAyBxC"}

package/dist/dashboard/index.js

@@ -1,4 +1,4 @@
-import { _ as o, a as t, b as e, c as r, d, L as g, e as i, f as b, l as L, m as h, s as m, t as u, u as D } from "../chunks/dashboard-feed-row.vue_vue_type_script_setup_true_lang-BK6rNhCN.js";
+import { _ as o, a as t, b as e, c as r, d, L as g, e as i, f as b, l as L, m as h, s as m, t as u, u as D } from "../chunks/dashboard-feed-row.vue_vue_type_script_setup_true_lang-BCsJG_hk.js";
 export {
   o as DashboardFeedList,
   t as DashboardFeedRow,

package/dist/framework.js

@@ -1,9 +1,9 @@
 import { b as Da, c as ya } from "./chunks/vendor-vueuse-core-BFa9je5E.js";
-import { t as nt, v as oe, w as q, x as X, _ as $, y as be, z as Ba, I as Dt, d as K, b as Ae, l as Ma, A as ka, C as Va, D as Ua, V as Ee, E as Fa, F as Wa, G as Ha, H as Ga, J as xa, K as $a, L as Ka, M as za, N as qa } from "./chunks/VcScheduler.vue_vue_type_style_index_0_lang-CjBKWqcN.js";
-import { O as Kl, B as zl, P as ql, Q as Yl, R as jl, S as Zl, T as Xl, U as Jl, W as Ql, a as eu, c as tu, e as au, f as nu, g as su, h as ou, i as ru, j as iu, X as lu, Y as uu, Z as du, $ as cu, a0 as Eu, a1 as fu, a2 as mu, a3 as gu, a4 as Su, a5 as pu, a6 as Au, a7 as Tu, a8 as hu, a9 as Lu, aa as Ou, ab as Ru, p as _u, ac as Iu, ad as vu, ae as wu, af as Cu, ag as bu, ah as Pu, ai as Nu, aj as Du, ak as yu, al as Bu, am as Mu, u as ku, k as Vu, r as Uu, an as Fu, m as Wu, n as Hu, ao as Gu, o as xu, ap as $u, aq as Ku, ar as zu } from "./chunks/VcScheduler.vue_vue_type_style_index_0_lang-CjBKWqcN.js";
+import { t as nt, v as oe, w as q, x as X, _ as $, y as be, z as Ba, I as Dt, d as K, b as Ae, l as Ma, A as ka, C as Va, D as Ua, V as Ee, E as Fa, F as Wa, G as Ha, H as Ga, J as xa, K as $a, L as Ka, M as za, N as qa } from "./chunks/VcScheduler.vue_vue_type_style_index_0_lang-BTg4PjTB.js";
+import { O as Kl, B as zl, P as ql, Q as Yl, R as jl, S as Zl, T as Xl, U as Jl, W as Ql, a as eu, c as tu, e as au, f as nu, g as su, h as ou, i as ru, j as iu, X as lu, Y as uu, Z as du, $ as cu, a0 as Eu, a1 as fu, a2 as mu, a3 as gu, a4 as Su, a5 as pu, a6 as Au, a7 as Tu, a8 as hu, a9 as Lu, aa as Ou, ab as Ru, p as _u, ac as Iu, ad as vu, ae as wu, af as Cu, ag as bu, ah as Pu, ai as Nu, aj as Du, ak as yu, al as Bu, am as Mu, u as ku, k as Vu, r as Uu, an as Fu, m as Wu, n as Hu, ao as Gu, o as xu, ap as $u, aq as Ku, ar as zu } from "./chunks/VcScheduler.vue_vue_type_style_index_0_lang-BTg4PjTB.js";
 import { getCurrentScope as st, onScopeDispose as ot, computed as w, inject as Q, watch as ne, defineComponent as G, openBlock as C, createBlock as D, createSlots as Oe, withCtx as A, renderSlot as Y, createElementVNode as V, normalizeClass as Ya, createElementBlock as H, Fragment as se, createVNode as _, unref as i, createTextVNode as k, toDisplayString as B, shallowReactive as ja, ref as b, readonly as Me, onMounted as Re, onBeforeMount as Za, onBeforeUnmount as Xa, onUnmounted as Ja, provide as yt, toValue as Bt, isRef as Mt, normalizeStyle as kt, createCommentVNode as z, withDirectives as Qa, withModifiers as He, reactive as le, createApp as en, nextTick as Pe, renderList as Fe, withKeys as rt, mergeProps as ie, getCurrentInstance as tn, warn as an, h as te, toRaw as nn } from "vue";
-import { b5 as me, b6 as sn, b7 as on, b8 as Vt, b9 as Ge, ba as rn, bb as ln, ao as un, bc as xe, bd as dn, be as cn, bf as Ut, Q as Ft, $ as En, a8 as ge, aa as it, a6 as $e, aB as fn, a0 as mn, av as gn, N as _e, ag as Wt, P as Sn, bg as pn, aC as ft, bh as An, bi as Tn } from "./chunks/VcScheduler.vue_vue_type_script_setup_true_lang-88mI_UMp.js";
-import { _ as Yu, a as ju, b as Zu, c as Xu, d as Ju, e as Qu, f as ed, g as td, h as ad, i as nd, j as sd, bj as od, bk as rd, C as id, bl as ld, bm as ud, bn as dd, k as cd, bo as Ed, bp as fd, S as md, bq as gd, br as Sd, l as pd, m as Ad, n as Td, o as hd, p as Ld, q as Od, T as Rd, r as _d, s as Id, t as vd, u as wd, v as Cd, w as bd, x as Pd, bs as Nd, bt as Dd, V as yd, y as Bd, z as Md, A as kd, B as Vd, D as Ud, E as Fd, F as Wd, G as Hd, H as Gd, I as xd, J as $d, K as Kd, L as zd, M as qd, O as Yd, bu as jd, bu as Zd, bv as Xd, R as Jd, U as Qd, W as ec, X as tc, Y as ac, Z as nc, a1 as sc, a2 as oc, a3 as rc, a4 as ic, a5 as lc, a7 as uc, a9 as dc, ab as cc, ac as Ec, ad as fc, ae as mc, af as gc, ah as Sc, ai as pc, aj as Ac, ak as Tc, al as hc, am as Lc, an as Oc, ap as Rc, aq as _c, ar as Ic, as as vc, at as wc, au as Cc, aw as bc, ax as Pc, ay as Nc, az as Dc, aA as yc, aD as Bc, aE as Mc, bw as kc, aF as Vc, bx as Uc, by as Fc, bz as Wc, bA as Hc, bB as Gc, bC as xc, bD as $c, bE as Kc, bF as zc, bG as qc, bH as Yc, bI as jc, bJ as Zc, bK as Xc, bL as Jc, bM as Qc, bN as eE, aG as tE, aH as aE, aI as nE, bO as sE, aJ as oE, aK as rE, bP as iE, bQ as lE, aL as uE, aM as dE, aN as cE, aO as EE, bR as fE, aP as mE, aQ as gE, aR as SE, bS as pE, aS as AE, bT as TE, aT as hE, aU as LE, aV as OE, bU as RE, aW as _E, aX as IE, aY as vE, aZ as wE, a_ as CE, a$ as bE, b0 as PE, b1 as NE, b2 as DE, b3 as yE, b4 as BE, aF as ME } from "./chunks/VcScheduler.vue_vue_type_script_setup_true_lang-88mI_UMp.js";
+import { b5 as me, b6 as sn, b7 as on, b8 as Vt, b9 as Ge, ba as rn, bb as ln, ao as un, bc as xe, bd as dn, be as cn, bf as Ut, Q as Ft, $ as En, a8 as ge, aa as it, a6 as $e, aB as fn, a0 as mn, av as gn, N as _e, ag as Wt, P as Sn, bg as pn, aC as ft, bh as An, bi as Tn } from "./chunks/VcScheduler.vue_vue_type_script_setup_true_lang-BmlVL_rn.js";
+import { _ as Yu, a as ju, b as Zu, c as Xu, d as Ju, e as Qu, f as ed, g as td, h as ad, i as nd, j as sd, bj as od, bk as rd, C as id, bl as ld, bm as ud, bn as dd, k as cd, bo as Ed, bp as fd, S as md, bq as gd, br as Sd, l as pd, m as Ad, n as Td, o as hd, p as Ld, q as Od, T as Rd, r as _d, s as Id, t as vd, u as wd, v as Cd, w as bd, x as Pd, bs as Nd, bt as Dd, V as yd, y as Bd, z as Md, A as kd, B as Vd, D as Ud, E as Fd, F as Wd, G as Hd, H as Gd, I as xd, J as $d, K as Kd, L as zd, M as qd, O as Yd, bu as jd, bu as Zd, bv as Xd, R as Jd, U as Qd, W as ec, X as tc, Y as ac, Z as nc, a1 as sc, a2 as oc, a3 as rc, a4 as ic, a5 as lc, a7 as uc, a9 as dc, ab as cc, ac as Ec, ad as fc, ae as mc, af as gc, ah as Sc, ai as pc, aj as Ac, ak as Tc, al as hc, am as Lc, an as Oc, ap as Rc, aq as _c, ar as Ic, as as vc, at as wc, au as Cc, aw as bc, ax as Pc, ay as Nc, az as Dc, aA as yc, aD as Bc, aE as Mc, bw as kc, aF as Vc, bx as Uc, by as Fc, bz as Wc, bA as Hc, bB as Gc, bC as xc, bD as $c, bE as Kc, bF as zc, bG as qc, bH as Yc, bI as jc, bJ as Zc, bK as Xc, bL as Jc, bM as Qc, bN as eE, aG as tE, aH as aE, aI as nE, bO as sE, aJ as oE, aK as rE, bP as iE, bQ as lE, aL as uE, aM as dE, aN as cE, aO as EE, bR as fE, aP as mE, aQ as gE, aR as SE, bS as pE, aS as AE, bT as TE, aT as hE, aU as LE, aV as OE, bU as RE, aW as _E, aX as IE, aY as vE, aZ as wE, a_ as CE, a$ as bE, b0 as PE, b1 as NE, b2 as DE, b3 as yE, b4 as BE, aF as ME } from "./chunks/VcScheduler.vue_vue_type_script_setup_true_lang-BmlVL_rn.js";
 import { _ as hn } from "./chunks/vendor-cypress-signalr-mock-itnm2wpA.js";
 import { c as U, b as Ln, d as On, i as Qe, S as Rn, W as Ht, B as Gt, h as _n, j as xt, m as In, k as vn, l as $t, n as wn, _ as Cn, L as bn, I as Pn, o as Nn, p as Dn, q as yn, r as Bn, s as Mn, T as kn, t as Vn, v as Un, w as Fn, N as Wn } from "./chunks/VcAiAgentPanel.vue_vue_type_style_index_0_lang-CZdY18Hq.js";
 import { A as VE, x as UE, y as FE, z as WE, C as HE, D as GE, F as xE, G as $E, H as KE, J as zE, e as qE, f as YE, K as jE, O as ZE, P as XE, Q as JE, R as QE, U as ef, V as tf, X as af, Y as nf, Z as sf, $ as of, E as rf, a0 as lf, a1 as uf, a2 as df, a3 as cf, a4 as Ef, a5 as ff, a6 as mf, a7 as gf, M as Sf, a8 as pf, a9 as Af, aa as Tf, ab as hf, ac as Lf, ad as Of, ae as Rf, af as _f, a as If, ag as vf, ah as wf, ai as Cf, aj as bf, u as Pf, g as Nf } from "./chunks/VcAiAgentPanel.vue_vue_type_style_index_0_lang-CZdY18Hq.js";
@@ -93,7 +93,7 @@ import "./chunks/vendor-truncate-html-ChA1T5zy.js";
 import "./chunks/vendor-sortablejs-Bsvu-FKn.js";
 import { v as ns } from "./chunks/vendor-vue3-touch-events-DqysuuWh.js";
 import "./chunks/vendor-gridstack-Beau2jQ7.js";
-import { _ as Jf, a as Qf, b as em, c as tm, d as am, L as nm, e as sm, f as om, l as rm, m as im, s as lm, t as um, u as dm } from "./chunks/dashboard-feed-row.vue_vue_type_script_setup_true_lang-BK6rNhCN.js";
+import { _ as Jf, a as Qf, b as em, c as tm, d as am, L as nm, e as sm, f as om, l as rm, m as im, s as lm, t as um, u as dm } from "./chunks/dashboard-feed-row.vue_vue_type_script_setup_true_lang-BCsJG_hk.js";
 import { _ as Em, a as fm, b as mm, c as gm, d as Sm, e as pm } from "./chunks/DashboardDonutChart.vue_vue_type_script_setup_true_lang-hTcM33bM.js";
 import { A as ss, u as os } from "./chunks/vendor-vue3-application-insights-CAgbt8pk.js";
 import { o as rs, c as J, d as is, i as ls } from "./chunks/vendor-lodash-es-D2n90GJy.js";
@@ -672,7 +672,7 @@ function Zt(e, t) {
       const E = be(u);
       if (n.value = E, Bs.error("Async action failed:", u), s && !Qe() && u && typeof u == "object") {
         const g = `async-error-${E.message.slice(0, 80)}`, f = setTimeout(async () => {
-          ze || (ze = (await import("./chunks/VcScheduler.vue_vue_type_style_index_0_lang-CjBKWqcN.js").then((S) => S.aD)).notification), ze.error(E.message, {
+          ze || (ze = (await import("./chunks/VcScheduler.vue_vue_type_style_index_0_lang-BTg4PjTB.js").then((S) => S.aE)).notification), ze.error(E.message, {
             timeout: o,
             notificationId: g
           });
@@ -2095,12 +2095,12 @@ function Go() {
     hasNotification: (t) => e.hasNotification(t)
   });
 }
-const xo = "2.5.0-pr312.a50da73";
+const xo = "2.5.0-pr313.d5b02dd";
 function $o() {
   return {
     version: xo,
-    buildDate: "2026-08-25T10:55:24.581Z",
-    gitHash: "a50da733d"
+    buildDate: "2026-08-25T11:24:51.460Z",
+    gitHash: "d5b02dd62"
   };
 }
 function Ko(e = $o()) {