@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/dashboard/WidgetPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetPalette.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/WidgetPalette.tsx"],"sourcesContent":["/**\n * WidgetPalette Component\n *\n * Sidebar panel with draggable widget types for the dashboard builder.\n * Uses semantic tokens for consistent theming.\n * Features categorized widgets, search, and drag-and-drop support.\n */\n\nimport { type FC, memo, useState, useCallback, useMemo } from 'react';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport {\n  Search,\n  ChevronDown,\n  ChevronRight,\n  TrendingUp,\n  BarChart3,\n  Filter,\n  Table,\n  Grid3x3,\n  Gauge,\n  Activity,\n  List,\n  FileText,\n  Type,\n  ExternalLink,\n  MapPin,\n  Calendar,\n  Columns,\n  GitBranch,\n  Puzzle,\n  LayoutDashboard,\n  GripVertical,\n  X,\n  Layers,\n  type LucideIcon,\n} from 'lucide-react';\nimport { getWidgetCategories, getWidgetKey, type WidgetDefinition } from '../widgets/WidgetRegistry';\nimport type { WidgetType, WidgetCategory } from '../../types';\n\n// ============================================================================\n// Icon Mapping\n// ============================================================================\n\nconst ICON_MAP: Record<string, LucideIcon> = {\n  TrendingUp,\n  BarChart3,\n  Filter,\n  Table,\n  Grid3x3,\n  Gauge,\n  Activity,\n  List,\n  FileText,\n  Type,\n  ExternalLink,\n  MapPin,\n  Calendar,\n  Columns,\n  GitBranch,\n  Puzzle,\n  LayoutDashboard,\n};\n\nfunction getIconComponent(iconName: string): LucideIcon {\n  return ICON_MAP[iconName] || Puzzle;\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetPaletteProps {\n  /** Whether the palette is open */\n  isOpen: boolean;\n  /** Callback to close the palette */\n  onClose: () => void;\n  /** Callback when a widget is selected (for quick add without drag) */\n  onWidgetSelect?: (type: WidgetType, definition?: WidgetDefinition) => void;\n  /** Callback when drag starts */\n  onDragStart?: (type: WidgetType, definition: WidgetDefinition) => void;\n  /** Callback when drag ends */\n  onDragEnd?: () => void;\n  /** Installed widgets from the store (fetched by parent) */\n  installedWidgets?: WidgetDefinition[];\n  /** Whether installed widgets are still loading */\n  installedWidgetsLoading?: boolean;\n}\n\n// ============================================================================\n// Styles using semantic tokens\n// ============================================================================\n\nconst styles = {\n  container: {\n    width: '300px',\n    height: '100%',\n    backgroundColor: 'var(--color-bg-surface)',\n    borderRight: '1px solid var(--color-border)',\n    display: 'flex',\n    flexDirection: 'column' as const,\n    flexShrink: 0,\n    overflow: 'hidden',\n    position: 'relative' as const,\n  },\n  header: {\n    padding: 'var(--space-formGap)',\n    borderBottom: '1px solid var(--color-border)',\n    backgroundColor: 'var(--color-bg-sunken)',\n    flexShrink: 0,\n  },\n  headerTop: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginBottom: 'var(--space-controlGap)',\n  },\n  headerTitle: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--space-iconGap)',\n  },\n  headerIcon: {\n    width: '32px',\n    height: '32px',\n    borderRadius: 'var(--radius-button)',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  title: {\n    fontSize: 'var(--font-size-body-md)',\n    fontWeight: 'var(--font-weight-semibold)' as const,\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  },\n  subtitle: {\n    fontSize: 'var(--font-size-body-xs)',\n    color: 'var(--color-text-muted)',\n    margin: '2px 0 0 0',\n  },\n  closeButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '28px',\n    height: '28px',\n    border: 'none',\n    background: 'transparent',\n    borderRadius: 'var(--radius-button)',\n    cursor: 'pointer',\n    color: 'var(--color-text-secondary)',\n    transition: 'background-color 0.15s',\n  },\n  searchContainer: {\n    position: 'relative' as const,\n  },\n  searchIcon: {\n    position: 'absolute' as const,\n    left: '10px',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    width: '16px',\n    height: '16px',\n    color: 'var(--color-text-muted)',\n    pointerEvents: 'none' as const,\n  },\n  searchInput: {\n    width: '100%',\n    paddingLeft: '36px',\n    height: 'var(--size-controlHeight-sm)',\n    fontSize: 'var(--font-size-body-sm)',\n  },\n  content: {\n    flex: '1 1 0',\n    minHeight: 0,\n    overflow: 'hidden',\n    position: 'relative' as const,\n  },\n  scrollArea: {\n    position: 'absolute' as const,\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    overflowY: 'auto' as const,\n    overflowX: 'hidden' as const,\n    padding: 'var(--space-controlGap)',\n  },\n  categoryContainer: {\n    marginBottom: 'var(--space-controlGap)',\n  },\n  categoryHeader: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--space-iconGap)',\n    padding: 'var(--space-controlGap) var(--space-iconGap)',\n    border: 'none',\n    background: 'transparent',\n    cursor: 'pointer',\n    borderRadius: 'var(--radius-button)',\n    transition: 'background-color 0.15s',\n  },\n  categoryChevron: {\n    width: '16px',\n    height: '16px',\n    color: 'var(--color-text-muted)',\n    flexShrink: 0,\n  },\n  categoryLabel: {\n    flex: 1,\n    textAlign: 'left' as const,\n    fontSize: 'var(--font-size-body-xs)',\n    fontWeight: 'var(--font-weight-semibold)' as const,\n    color: 'var(--color-text-secondary)',\n    textTransform: 'uppercase' as const,\n    letterSpacing: '0.05em',\n  },\n  categoryCount: {\n    fontSize: 'var(--font-size-body-xs)',\n    color: 'var(--color-text-muted)',\n    backgroundColor: 'var(--color-bg-sunken)',\n    padding: '2px 8px',\n    borderRadius: 'var(--radius-full)',\n  },\n  widgetList: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    gap: '4px',\n    marginTop: 'var(--space-controlGap)',\n    paddingLeft: '4px',\n  },\n  widgetCard: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--space-iconGap)',\n    padding: 'var(--space-controlGap)',\n    borderRadius: 'var(--radius-card)',\n    cursor: 'grab',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border)',\n    transition: 'all 0.15s ease',\n  },\n  widgetCardHover: {\n    backgroundColor: 'var(--color-bg-hover)',\n    borderColor: 'var(--color-action-primary-border)',\n    boxShadow: 'var(--shadow-elevation-1)',\n  },\n  dragHandle: {\n    width: '16px',\n    height: '16px',\n    color: 'var(--color-text-muted)',\n    opacity: 0.5,\n    flexShrink: 0,\n  },\n  widgetIcon: {\n    width: '36px',\n    height: '36px',\n    borderRadius: 'var(--radius-button)',\n    backgroundColor: 'var(--color-bg-sunken)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  },\n  widgetIconInner: {\n    width: '18px',\n    height: '18px',\n    color: 'var(--color-action-primary-bg)',\n  },\n  widgetText: {\n    flex: 1,\n    minWidth: 0,\n    overflow: 'hidden',\n  },\n  widgetName: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-medium)' as const,\n    color: 'var(--color-text-primary)',\n    whiteSpace: 'nowrap' as const,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    marginBottom: '2px',\n  },\n  widgetDescription: {\n    fontSize: 'var(--font-size-body-xs)',\n    color: 'var(--color-text-muted)',\n    lineHeight: 1.3,\n    overflow: 'hidden',\n    display: '-webkit-box',\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: 'vertical' as const,\n  },\n  emptyState: {\n    textAlign: 'center' as const,\n    padding: 'var(--space-pagePadding)',\n  },\n  emptyIcon: {\n    width: '48px',\n    height: '48px',\n    borderRadius: 'var(--radius-card)',\n    backgroundColor: 'var(--color-bg-sunken)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: '0 auto var(--space-formGap)',\n  },\n  emptyText: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-muted)',\n    margin: 0,\n  },\n  clearButton: {\n    marginTop: 'var(--space-controlGap)',\n    padding: 'var(--space-controlGap) var(--space-formGap)',\n    fontSize: 'var(--font-size-body-xs)',\n    fontWeight: 'var(--font-weight-medium)' as const,\n    color: 'var(--color-action-primary-text)',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    border: 'none',\n    borderRadius: 'var(--radius-button)',\n    cursor: 'pointer',\n  },\n  footer: {\n    padding: 'var(--space-controlGap) var(--space-formGap)',\n    borderTop: '1px solid var(--color-border)',\n    backgroundColor: 'var(--color-bg-sunken)',\n    flexShrink: 0,\n  },\n  footerText: {\n    fontSize: 'var(--font-size-body-xs)',\n    color: 'var(--color-text-muted)',\n    margin: 0,\n    textAlign: 'center' as const,\n  },\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WidgetPalette: FC<WidgetPaletteProps> = memo(function WidgetPalette({\n  isOpen,\n  onClose,\n  onWidgetSelect,\n  onDragStart,\n  onDragEnd,\n  installedWidgets = [],\n  installedWidgetsLoading = false,\n}) {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [expandedCategories, setExpandedCategories] = useState<Set<WidgetCategory>>(\n    new Set(['KPI', 'Visualization', 'Data', 'Content', 'Temporal', 'Custom', 'Installed'])\n  );\n  const [hoveredWidget, setHoveredWidget] = useState<string | null>(null);\n\n  // Get categorized widgets, merging in installed widgets\n  const categories = useMemo(() => {\n    const staticCategories = getWidgetCategories();\n    return staticCategories\n      .map((cat) => {\n        if (cat.category === 'Installed') {\n          return { ...cat, widgets: installedWidgets };\n        }\n        return cat;\n      })\n      .filter((cat) => cat.category !== 'Installed' || cat.widgets.length > 0);\n  }, [installedWidgets]);\n\n  // Filter widgets by search query\n  const filteredCategories = useMemo(() => {\n    if (!searchQuery.trim()) {\n      return categories;\n    }\n\n    const query = searchQuery.toLowerCase();\n    return categories\n      .map((cat) => ({\n        ...cat,\n        widgets: cat.widgets.filter(\n          (w) =>\n            w.name.toLowerCase().includes(query) ||\n            w.description.toLowerCase().includes(query) ||\n            w.tags.some((tag) => tag.includes(query))\n        ),\n      }))\n      .filter((cat) => cat.widgets.length > 0);\n  }, [categories, searchQuery]);\n\n  // Toggle category expansion\n  const toggleCategory = useCallback((category: WidgetCategory) => {\n    setExpandedCategories((prev) => {\n      const next = new Set(prev);\n      if (next.has(category)) {\n        next.delete(category);\n      } else {\n        next.add(category);\n      }\n      return next;\n    });\n  }, []);\n\n  // Handle drag start\n  const handleDragStart = useCallback(\n    (e: React.DragEvent, widget: WidgetDefinition) => {\n      e.dataTransfer.setData(\n        'application/json',\n        JSON.stringify({\n          type: widget.type,\n          name: widget.name,\n          defaultSize: widget.defaultSize,\n          defaultConfig: widget.defaultConfig,\n          category: widget.category,\n        })\n      );\n      e.dataTransfer.effectAllowed = 'copy';\n\n      // Create custom drag image\n      const dragImage = document.createElement('div');\n      dragImage.style.cssText = `\n        position: absolute;\n        top: -1000px;\n        left: -1000px;\n        padding: 8px 12px;\n        background: var(--color-bg-surface);\n        border: 2px solid var(--color-action-primary-bg);\n        border-radius: 8px;\n        font-size: 14px;\n        font-weight: 500;\n        color: var(--color-text-primary);\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      `;\n      dragImage.textContent = widget.name;\n      document.body.appendChild(dragImage);\n      e.dataTransfer.setDragImage(dragImage, 0, 0);\n\n      setTimeout(() => {\n        document.body.removeChild(dragImage);\n      }, 0);\n\n      onDragStart?.(widget.type, widget);\n    },\n    [onDragStart]\n  );\n\n  // Handle drag end\n  const handleDragEnd = useCallback(() => {\n    onDragEnd?.();\n  }, [onDragEnd]);\n\n  // Handle click to quick-add\n  const handleWidgetClick = useCallback(\n    (widget: WidgetDefinition) => {\n      onWidgetSelect?.(widget.type, widget);\n    },\n    [onWidgetSelect]\n  );\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <div style={styles.container}>\n      {/* Header */}\n      <div style={styles.header}>\n        <div style={styles.headerTop}>\n          <div style={styles.headerTitle}>\n            <div style={styles.headerIcon}>\n              <Layers style={{ width: '18px', height: '18px', color: 'var(--color-action-primary-text)' }} />\n            </div>\n            <div>\n              <h3 style={styles.title}>Widgets</h3>\n              <p style={styles.subtitle}>Drag or click to add</p>\n            </div>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            style={styles.closeButton}\n            onMouseOver={(e) => (e.currentTarget.style.backgroundColor = 'var(--color-bg-hover)')}\n            onMouseOut={(e) => (e.currentTarget.style.backgroundColor = 'transparent')}\n          >\n            <X style={{ width: '16px', height: '16px' }} />\n          </button>\n        </div>\n\n        {/* Search */}\n        <div style={styles.searchContainer}>\n          <Search style={styles.searchIcon} />\n          <Input\n            type=\"text\"\n            placeholder=\"Search widgets...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            style={styles.searchInput}\n          />\n        </div>\n      </div>\n\n      {/* Widget Categories */}\n      <div style={styles.content}>\n        <div style={styles.scrollArea}>\n          {filteredCategories.map((category) => (\n            <div key={category.category} style={styles.categoryContainer}>\n              {/* Category Header */}\n              <button\n                type=\"button\"\n                onClick={() => toggleCategory(category.category)}\n                style={styles.categoryHeader}\n                onMouseOver={(e) => (e.currentTarget.style.backgroundColor = 'var(--color-bg-hover)')}\n                onMouseOut={(e) => (e.currentTarget.style.backgroundColor = 'transparent')}\n              >\n                {expandedCategories.has(category.category) ? (\n                  <ChevronDown style={styles.categoryChevron} />\n                ) : (\n                  <ChevronRight style={styles.categoryChevron} />\n                )}\n                <span style={styles.categoryLabel}>{category.label}</span>\n                <span style={styles.categoryCount}>{category.widgets.length}</span>\n              </button>\n\n              {/* Widget Items */}\n              {expandedCategories.has(category.category) && (\n                <div style={styles.widgetList}>\n                  {installedWidgetsLoading && category.category === 'Installed' && (\n                    <div\n                      style={{\n                        fontSize: 'var(--font-size-body-xs)',\n                        color: 'var(--color-text-muted)',\n                        padding: 'var(--space-controlGap)',\n                      }}\n                    >\n                      Loading...\n                    </div>\n                  )}\n                  {category.widgets.map((widget) => {\n                    const IconComponent = getIconComponent(widget.icon);\n                    const widgetKey = getWidgetKey(widget);\n                    const isHovered = hoveredWidget === widgetKey;\n\n                    return (\n                      <div\n                        key={widgetKey}\n                        draggable\n                        onDragStart={(e) => handleDragStart(e, widget)}\n                        onDragEnd={handleDragEnd}\n                        onClick={() => handleWidgetClick(widget)}\n                        onMouseEnter={() => setHoveredWidget(widgetKey)}\n                        onMouseLeave={() => setHoveredWidget(null)}\n                        style={{\n                          ...styles.widgetCard,\n                          ...(isHovered ? styles.widgetCardHover : {}),\n                        }}\n                      >\n                        {/* Drag Handle */}\n                        <GripVertical style={styles.dragHandle} />\n\n                        {/* Icon */}\n                        <div style={styles.widgetIcon}>\n                          <IconComponent style={styles.widgetIconInner} />\n                        </div>\n\n                        {/* Text */}\n                        <div style={styles.widgetText}>\n                          <div style={styles.widgetName}>{widget.name}</div>\n                          <div style={styles.widgetDescription}>{widget.description}</div>\n                        </div>\n                      </div>\n                    );\n                  })}\n                </div>\n              )}\n            </div>\n          ))}\n\n          {filteredCategories.length === 0 && (\n            <div style={styles.emptyState}>\n              <div style={styles.emptyIcon}>\n                <Search style={{ width: '24px', height: '24px', color: 'var(--color-text-muted)' }} />\n              </div>\n              <p style={styles.emptyText}>\n                No widgets found for \"<strong>{searchQuery}</strong>\"\n              </p>\n              <button type=\"button\" onClick={() => setSearchQuery('')} style={styles.clearButton}>\n                Clear search\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Footer */}\n      <div style={styles.footer}>\n        <p style={styles.footerText}>Drag widgets to position them on the canvas</p>\n      </div>\n    </div>\n  );\n});\n\nexport default WidgetPalette;\n"],"mappings":";;;;;;AA2CA,IAAM,IAAuC;CAC3C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,EAAiB,GAA8B;AACtD,QAAO,EAAS,MAAa;;AA4B/B,IAAM,IAAS;CACb,WAAW;EACT,OAAO;EACP,QAAQ;EACR,iBAAiB;EACjB,aAAa;EACb,SAAS;EACT,eAAe;EACf,YAAY;EACZ,UAAU;EACV,UAAU;EACX;CACD,QAAQ;EACN,SAAS;EACT,cAAc;EACd,iBAAiB;EACjB,YAAY;EACb;CACD,WAAW;EACT,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACf;CACD,aAAa;EACX,SAAS;EACT,YAAY;EACZ,KAAK;EACN;CACD,YAAY;EACV,OAAO;EACP,QAAQ;EACR,cAAc;EACd,iBAAiB;EACjB,SAAS;EACT,YAAY;EACZ,gBAAgB;EACjB;CACD,OAAO;EACL,UAAU;EACV,YAAY;EACZ,OAAO;EACP,QAAQ;EACT;CACD,UAAU;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,aAAa;EACX,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,YAAY;EACZ,cAAc;EACd,QAAQ;EACR,OAAO;EACP,YAAY;EACb;CACD,iBAAiB,EACf,UAAU,YACX;CACD,YAAY;EACV,UAAU;EACV,MAAM;EACN,KAAK;EACL,WAAW;EACX,OAAO;EACP,QAAQ;EACR,OAAO;EACP,eAAe;EAChB;CACD,aAAa;EACX,OAAO;EACP,aAAa;EACb,QAAQ;EACR,UAAU;EACX;CACD,SAAS;EACP,MAAM;EACN,WAAW;EACX,UAAU;EACV,UAAU;EACX;CACD,YAAY;EACV,UAAU;EACV,KAAK;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,WAAW;EACX,WAAW;EACX,SAAS;EACV;CACD,mBAAmB,EACjB,cAAc,2BACf;CACD,gBAAgB;EACd,OAAO;EACP,SAAS;EACT,YAAY;EACZ,KAAK;EACL,SAAS;EACT,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,YAAY;EACb;CACD,iBAAiB;EACf,OAAO;EACP,QAAQ;EACR,OAAO;EACP,YAAY;EACb;CACD,eAAe;EACb,MAAM;EACN,WAAW;EACX,UAAU;EACV,YAAY;EACZ,OAAO;EACP,eAAe;EACf,eAAe;EAChB;CACD,eAAe;EACb,UAAU;EACV,OAAO;EACP,iBAAiB;EACjB,SAAS;EACT,cAAc;EACf;CACD,YAAY;EACV,SAAS;EACT,eAAe;EACf,KAAK;EACL,WAAW;EACX,aAAa;EACd;CACD,YAAY;EACV,SAAS;EACT,YAAY;EACZ,KAAK;EACL,SAAS;EACT,cAAc;EACd,QAAQ;EACR,iBAAiB;EACjB,QAAQ;EACR,YAAY;EACb;CACD,iBAAiB;EACf,iBAAiB;EACjB,aAAa;EACb,WAAW;EACZ;CACD,YAAY;EACV,OAAO;EACP,QAAQ;EACR,OAAO;EACP,SAAS;EACT,YAAY;EACb;CACD,YAAY;EACV,OAAO;EACP,QAAQ;EACR,cAAc;EACd,iBAAiB;EACjB,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,YAAY;EACb;CACD,iBAAiB;EACf,OAAO;EACP,QAAQ;EACR,OAAO;EACR;CACD,YAAY;EACV,MAAM;EACN,UAAU;EACV,UAAU;EACX;CACD,YAAY;EACV,UAAU;EACV,YAAY;EACZ,OAAO;EACP,YAAY;EACZ,UAAU;EACV,cAAc;EACd,cAAc;EACf;CACD,mBAAmB;EACjB,UAAU;EACV,OAAO;EACP,YAAY;EACZ,UAAU;EACV,SAAS;EACT,iBAAiB;EACjB,iBAAiB;EAClB;CACD,YAAY;EACV,WAAW;EACX,SAAS;EACV;CACD,WAAW;EACT,OAAO;EACP,QAAQ;EACR,cAAc;EACd,iBAAiB;EACjB,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACT;CACD,WAAW;EACT,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,QAAQ;EACR,cAAc;EACd,QAAQ;EACT;CACD,QAAQ;EACN,SAAS;EACT,WAAW;EACX,iBAAiB;EACjB,YAAY;EACb;CACD,YAAY;EACV,UAAU;EACV,OAAO;EACP,QAAQ;EACR,WAAW;EACZ;CACF,EAMY,IAAwC,EAAK,SAAuB,EAC/E,WACA,YACA,mBACA,gBACA,cACA,sBAAmB,EAAE,EACrB,6BAA0B,MACzB;CACD,IAAM,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAoB,KAAyB,EAClD,IAAI,IAAI;EAAC;EAAO;EAAiB;EAAQ;EAAW;EAAY;EAAU;EAAY,CAAC,CACxF,EACK,CAAC,GAAe,KAAoB,EAAwB,KAAK,EAGjE,IAAa,QACQ,GAAqB,CAE3C,KAAK,MACA,EAAI,aAAa,cACZ;EAAE,GAAG;EAAK,SAAS;EAAkB,GAEvC,EACP,CACD,QAAQ,MAAQ,EAAI,aAAa,eAAe,EAAI,QAAQ,SAAS,EAAE,EACzE,CAAC,EAAiB,CAAC,EAGhB,IAAqB,QAAc;AACvC,MAAI,CAAC,EAAY,MAAM,CACrB,QAAO;EAGT,IAAM,IAAQ,EAAY,aAAa;AACvC,SAAO,EACJ,KAAK,OAAS;GACb,GAAG;GACH,SAAS,EAAI,QAAQ,QAClB,MACC,EAAE,KAAK,aAAa,CAAC,SAAS,EAAM,IACpC,EAAE,YAAY,aAAa,CAAC,SAAS,EAAM,IAC3C,EAAE,KAAK,MAAM,MAAQ,EAAI,SAAS,EAAM,CAAC,CAC5C;GACF,EAAE,CACF,QAAQ,MAAQ,EAAI,QAAQ,SAAS,EAAE;IACzC,CAAC,GAAY,EAAY,CAAC,EAGvB,IAAiB,GAAa,MAA6B;AAC/D,KAAuB,MAAS;GAC9B,IAAM,IAAO,IAAI,IAAI,EAAK;AAM1B,UALI,EAAK,IAAI,EAAS,GACpB,EAAK,OAAO,EAAS,GAErB,EAAK,IAAI,EAAS,EAEb;IACP;IACD,EAAE,CAAC,EAGA,IAAkB,GACrB,GAAoB,MAA6B;AAWhD,EAVA,EAAE,aAAa,QACb,oBACA,KAAK,UAAU;GACb,MAAM,EAAO;GACb,MAAM,EAAO;GACb,aAAa,EAAO;GACpB,eAAe,EAAO;GACtB,UAAU,EAAO;GAClB,CAAC,CACH,EACD,EAAE,aAAa,gBAAgB;EAG/B,IAAM,IAAY,SAAS,cAAc,MAAM;AAsB/C,EArBA,EAAU,MAAM,UAAU,4YAa1B,EAAU,cAAc,EAAO,MAC/B,SAAS,KAAK,YAAY,EAAU,EACpC,EAAE,aAAa,aAAa,GAAW,GAAG,EAAE,EAE5C,iBAAiB;AACf,YAAS,KAAK,YAAY,EAAU;KACnC,EAAE,EAEL,IAAc,EAAO,MAAM,EAAO;IAEpC,CAAC,EAAY,CACd,EAGK,IAAgB,QAAkB;AACtC,OAAa;IACZ,CAAC,EAAU,CAAC,EAGT,IAAoB,GACvB,MAA6B;AAC5B,MAAiB,EAAO,MAAM,EAAO;IAEvC,CAAC,EAAe,CACjB;AAMD,QAJK,IAKH,kBAAC,OAAD;EAAK,OAAO,EAAO;YAAnB;GAEE,kBAAC,OAAD;IAAK,OAAO,EAAO;cAAnB,CACE,kBAAC,OAAD;KAAK,OAAO,EAAO;eAAnB,CACE,kBAAC,OAAD;MAAK,OAAO,EAAO;gBAAnB,CACE,kBAAC,OAAD;OAAK,OAAO,EAAO;iBACjB,kBAAC,GAAD,EAAQ,OAAO;QAAE,OAAO;QAAQ,QAAQ;QAAQ,OAAO;QAAoC,EAAI,CAAA;OAC3F,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,OAAO,EAAO;iBAAO;OAAY,CAAA,EACrC,kBAAC,KAAD;OAAG,OAAO,EAAO;iBAAU;OAAwB,CAAA,CAC/C,EAAA,CAAA,CACF;SACN,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,OAAO,EAAO;MACd,cAAc,MAAO,EAAE,cAAc,MAAM,kBAAkB;MAC7D,aAAa,MAAO,EAAE,cAAc,MAAM,kBAAkB;gBAE5D,kBAAC,GAAD,EAAG,OAAO;OAAE,OAAO;OAAQ,QAAQ;OAAQ,EAAI,CAAA;MACxC,CAAA,CACL;QAGN,kBAAC,OAAD;KAAK,OAAO,EAAO;eAAnB,CACE,kBAAC,GAAD,EAAQ,OAAO,EAAO,YAAc,CAAA,EACpC,kBAAC,GAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;MAC/C,OAAO,EAAO;MACd,CAAA,CACE;OACF;;GAGN,kBAAC,OAAD;IAAK,OAAO,EAAO;cACjB,kBAAC,OAAD;KAAK,OAAO,EAAO;eAAnB,CACG,EAAmB,KAAK,MACvB,kBAAC,OAAD;MAA6B,OAAO,EAAO;gBAA3C,CAEE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAe,EAAS,SAAS;OAChD,OAAO,EAAO;OACd,cAAc,MAAO,EAAE,cAAc,MAAM,kBAAkB;OAC7D,aAAa,MAAO,EAAE,cAAc,MAAM,kBAAkB;iBAL9D;QAOG,EAAmB,IAAI,EAAS,SAAS,GACxC,kBAAC,GAAD,EAAa,OAAO,EAAO,iBAAmB,CAAA,GAE9C,kBAAC,GAAD,EAAc,OAAO,EAAO,iBAAmB,CAAA;QAEjD,kBAAC,QAAD;SAAM,OAAO,EAAO;mBAAgB,EAAS;SAAa,CAAA;QAC1D,kBAAC,QAAD;SAAM,OAAO,EAAO;mBAAgB,EAAS,QAAQ;SAAc,CAAA;QAC5D;UAGR,EAAmB,IAAI,EAAS,SAAS,IACxC,kBAAC,OAAD;OAAK,OAAO,EAAO;iBAAnB,CACG,KAA2B,EAAS,aAAa,eAChD,kBAAC,OAAD;QACE,OAAO;SACL,UAAU;SACV,OAAO;SACP,SAAS;SACV;kBACF;QAEK,CAAA,EAEP,EAAS,QAAQ,KAAK,MAAW;QAChC,IAAM,IAAgB,EAAiB,EAAO,KAAK,EAC7C,IAAY,EAAa,EAAO,EAChC,IAAY,MAAkB;AAEpC,eACE,kBAAC,OAAD;SAEE,WAAA;SACA,cAAc,MAAM,EAAgB,GAAG,EAAO;SAC9C,WAAW;SACX,eAAe,EAAkB,EAAO;SACxC,oBAAoB,EAAiB,EAAU;SAC/C,oBAAoB,EAAiB,KAAK;SAC1C,OAAO;UACL,GAAG,EAAO;UACV,GAAI,IAAY,EAAO,kBAAkB,EAAE;UAC5C;mBAXH;UAcE,kBAAC,GAAD,EAAc,OAAO,EAAO,YAAc,CAAA;UAG1C,kBAAC,OAAD;WAAK,OAAO,EAAO;qBACjB,kBAAC,GAAD,EAAe,OAAO,EAAO,iBAAmB,CAAA;WAC5C,CAAA;UAGN,kBAAC,OAAD;WAAK,OAAO,EAAO;qBAAnB,CACE,kBAAC,OAAD;YAAK,OAAO,EAAO;sBAAa,EAAO;YAAW,CAAA,EAClD,kBAAC,OAAD;YAAK,OAAO,EAAO;sBAAoB,EAAO;YAAkB,CAAA,CAC5D;;UACF;WAzBC,EAyBD;SAER,CACE;SAEJ;QArEI,EAAS,SAqEb,CACN,EAED,EAAmB,WAAW,KAC7B,kBAAC,OAAD;MAAK,OAAO,EAAO;gBAAnB;OACE,kBAAC,OAAD;QAAK,OAAO,EAAO;kBACjB,kBAAC,GAAD,EAAQ,OAAO;SAAE,OAAO;SAAQ,QAAQ;SAAQ,OAAO;SAA2B,EAAI,CAAA;QAClF,CAAA;OACN,kBAAC,KAAD;QAAG,OAAO,EAAO;kBAAjB;SAA4B;SACJ,kBAAC,UAAD,EAAA,UAAS,GAAqB,CAAA;;SAClD;;OACJ,kBAAC,UAAD;QAAQ,MAAK;QAAS,eAAe,EAAe,GAAG;QAAE,OAAO,EAAO;kBAAa;QAE3E,CAAA;OACL;QAEJ;;IACF,CAAA;GAGN,kBAAC,OAAD;IAAK,OAAO,EAAO;cACjB,kBAAC,KAAD;KAAG,OAAO,EAAO;eAAY;KAA+C,CAAA;IACxE,CAAA;GACF;MAzIC;EA2IT"}

