@burdenoff/microfe-bigconsole 2026.804.2 → 2026.805.2

package/dist/bigconsole/components/widgets/WidgetMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetMenu.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/WidgetMenu.tsx"],"sourcesContent":["/**\n * WidgetMenu Component\n *\n * Dropdown menu with widget actions (edit, duplicate, delete, etc.)\n */\n\nimport { type FC, type ReactElement, useState, useRef, useEffect, useCallback, memo } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { Widget } from '../../types';\nimport { useWidgetStore } from '../../store';\nimport { useWidgetOperations } from '../../hooks';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetMenuProps {\n  /** The widget data */\n  widget: Widget;\n  /** Whether in edit mode */\n  isEditMode?: boolean;\n  /** Callback to refresh widget */\n  onRefresh?: () => void;\n  /** Callback to export as CSV */\n  onExportCSV?: () => void;\n  /** Callback to export as PNG */\n  onExportPNG?: () => void;\n}\n\ninterface MenuItem {\n  id: string;\n  label: string;\n  icon: ReactElement;\n  action: () => void;\n  disabled?: boolean;\n  destructive?: boolean;\n  divider?: boolean;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WidgetMenu: FC<WidgetMenuProps> = memo(function WidgetMenu({\n  widget,\n  isEditMode,\n  onRefresh,\n  onExportCSV,\n  onExportPNG,\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [menuPosition, setMenuPosition] = useState({ top: 0, left: 0 });\n  const menuRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  // Store actions\n  const selectWidget = useWidgetStore((state) => state.selectWidget);\n  const copyWidget = useWidgetStore((state) => state.copyWidget);\n  const cutWidget = useWidgetStore((state) => state.cutWidget);\n  const removeWidget = useWidgetStore((state) => state.removeWidget);\n  const openConfigPanel = useWidgetStore((state) => state.openConfigPanel);\n\n  // API operations - skipFetch since parent page fetches\n  const {\n    duplicateWidget: duplicateWidgetApi,\n    deleteWidget: deleteWidgetApi,\n    refreshWidgetData,\n  } = useWidgetOperations(widget.pageId, widget.dashboardId, { skipFetch: true });\n\n  // Close menu when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        menuRef.current &&\n        !menuRef.current.contains(event.target as Node) &&\n        buttonRef.current &&\n        !buttonRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false);\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isOpen]);\n\n  // Close menu on escape\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setIsOpen(false);\n        buttonRef.current?.focus();\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscape);\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [isOpen]);\n\n  // Toggle menu with collision detection\n  const toggleMenu = useCallback((event: React.MouseEvent) => {\n    event.stopPropagation();\n    setIsOpen((prev) => {\n      if (!prev && buttonRef.current) {\n        // Calculate position when opening with collision detection\n        const rect = buttonRef.current.getBoundingClientRect();\n        const menuWidth = 160;\n        const menuHeight = 320; // Approximate max height of menu\n        const collisionPadding = 10;\n\n        // Calculate initial position\n        let top = rect.bottom + 4;\n        let left = rect.right - menuWidth;\n\n        // Check right overflow - ensure menu doesn't go past viewport right edge\n        if (left + menuWidth > window.innerWidth - collisionPadding) {\n          left = window.innerWidth - menuWidth - collisionPadding;\n        }\n\n        // Check left overflow - ensure menu doesn't go past viewport left edge\n        if (left < collisionPadding) {\n          left = collisionPadding;\n        }\n\n        // Check bottom overflow - flip to top if needed\n        if (top + menuHeight > window.innerHeight - collisionPadding) {\n          top = rect.top - menuHeight - 4;\n          // If still overflows at top, position at top of viewport\n          if (top < collisionPadding) {\n            top = collisionPadding;\n          }\n        }\n\n        setMenuPosition({\n          top: top + window.scrollY,\n          left: left + window.scrollX,\n        });\n      }\n      return !prev;\n    });\n  }, []);\n\n  // Menu items\n  const menuItems: MenuItem[] = [\n    {\n      id: 'edit',\n      label: 'Edit Widget',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n          />\n        </svg>\n      ),\n      action: () => {\n        selectWidget(widget.id);\n        openConfigPanel();\n        setIsOpen(false);\n      },\n      disabled: !isEditMode,\n    },\n    {\n      id: 'refresh',\n      label: 'Refresh Data',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n          />\n        </svg>\n      ),\n      action: async () => {\n        setIsOpen(false);\n        if (onRefresh) {\n          onRefresh();\n        } else {\n          await refreshWidgetData(widget.id);\n        }\n      },\n      disabled: false,\n    },\n    {\n      id: 'exportCSV',\n      label: 'Export CSV',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n          />\n        </svg>\n      ),\n      action: () => {\n        setIsOpen(false);\n        onExportCSV?.();\n      },\n      disabled: !onExportCSV,\n    },\n    {\n      id: 'exportPNG',\n      label: 'Export PNG',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n          />\n        </svg>\n      ),\n      action: () => {\n        setIsOpen(false);\n        onExportPNG?.();\n      },\n      disabled: !onExportPNG,\n    },\n    {\n      id: 'divider1',\n      label: '',\n      icon: <></>,\n      action: () => {},\n      divider: true,\n    },\n    {\n      id: 'copy',\n      label: 'Copy',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"\n          />\n        </svg>\n      ),\n      action: () => {\n        copyWidget(widget.id);\n        setIsOpen(false);\n      },\n      disabled: !isEditMode,\n    },\n    {\n      id: 'cut',\n      label: 'Cut',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M14.121 14.121L19 19m-7-7l7-7m-7 7l-2.879 2.879M12 12L9.121 9.121m0 5.758a3 3 0 10-4.243 4.243 3 3 0 004.243-4.243zm0-5.758a3 3 0 10-4.243-4.243 3 3 0 004.243 4.243z\"\n          />\n        </svg>\n      ),\n      action: () => {\n        cutWidget(widget.id);\n        setIsOpen(false);\n      },\n      disabled: !isEditMode,\n    },\n    {\n      id: 'duplicate',\n      label: 'Duplicate',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2\"\n          />\n        </svg>\n      ),\n      action: async () => {\n        setIsOpen(false);\n        // Calculate new position (offset from original)\n        const newPosition = {\n          x: (widget.positionX ?? 0) + 1,\n          y: (widget.positionY ?? 0) + 1,\n          width: widget.positionWidth ?? 4,\n          height: widget.positionHeight ?? 4,\n        };\n        await duplicateWidgetApi(widget.id, newPosition, `${widget.title} (Copy)`);\n      },\n      disabled: !isEditMode,\n    },\n    {\n      id: 'divider2',\n      label: '',\n      icon: <></>,\n      action: () => {},\n      divider: true,\n    },\n    {\n      id: 'delete',\n      label: 'Delete',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n          />\n        </svg>\n      ),\n      action: async () => {\n        if (window.confirm('Are you sure you want to delete this widget?')) {\n          setIsOpen(false);\n          const success = await deleteWidgetApi(widget.id);\n          if (!success) {\n            // Fallback to local store removal if API fails\n            removeWidget(widget.id);\n          }\n        } else {\n          setIsOpen(false);\n        }\n      },\n      disabled: !isEditMode,\n      destructive: true,\n    },\n  ];\n\n  return (\n    <div className=\"relative\">\n      {/* Menu Button */}\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        onClick={toggleMenu}\n        className={`\n          p-1.5 rounded-md\n          text-text-secondary\n          hover:text-text-primary\n          hover:bg-bg-sunken\n          transition-colors\n          ${isOpen ? 'bg-bg-sunken' : ''}\n        `}\n        title=\"Widget options\"\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n      >\n        <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"5\" r=\"2\" />\n          <circle cx=\"12\" cy=\"12\" r=\"2\" />\n          <circle cx=\"12\" cy=\"19\" r=\"2\" />\n        </svg>\n      </button>\n\n      {/* Dropdown Menu - Rendered via Portal to avoid overflow clipping */}\n      {isOpen &&\n        createPortal(\n          <div\n            ref={menuRef}\n            style={{\n              position: 'fixed',\n              top: menuPosition.top,\n              left: menuPosition.left,\n              zIndex: 99999,\n            }}\n            className=\"\n            min-w-[160px]\n            py-1\n            bg-bg-surface\n            border border-border-default\n            rounded-lg shadow-lg\n          \"\n            role=\"menu\"\n            aria-orientation=\"vertical\"\n          >\n            {menuItems.map((item) => {\n              if (item.divider) {\n                return <div key={item.id} className=\"my-1 border-t border-border-default\" />;\n              }\n\n              return (\n                <button\n                  key={item.id}\n                  type=\"button\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    item.action();\n                  }}\n                  disabled={item.disabled}\n                  className={`\n                  w-full flex items-center gap-2\n                  px-3 py-2 text-left text-sm\n                  transition-colors\n                  ${item.disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-bg-sunken'}\n                  ${item.destructive ? 'text-status-error-text hover:text-status-error-text' : 'text-text-primary'}\n                `}\n                  role=\"menuitem\"\n                >\n                  {item.icon}\n                  <span>{item.label}</span>\n                </button>\n              );\n            })}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n});\n\nexport default WidgetMenu;\n"],"mappings":"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"}
+{"version":3,"file":"WidgetMenu.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/WidgetMenu.tsx"],"sourcesContent":["/**\n * WidgetMenu Component\n *\n * Dropdown menu with widget actions (edit, duplicate, delete, etc.)\n */\n\nimport { type FC, type ReactElement, useState, useRef, useEffect, useCallback, memo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport type { Widget } from '../../types';\nimport { useWidgetStore } from '../../store';\nimport { useWidgetOperations } from '../../hooks';\nimport { BIGCONSOLE_PERMISSIONS } from '../../../constants/permissions';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetMenuProps {\n  /** The widget data */\n  widget: Widget;\n  /** Whether in edit mode */\n  isEditMode?: boolean;\n  /** Callback to refresh widget */\n  onRefresh?: () => void;\n  /** Callback to export as CSV */\n  onExportCSV?: () => void;\n  /** Callback to export as PNG */\n  onExportPNG?: () => void;\n}\n\ninterface MenuItem {\n  id: string;\n  label: string;\n  icon: ReactElement;\n  action: () => void;\n  disabled?: boolean;\n  destructive?: boolean;\n  divider?: boolean;\n  /**\n   * When `false`, the item is filtered out entirely because the caller lacks the\n   * matching widget permission. `undefined`/`true` = always shown (read-only\n   * actions and dividers).\n   */\n  permitted?: boolean;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WidgetMenu: FC<WidgetMenuProps> = memo(function WidgetMenu({\n  widget,\n  isEditMode,\n  onRefresh,\n  onExportCSV,\n  onExportPNG,\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [menuPosition, setMenuPosition] = useState({ top: 0, left: 0 });\n  const menuRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  // Permission gating for the widget CRUD actions. Read-only actions (refresh,\n  // export) are always available; mutating actions are hidden when denied. The\n  // menu items are custom portalled <button>s (not fe-libs Button), so we filter\n  // by capability rather than wrapping in PermissionButton.\n  const { hasPermission } = usePermissions();\n  const canUpdate = hasPermission(BIGCONSOLE_PERMISSIONS.WIDGET_UPDATE);\n  const canCreate = hasPermission(BIGCONSOLE_PERMISSIONS.WIDGET_CREATE);\n  const canDelete = hasPermission(BIGCONSOLE_PERMISSIONS.WIDGET_DELETE);\n\n  // Store actions\n  const selectWidget = useWidgetStore((state) => state.selectWidget);\n  const copyWidget = useWidgetStore((state) => state.copyWidget);\n  const cutWidget = useWidgetStore((state) => state.cutWidget);\n  const removeWidget = useWidgetStore((state) => state.removeWidget);\n  const openConfigPanel = useWidgetStore((state) => state.openConfigPanel);\n\n  // API operations - skipFetch since parent page fetches\n  const {\n    duplicateWidget: duplicateWidgetApi,\n    deleteWidget: deleteWidgetApi,\n    refreshWidgetData,\n  } = useWidgetOperations(widget.pageId, widget.dashboardId, { skipFetch: true });\n\n  // Close menu when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        menuRef.current &&\n        !menuRef.current.contains(event.target as Node) &&\n        buttonRef.current &&\n        !buttonRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false);\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isOpen]);\n\n  // Close menu on escape\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setIsOpen(false);\n        buttonRef.current?.focus();\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscape);\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [isOpen]);\n\n  // Toggle menu with collision detection\n  const toggleMenu = useCallback((event: React.MouseEvent) => {\n    event.stopPropagation();\n    setIsOpen((prev) => {\n      if (!prev && buttonRef.current) {\n        // Calculate position when opening with collision detection\n        const rect = buttonRef.current.getBoundingClientRect();\n        const menuWidth = 160;\n        const menuHeight = 320; // Approximate max height of menu\n        const collisionPadding = 10;\n\n        // Calculate initial position\n        let top = rect.bottom + 4;\n        let left = rect.right - menuWidth;\n\n        // Check right overflow - ensure menu doesn't go past viewport right edge\n        if (left + menuWidth > window.innerWidth - collisionPadding) {\n          left = window.innerWidth - menuWidth - collisionPadding;\n        }\n\n        // Check left overflow - ensure menu doesn't go past viewport left edge\n        if (left < collisionPadding) {\n          left = collisionPadding;\n        }\n\n        // Check bottom overflow - flip to top if needed\n        if (top + menuHeight > window.innerHeight - collisionPadding) {\n          top = rect.top - menuHeight - 4;\n          // If still overflows at top, position at top of viewport\n          if (top < collisionPadding) {\n            top = collisionPadding;\n          }\n        }\n\n        setMenuPosition({\n          top: top + window.scrollY,\n          left: left + window.scrollX,\n        });\n      }\n      return !prev;\n    });\n  }, []);\n\n  // Menu items\n  const menuItems: MenuItem[] = [\n    {\n      id: 'edit',\n      label: 'Edit Widget',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n          />\n        </svg>\n      ),\n      action: () => {\n        selectWidget(widget.id);\n        openConfigPanel();\n        setIsOpen(false);\n      },\n      disabled: !isEditMode,\n      permitted: canUpdate,\n    },\n    {\n      id: 'refresh',\n      label: 'Refresh Data',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n          />\n        </svg>\n      ),\n      action: async () => {\n        setIsOpen(false);\n        if (onRefresh) {\n          onRefresh();\n        } else {\n          await refreshWidgetData(widget.id);\n        }\n      },\n      disabled: false,\n    },\n    {\n      id: 'exportCSV',\n      label: 'Export CSV',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n          />\n        </svg>\n      ),\n      action: () => {\n        setIsOpen(false);\n        onExportCSV?.();\n      },\n      disabled: !onExportCSV,\n    },\n    {\n      id: 'exportPNG',\n      label: 'Export PNG',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n          />\n        </svg>\n      ),\n      action: () => {\n        setIsOpen(false);\n        onExportPNG?.();\n      },\n      disabled: !onExportPNG,\n    },\n    {\n      id: 'divider1',\n      label: '',\n      icon: <></>,\n      action: () => {},\n      divider: true,\n    },\n    {\n      id: 'copy',\n      label: 'Copy',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"\n          />\n        </svg>\n      ),\n      action: () => {\n        copyWidget(widget.id);\n        setIsOpen(false);\n      },\n      disabled: !isEditMode,\n      permitted: canCreate,\n    },\n    {\n      id: 'cut',\n      label: 'Cut',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M14.121 14.121L19 19m-7-7l7-7m-7 7l-2.879 2.879M12 12L9.121 9.121m0 5.758a3 3 0 10-4.243 4.243 3 3 0 004.243-4.243zm0-5.758a3 3 0 10-4.243-4.243 3 3 0 004.243 4.243z\"\n          />\n        </svg>\n      ),\n      action: () => {\n        cutWidget(widget.id);\n        setIsOpen(false);\n      },\n      disabled: !isEditMode,\n      // Cut both removes the source widget and stages a paste, so it needs\n      // create AND update rights.\n      permitted: canCreate && canUpdate,\n    },\n    {\n      id: 'duplicate',\n      label: 'Duplicate',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2\"\n          />\n        </svg>\n      ),\n      action: async () => {\n        setIsOpen(false);\n        // Calculate new position (offset from original)\n        const newPosition = {\n          x: (widget.positionX ?? 0) + 1,\n          y: (widget.positionY ?? 0) + 1,\n          width: widget.positionWidth ?? 4,\n          height: widget.positionHeight ?? 4,\n        };\n        await duplicateWidgetApi(widget.id, newPosition, `${widget.title} (Copy)`);\n      },\n      disabled: !isEditMode,\n      permitted: canCreate,\n    },\n    {\n      id: 'divider2',\n      label: '',\n      icon: <></>,\n      action: () => {},\n      divider: true,\n    },\n    {\n      id: 'delete',\n      label: 'Delete',\n      icon: (\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"w-4 h-4\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n          />\n        </svg>\n      ),\n      action: async () => {\n        if (window.confirm('Are you sure you want to delete this widget?')) {\n          setIsOpen(false);\n          const success = await deleteWidgetApi(widget.id);\n          if (!success) {\n            // Fallback to local store removal if API fails\n            removeWidget(widget.id);\n          }\n        } else {\n          setIsOpen(false);\n        }\n      },\n      disabled: !isEditMode,\n      destructive: true,\n      permitted: canDelete,\n    },\n  ];\n\n  // Drop items the caller lacks permission for, then collapse any dividers that\n  // are now leading, trailing, or adjacent to another divider (so removing a\n  // gated action never leaves an orphaned separator line).\n  const permittedItems = menuItems.filter((item) => item.permitted !== false);\n  const visibleMenuItems = permittedItems.filter((item, index) => {\n    if (!item.divider) return true;\n    const prev = permittedItems[index - 1];\n    const next = permittedItems[index + 1];\n    return prev !== undefined && next !== undefined && !prev.divider && !next.divider;\n  });\n\n  return (\n    <div className=\"relative\">\n      {/* Menu Button */}\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        onClick={toggleMenu}\n        className={`\n          p-1.5 rounded-md\n          text-text-secondary\n          hover:text-text-primary\n          hover:bg-bg-sunken\n          transition-colors\n          ${isOpen ? 'bg-bg-sunken' : ''}\n        `}\n        title=\"Widget options\"\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n      >\n        <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"5\" r=\"2\" />\n          <circle cx=\"12\" cy=\"12\" r=\"2\" />\n          <circle cx=\"12\" cy=\"19\" r=\"2\" />\n        </svg>\n      </button>\n\n      {/* Dropdown Menu - Rendered via Portal to avoid overflow clipping */}\n      {isOpen &&\n        createPortal(\n          <div\n            ref={menuRef}\n            style={{\n              position: 'fixed',\n              top: menuPosition.top,\n              left: menuPosition.left,\n              zIndex: 99999,\n            }}\n            className=\"\n            min-w-[160px]\n            py-1\n            bg-bg-surface\n            border border-border-default\n            rounded-lg shadow-lg\n          \"\n            role=\"menu\"\n            aria-orientation=\"vertical\"\n          >\n            {visibleMenuItems.map((item) => {\n              if (item.divider) {\n                return <div key={item.id} className=\"my-1 border-t border-border-default\" />;\n              }\n\n              return (\n                <button\n                  key={item.id}\n                  type=\"button\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    item.action();\n                  }}\n                  disabled={item.disabled}\n                  className={`\n                  w-full flex items-center gap-2\n                  px-3 py-2 text-left text-sm\n                  transition-colors\n                  ${item.disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-bg-sunken'}\n                  ${item.destructive ? 'text-status-error-text hover:text-status-error-text' : 'text-text-primary'}\n                `}\n                  role=\"menuitem\"\n                >\n                  {item.icon}\n                  <span>{item.label}</span>\n                </button>\n              );\n            })}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n});\n\nexport default WidgetMenu;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/widget-actions/WidgetActions.js

@@ -1,8 +1,10 @@
-import { memo as e, useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { createPortal as l } from "react-dom";
+import { BIGCONSOLE_PERMISSIONS as e } from "../../../../constants/permissions.js";
+import { memo as t, useCallback as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { usePermissions as s } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createPortal as d } from "react-dom";
 //#region src/bigconsole/components/widgets/widget-actions/WidgetActions.tsx
-function u(e, t, n) {
+function f(e, t, n) {
 	let r = {
 		sm: "px-2.5 py-1.5 text-xs",
 		md: "px-4 py-2 text-sm",
@@ -16,7 +18,7 @@ function u(e, t, n) {
 	}, a = n ? "opacity-50 cursor-not-allowed" : "cursor-pointer", o = i[e || "SECONDARY"] || i.SECONDARY;
 	return `inline-flex items-center justify-center font-medium rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${r[t]} ${o} ${a}`;
 }
-function d(e) {
+function p(e) {
 	let t = {
 		PRIMARY: {
 			backgroundColor: "var(--color-action-primary-bg)",
@@ -41,7 +43,7 @@ function d(e) {
 	};
 	return t[e || "SECONDARY"] || t.SECONDARY;
 }
-function f(e) {
+function m(e) {
 	let t = {
 		PRIMARY: "bg-action-primary text-white hover:bg-action-primary/90",
 		SECONDARY: "bg-secondary text-white hover:bg-secondary/90",
@@ -51,7 +53,7 @@ function f(e) {
 	};
 	return `px-4 py-2 text-sm font-medium rounded-md transition-colors ${t[e || "PRIMARY"] || t.PRIMARY}`;
 }
-function p(e) {
+function h(e) {
 	let t = {
 		PRIMARY: {
 			backgroundColor: "var(--color-action-primary-bg)",
@@ -91,134 +93,134 @@ function p(e) {
 	};
 	return t[e || "PRIMARY"] || t.PRIMARY;
 }
-var m = e(function({ name: e, className: t = "w-4 h-4" }) {
+var g = t(function({ name: e, className: t = "w-4 h-4" }) {
 	return {
-		"external-link": /* @__PURE__ */ s("svg", {
+		"external-link": /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
 				d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
 			})
 		}),
-		save: /* @__PURE__ */ s("svg", {
+		save: /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
 				d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"
 			})
 		}),
-		trash: /* @__PURE__ */ s("svg", {
+		trash: /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
 				d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
 			})
 		}),
-		edit: /* @__PURE__ */ s("svg", {
+		edit: /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
 				d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
 			})
 		}),
-		refresh: /* @__PURE__ */ s("svg", {
+		refresh: /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
 				d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
 			})
 		}),
-		download: /* @__PURE__ */ s("svg", {
+		download: /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
 				d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
 			})
 		}),
-		upload: /* @__PURE__ */ s("svg", {
+		upload: /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
 				d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
 			})
 		}),
-		plus: /* @__PURE__ */ s("svg", {
+		plus: /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
 				d: "M12 4v16m8-8H4"
 			})
 		}),
-		check: /* @__PURE__ */ s("svg", {
+		check: /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
 				d: "M5 13l4 4L19 7"
 			})
 		}),
-		x: /* @__PURE__ */ s("svg", {
+		x: /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
 				d: "M6 18L18 6M6 6l12 12"
 			})
 		}),
-		"more-horizontal": /* @__PURE__ */ s("svg", {
+		"more-horizontal": /* @__PURE__ */ l("svg", {
 			className: t,
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ s("path", {
+			children: /* @__PURE__ */ l("path", {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				strokeWidth: 2,
@@ -226,8 +228,8 @@ var m = e(function({ name: e, className: t = "w-4 h-4" }) {
 			})
 		})
 	}[e] || null;
-}), h = e(function({ title: e, message: t, confirmLabel: n, cancelLabel: r, style: i, onConfirm: a, onCancel: o }) {
-	return /* @__PURE__ */ c("div", {
+}), _ = t(function({ title: e, message: t, confirmLabel: n, cancelLabel: r, style: i, onConfirm: a, onCancel: o }) {
+	return /* @__PURE__ */ u("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
 		style: {
 			position: "fixed",
@@ -240,7 +242,7 @@ var m = e(function({ name: e, className: t = "w-4 h-4" }) {
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ l("div", {
 			className: "absolute inset-0 bg-black/50",
 			style: {
 				position: "absolute",
@@ -251,7 +253,7 @@ var m = e(function({ name: e, className: t = "w-4 h-4" }) {
 				backgroundColor: "rgba(0,0,0,0.5)"
 			},
 			onClick: o
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ u("div", {
 			className: "relative bg-surface rounded-lg shadow-xl max-w-md w-full mx-4 p-6 animate-in fade-in zoom-in-95 duration-200",
 			style: {
 				position: "relative",
@@ -265,7 +267,7 @@ var m = e(function({ name: e, className: t = "w-4 h-4" }) {
 				zIndex: 1e4
 			},
 			children: [
-				/* @__PURE__ */ s("h3", {
+				/* @__PURE__ */ l("h3", {
 					className: "text-lg font-semibold text-primary",
 					style: {
 						fontSize: "18px",
@@ -275,7 +277,7 @@ var m = e(function({ name: e, className: t = "w-4 h-4" }) {
 					},
 					children: e
 				}),
-				/* @__PURE__ */ s("p", {
+				/* @__PURE__ */ l("p", {
 					className: "mt-2 text-sm text-secondary",
 					style: {
 						marginTop: "8px",
@@ -284,7 +286,7 @@ var m = e(function({ name: e, className: t = "w-4 h-4" }) {
 					},
 					children: t
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ u("div", {
 					className: "mt-4 flex justify-end gap-3",
 					style: {
 						marginTop: "16px",
@@ -292,7 +294,7 @@ var m = e(function({ name: e, className: t = "w-4 h-4" }) {
 						justifyContent: "flex-end",
 						gap: "12px"
 					},
-					children: [/* @__PURE__ */ s("button", {
+					children: [/* @__PURE__ */ l("button", {
 						type: "button",
 						onClick: o,
 						className: "px-4 py-2 text-sm font-medium text-secondary bg-bg-sunken hover:bg-bg-sunken/80 rounded-md transition-colors",
@@ -307,63 +309,63 @@ var m = e(function({ name: e, className: t = "w-4 h-4" }) {
 							cursor: "pointer"
 						},
 						children: r
-					}), /* @__PURE__ */ s("button", {
+					}), /* @__PURE__ */ l("button", {
 						type: "button",
 						onClick: a,
-						className: f(i),
-						style: p(i),
+						className: m(i),
+						style: h(i),
 						children: n
 					})]
 				})
 			]
 		})]
 	});
-}), g = e(function({ actions: e, context: r, onAction: d, disabled: f, size: p }) {
-	let [h, g] = a(!1), _ = i(null), [v, y] = a({
+}), v = t(function({ actions: e, context: t, onAction: i, disabled: s, size: p }) {
+	let [m, h] = o(!1), _ = a(null), [v, y] = o({
 		top: 0,
 		left: 0
-	}), b = t(() => {
-		f || g((e) => !e);
-	}, [f]), x = t((e) => {
-		g(!1), d(e);
-	}, [d]), S = t(() => {
-		g(!1);
+	}), b = n(() => {
+		s || h((e) => !e);
+	}, [s]), x = n((e) => {
+		h(!1), i(e);
+	}, [i]), S = n(() => {
+		h(!1);
 	}, []);
-	return n(() => {
-		if (h && _.current) {
+	return r(() => {
+		if (m && _.current) {
 			let e = _.current.getBoundingClientRect();
 			y({
 				top: e.bottom + 4,
 				left: e.right - 192
 			});
 		}
-	}, [h]), e.length === 0 ? null : /* @__PURE__ */ c("div", {
+	}, [m]), e.length === 0 ? null : /* @__PURE__ */ u("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ s("button", {
+		children: [/* @__PURE__ */ l("button", {
 			ref: _,
 			type: "button",
 			onClick: b,
-			disabled: f,
-			className: u("SECONDARY", p, f ?? !1),
+			disabled: s,
+			className: f("SECONDARY", p, s ?? !1),
 			"aria-label": "More actions",
-			children: /* @__PURE__ */ s(m, { name: "more-horizontal" })
-		}), h && l(/* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+			children: /* @__PURE__ */ l(g, { name: "more-horizontal" })
+		}), m && d(/* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
 			className: "fixed inset-0 z-[9998]",
 			onClick: S
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "fixed w-48 bg-surface rounded-md shadow-lg ring-1 ring-border z-[9999] animate-in fade-in slide-in-from-top-2 duration-150",
 			style: {
 				top: v.top,
 				left: Math.max(8, v.left)
 			},
-			children: /* @__PURE__ */ s("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: "py-1",
-				children: e.map((e) => /* @__PURE__ */ c("button", {
+				children: e.map((e) => /* @__PURE__ */ u("button", {
 					type: "button",
 					onClick: () => x(e),
 					disabled: e.disabled,
 					className: "w-full text-left px-4 py-2 text-sm text-secondary hover:bg-bg-sunken hover:text-primary disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2 transition-colors",
-					children: [e.icon && /* @__PURE__ */ s(m, {
+					children: [e.icon && /* @__PURE__ */ l(g, {
 						name: e.icon,
 						className: "w-4 h-4"
 					}), e.label]
@@ -371,97 +373,97 @@ var m = e(function({ name: e, className: t = "w-4 h-4" }) {
 			})
 		})] }), document.body)]
 	});
-}), _ = e(function({ action: e, context: n, onAction: r, disabled: i, size: a, showLabel: o = !0 }) {
-	let l = i || e.disabled, f = t(() => {
-		l || r(e);
+}), y = t(function({ action: e, context: t, onAction: r, disabled: i, size: a, showLabel: o = !0 }) {
+	let s = i || e.disabled, c = n(() => {
+		s || r(e);
 	}, [
 		e,
-		l,
+		s,
 		r
-	]), p = u(e.style, a, l), h = d(e.style);
-	return e.type === "LINK" && e.metadata?.url ? /* @__PURE__ */ c("a", {
+	]), d = f(e.style, a, s), m = p(e.style);
+	return e.type === "LINK" && e.metadata?.url ? /* @__PURE__ */ u("a", {
 		href: e.metadata.url,
 		target: e.metadata.target || "_blank",
 		rel: "noopener noreferrer",
-		className: p,
-		style: h,
-		"aria-disabled": l,
+		className: d,
+		style: m,
+		"aria-disabled": s,
 		children: [
-			e.icon && /* @__PURE__ */ s(m, {
+			e.icon && /* @__PURE__ */ l(g, {
 				name: e.icon,
 				className: "w-4 h-4 mr-1.5"
 			}),
 			o && e.label,
-			!e.icon && /* @__PURE__ */ s(m, {
+			!e.icon && /* @__PURE__ */ l(g, {
 				name: "external-link",
 				className: "w-4 h-4 ml-1.5"
 			})
 		]
-	}) : /* @__PURE__ */ c("button", {
+	}) : /* @__PURE__ */ u("button", {
 		type: e.type === "SUBMIT" ? "submit" : "button",
-		onClick: f,
-		disabled: l,
-		className: p,
-		style: h,
-		children: [e.icon && /* @__PURE__ */ s(m, {
+		onClick: c,
+		disabled: s,
+		className: d,
+		style: m,
+		children: [e.icon && /* @__PURE__ */ l(g, {
 			name: e.icon,
 			className: "w-4 h-4 mr-1.5"
 		}), o && e.label]
 	});
-}), v = e(function({ actions: e, context: n, onAction: i, disabled: l = !1, layout: u = "horizontal", size: d = "md", showLabels: f = !0, maxVisible: p = 3, className: m = "" }) {
-	let [v, y] = a(null), [b, x] = a(!1), S = r(() => e.filter((e) => !e.hidden).sort((e, t) => e.order - t.order), [e]), { mainActions: C, overflowActions: w } = r(() => S.length <= p ? {
-		mainActions: S,
+}), b = t(function({ actions: t, context: r, onAction: a, disabled: d = !1, layout: f = "horizontal", size: p = "md", showLabels: m = !0, maxVisible: h = 3, className: g = "" }) {
+	let [b, x] = o(null), [S, C] = o(!1), { hasPermission: w } = s(), T = w(e.WIDGET_ACTION_EXECUTE), E = i(() => t.filter((e) => !e.hidden).sort((e, t) => e.order - t.order), [t]), { mainActions: D, overflowActions: O } = i(() => E.length <= h ? {
+		mainActions: E,
 		overflowActions: []
 	} : {
-		mainActions: S.slice(0, p - 1),
-		overflowActions: S.slice(p - 1)
-	}, [S, p]), T = t(async (e) => {
-		if (i) {
-			x(!0);
+		mainActions: E.slice(0, h - 1),
+		overflowActions: E.slice(h - 1)
+	}, [E, h]), k = n(async (e) => {
+		if (a) {
+			C(!0);
 			try {
-				await i(e, n);
+				await a(e, r);
 			} catch {} finally {
-				x(!1);
+				C(!1);
 			}
 		}
-	}, [i, n]), E = t((e) => {
+	}, [a, r]), A = n((e) => {
 		if (e.confirmation) {
-			y(e);
+			x(e);
 			return;
 		}
-		T(e);
-	}, [T]), D = t(() => {
-		v && (T(v), y(null));
-	}, [v, T]), O = t(() => {
-		y(null);
+		k(e);
+	}, [k]), j = n(() => {
+		b && (k(b), x(null));
+	}, [b, k]), M = n(() => {
+		x(null);
 	}, []);
-	return S.length === 0 ? null : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
-		className: `${u === "horizontal" ? "flex flex-row flex-wrap gap-2" : "flex flex-col gap-2"} ${m}`,
-		children: [C.map((e) => /* @__PURE__ */ s(_, {
+	return E.length === 0 ? null : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
+		className: `${f === "horizontal" ? "flex flex-row flex-wrap gap-2" : "flex flex-col gap-2"} ${g}`,
+		children: [D.map((e) => /* @__PURE__ */ l(y, {
 			action: e,
-			context: n,
-			onAction: E,
-			disabled: l || b,
-			size: d,
-			showLabel: f
-		}, e.id)), w.length > 0 && /* @__PURE__ */ s(g, {
-			actions: w,
-			context: n,
-			onAction: E,
-			disabled: l || b,
-			size: d
+			context: r,
+			onAction: A,
+			disabled: d || S || !T && e.type !== "LINK",
+			size: p,
+			showLabel: m
+		}, e.id)), O.length > 0 && /* @__PURE__ */ l(v, {
+			actions: O,
+			context: r,
+			onAction: A,
+			disabled: d || S || !T,
+			size: p
 		})]
-	}), v?.confirmation && /* @__PURE__ */ s(h, {
-		title: v.confirmation.title || "Confirm Action",
-		message: v.confirmation.message || "Are you sure you want to proceed?",
-		confirmLabel: v.confirmation.confirmLabel || "OK",
-		cancelLabel: v.confirmation.cancelLabel || "Cancel",
-		style: v.style,
-		onConfirm: D,
-		onCancel: O
+	}), b?.confirmation && /* @__PURE__ */ l(_, {
+		title: b.confirmation.title || "Confirm Action",
+		message: b.confirmation.message || "Are you sure you want to proceed?",
+		confirmLabel: b.confirmation.confirmLabel || "OK",
+		cancelLabel: b.confirmation.cancelLabel || "Cancel",
+		style: b.style,
+		onConfirm: j,
+		onCancel: M
 	})] });
 });
 //#endregion
-export { v as default };
+export { b as default };
 
 //# sourceMappingURL=WidgetActions.js.map