@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionConfigDialog.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/ActionConfigDialog.tsx"],"sourcesContent":["/**\n * ActionConfigDialog Component (v2.0)\n *\n * Modal dialog for creating/editing widget actions.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { type FC, memo, useState, useCallback, useEffect, useRef } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Textarea } from '@burdenoff/fe-libs/ui';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@burdenoff/fe-libs/ui';\nimport { Checkbox } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { Zap, Plus, Pencil } from 'lucide-react';\nimport type {\n  WidgetAction,\n  ActionType,\n  ActionStyle,\n  ActionConfirmation,\n  CreateWidgetActionInput,\n  UpdateWidgetActionInput,\n} from '../../hooks/useWidgetActions';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ActionConfigDialogProps {\n  isOpen: boolean;\n  action?: WidgetAction;\n  isLoading?: boolean;\n  onClose: () => void;\n  onSave: (data: Omit<CreateWidgetActionInput, 'widgetId'> | UpdateWidgetActionInput) => void;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst ACTION_TYPES: { value: ActionType; label: string }[] = [\n  { value: 'BUTTON', label: 'Button' },\n  { value: 'LINK', label: 'Link' },\n  { value: 'EMIT_EVENT', label: 'Emit Event' },\n  { value: 'CUSTOM', label: 'Custom' },\n];\n\nconst ACTION_STYLES: { value: ActionStyle; label: string; color: string }[] = [\n  { value: 'PRIMARY', label: 'Primary', color: 'var(--color-action-primary-bg)' },\n  { value: 'SECONDARY', label: 'Secondary', color: 'var(--color-action-secondary-bg)' },\n  { value: 'SUCCESS', label: 'Success', color: 'var(--color-status-success-bg)' },\n  { value: 'WARNING', label: 'Warning', color: 'var(--color-status-warning-bg)' },\n  { value: 'DANGER', label: 'Danger', color: 'var(--color-action-danger-bg)' },\n];\n\nconst ICON_OPTIONS = [\n  { value: '', label: 'No icon' },\n  { value: 'refresh', label: 'Refresh' },\n  { value: 'download', label: 'Download' },\n  { value: 'upload', label: 'Upload' },\n  { value: 'trash', label: 'Trash' },\n  { value: 'edit', label: 'Edit' },\n  { value: 'plus', label: 'Plus' },\n  { value: 'check', label: 'Check' },\n  { value: 'eye', label: 'View' },\n  { value: 'copy', label: 'Copy' },\n  { value: 'share', label: 'Share' },\n  { value: 'settings', label: 'Settings' },\n  { value: 'filter', label: 'Filter' },\n  { value: 'search', label: 'Search' },\n];\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ActionConfigDialog: FC<ActionConfigDialogProps> = memo(function ActionConfigDialog({\n  isOpen,\n  action,\n  isLoading = false,\n  onClose,\n  onSave,\n}) {\n  const isEditMode = !!action;\n  const nameInputRef = useRef<HTMLInputElement>(null);\n\n  // Form state\n  const [name, setName] = useState('');\n  const [label, setLabel] = useState('');\n  const [type, setType] = useState<ActionType>('BUTTON');\n  const [style, setStyle] = useState<ActionStyle>('PRIMARY');\n  const [icon, setIcon] = useState('');\n  const [disabled, setDisabled] = useState(false);\n  const [hidden, setHidden] = useState(false);\n  const [hasConfirmation, setHasConfirmation] = useState(false);\n  const [confirmTitle, setConfirmTitle] = useState('Confirm Action');\n  const [confirmMessage, setConfirmMessage] = useState('Are you sure you want to proceed?');\n  const [confirmLabel, setConfirmLabel] = useState('Confirm');\n  const [cancelLabel, setCancelLabel] = useState('Cancel');\n  const [error, setError] = useState<string | null>(null);\n\n  // Reset form when dialog opens or action changes\n  useEffect(() => {\n    if (isOpen) {\n      if (action) {\n        setName(action.name);\n        setLabel(action.label);\n        setType(action.type);\n        setStyle(action.style);\n        setIcon(action.icon || '');\n        setDisabled(action.disabled);\n        setHidden(action.hidden);\n        setHasConfirmation(!!action.confirmation);\n        if (action.confirmation) {\n          setConfirmTitle(action.confirmation.title);\n          setConfirmMessage(action.confirmation.message);\n          setConfirmLabel(action.confirmation.confirmLabel || 'Confirm');\n          setCancelLabel(action.confirmation.cancelLabel || 'Cancel');\n        }\n      } else {\n        setName('');\n        setLabel('');\n        setType('BUTTON');\n        setStyle('PRIMARY');\n        setIcon('');\n        setDisabled(false);\n        setHidden(false);\n        setHasConfirmation(false);\n        setConfirmTitle('Confirm Action');\n        setConfirmMessage('Are you sure you want to proceed?');\n        setConfirmLabel('Confirm');\n        setCancelLabel('Cancel');\n      }\n      setError(null);\n      setTimeout(() => nameInputRef.current?.focus(), 100);\n    }\n  }, [isOpen, action]);\n\n  // Handle form submission\n  const handleSubmit = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n\n      const trimmedName = name.trim();\n      const trimmedLabel = label.trim();\n\n      if (!trimmedName) {\n        setError('Action name is required');\n        nameInputRef.current?.focus();\n        return;\n      }\n\n      if (!trimmedLabel) {\n        setError('Action label is required');\n        return;\n      }\n\n      const confirmation: ActionConfirmation | undefined = hasConfirmation\n        ? {\n            title: confirmTitle.trim() || 'Confirm Action',\n            message: confirmMessage.trim() || 'Are you sure?',\n            confirmLabel: confirmLabel.trim() || 'Confirm',\n            cancelLabel: cancelLabel.trim() || 'Cancel',\n          }\n        : undefined;\n\n      if (isEditMode && action) {\n        const updateData: UpdateWidgetActionInput = {\n          id: action.id,\n          name: trimmedName,\n          label: trimmedLabel,\n          type,\n          style,\n          icon: icon || undefined,\n          confirmation: hasConfirmation ? confirmation : null,\n          disabled,\n          hidden,\n        };\n        onSave(updateData);\n      } else {\n        const createData: Omit<CreateWidgetActionInput, 'widgetId'> = {\n          name: trimmedName,\n          label: trimmedLabel,\n          type,\n          style,\n          icon: icon || undefined,\n          confirmation,\n          disabled,\n          hidden,\n        };\n        onSave(createData);\n      }\n    },\n    [\n      name,\n      label,\n      type,\n      style,\n      icon,\n      disabled,\n      hidden,\n      hasConfirmation,\n      confirmTitle,\n      confirmMessage,\n      confirmLabel,\n      cancelLabel,\n      isEditMode,\n      action,\n      onSave,\n    ]\n  );\n\n  const getStyleColor = (s: ActionStyle) => {\n    return ACTION_STYLES.find((as) => as.value === s)?.color || 'var(--color-action-primary-bg)';\n  };\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && !isLoading && onClose()}>\n      <DialogContent style={{ maxWidth: '500px', padding: 0 }}>\n        {/* Header */}\n        <DialogHeader style={{ padding: 'var(--space-pagePadding) var(--space-pagePadding) 0' }}>\n          <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-formGap)' }}>\n            <div\n              style={{\n                display: 'flex',\n                height: 'var(--size-controlHeight-lg)',\n                width: 'var(--size-controlHeight-lg)',\n                alignItems: 'center',\n                justifyContent: 'center',\n                borderRadius: 'var(--radius-card)',\n                backgroundColor: 'var(--color-action-primary-bg)',\n                boxShadow: 'var(--shadow-elevation-2)',\n              }}\n            >\n              {isEditMode ? (\n                <Pencil\n                  style={{\n                    height: 'var(--size-icon-lg)',\n                    width: 'var(--size-icon-lg)',\n                    color: 'var(--color-action-primary-text)',\n                  }}\n                />\n              ) : (\n                <Zap\n                  style={{\n                    height: 'var(--size-icon-lg)',\n                    width: 'var(--size-icon-lg)',\n                    color: 'var(--color-action-primary-text)',\n                  }}\n                />\n              )}\n            </div>\n            <div>\n              <DialogTitle\n                style={{\n                  fontSize: 'var(--font-size-heading-h4)',\n                  fontWeight: 'var(--font-weight-bold)',\n                  color: 'var(--color-text-primary)',\n                  margin: 0,\n                }}\n              >\n                {isEditMode ? 'Edit Action' : 'Add Action'}\n              </DialogTitle>\n              <DialogDescription\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-secondary)',\n                  margin: 'var(--space-controlGap) 0 0 0',\n                }}\n              >\n                {isEditMode ? 'Update the action configuration' : 'Configure a new widget action'}\n              </DialogDescription>\n            </div>\n          </div>\n        </DialogHeader>\n\n        <form onSubmit={handleSubmit}>\n          {/* Form Content */}\n          <div style={{ padding: 'var(--space-pagePadding)', maxHeight: '60vh', overflowY: 'auto' }}>\n            {/* Error Display */}\n            {error && (\n              <div\n                style={{\n                  padding: 'var(--space-controlGap)',\n                  backgroundColor: 'var(--color-status-error-bgSubtle)',\n                  border: '1px solid var(--color-status-error-border)',\n                  borderRadius: 'var(--radius-button)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-status-error-text)', margin: 0 }}>\n                  {error}\n                </p>\n              </div>\n            )}\n\n            {/* Name Field */}\n            <div style={{ marginBottom: 'var(--space-formGap)' }}>\n              <label\n                style={{\n                  display: 'block',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-semibold)',\n                  color: 'var(--color-text-primary)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                Name <span style={{ color: 'var(--color-status-error-text)' }}>*</span>\n              </label>\n              <Input\n                ref={nameInputRef}\n                value={name}\n                onChange={(e) => {\n                  setName(e.target.value);\n                  if (error) setError(null);\n                }}\n                placeholder=\"e.g., refresh, export, delete\"\n                disabled={isLoading}\n                style={{ height: 'var(--size-controlHeight-md)', fontSize: 'var(--font-size-body-sm)' }}\n              />\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-muted)',\n                  marginTop: 'var(--space-controlGap)',\n                }}\n              >\n                Unique identifier for this action (used in events)\n              </p>\n            </div>\n\n            {/* Label Field */}\n            <div style={{ marginBottom: 'var(--space-formGap)' }}>\n              <label\n                style={{\n                  display: 'block',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-semibold)',\n                  color: 'var(--color-text-primary)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                Label <span style={{ color: 'var(--color-status-error-text)' }}>*</span>\n              </label>\n              <Input\n                value={label}\n                onChange={(e) => setLabel(e.target.value)}\n                placeholder=\"e.g., Refresh Data, Export CSV\"\n                disabled={isLoading}\n                style={{ height: 'var(--size-controlHeight-md)', fontSize: 'var(--font-size-body-sm)' }}\n              />\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-muted)',\n                  marginTop: 'var(--space-controlGap)',\n                }}\n              >\n                Display text shown on the button\n              </p>\n            </div>\n\n            {/* Type and Style Row */}\n            <div\n              style={{\n                display: 'grid',\n                gridTemplateColumns: '1fr 1fr',\n                gap: 'var(--space-formGap)',\n                marginBottom: 'var(--space-formGap)',\n              }}\n            >\n              {/* Type */}\n              <div>\n                <label\n                  style={{\n                    display: 'block',\n                    fontSize: 'var(--font-size-body-sm)',\n                    fontWeight: 'var(--font-weight-semibold)',\n                    color: 'var(--color-text-primary)',\n                    marginBottom: 'var(--space-controlGap)',\n                  }}\n                >\n                  Type\n                </label>\n                <Select value={type} onValueChange={(v) => setType(v as ActionType)} disabled={isLoading}>\n                  <SelectTrigger\n                    style={{ height: 'var(--size-controlHeight-md)', fontSize: 'var(--font-size-body-sm)' }}\n                  >\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent\n                    style={{\n                      zIndex: 9999,\n                      backgroundColor: 'var(--color-overlay-popoverBg, var(--color-bg-surface, #ffffff))',\n                      border: '1px solid var(--color-border)',\n                      boxShadow: 'var(--shadow-elevation-3)',\n                      borderRadius: 'var(--radius-button)',\n                    }}\n                  >\n                    {ACTION_TYPES.map((t) => (\n                      <SelectItem key={t.value} value={t.value}>\n                        {t.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n\n              {/* Style */}\n              <div>\n                <label\n                  style={{\n                    display: 'block',\n                    fontSize: 'var(--font-size-body-sm)',\n                    fontWeight: 'var(--font-weight-semibold)',\n                    color: 'var(--color-text-primary)',\n                    marginBottom: 'var(--space-controlGap)',\n                  }}\n                >\n                  Style\n                </label>\n                <Select value={style} onValueChange={(v) => setStyle(v as ActionStyle)} disabled={isLoading}>\n                  <SelectTrigger\n                    style={{ height: 'var(--size-controlHeight-md)', fontSize: 'var(--font-size-body-sm)' }}\n                  >\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent\n                    style={{\n                      zIndex: 9999,\n                      backgroundColor: 'var(--color-overlay-popoverBg, var(--color-bg-surface, #ffffff))',\n                      border: '1px solid var(--color-border)',\n                      boxShadow: 'var(--shadow-elevation-3)',\n                      borderRadius: 'var(--radius-button)',\n                    }}\n                  >\n                    {ACTION_STYLES.map((s) => (\n                      <SelectItem key={s.value} value={s.value}>\n                        {s.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            </div>\n\n            {/* Style Preview */}\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 'var(--space-controlGap)',\n                marginBottom: 'var(--space-formGap)',\n                padding: 'var(--space-controlGap)',\n                backgroundColor: 'var(--color-bg-sunken)',\n                borderRadius: 'var(--radius-button)',\n              }}\n            >\n              <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>Preview:</span>\n              <button\n                type=\"button\"\n                style={{\n                  padding: 'var(--space-controlGap) var(--space-formGap)',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  borderRadius: 'var(--radius-button)',\n                  backgroundColor: getStyleColor(style),\n                  color: 'var(--color-action-primary-text)',\n                  border: 'none',\n                  cursor: 'default',\n                }}\n              >\n                {label || 'Button'}\n              </button>\n            </div>\n\n            {/* Icon */}\n            <div style={{ marginBottom: 'var(--space-formGap)' }}>\n              <label\n                style={{\n                  display: 'block',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-semibold)',\n                  color: 'var(--color-text-primary)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                Icon\n              </label>\n              <Select value={icon} onValueChange={setIcon} disabled={isLoading}>\n                <SelectTrigger style={{ height: 'var(--size-controlHeight-md)', fontSize: 'var(--font-size-body-sm)' }}>\n                  <SelectValue placeholder=\"No icon\" />\n                </SelectTrigger>\n                <SelectContent\n                  style={{\n                    zIndex: 9999,\n                    backgroundColor: 'var(--color-overlay-popoverBg, var(--color-bg-surface, #ffffff))',\n                    border: '1px solid var(--color-border)',\n                    boxShadow: 'var(--shadow-elevation-3)',\n                    borderRadius: 'var(--radius-button)',\n                    maxHeight: '200px',\n                  }}\n                >\n                  {ICON_OPTIONS.map((i) => (\n                    <SelectItem key={i.value || 'none'} value={i.value || 'none'}>\n                      {i.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n\n            {/* Visibility Options */}\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 'var(--space-sectionGap)',\n                marginBottom: 'var(--space-formGap)',\n              }}\n            >\n              <label\n                style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-controlGap)', cursor: 'pointer' }}\n              >\n                <Checkbox checked={disabled} onCheckedChange={(c) => setDisabled(c === true)} disabled={isLoading} />\n                <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-primary)' }}>\n                  Disabled\n                </span>\n              </label>\n              <label\n                style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-controlGap)', cursor: 'pointer' }}\n              >\n                <Checkbox checked={hidden} onCheckedChange={(c) => setHidden(c === true)} disabled={isLoading} />\n                <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-primary)' }}>Hidden</span>\n              </label>\n            </div>\n\n            {/* Confirmation Section */}\n            <div style={{ paddingTop: 'var(--space-formGap)', borderTop: '1px solid var(--color-border)' }}>\n              <label\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: 'var(--space-controlGap)',\n                  cursor: 'pointer',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                <Checkbox\n                  checked={hasConfirmation}\n                  onCheckedChange={(c) => setHasConfirmation(c === true)}\n                  disabled={isLoading}\n                />\n                <span\n                  style={{\n                    fontSize: 'var(--font-size-body-sm)',\n                    fontWeight: 'var(--font-weight-semibold)',\n                    color: 'var(--color-text-primary)',\n                  }}\n                >\n                  Require confirmation\n                </span>\n              </label>\n\n              {hasConfirmation && (\n                <div\n                  style={{\n                    paddingLeft: 'var(--space-formGap)',\n                    borderLeft: '2px solid var(--color-border)',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    gap: 'var(--space-controlGap)',\n                  }}\n                >\n                  <div>\n                    <label\n                      style={{\n                        display: 'block',\n                        fontSize: 'var(--font-size-body-sm)',\n                        fontWeight: 'var(--font-weight-medium)',\n                        color: 'var(--color-text-secondary)',\n                        marginBottom: 'var(--space-controlGap)',\n                      }}\n                    >\n                      Dialog Title\n                    </label>\n                    <Input\n                      value={confirmTitle}\n                      onChange={(e) => setConfirmTitle(e.target.value)}\n                      disabled={isLoading}\n                      style={{ height: 'var(--size-controlHeight-sm)', fontSize: 'var(--font-size-body-sm)' }}\n                    />\n                  </div>\n                  <div>\n                    <label\n                      style={{\n                        display: 'block',\n                        fontSize: 'var(--font-size-body-sm)',\n                        fontWeight: 'var(--font-weight-medium)',\n                        color: 'var(--color-text-secondary)',\n                        marginBottom: 'var(--space-controlGap)',\n                      }}\n                    >\n                      Message\n                    </label>\n                    <Textarea\n                      value={confirmMessage}\n                      onChange={(e) => setConfirmMessage(e.target.value)}\n                      rows={2}\n                      disabled={isLoading}\n                      style={{ fontSize: 'var(--font-size-body-sm)', resize: 'none' }}\n                    />\n                  </div>\n                  <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 'var(--space-controlGap)' }}>\n                    <div>\n                      <label\n                        style={{\n                          display: 'block',\n                          fontSize: 'var(--font-size-body-sm)',\n                          fontWeight: 'var(--font-weight-medium)',\n                          color: 'var(--color-text-secondary)',\n                          marginBottom: 'var(--space-controlGap)',\n                        }}\n                      >\n                        Confirm Button\n                      </label>\n                      <Input\n                        value={confirmLabel}\n                        onChange={(e) => setConfirmLabel(e.target.value)}\n                        disabled={isLoading}\n                        style={{ height: 'var(--size-controlHeight-sm)', fontSize: 'var(--font-size-body-sm)' }}\n                      />\n                    </div>\n                    <div>\n                      <label\n                        style={{\n                          display: 'block',\n                          fontSize: 'var(--font-size-body-sm)',\n                          fontWeight: 'var(--font-weight-medium)',\n                          color: 'var(--color-text-secondary)',\n                          marginBottom: 'var(--space-controlGap)',\n                        }}\n                      >\n                        Cancel Button\n                      </label>\n                      <Input\n                        value={cancelLabel}\n                        onChange={(e) => setCancelLabel(e.target.value)}\n                        disabled={isLoading}\n                        style={{ height: 'var(--size-controlHeight-sm)', fontSize: 'var(--font-size-body-sm)' }}\n                      />\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n\n          {/* Footer */}\n          <DialogFooter\n            style={{\n              padding: 'var(--space-formGap) var(--space-pagePadding)',\n              borderTop: '1px solid var(--color-border)',\n              backgroundColor: 'var(--color-bg-sunken)',\n              display: 'flex',\n              justifyContent: 'flex-end',\n              gap: 'var(--space-controlGap)',\n            }}\n          >\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={onClose}\n              disabled={isLoading}\n              style={{ height: 'var(--size-controlHeight-md)' }}\n            >\n              Cancel\n            </Button>\n            <Button\n              type=\"submit\"\n              disabled={isLoading || !name.trim() || !label.trim()}\n              style={{ height: 'var(--size-controlHeight-md)', backgroundColor: 'var(--color-action-primary-bg)' }}\n            >\n              {isLoading ? (\n                <span style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-iconGap)' }}>\n                  <Spinner style={{ height: 'var(--size-icon-sm)', width: 'var(--size-icon-sm)' }} />\n                  Saving...\n                </span>\n              ) : (\n                <span style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-iconGap)' }}>\n                  {isEditMode ? (\n                    <Pencil style={{ height: 'var(--size-icon-sm)', width: 'var(--size-icon-sm)' }} />\n                  ) : (\n                    <Plus style={{ height: 'var(--size-icon-sm)', width: 'var(--size-icon-sm)' }} />\n                  )}\n                  {isEditMode ? 'Update Action' : 'Add Action'}\n                </span>\n              )}\n            </Button>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default ActionConfigDialog;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/DrilldownConfigPanel.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import { Widget, NavigationMode } from '../../types';
+
+export interface DrilldownConfigPanelProps {
+    /** Widget to configure drilldown for */
+    widget: Widget;
+    /** Callback when drilldown settings change (for tracking unsaved changes) */
+    onChange?: (config: DrilldownConfig) => void;
+    /** Sample widget data for field suggestions */
+    widgetData?: Record<string, unknown>;
+}
+export interface DrilldownConfig {
+    enabled: boolean;
+    targetDashboardId: string;
+    navigationMode: NavigationMode;
+    parameterMapping: Record<string, string>;
+    /** Whether to pass global filters to target dashboard */
+    passGlobalFilters: boolean;
+    /** Maximum drilldown depth (default: 3) */
+    maxDepth: number;
+    /** Open in same tab or new tab (for SAME_WINDOW mode) */
+    openIn: 'same' | 'new';
+}
+export declare const DrilldownConfigPanel: FC<DrilldownConfigPanelProps>;
+export default DrilldownConfigPanel;
+//# sourceMappingURL=DrilldownConfigPanel.d.ts.map

package/dist/bigconsole/components/widgets/DrilldownConfigPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownConfigPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/widgets/DrilldownConfigPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAmD,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAQ1D,MAAM,WAAW,yBAAyB;IACxC,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,yDAAyD;IACzD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC;CACxB;AAkDD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+X7D,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

package/dist/bigconsole/components/widgets/DrilldownConfigPanel.js

@@ -0,0 +1,378 @@
+import { ListDashboardsDocument as e } from "../../../generated/wspace-operations.js";
+import "../../hooks/useDrilldown.js";
+import { memo as t, useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
+import { useApolloClient as o } from "@apollo/client/react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/DrilldownConfigPanel.tsx
+function u(e, t = "") {
+	if (!e || typeof e != "object") return [];
+	let n = [];
+	if (Array.isArray(e)) return e.length > 0 && typeof e[0] == "object" ? u(e[0], t) : [];
+	for (let [r, i] of Object.entries(e)) {
+		let e = t ? `${t}.${r}` : r;
+		n.push(e), i && typeof i == "object" && !Array.isArray(i) && t.split(".").length < 2 && n.push(...u(i, e));
+	}
+	return n;
+}
+var d = t(function({ widget: t, onChange: d, widgetData: f }) {
+	let p = o(), [m, h] = a(t.drilldown?.enabled ?? !1), [g, _] = a(t.drilldown?.targetDashboardId ?? ""), [v, y] = a(t.drilldown?.navigationMode ?? "MODAL"), [b, x] = a(t.drilldown?.passGlobalFilters ?? !0), [S, C] = a(t.drilldown?.maxDepth ?? 3), [w, T] = a(t.drilldown?.openIn ?? "same"), [E, D] = a(() => {
+		let e = t.drilldown?.parameterMapping;
+		return e ? Object.entries(e).map(([e, t]) => ({
+			key: e,
+			value: t
+		})) : [{
+			key: "",
+			value: ""
+		}];
+	}), [O, k] = a([]), [A, j] = a(!1), [M, N] = a(null), P = i(() => {
+		if (!f) return [];
+		let e = [
+			"row",
+			"item",
+			"point",
+			"selectedData"
+		], t = u(f), n = [];
+		for (let r of t) for (let t of e) n.push(`{{${t}.${r}}}`);
+		return n.push("{{widget.value}}", "{{widget.title}}", "{{widget.id}}"), n.push("{{globals.vars.dateFrom}}", "{{globals.vars.dateTo}}"), [...new Set(n)];
+	}, [f]), F = n(() => {
+		let e = {};
+		for (let { key: t, value: n } of E) t.trim() && n.trim() && (e[t.trim()] = n.trim());
+		d?.({
+			enabled: m,
+			targetDashboardId: g,
+			navigationMode: v,
+			parameterMapping: e,
+			passGlobalFilters: b,
+			maxDepth: S,
+			openIn: w
+		});
+	}, [
+		m,
+		g,
+		v,
+		E,
+		b,
+		S,
+		w,
+		d
+	]);
+	r(() => {
+		F();
+	}, [
+		m,
+		g,
+		v,
+		E,
+		b,
+		S,
+		w,
+		F
+	]), r(() => {
+		async function t() {
+			j(!0);
+			try {
+				k(((await p.query({
+					query: e,
+					variables: { first: 100 },
+					fetchPolicy: "cache-first"
+				})).data?.listDashboards?.edges || []).map((e) => {
+					let t = e.node;
+					return {
+						id: t.id,
+						name: t.name
+					};
+				}));
+			} catch {} finally {
+				j(!1);
+			}
+		}
+		t();
+	}, [p]);
+	let I = n(() => {
+		D((e) => [...e, {
+			key: "",
+			value: ""
+		}]);
+	}, []), L = n((e) => {
+		D((t) => t.filter((t, n) => n !== e));
+	}, []), R = n((e, t, n) => {
+		D((r) => r.map((r, i) => i === e ? {
+			...r,
+			[t]: n
+		} : r));
+	}, []);
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-4 pb-8",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between p-3 rounded-lg border border-border-default bg-bg-surface",
+				children: [/* @__PURE__ */ c("label", {
+					className: "text-sm font-medium text-text-primary",
+					children: "Enable Drilldown"
+				}), /* @__PURE__ */ c("button", {
+					type: "button",
+					role: "switch",
+					"aria-checked": m,
+					onClick: () => h(!m),
+					className: `
+              relative inline-flex h-6 w-11 items-center rounded-full transition-colors cursor-pointer border
+              ${m ? "bg-action-primary-bg border-action-primary-bg" : "bg-gray-300 border-gray-400"}
+            `,
+					children: /* @__PURE__ */ c("span", { className: `
+                inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform
+                ${m ? "translate-x-6" : "translate-x-1"}
+              ` })
+				})]
+			}),
+			m && /* @__PURE__ */ l(s, { children: [
+				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					className: "block text-sm font-medium text-text-primary mb-1",
+					children: "Target Dashboard"
+				}), /* @__PURE__ */ l("select", {
+					value: g,
+					onChange: (e) => _(e.target.value),
+					disabled: A,
+					className: "w-full px-3 py-2 rounded-md border border-border-default bg-bg-surface text-text-primary text-sm focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
+					children: [/* @__PURE__ */ c("option", {
+						value: "",
+						children: "Select a dashboard..."
+					}), O.filter((e) => e.id !== t.dashboardId).map((e) => /* @__PURE__ */ c("option", {
+						value: e.id,
+						children: e.name
+					}, e.id))]
+				})] }),
+				/* @__PURE__ */ l("div", { children: [
+					/* @__PURE__ */ c("label", {
+						className: "block text-sm font-medium text-text-primary mb-1",
+						children: "Navigation Mode"
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex gap-2",
+						children: [
+							"MODAL",
+							"NEW_TAB",
+							"SAME_WINDOW"
+						].map((e) => /* @__PURE__ */ l("button", {
+							type: "button",
+							onClick: () => y(e),
+							className: `
+                      flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors
+                      ${v === e ? "bg-action-primary-bg text-white" : "bg-bg-muted text-text-secondary hover:bg-bg-muted/80"}
+                    `,
+							children: [
+								e === "MODAL" && "Modal",
+								e === "NEW_TAB" && "New Tab",
+								e === "SAME_WINDOW" && "Same Window"
+							]
+						}, e))
+					}),
+					/* @__PURE__ */ l("p", {
+						className: "text-xs text-text-tertiary mt-1",
+						children: [
+							v === "MODAL" && "Opens target dashboard in a modal overlay",
+							v === "NEW_TAB" && "Opens target dashboard in a new browser tab",
+							v === "SAME_WINDOW" && "Navigates to target dashboard in current window"
+						]
+					})
+				] }),
+				/* @__PURE__ */ l("div", { children: [
+					/* @__PURE__ */ l("div", {
+						className: "flex items-center justify-between mb-2",
+						children: [/* @__PURE__ */ c("label", {
+							className: "text-sm font-medium text-text-primary",
+							children: "Parameter Mappings"
+						}), /* @__PURE__ */ c("button", {
+							type: "button",
+							onClick: I,
+							className: "text-xs text-action-primary-text hover:underline",
+							children: "+ Add Parameter"
+						})]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "space-y-2",
+						children: E.map((e, t) => /* @__PURE__ */ c("div", {
+							className: "relative",
+							children: /* @__PURE__ */ l("div", {
+								className: "flex gap-2 items-center",
+								children: [
+									/* @__PURE__ */ c("input", {
+										type: "text",
+										value: e.key,
+										onChange: (e) => R(t, "key", e.target.value),
+										placeholder: "Parameter name",
+										className: "flex-1 px-2 py-1.5 rounded border border-border-default bg-bg-surface text-text-primary text-sm focus:outline-none focus:ring-1 focus:ring-action-primary-bg"
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "text-text-tertiary",
+										children: "="
+									}),
+									/* @__PURE__ */ l("div", {
+										className: "flex-1 relative",
+										children: [/* @__PURE__ */ c("input", {
+											type: "text",
+											value: e.value,
+											onChange: (e) => R(t, "value", e.target.value),
+											onFocus: () => N(t),
+											onBlur: () => setTimeout(() => N(null), 200),
+											placeholder: "{{row.field}} or static",
+											className: "w-full px-2 py-1.5 rounded border border-border-default bg-bg-surface text-text-primary text-sm focus:outline-none focus:ring-1 focus:ring-action-primary-bg"
+										}), M === t && P.length > 0 && /* @__PURE__ */ c("div", {
+											className: "absolute z-10 top-full left-0 right-0 mt-1 max-h-40 overflow-y-auto bg-bg-surface border border-border-default rounded-md shadow-lg",
+											children: P.slice(0, 10).map((e) => /* @__PURE__ */ c("button", {
+												type: "button",
+												onClick: () => {
+													R(t, "value", e), N(null);
+												},
+												className: "w-full px-3 py-1.5 text-left text-xs text-text-primary hover:bg-bg-muted font-mono",
+												children: e
+											}, e))
+										})]
+									}),
+									E.length > 1 && /* @__PURE__ */ c("button", {
+										type: "button",
+										onClick: () => L(t),
+										className: "p-1 text-text-tertiary hover:text-state-error",
+										children: /* @__PURE__ */ c("svg", {
+											className: "w-4 h-4",
+											fill: "none",
+											stroke: "currentColor",
+											viewBox: "0 0 24 24",
+											children: /* @__PURE__ */ c("path", {
+												strokeLinecap: "round",
+												strokeLinejoin: "round",
+												strokeWidth: 2,
+												d: "M6 18L18 6M6 6l12 12"
+											})
+										})
+									})
+								]
+							})
+						}, t))
+					}),
+					/* @__PURE__ */ l("p", {
+						className: "text-xs text-text-tertiary mt-2",
+						children: [
+							"Use ",
+							/* @__PURE__ */ c("code", {
+								className: "px-1 bg-bg-muted rounded",
+								children: "{{row.field}}"
+							}),
+							" for dynamic values or enter static text.",
+							/* @__PURE__ */ c("br", {}),
+							"Examples: ",
+							/* @__PURE__ */ c("code", {
+								className: "px-1 bg-bg-muted rounded",
+								children: "{{row.category}}"
+							}),
+							",",
+							" ",
+							/* @__PURE__ */ c("code", {
+								className: "px-1 bg-bg-muted rounded",
+								children: "{{item.id}}"
+							}),
+							",",
+							" ",
+							/* @__PURE__ */ c("code", {
+								className: "px-1 bg-bg-muted rounded",
+								children: "{{globals.vars.dateFrom}}"
+							})
+						]
+					})
+				] }),
+				/* @__PURE__ */ l("div", {
+					className: "border-t border-border-default pt-4 mt-4",
+					children: [
+						/* @__PURE__ */ c("h4", {
+							className: "text-sm font-medium text-text-primary mb-3",
+							children: "Advanced Options"
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "flex items-center justify-between p-2 rounded bg-bg-muted mb-3",
+							children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								className: "text-sm text-text-primary",
+								children: "Pass Global Filters"
+							}), /* @__PURE__ */ c("p", {
+								className: "text-xs text-text-tertiary",
+								children: "Include current dashboard filters in drilldown"
+							})] }), /* @__PURE__ */ c("button", {
+								type: "button",
+								role: "switch",
+								"aria-checked": b,
+								onClick: () => x(!b),
+								className: `
+                    relative inline-flex h-5 w-9 items-center rounded-full transition-colors cursor-pointer border
+                    ${b ? "bg-action-primary-bg border-action-primary-bg" : "bg-gray-300 border-gray-400"}
+                  `,
+								children: /* @__PURE__ */ c("span", { className: `
+                      inline-block h-3 w-3 transform rounded-full bg-white shadow transition-transform
+                      ${b ? "translate-x-5" : "translate-x-1"}
+                    ` })
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "flex items-center justify-between p-2 rounded bg-bg-muted mb-3",
+							children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								className: "text-sm text-text-primary",
+								children: "Max Drilldown Depth"
+							}), /* @__PURE__ */ c("p", {
+								className: "text-xs text-text-tertiary",
+								children: "Limit nested drilldown levels"
+							})] }), /* @__PURE__ */ c("select", {
+								value: S,
+								onChange: (e) => C(Number(e.target.value)),
+								className: "w-16 px-2 py-1 rounded border border-border-default bg-bg-surface text-text-primary text-sm",
+								children: [
+									1,
+									2,
+									3,
+									4,
+									5
+								].map((e) => /* @__PURE__ */ c("option", {
+									value: e,
+									children: e
+								}, e))
+							})]
+						}),
+						v === "SAME_WINDOW" && /* @__PURE__ */ l("div", {
+							className: "flex items-center justify-between p-2 rounded bg-bg-muted",
+							children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								className: "text-sm text-text-primary",
+								children: "Open In"
+							}), /* @__PURE__ */ c("p", {
+								className: "text-xs text-text-tertiary",
+								children: "Tab behavior for navigation"
+							})] }), /* @__PURE__ */ l("div", {
+								className: "flex gap-1",
+								children: [/* @__PURE__ */ c("button", {
+									type: "button",
+									onClick: () => T("same"),
+									className: `
+                        px-2 py-1 rounded text-xs font-medium transition-colors
+                        ${w === "same" ? "bg-action-primary-bg text-white" : "bg-bg-surface text-text-secondary hover:bg-bg-muted/80 border border-border-default"}
+                      `,
+									children: "Same Tab"
+								}), /* @__PURE__ */ c("button", {
+									type: "button",
+									onClick: () => T("new"),
+									className: `
+                        px-2 py-1 rounded text-xs font-medium transition-colors
+                        ${w === "new" ? "bg-action-primary-bg text-white" : "bg-bg-surface text-text-secondary hover:bg-bg-muted/80 border border-border-default"}
+                      `,
+									children: "New Tab"
+								})]
+							})]
+						})
+					]
+				})
+			] }),
+			!m && t.drilldown?.id && /* @__PURE__ */ c("div", {
+				className: "p-2 rounded bg-amber-100 text-amber-800 text-sm",
+				children: "Drilldown will be removed when you save changes."
+			})
+		]
+	});
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=DrilldownConfigPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownConfigPanel.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/DrilldownConfigPanel.tsx"],"sourcesContent":["/**\n * DrilldownConfigPanel Component\n *\n * UI for configuring widget drilldown settings.\n * Allows selecting target dashboard, navigation mode, and parameter mappings.\n *\n * v2.0 Features:\n * - passGlobalFilters: Pass current dashboard filters to target\n * - maxDepth: Limit drilldown depth (default: 3)\n * - openIn: Open in same tab or new tab\n * - Field suggestions based on widget data\n */\n\nimport { type FC, memo, useState, useEffect, useCallback, useMemo } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport type { Widget, NavigationMode } from '../../types';\nimport { ListDashboardsDocument } from '../../../generated/wspace-operations';\nimport { DEFAULT_MAX_DEPTH } from '../../hooks/useDrilldown';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownConfigPanelProps {\n  /** Widget to configure drilldown for */\n  widget: Widget;\n  /** Callback when drilldown settings change (for tracking unsaved changes) */\n  onChange?: (config: DrilldownConfig) => void;\n  /** Sample widget data for field suggestions */\n  widgetData?: Record<string, unknown>;\n}\n\nexport interface DrilldownConfig {\n  enabled: boolean;\n  targetDashboardId: string;\n  navigationMode: NavigationMode;\n  parameterMapping: Record<string, string>;\n  /** Whether to pass global filters to target dashboard */\n  passGlobalFilters: boolean;\n  /** Maximum drilldown depth (default: 3) */\n  maxDepth: number;\n  /** Open in same tab or new tab (for SAME_WINDOW mode) */\n  openIn: 'same' | 'new';\n}\n\ninterface DashboardOption {\n  id: string;\n  name: string;\n}\n\ninterface ParameterMapping {\n  key: string;\n  value: string;\n}\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Extract available fields from widget data for field suggestions\n */\nfunction extractFieldPaths(obj: unknown, prefix = ''): string[] {\n  if (!obj || typeof obj !== 'object') return [];\n\n  const paths: string[] = [];\n\n  // Handle arrays - use first element as template\n  if (Array.isArray(obj)) {\n    if (obj.length > 0 && typeof obj[0] === 'object') {\n      return extractFieldPaths(obj[0], prefix);\n    }\n    return [];\n  }\n\n  // Handle objects\n  for (const [key, value] of Object.entries(obj as Record<string, unknown>)) {\n    const path = prefix ? `${prefix}.${key}` : key;\n    paths.push(path);\n\n    // Recurse into nested objects (but not too deep)\n    if (value && typeof value === 'object' && !Array.isArray(value) && prefix.split('.').length < 2) {\n      paths.push(...extractFieldPaths(value, path));\n    }\n  }\n\n  return paths;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownConfigPanel: FC<DrilldownConfigPanelProps> = memo(function DrilldownConfigPanel({\n  widget,\n  onChange,\n  widgetData,\n}) {\n  const apolloClient = useApolloClient();\n\n  // State\n  const [enabled, setEnabled] = useState(widget.drilldown?.enabled ?? false);\n  const [targetDashboardId, setTargetDashboardId] = useState(widget.drilldown?.targetDashboardId ?? '');\n  const [navigationMode, setNavigationMode] = useState<NavigationMode>(widget.drilldown?.navigationMode ?? 'MODAL');\n  const [passGlobalFilters, setPassGlobalFilters] = useState(widget.drilldown?.passGlobalFilters ?? true);\n  const [maxDepth, setMaxDepth] = useState(widget.drilldown?.maxDepth ?? DEFAULT_MAX_DEPTH);\n  const [openIn, setOpenIn] = useState<'same' | 'new'>(widget.drilldown?.openIn ?? 'same');\n  const [parameterMappings, setParameterMappings] = useState<ParameterMapping[]>(() => {\n    const mapping = widget.drilldown?.parameterMapping as Record<string, string> | undefined;\n    if (mapping) {\n      return Object.entries(mapping).map(([key, value]) => ({ key, value }));\n    }\n    return [{ key: '', value: '' }];\n  });\n\n  const [dashboards, setDashboards] = useState<DashboardOption[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [showFieldSuggestions, setShowFieldSuggestions] = useState<number | null>(null);\n\n  // Extract available field paths from widget data\n  const availableFields = useMemo(() => {\n    if (!widgetData) return [];\n\n    // Common prefixes for different widget types\n    const prefixes = ['row', 'item', 'point', 'selectedData'];\n    const fields = extractFieldPaths(widgetData);\n\n    // Generate mustache-style suggestions\n    const suggestions: string[] = [];\n    for (const field of fields) {\n      for (const prefix of prefixes) {\n        suggestions.push(`{{${prefix}.${field}}}`);\n      }\n    }\n\n    // Add common widget data fields\n    suggestions.push('{{widget.value}}', '{{widget.title}}', '{{widget.id}}');\n    suggestions.push('{{globals.vars.dateFrom}}', '{{globals.vars.dateTo}}');\n\n    return [...new Set(suggestions)];\n  }, [widgetData]);\n\n  // Notify parent of changes\n  const notifyChange = useCallback(() => {\n    const parameterMapping: Record<string, string> = {};\n    for (const { key, value } of parameterMappings) {\n      if (key.trim() && value.trim()) {\n        parameterMapping[key.trim()] = value.trim();\n      }\n    }\n    onChange?.({\n      enabled,\n      targetDashboardId,\n      navigationMode,\n      parameterMapping,\n      passGlobalFilters,\n      maxDepth,\n      openIn,\n    });\n  }, [enabled, targetDashboardId, navigationMode, parameterMappings, passGlobalFilters, maxDepth, openIn, onChange]);\n\n  // Call notifyChange when any value changes\n  useEffect(() => {\n    notifyChange();\n  }, [\n    enabled,\n    targetDashboardId,\n    navigationMode,\n    parameterMappings,\n    passGlobalFilters,\n    maxDepth,\n    openIn,\n    notifyChange,\n  ]);\n\n  // Fetch available dashboards\n  useEffect(() => {\n    async function fetchDashboards() {\n      setLoading(true);\n      try {\n        const result = await apolloClient.query<{ listDashboards: { edges: Record<string, unknown>[] } }>({\n          query: ListDashboardsDocument,\n          variables: { first: 100 },\n          fetchPolicy: 'cache-first',\n        });\n\n        const edges = result.data?.listDashboards?.edges || [];\n        setDashboards(\n          edges.map((edge: Record<string, unknown>) => {\n            const node = edge.node as Record<string, unknown>;\n            return {\n              id: node.id as string,\n              name: node.name as string,\n            };\n          })\n        );\n      } catch (err) {\n      } finally {\n        setLoading(false);\n      }\n    }\n\n    fetchDashboards();\n  }, [apolloClient]);\n\n  // Add parameter mapping row\n  const addParameterMapping = useCallback(() => {\n    setParameterMappings((prev) => [...prev, { key: '', value: '' }]);\n  }, []);\n\n  // Remove parameter mapping row\n  const removeParameterMapping = useCallback((index: number) => {\n    setParameterMappings((prev) => prev.filter((_, i) => i !== index));\n  }, []);\n\n  // Update parameter mapping\n  const updateParameterMapping = useCallback((index: number, field: 'key' | 'value', newValue: string) => {\n    setParameterMappings((prev) => prev.map((item, i) => (i === index ? { ...item, [field]: newValue } : item)));\n  }, []);\n\n  return (\n    <div className=\"space-y-4 pb-8\">\n      {/* Enable Toggle */}\n      <div className=\"flex items-center justify-between p-3 rounded-lg border border-border-default bg-bg-surface\">\n        <label className=\"text-sm font-medium text-text-primary\">Enable Drilldown</label>\n        <button\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={enabled}\n          onClick={() => setEnabled(!enabled)}\n          className={`\n              relative inline-flex h-6 w-11 items-center rounded-full transition-colors cursor-pointer border\n              ${enabled ? 'bg-action-primary-bg border-action-primary-bg' : 'bg-gray-300 border-gray-400'}\n            `}\n        >\n          <span\n            className={`\n                inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform\n                ${enabled ? 'translate-x-6' : 'translate-x-1'}\n              `}\n          />\n        </button>\n      </div>\n\n      {enabled && (\n        <>\n          {/* Target Dashboard */}\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary mb-1\">Target Dashboard</label>\n            <select\n              value={targetDashboardId}\n              onChange={(e) => setTargetDashboardId(e.target.value)}\n              disabled={loading}\n              className=\"w-full px-3 py-2 rounded-md border border-border-default bg-bg-surface text-text-primary text-sm focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n            >\n              <option value=\"\">Select a dashboard...</option>\n              {dashboards\n                .filter((d) => d.id !== widget.dashboardId) // Exclude current dashboard\n                .map((dashboard) => (\n                  <option key={dashboard.id} value={dashboard.id}>\n                    {dashboard.name}\n                  </option>\n                ))}\n            </select>\n          </div>\n\n          {/* Navigation Mode */}\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary mb-1\">Navigation Mode</label>\n            <div className=\"flex gap-2\">\n              {(['MODAL', 'NEW_TAB', 'SAME_WINDOW'] as NavigationMode[]).map((mode) => (\n                <button\n                  key={mode}\n                  type=\"button\"\n                  onClick={() => setNavigationMode(mode)}\n                  className={`\n                      flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors\n                      ${\n                        navigationMode === mode\n                          ? 'bg-action-primary-bg text-white'\n                          : 'bg-bg-muted text-text-secondary hover:bg-bg-muted/80'\n                      }\n                    `}\n                >\n                  {mode === 'MODAL' && 'Modal'}\n                  {mode === 'NEW_TAB' && 'New Tab'}\n                  {mode === 'SAME_WINDOW' && 'Same Window'}\n                </button>\n              ))}\n            </div>\n            <p className=\"text-xs text-text-tertiary mt-1\">\n              {navigationMode === 'MODAL' && 'Opens target dashboard in a modal overlay'}\n              {navigationMode === 'NEW_TAB' && 'Opens target dashboard in a new browser tab'}\n              {navigationMode === 'SAME_WINDOW' && 'Navigates to target dashboard in current window'}\n            </p>\n          </div>\n\n          {/* Parameter Mappings */}\n          <div>\n            <div className=\"flex items-center justify-between mb-2\">\n              <label className=\"text-sm font-medium text-text-primary\">Parameter Mappings</label>\n              <button\n                type=\"button\"\n                onClick={addParameterMapping}\n                className=\"text-xs text-action-primary-text hover:underline\"\n              >\n                + Add Parameter\n              </button>\n            </div>\n\n            <div className=\"space-y-2\">\n              {parameterMappings.map((mapping, index) => (\n                <div key={index} className=\"relative\">\n                  <div className=\"flex gap-2 items-center\">\n                    <input\n                      type=\"text\"\n                      value={mapping.key}\n                      onChange={(e) => updateParameterMapping(index, 'key', e.target.value)}\n                      placeholder=\"Parameter name\"\n                      className=\"flex-1 px-2 py-1.5 rounded border border-border-default bg-bg-surface text-text-primary text-sm focus:outline-none focus:ring-1 focus:ring-action-primary-bg\"\n                    />\n                    <span className=\"text-text-tertiary\">=</span>\n                    <div className=\"flex-1 relative\">\n                      <input\n                        type=\"text\"\n                        value={mapping.value}\n                        onChange={(e) => updateParameterMapping(index, 'value', e.target.value)}\n                        onFocus={() => setShowFieldSuggestions(index)}\n                        onBlur={() => setTimeout(() => setShowFieldSuggestions(null), 200)}\n                        placeholder=\"{{row.field}} or static\"\n                        className=\"w-full px-2 py-1.5 rounded border border-border-default bg-bg-surface text-text-primary text-sm focus:outline-none focus:ring-1 focus:ring-action-primary-bg\"\n                      />\n                      {/* Field suggestions dropdown */}\n                      {showFieldSuggestions === index && availableFields.length > 0 && (\n                        <div className=\"absolute z-10 top-full left-0 right-0 mt-1 max-h-40 overflow-y-auto bg-bg-surface border border-border-default rounded-md shadow-lg\">\n                          {availableFields.slice(0, 10).map((field) => (\n                            <button\n                              key={field}\n                              type=\"button\"\n                              onClick={() => {\n                                updateParameterMapping(index, 'value', field);\n                                setShowFieldSuggestions(null);\n                              }}\n                              className=\"w-full px-3 py-1.5 text-left text-xs text-text-primary hover:bg-bg-muted font-mono\"\n                            >\n                              {field}\n                            </button>\n                          ))}\n                        </div>\n                      )}\n                    </div>\n                    {parameterMappings.length > 1 && (\n                      <button\n                        type=\"button\"\n                        onClick={() => removeParameterMapping(index)}\n                        className=\"p-1 text-text-tertiary hover:text-state-error\"\n                      >\n                        <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                        </svg>\n                      </button>\n                    )}\n                  </div>\n                </div>\n              ))}\n            </div>\n\n            <p className=\"text-xs text-text-tertiary mt-2\">\n              Use <code className=\"px-1 bg-bg-muted rounded\">{'{{row.field}}'}</code> for dynamic values or enter static\n              text.\n              <br />\n              Examples: <code className=\"px-1 bg-bg-muted rounded\">{'{{row.category}}'}</code>,{' '}\n              <code className=\"px-1 bg-bg-muted rounded\">{'{{item.id}}'}</code>,{' '}\n              <code className=\"px-1 bg-bg-muted rounded\">{'{{globals.vars.dateFrom}}'}</code>\n            </p>\n          </div>\n\n          {/* Advanced Options */}\n          <div className=\"border-t border-border-default pt-4 mt-4\">\n            <h4 className=\"text-sm font-medium text-text-primary mb-3\">Advanced Options</h4>\n\n            {/* Pass Global Filters */}\n            <div className=\"flex items-center justify-between p-2 rounded bg-bg-muted mb-3\">\n              <div>\n                <label className=\"text-sm text-text-primary\">Pass Global Filters</label>\n                <p className=\"text-xs text-text-tertiary\">Include current dashboard filters in drilldown</p>\n              </div>\n              <button\n                type=\"button\"\n                role=\"switch\"\n                aria-checked={passGlobalFilters}\n                onClick={() => setPassGlobalFilters(!passGlobalFilters)}\n                className={`\n                    relative inline-flex h-5 w-9 items-center rounded-full transition-colors cursor-pointer border\n                    ${passGlobalFilters ? 'bg-action-primary-bg border-action-primary-bg' : 'bg-gray-300 border-gray-400'}\n                  `}\n              >\n                <span\n                  className={`\n                      inline-block h-3 w-3 transform rounded-full bg-white shadow transition-transform\n                      ${passGlobalFilters ? 'translate-x-5' : 'translate-x-1'}\n                    `}\n                />\n              </button>\n            </div>\n\n            {/* Max Depth */}\n            <div className=\"flex items-center justify-between p-2 rounded bg-bg-muted mb-3\">\n              <div>\n                <label className=\"text-sm text-text-primary\">Max Drilldown Depth</label>\n                <p className=\"text-xs text-text-tertiary\">Limit nested drilldown levels</p>\n              </div>\n              <select\n                value={maxDepth}\n                onChange={(e) => setMaxDepth(Number(e.target.value))}\n                className=\"w-16 px-2 py-1 rounded border border-border-default bg-bg-surface text-text-primary text-sm\"\n              >\n                {[1, 2, 3, 4, 5].map((n) => (\n                  <option key={n} value={n}>\n                    {n}\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            {/* Open In (only for SAME_WINDOW mode) */}\n            {navigationMode === 'SAME_WINDOW' && (\n              <div className=\"flex items-center justify-between p-2 rounded bg-bg-muted\">\n                <div>\n                  <label className=\"text-sm text-text-primary\">Open In</label>\n                  <p className=\"text-xs text-text-tertiary\">Tab behavior for navigation</p>\n                </div>\n                <div className=\"flex gap-1\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setOpenIn('same')}\n                    className={`\n                        px-2 py-1 rounded text-xs font-medium transition-colors\n                        ${\n                          openIn === 'same'\n                            ? 'bg-action-primary-bg text-white'\n                            : 'bg-bg-surface text-text-secondary hover:bg-bg-muted/80 border border-border-default'\n                        }\n                      `}\n                  >\n                    Same Tab\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => setOpenIn('new')}\n                    className={`\n                        px-2 py-1 rounded text-xs font-medium transition-colors\n                        ${\n                          openIn === 'new'\n                            ? 'bg-action-primary-bg text-white'\n                            : 'bg-bg-surface text-text-secondary hover:bg-bg-muted/80 border border-border-default'\n                        }\n                      `}\n                  >\n                    New Tab\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n        </>\n      )}\n\n      {/* Info when drilldown will be removed */}\n      {!enabled && widget.drilldown?.id && (\n        <div className=\"p-2 rounded bg-amber-100 text-amber-800 text-sm\">\n          Drilldown will be removed when you save changes.\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default DrilldownConfigPanel;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/PropertiesPanel.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+export interface PropertiesPanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare const PropertiesPanel: FC<PropertiesPanelProps>;
+export default PropertiesPanel;
+//# sourceMappingURL=PropertiesPanel.d.ts.map

package/dist/bigconsole/components/widgets/PropertiesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/widgets/PropertiesPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAc,EAAE,KAAK,EAAE,EAAkD,MAAM,OAAO,CAAC;AAmEvF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAsWD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAu6CnD,CAAC;AAEH,eAAe,eAAe,CAAC"}