package/dist/bigconsole/components/dashboard/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Dashboard Components
+ *
+ * Components for building and displaying dashboards.
+ */
+export { DashboardCanvas, type DashboardCanvasProps } from './DashboardCanvas';
+export { DashboardGrid, type DashboardGridProps } from './DashboardGrid';
+export { DashboardToolbar, type DashboardToolbarProps } from './DashboardToolbar';
+export { CreateDashboardDialog, type CreateDashboardDialogProps } from './CreateDashboardDialog';
+export { ExportDashboardDialog, type ExportDashboardDialogProps } from './ExportDashboardDialog';
+export { ImportDashboardDialog, type ImportDashboardDialogProps } from './ImportDashboardDialog';
+export { GlobalFiltersBar, type GlobalFiltersBarProps, FilterChip, type FilterChipProps, FilterEditor, type FilterEditorProps, } from './GlobalFiltersBar';
+export { PageTabsManager, type PageTabsManagerProps, type DashboardPageTab } from './PageTabsManager';
+export { ShareDialog, type ShareDialogProps } from './ShareDialog';
+export { SavedViewsDropdown, type SavedViewsDropdownProps } from './SavedViewsDropdown';
+export { TemplatePicker, type TemplatePickerProps } from './TemplatePicker';
+export { WidgetPalette, type WidgetPaletteProps } from './WidgetPalette';
+export { DrilldownBreadcrumb } from './DrilldownBreadcrumb';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/dashboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAGjG,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,UAAU,EACV,KAAK,eAAe,EACpB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGtG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGxF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/bigconsole/components/dashboard/index.js

@@ -0,0 +1,20 @@
+import "./DashboardGrid.js";
+import "./SavedViewsDropdown/SavedViewsDropdown.js";
+import "./SavedViewsDropdown/index.js";
+import "./DashboardToolbar.js";
+import "./GlobalFiltersBar/FilterChip.js";
+import "./GlobalFiltersBar/FilterEditor.js";
+import "./GlobalFiltersBar/GlobalFiltersBar.js";
+import "./GlobalFiltersBar/index.js";
+import "./PageTabsManager/PageTabsManager.js";
+import "./PageTabsManager/index.js";
+import "./ShareDialog/ShareDialog.js";
+import "./ShareDialog/index.js";
+import "./WidgetPalette.js";
+import "./DashboardCanvas.js";
+import "./TemplatePicker/TemplatePicker.js";
+import "./TemplatePicker/index.js";
+import "./CreateDashboardDialog.js";
+import "./ExportDashboardDialog.js";
+import "./ImportDashboardDialog.js";
+import "./DrilldownBreadcrumb.js";

package/dist/bigconsole/components/datasink/CacheTTLSelector.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Cache TTL Selector
+ *
+ * Component for selecting cache duration with preset options and custom input.
+ */
+interface CacheTTLSelectorProps {
+    /** Current TTL value in seconds (null for no cache) */
+    value: number | null;
+    /** Callback when value changes */
+    onChange: (value: number) => void;
+    /** Whether selector is disabled */
+    disabled?: boolean;
+    /** Error message */
+    error?: string;
+}
+export declare const CacheTTLSelector: import('react').NamedExoticComponent<CacheTTLSelectorProps>;
+export default CacheTTLSelector;
+//# sourceMappingURL=CacheTTLSelector.d.ts.map

package/dist/bigconsole/components/datasink/CacheTTLSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CacheTTLSelector.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/CacheTTLSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAeH,UAAU,qBAAqB;IAC7B,uDAAuD;IACvD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8DD,eAAO,MAAM,gBAAgB,6DAsQ3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/datasink/CacheTTLSelector.js

@@ -0,0 +1,247 @@
+import { memo as e, useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/bigconsole/components/datasink/CacheTTLSelector.tsx
+var c = [
+	{
+		value: 300,
+		label: "5 minutes",
+		description: "Best for real-time dashboards"
+	},
+	{
+		value: 900,
+		label: "15 minutes",
+		description: "Balanced performance",
+		recommended: !0
+	},
+	{
+		value: 3600,
+		label: "1 hour",
+		description: "For data that changes hourly"
+	},
+	{
+		value: 86400,
+		label: "24 hours",
+		description: "For daily reports"
+	}
+];
+function l(e) {
+	return e === null ? !1 : c.some((t) => t.value === e);
+}
+function u(e) {
+	return e < 60 ? `${e} seconds` : e < 3600 ? `${Math.floor(e / 60)} minutes` : e < 86400 ? `${Math.floor(e / 3600)} hours` : `${Math.floor(e / 86400)} days`;
+}
+var d = e(function({ value: e, onChange: d, disabled: f = !1, error: p }) {
+	let [m, h] = i(!l(e) && e !== null), [g, _] = i(e?.toString() || ""), [v, y] = i(null), b = r(e);
+	n(() => {
+		b.current !== e && (b.current = e, e !== null && !l(e) && queueMicrotask(() => {
+			_(e.toString()), h(!0);
+		}));
+	}, [e]);
+	let x = t((e) => {
+		f || (h(!1), d(e));
+	}, [f, d]), S = t(() => {
+		if (f) return;
+		h(!0);
+		let e = parseInt(g);
+		!isNaN(e) && e >= 30 && e <= 86400 && d(e);
+	}, [
+		f,
+		g,
+		d
+	]), C = t((e) => {
+		let t = e.target.value;
+		if (_(t), t === "") {
+			y(null);
+			return;
+		}
+		let n = parseInt(t);
+		if (isNaN(n)) {
+			y("Please enter a valid number");
+			return;
+		}
+		if (n < 30) {
+			y("Minimum cache duration is 30 seconds");
+			return;
+		}
+		if (n > 86400) {
+			y("Maximum cache duration is 86400 seconds (24 hours)");
+			return;
+		}
+		y(null), d(n);
+	}, [d]);
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
+				className: "block text-sm font-medium text-text-primary mb-1",
+				children: "Cache Duration"
+			}), /* @__PURE__ */ o("p", {
+				className: "text-xs text-text-secondary",
+				children: "How long should data be cached before refreshing?"
+			})] }),
+			/* @__PURE__ */ s("div", {
+				className: "space-y-2",
+				children: [c.map((t) => /* @__PURE__ */ s("label", {
+					className: `
+              flex items-start gap-3
+              p-3
+              border rounded-lg
+              cursor-pointer
+              transition-all
+              ${f ? "opacity-50 cursor-not-allowed" : ""}
+              ${!m && e === t.value ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default hover:border-border-hover"}
+            `,
+					children: [/* @__PURE__ */ o("input", {
+						type: "radio",
+						name: "cache-ttl",
+						checked: !m && e === t.value,
+						onChange: () => x(t.value),
+						disabled: f,
+						className: "\n                mt-0.5\n                w-4 h-4\n                text-action-primary-bg\n                border-border-default\n                focus:ring-action-primary-bg\n                focus:ring-offset-0\n              "
+					}), /* @__PURE__ */ s("div", {
+						className: "flex-1",
+						children: [/* @__PURE__ */ s("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ o("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: t.label
+							}), t.recommended && /* @__PURE__ */ o("span", {
+								className: "px-1.5 py-0.5 text-xs font-medium bg-action-primary-bg/10 text-action-primary-bg rounded",
+								children: "Recommended"
+							})]
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary mt-0.5",
+							children: t.description
+						})]
+					})]
+				}, t.value)), /* @__PURE__ */ s("label", {
+					className: `
+            flex items-start gap-3
+            p-3
+            border rounded-lg
+            cursor-pointer
+            transition-all
+            ${f ? "opacity-50 cursor-not-allowed" : ""}
+            ${m ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default hover:border-border-hover"}
+          `,
+					children: [/* @__PURE__ */ o("input", {
+						type: "radio",
+						name: "cache-ttl",
+						checked: m,
+						onChange: S,
+						disabled: f,
+						className: "\n              mt-0.5\n              w-4 h-4\n              text-action-primary-bg\n              border-border-default\n              focus:ring-action-primary-bg\n              focus:ring-offset-0\n            "
+					}), /* @__PURE__ */ s("div", {
+						className: "flex-1",
+						children: [
+							/* @__PURE__ */ o("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Custom"
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "text-xs text-text-secondary mt-0.5",
+								children: "Enter a custom cache duration (30 - 86400 seconds)"
+							}),
+							m && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
+								className: "mt-3 flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ o("input", {
+										type: "number",
+										value: g,
+										onChange: C,
+										disabled: f,
+										min: 30,
+										max: 86400,
+										placeholder: "300",
+										className: `
+                      w-32 px-3 py-2
+                      bg-bg-muted
+                      border rounded-md
+                      text-sm text-text-primary
+                      placeholder-text-tertiary
+                      focus:outline-none
+                      focus:border-action-primary-bg
+                      focus:ring-2
+                      focus:ring-action-primary-bg/20
+                      ${p || v ? "border-state-error" : "border-border-default"}
+                    `
+									}),
+									/* @__PURE__ */ o("span", {
+										className: "text-sm text-text-secondary",
+										children: "seconds"
+									}),
+									g && !isNaN(parseInt(g)) && !v && /* @__PURE__ */ s("span", {
+										className: "text-xs text-text-tertiary",
+										children: [
+											"(",
+											u(parseInt(g)),
+											")"
+										]
+									})
+								]
+							}), v && /* @__PURE__ */ s("div", {
+								className: "flex items-center gap-1 mt-1",
+								children: [/* @__PURE__ */ o("svg", {
+									className: "w-3.5 h-3.5 text-state-error flex-shrink-0",
+									fill: "none",
+									stroke: "currentColor",
+									viewBox: "0 0 24 24",
+									children: /* @__PURE__ */ o("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+									})
+								}), /* @__PURE__ */ o("span", {
+									className: "text-xs text-state-error",
+									children: v
+								})]
+							})] })
+						]
+					})]
+				})]
+			}),
+			p && /* @__PURE__ */ s("div", {
+				className: "flex items-start gap-2",
+				children: [/* @__PURE__ */ o("svg", {
+					className: "w-4 h-4 text-state-error flex-shrink-0 mt-0.5",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ o("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+					})
+				}), /* @__PURE__ */ o("p", {
+					className: "text-xs text-state-error",
+					children: p
+				})]
+			}),
+			e !== null && !p && /* @__PURE__ */ s("div", {
+				className: "flex items-center gap-2 text-xs text-text-secondary",
+				children: [/* @__PURE__ */ o("svg", {
+					className: "w-4 h-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ o("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+					})
+				}), /* @__PURE__ */ s("span", { children: [
+					"Data will be cached for ",
+					u(e),
+					" before being refreshed"
+				] })]
+			})
+		]
+	});
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=CacheTTLSelector.js.map

package/dist/bigconsole/components/datasink/CacheTTLSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CacheTTLSelector.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/CacheTTLSelector.tsx"],"sourcesContent":["/**\n * Cache TTL Selector\n *\n * Component for selecting cache duration with preset options and custom input.\n */\n\nimport { memo, useState, useEffect, useCallback, useRef } from 'react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface CacheTTLOption {\n  value: number;\n  label: string;\n  description: string;\n  recommended?: boolean;\n}\n\ninterface CacheTTLSelectorProps {\n  /** Current TTL value in seconds (null for no cache) */\n  value: number | null;\n  /** Callback when value changes */\n  onChange: (value: number) => void;\n  /** Whether selector is disabled */\n  disabled?: boolean;\n  /** Error message */\n  error?: string;\n}\n\n// ============================================================================\n// CONSTANTS\n// ============================================================================\n\nconst PRESET_OPTIONS: CacheTTLOption[] = [\n  {\n    value: 300, // 5 minutes\n    label: '5 minutes',\n    description: 'Best for real-time dashboards',\n  },\n  {\n    value: 900, // 15 minutes\n    label: '15 minutes',\n    description: 'Balanced performance',\n    recommended: true,\n  },\n  {\n    value: 3600, // 1 hour\n    label: '1 hour',\n    description: 'For data that changes hourly',\n  },\n  {\n    value: 86400, // 24 hours\n    label: '24 hours',\n    description: 'For daily reports',\n  },\n];\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Check if value is a preset option\n */\nfunction isPresetValue(value: number | null): boolean {\n  if (value === null) return false;\n  return PRESET_OPTIONS.some((opt) => opt.value === value);\n}\n\n/**\n * Format seconds to human-readable string\n */\nfunction formatDuration(seconds: number): string {\n  if (seconds < 60) {\n    return `${seconds} seconds`;\n  }\n  if (seconds < 3600) {\n    return `${Math.floor(seconds / 60)} minutes`;\n  }\n  if (seconds < 86400) {\n    return `${Math.floor(seconds / 3600)} hours`;\n  }\n  return `${Math.floor(seconds / 86400)} days`;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const CacheTTLSelector = memo(function CacheTTLSelector({\n  value,\n  onChange,\n  disabled = false,\n  error,\n}: CacheTTLSelectorProps) {\n  // Track whether custom mode is active\n  const [isCustom, setIsCustom] = useState(!isPresetValue(value) && value !== null);\n  const [customValue, setCustomValue] = useState(value?.toString() || '');\n  const [validationError, setValidationError] = useState<string | null>(null);\n  const prevValueRef = useRef(value);\n\n  // Sync custom value when external value changes (using deferred update to avoid cascading renders)\n  useEffect(() => {\n    if (prevValueRef.current !== value) {\n      prevValueRef.current = value;\n      if (value !== null && !isPresetValue(value)) {\n        // Defer state update to avoid synchronous setState in effect\n        queueMicrotask(() => {\n          setCustomValue(value.toString());\n          setIsCustom(true);\n        });\n      }\n    }\n  }, [value]);\n\n  // Handle preset selection\n  const handlePresetChange = useCallback(\n    (presetValue: number) => {\n      if (disabled) return;\n      setIsCustom(false);\n      onChange(presetValue);\n    },\n    [disabled, onChange]\n  );\n\n  // Handle custom mode activation\n  const handleCustomSelect = useCallback(() => {\n    if (disabled) return;\n    setIsCustom(true);\n    const parsed = parseInt(customValue);\n    if (!isNaN(parsed) && parsed >= 30 && parsed <= 86400) {\n      onChange(parsed);\n    }\n  }, [disabled, customValue, onChange]);\n\n  // Handle custom value change with validation\n  const handleCustomChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const inputValue = e.target.value;\n      setCustomValue(inputValue);\n\n      // Validate input\n      if (inputValue === '') {\n        setValidationError(null);\n        return;\n      }\n\n      const parsed = parseInt(inputValue);\n\n      if (isNaN(parsed)) {\n        setValidationError('Please enter a valid number');\n        return;\n      }\n\n      if (parsed < 30) {\n        setValidationError('Minimum cache duration is 30 seconds');\n        return;\n      }\n\n      if (parsed > 86400) {\n        setValidationError('Maximum cache duration is 86400 seconds (24 hours)');\n        return;\n      }\n\n      // Valid value\n      setValidationError(null);\n      onChange(parsed);\n    },\n    [onChange]\n  );\n\n  return (\n    <div className=\"space-y-3\">\n      {/* Label */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Cache Duration</label>\n        <p className=\"text-xs text-text-secondary\">How long should data be cached before refreshing?</p>\n      </div>\n\n      {/* Options */}\n      <div className=\"space-y-2\">\n        {/* Preset options */}\n        {PRESET_OPTIONS.map((option) => (\n          <label\n            key={option.value}\n            className={`\n              flex items-start gap-3\n              p-3\n              border rounded-lg\n              cursor-pointer\n              transition-all\n              ${disabled ? 'opacity-50 cursor-not-allowed' : ''}\n              ${\n                !isCustom && value === option.value\n                  ? 'border-action-primary-bg bg-action-primary-bg/5'\n                  : 'border-border-default hover:border-border-hover'\n              }\n            `}\n          >\n            <input\n              type=\"radio\"\n              name=\"cache-ttl\"\n              checked={!isCustom && value === option.value}\n              onChange={() => handlePresetChange(option.value)}\n              disabled={disabled}\n              className={`\n                mt-0.5\n                w-4 h-4\n                text-action-primary-bg\n                border-border-default\n                focus:ring-action-primary-bg\n                focus:ring-offset-0\n              `}\n            />\n            <div className=\"flex-1\">\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm font-medium text-text-primary\">{option.label}</span>\n                {option.recommended && (\n                  <span className=\"px-1.5 py-0.5 text-xs font-medium bg-action-primary-bg/10 text-action-primary-bg rounded\">\n                    Recommended\n                  </span>\n                )}\n              </div>\n              <p className=\"text-xs text-text-secondary mt-0.5\">{option.description}</p>\n            </div>\n          </label>\n        ))}\n\n        {/* Custom option */}\n        <label\n          className={`\n            flex items-start gap-3\n            p-3\n            border rounded-lg\n            cursor-pointer\n            transition-all\n            ${disabled ? 'opacity-50 cursor-not-allowed' : ''}\n            ${\n              isCustom\n                ? 'border-action-primary-bg bg-action-primary-bg/5'\n                : 'border-border-default hover:border-border-hover'\n            }\n          `}\n        >\n          <input\n            type=\"radio\"\n            name=\"cache-ttl\"\n            checked={isCustom}\n            onChange={handleCustomSelect}\n            disabled={disabled}\n            className={`\n              mt-0.5\n              w-4 h-4\n              text-action-primary-bg\n              border-border-default\n              focus:ring-action-primary-bg\n              focus:ring-offset-0\n            `}\n          />\n          <div className=\"flex-1\">\n            <span className=\"text-sm font-medium text-text-primary\">Custom</span>\n            <p className=\"text-xs text-text-secondary mt-0.5\">Enter a custom cache duration (30 - 86400 seconds)</p>\n            {isCustom && (\n              <>\n                <div className=\"mt-3 flex items-center gap-2\">\n                  <input\n                    type=\"number\"\n                    value={customValue}\n                    onChange={handleCustomChange}\n                    disabled={disabled}\n                    min={30}\n                    max={86400}\n                    placeholder=\"300\"\n                    className={`\n                      w-32 px-3 py-2\n                      bg-bg-muted\n                      border rounded-md\n                      text-sm text-text-primary\n                      placeholder-text-tertiary\n                      focus:outline-none\n                      focus:border-action-primary-bg\n                      focus:ring-2\n                      focus:ring-action-primary-bg/20\n                      ${error || validationError ? 'border-state-error' : 'border-border-default'}\n                    `}\n                  />\n                  <span className=\"text-sm text-text-secondary\">seconds</span>\n                  {customValue && !isNaN(parseInt(customValue)) && !validationError && (\n                    <span className=\"text-xs text-text-tertiary\">({formatDuration(parseInt(customValue))})</span>\n                  )}\n                </div>\n                {validationError && (\n                  <div className=\"flex items-center gap-1 mt-1\">\n                    <svg\n                      className=\"w-3.5 h-3.5 text-state-error flex-shrink-0\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      viewBox=\"0 0 24 24\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth={2}\n                        d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n                      />\n                    </svg>\n                    <span className=\"text-xs text-state-error\">{validationError}</span>\n                  </div>\n                )}\n              </>\n            )}\n          </div>\n        </label>\n      </div>\n\n      {/* Error message */}\n      {error && (\n        <div className=\"flex items-start gap-2\">\n          <svg\n            className=\"w-4 h-4 text-state-error flex-shrink-0 mt-0.5\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <p className=\"text-xs text-state-error\">{error}</p>\n        </div>\n      )}\n\n      {/* Info message */}\n      {value !== null && !error && (\n        <div className=\"flex items-center gap-2 text-xs text-text-secondary\">\n          <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <span>Data will be cached for {formatDuration(value)} before being refreshed</span>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default CacheTTLSelector;\n"],"mappings":"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"}

package/dist/bigconsole/components/datasink/ConfigurationForm.d.ts

@@ -0,0 +1,21 @@
+import { DataSinkRefreshType } from '../../types';
+
+interface ConfigurationFormProps {
+    /** Cache TTL in seconds */
+    ttl: number | null;
+    /** Refresh type */
+    refreshType: DataSinkRefreshType;
+    /** Refresh interval in seconds (for scheduled) */
+    refreshIntervalSeconds: number | null;
+    /** Callback when TTL changes */
+    onTTLChange: (ttl: number | null) => void;
+    /** Callback when refresh type changes */
+    onRefreshTypeChange: (type: DataSinkRefreshType) => void;
+    /** Callback when refresh interval changes */
+    onRefreshIntervalChange: (interval: number | null) => void;
+    /** Whether form is disabled */
+    disabled?: boolean;
+}
+export declare const ConfigurationForm: import('react').NamedExoticComponent<ConfigurationFormProps>;
+export default ConfigurationForm;
+//# sourceMappingURL=ConfigurationForm.d.ts.map

package/dist/bigconsole/components/datasink/ConfigurationForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationForm.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/ConfigurationForm.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAMvD,UAAU,sBAAsB;IAC9B,2BAA2B;IAC3B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,mBAAmB;IACnB,WAAW,EAAE,mBAAmB,CAAC;IACjC,kDAAkD;IAClD,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,gCAAgC;IAChC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,yCAAyC;IACzC,mBAAmB,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,6CAA6C;IAC7C,uBAAuB,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqCD,eAAO,MAAM,iBAAiB,8DAgS5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/dist/bigconsole/components/datasink/DataPreviewPanel.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Data Preview Panel
+ *
+ * Panel for previewing DataSink data with expand/collapse and copy functionality.
+ */
+interface DataPreviewPanelProps {
+    /** Data to preview */
+    data: unknown;
+    /** Whether data is loading */
+    isLoading?: boolean;
+    /** Whether there is no data */
+    isEmpty?: boolean;
+    /** Callback to trigger data fetch */
+    onShowData?: () => void;
+    /** Maximum rows to show in collapsed view */
+    maxRows?: number;
+}
+export declare const DataPreviewPanel: import('react').NamedExoticComponent<DataPreviewPanelProps>;
+export default DataPreviewPanel;
+//# sourceMappingURL=DataPreviewPanel.d.ts.map

package/dist/bigconsole/components/datasink/DataPreviewPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPreviewPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataPreviewPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,UAAU,qBAAqB;IAC7B,sBAAsB;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAoCD,eAAO,MAAM,gBAAgB,6DAuN3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/datasink/DataSinkCard.d.ts

@@ -0,0 +1,23 @@
+import { DataSink, DataSinkSetupState } from '../../types';
+
+interface DataSinkCardProps {
+    /** DataSink data */
+    dataSink: DataSink;
+    /** Setup state override */
+    setupState?: DataSinkSetupState;
+    /** Callback when view is clicked */
+    onView?: (id: string) => void;
+    /** Callback when edit is clicked */
+    onEdit?: (id: string) => void;
+    /** Callback when refresh is clicked */
+    onRefresh?: (id: string) => void;
+    /** Callback when export is clicked */
+    onExport?: (id: string) => void;
+    /** Callback when delete is clicked */
+    onDelete?: (id: string) => void;
+    /** Callback to continue setup */
+    onContinueSetup?: (id: string) => void;
+}
+export declare const DataSinkCard: import('react').NamedExoticComponent<DataSinkCardProps>;
+export default DataSinkCard;
+//# sourceMappingURL=DataSinkCard.d.ts.map

package/dist/bigconsole/components/datasink/DataSinkCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkCard.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/DataSinkCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAMhE,UAAU,iBAAiB;IACzB,oBAAoB;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,oCAAoC;IACpC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,oCAAoC;IACpC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,uCAAuC;IACvC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iCAAiC;IACjC,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAMD,eAAO,MAAM,YAAY,yDAkLvB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/bigconsole/components/datasink/DataSinkCard.js

@@ -0,0 +1,137 @@
+import e from "./DataSinkStatusBadge.js";
+import { memo as t, useCallback as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { formatDistanceToNow as a } from "date-fns";
+//#region src/bigconsole/components/datasink/DataSinkCard.tsx
+var o = t(function({ dataSink: t, setupState: o, onView: s, onEdit: c, onRefresh: l, onExport: u, onDelete: d, onContinueSetup: f }) {
+	let p = n((e) => {
+		e.stopPropagation(), s?.(t.id);
+	}, [t.id, s]), m = n((e) => {
+		e.stopPropagation(), c?.(t.id);
+	}, [t.id, c]), h = n((e) => {
+		e.stopPropagation(), l?.(t.id);
+	}, [t.id, l]), g = n((e) => {
+		e.stopPropagation(), u?.(t.id);
+	}, [t.id, u]), _ = n((e) => {
+		e.stopPropagation(), d?.(t.id);
+	}, [t.id, d]), v = n((e) => {
+		e.stopPropagation(), f?.(t.id);
+	}, [t.id, f]), y = (o ?? t.setupState) === "completed", b = t.lastRefreshedAt ? a(new Date(t.lastRefreshedAt), { addSuffix: !0 }) : "Never";
+	return /* @__PURE__ */ i("div", {
+		className: "\n        p-4\n        bg-bg-surface\n        border border-border-default\n        rounded-lg\n        hover:border-action-primary-bg/50\n        transition-colors\n        cursor-pointer\n      ",
+		onClick: p,
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex items-start justify-between mb-3",
+				children: [/* @__PURE__ */ i("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ r("h3", {
+						className: "text-sm font-semibold text-text-primary truncate",
+						children: t.name || "Untitled DataSink"
+					}), /* @__PURE__ */ r("p", {
+						className: "text-xs text-text-secondary font-mono mt-0.5 truncate",
+						children: t.key
+					})]
+				}), /* @__PURE__ */ r(e, {
+					status: t.status,
+					size: "sm"
+				})]
+			}),
+			t.description && /* @__PURE__ */ r("p", {
+				className: "text-xs text-text-secondary mb-3 line-clamp-2",
+				children: t.description
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-4 text-xs text-text-secondary mb-3",
+				children: [/* @__PURE__ */ i("span", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ r("svg", {
+						className: "w-3.5 h-3.5",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ r("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+						})
+					}), b]
+				}), t.linkedWorkflowCount !== void 0 && t.linkedWorkflowCount > 0 && /* @__PURE__ */ i("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ r("svg", {
+							className: "w-3.5 h-3.5",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24",
+							children: /* @__PURE__ */ r("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
+							})
+						}),
+						t.linkedWorkflowCount,
+						" workflow",
+						t.linkedWorkflowCount === 1 ? "" : "s"
+					]
+				})]
+			}),
+			!y && /* @__PURE__ */ r("div", {
+				className: "mb-3 p-2 bg-state-warning/10 border border-state-warning/20 rounded-md",
+				children: /* @__PURE__ */ i("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ r("span", {
+						className: "text-xs text-state-warning",
+						children: "Setup incomplete"
+					}), /* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: v,
+						className: "text-xs font-medium text-action-primary-bg hover:underline",
+						children: "Continue"
+					})]
+				})
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-2 pt-2 border-t border-border-default",
+				children: [
+					/* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: p,
+						className: "flex-1 px-3 py-1.5 text-xs font-medium text-text-primary bg-bg-muted hover:bg-border-default rounded-md transition-colors",
+						children: "View"
+					}),
+					/* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: m,
+						className: "px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-muted rounded-md transition-colors",
+						children: "Edit"
+					}),
+					/* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: h,
+						className: "px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-muted rounded-md transition-colors",
+						children: "Refresh"
+					}),
+					u && /* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: g,
+						className: "px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-muted rounded-md transition-colors",
+						children: "Export"
+					}),
+					/* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: _,
+						className: "px-3 py-1.5 text-xs font-medium text-state-error hover:bg-state-error/10 rounded-md transition-colors",
+						children: "Delete"
+					})
+				]
+			})
+		]
+	});
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=DataSinkCard.js.map