@burdenoff/microfe-bigconsole 2026.613.2 → 2026.613.3

package/dist/bigconsole/pages/DashboardBuilderPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardBuilderPage.js","names":[],"sources":["../../../src/bigconsole/pages/DashboardBuilderPage.tsx"],"sourcesContent":["/**\n * DashboardBuilderPage\n *\n * Full dashboard builder experience with side panels.\n */\n\nimport { type FC, memo, useState, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useBigConsoleNavigate } from '../context';\nimport { DashboardCanvas, ExportDashboardDialog } from '../components/dashboard';\nimport { WidgetTypeSelector } from '../components/widgets/WidgetTypeSelector';\nimport { useDashboardStore, useWidgetStore } from '../store';\nimport { useDashboardOperations, useWidgetOperations, usePageOperations } from '../hooks';\nimport type { WidgetType, Dashboard, DashboardPage } from '../types';\nimport { findNextAvailablePosition } from '../utils/widgetPositioning';\nimport { getWidgetDefinition } from '../components/widgets/WidgetRegistry';\n\n// Breadcrumb name registration helpers (get from shell at call time to avoid timing issues)\nfunction getBreadcrumbRegistry() {\n  try {\n    return (\n      window as unknown as {\n        __breadcrumbRegistry?: { register: (id: string, name: string) => void; unregister: (id: string) => void };\n      }\n    ).__breadcrumbRegistry;\n  } catch {\n    return undefined;\n  }\n}\n\nfunction registerBreadcrumbName(id: string, name: string) {\n  const registry = getBreadcrumbRegistry();\n  if (registry?.register) {\n    registry.register(id, name);\n  }\n}\n\nfunction unregisterBreadcrumbName(id: string) {\n  const registry = getBreadcrumbRegistry();\n  if (registry?.unregister) {\n    registry.unregister(id);\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DashboardBuilderPage: FC = memo(function DashboardBuilderPage() {\n  const { dashboardId } = useParams<{ dashboardId: string }>();\n  const navigate = useBigConsoleNavigate();\n  const [isWidgetPanelOpen, setIsWidgetPanelOpen] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [isExportDialogOpen, setIsExportDialogOpen] = useState(false);\n  const [activePageId, setActivePageId] = useState<string | null>(null);\n\n  // Dashboard operations from GraphQL\n  const {\n    fetchDashboard,\n    updateDashboard,\n    loading: dashboardLoading,\n    error: dashboardError,\n  } = useDashboardOperations();\n\n  // Widget operations from GraphQL\n  const {\n    createWidget: createWidgetMutation,\n    updateWidget: updateWidgetMutation,\n    deleteWidget: deleteWidgetMutation,\n    duplicateWidget: duplicateWidgetMutation,\n    batchUpdatePositions,\n  } = useWidgetOperations(undefined, dashboardId);\n\n  // Page operations from GraphQL\n  const {\n    createPage: createPageMutation,\n    updatePage: updatePageMutation,\n    deletePage: deletePageMutation,\n    reorderPages: reorderPagesMutation,\n  } = usePageOperations();\n\n  // Store actions\n  const setCurrentDashboard = useDashboardStore((state) => state.setCurrentDashboard);\n  const currentDashboard = useDashboardStore((state) => state.currentDashboard);\n  const setViewMode = useDashboardStore((state) => state.setViewMode);\n  const selectWidget = useWidgetStore((state) => state.selectWidget);\n  const widgets = useWidgetStore((state) => state.widgets);\n  const clipboardWidgetId = useWidgetStore((state) => state.clipboardWidgetId);\n  const clipboardAction = useWidgetStore((state) => state.clipboardAction);\n  const clearClipboard = useWidgetStore((state) => state.clearClipboard);\n\n  // Set edit mode on mount\n  useEffect(() => {\n    setViewMode('edit');\n    return () => setViewMode('view');\n  }, [setViewMode]);\n\n  // Load dashboard data from API\n  useEffect(() => {\n    if (!dashboardId) {\n      navigate('/dashboards');\n      return;\n    }\n\n    // Fetch dashboard from API\n    fetchDashboard(dashboardId).then((dashboard) => {\n      if (dashboard) {\n        setCurrentDashboard({\n          id: dashboard.id,\n          title: dashboard.name,\n          description: dashboard.description || '',\n          pages: dashboard.pages.map((page, index) => ({\n            id: page.id,\n            title: page.name || '',\n            index,\n            layoutConfig: page.layoutConfig || {},\n          })) as any,\n          createdAt: dashboard.createdAt,\n          updatedAt: dashboard.updatedAt,\n        } as unknown as Dashboard);\n        // Set active page to first page\n        if (dashboard.pages.length > 0 && !activePageId) {\n          setActivePageId(dashboard.pages[0].id);\n        }\n\n        // Register dashboard name for breadcrumb display\n        if (dashboard.name) {\n          registerBreadcrumbName(dashboardId, dashboard.name);\n        }\n      } else {\n        // Dashboard not found, redirect\n        navigate('/dashboards');\n      }\n    });\n\n    // Cleanup: unregister breadcrumb name on unmount\n    return () => {\n      if (dashboardId) {\n        unregisterBreadcrumbName(dashboardId);\n      }\n    };\n  }, [dashboardId, navigate, setCurrentDashboard, fetchDashboard, activePageId]);\n\n  // Handle paste widget from clipboard\n  const handlePaste = useCallback(async () => {\n    if (!clipboardWidgetId || !dashboardId || !currentDashboard?.pages?.[0]?.id) {\n      return;\n    }\n\n    const sourceWidget = widgets.get(clipboardWidgetId);\n    if (!sourceWidget) {\n      clearClipboard();\n      return;\n    }\n\n    const pageId = currentDashboard.pages[0].id;\n\n    // Use smart placement algorithm - horizontal first, then next row\n    const widgetsArray = Array.from(widgets.values());\n    const widgetSize = {\n      width: sourceWidget.positionWidth ?? 4,\n      height: sourceWidget.positionHeight ?? 4,\n    };\n\n    const { x, y } = findNextAvailablePosition(widgetsArray, widgetSize, { cols: 12 });\n\n    const newPosition = {\n      x,\n      y,\n      width: widgetSize.width,\n      height: widgetSize.height,\n    };\n\n    const newTitle = clipboardAction === 'copy' ? `${sourceWidget.title} (Copy)` : sourceWidget.title;\n\n    let newWidget = null;\n\n    // Try duplicateWidget API first\n    try {\n      newWidget = await duplicateWidgetMutation(clipboardWidgetId, newPosition, newTitle);\n    } catch (err) {}\n\n    // Fallback: Create new widget with source widget's data\n    if (!newWidget) {\n      newWidget = await createWidgetMutation({\n        pageId,\n        dashboardId,\n        type: sourceWidget.type,\n        title: newTitle,\n        description: sourceWidget.description,\n        // v2.0: Use dataSinkId and parserId instead of dataSourceId/dataPath\n        dataSinkId: sourceWidget.dataSinkId ?? undefined,\n        datasetId: sourceWidget.datasetId ?? undefined,\n        parserId: sourceWidget.parserId ?? undefined,\n        parserRules: sourceWidget.parserRules ?? undefined,\n        config: sourceWidget.config || {},\n        position: newPosition,\n        refreshInterval: sourceWidget.refreshInterval ?? undefined,\n        metadata: sourceWidget.metadata,\n      });\n    }\n\n    if (newWidget) {\n      selectWidget(newWidget.id);\n\n      // If cut action, delete the original widget from backend\n      if (clipboardAction === 'cut') {\n        await deleteWidgetMutation(clipboardWidgetId);\n      }\n    }\n\n    clearClipboard();\n  }, [\n    clipboardWidgetId,\n    clipboardAction,\n    dashboardId,\n    currentDashboard,\n    widgets,\n    duplicateWidgetMutation,\n    createWidgetMutation,\n    deleteWidgetMutation,\n    selectWidget,\n    clearClipboard,\n  ]);\n\n  // Handle quick add widget from panel\n  const handleQuickAddWidget = useCallback(\n    async (type: WidgetType) => {\n      if (!dashboardId || !currentDashboard?.pages?.[0]?.id) return;\n\n      const pageId = currentDashboard.pages[0].id;\n      const title = type\n        .replace(/_/g, ' ')\n        .toLowerCase()\n        .replace(/^\\w/, (c) => c.toUpperCase());\n\n      // Use smart placement algorithm - horizontal first, then next row\n      const widgetsArray = Array.from(widgets.values());\n      const definition = getWidgetDefinition(type);\n      const widgetSize = {\n        width: definition?.defaultSize?.width ?? 4,\n        height: definition?.defaultSize?.height ?? 4,\n      };\n\n      const { x, y } = findNextAvailablePosition(widgetsArray, widgetSize, { cols: 12 });\n\n      // Create widget via API\n      const newWidget = await createWidgetMutation({\n        pageId,\n        dashboardId,\n        type,\n        title,\n        config: {},\n        position: {\n          x,\n          y,\n          width: widgetSize.width,\n          height: widgetSize.height,\n        },\n      });\n\n      if (newWidget) {\n        selectWidget(newWidget.id);\n        setIsWidgetPanelOpen(false);\n      }\n    },\n    [dashboardId, currentDashboard, createWidgetMutation, selectWidget, widgets]\n  );\n\n  // Navigate back to the dashboards list\n  const handleBack = useCallback(() => {\n    navigate('/dashboards');\n  }, [navigate]);\n\n  // Handle save - save dirty widgets and batch update positions\n  const handleSave = useCallback(async () => {\n    if (!dashboardId) return;\n\n    setIsSaving(true);\n    try {\n      // Get the LATEST state directly from store (avoid stale closure)\n      const storeState = useWidgetStore.getState();\n      const currentWidgets = Array.from(storeState.widgets.values());\n      const currentDirtyIds = storeState.dirtyWidgetIds;\n\n      // Debug: Log dirty widget IDs\n\n      // 1. Save dirty widgets (property changes like title, config, etc.)\n      const dirtyWidgets = currentWidgets.filter((w) => currentDirtyIds.has(w.id));\n\n      if (dirtyWidgets.length > 0) {\n        // Save each dirty widget\n        const updatePromises = dirtyWidgets.map(async (widget) => {\n          const updateInput = {\n            id: widget.id,\n            title: widget.title,\n            config: widget.config,\n            refreshInterval: widget.refreshInterval ?? undefined,\n            // v2.0: Use dataSinkId and parserId instead of dataSourceId/dataPath\n            dataSinkId: widget.dataSinkId ?? undefined,\n            datasetId: widget.datasetId ?? undefined,\n            parserId: widget.parserId ?? undefined,\n            parserRules: widget.parserRules ?? undefined,\n          };\n\n          try {\n            const result = await updateWidgetMutation(updateInput);\n            return result;\n          } catch (err) {\n            throw err;\n          }\n        });\n\n        const results = await Promise.all(updatePromises);\n\n        // Clear dirty flags after successful save\n        storeState.clearAllDirty();\n      } else {\n      }\n\n      // 2. Batch update widget positions\n      if (currentWidgets.length > 0) {\n        const positionUpdates = currentWidgets.map((widget) => ({\n          id: widget.id,\n          position: widget.position || {\n            x: widget.positionX ?? 0,\n            y: widget.positionY ?? 0,\n            width: widget.positionWidth ?? 4,\n            height: widget.positionHeight ?? 4,\n          },\n        }));\n\n        await batchUpdatePositions(positionUpdates);\n      }\n\n      // 3. Update dashboard metadata if needed\n      if (currentDashboard) {\n        await updateDashboard({\n          id: dashboardId,\n          name: currentDashboard.title,\n          description: currentDashboard.description,\n        });\n      }\n    } catch (error) {\n    } finally {\n      setIsSaving(false);\n    }\n  }, [dashboardId, currentDashboard, updateWidgetMutation, batchUpdatePositions, updateDashboard]);\n\n  // Handle export\n  const handleExport = useCallback(() => {\n    setIsExportDialogOpen(true);\n  }, []);\n\n  const handleExportClose = useCallback(() => {\n    setIsExportDialogOpen(false);\n  }, []);\n\n  // ============================================================================\n  // Page Management Callbacks\n  // ============================================================================\n\n  // Handle page selection\n  const handlePageChange = useCallback((pageId: string) => {\n    setActivePageId(pageId);\n  }, []);\n\n  // Handle adding a new page\n  const handlePageAdd = useCallback(async () => {\n    if (!currentDashboard || !dashboardId) return;\n\n    const newPageCount = currentDashboard.pages.length + 1;\n    const newPageName = `Page ${newPageCount}`;\n\n    // Call GraphQL mutation to create page\n    // Note: 'order' is not available for create - backend auto-assigns order\n    const newPage = await createPageMutation({\n      dashboardId,\n      name: newPageName,\n    });\n\n    if (newPage) {\n      // Update local state with the created page\n      setCurrentDashboard({\n        ...currentDashboard,\n        pages: [\n          ...currentDashboard.pages,\n          {\n            id: newPage.id,\n            title: newPage.name,\n            index: newPage.order,\n            layoutConfig: newPage.layoutConfig || {},\n          },\n        ],\n      });\n\n      // Switch to the new page\n      setActivePageId(newPage.id);\n    }\n  }, [currentDashboard, dashboardId, setCurrentDashboard, createPageMutation]);\n\n  // Handle renaming a page\n  const handlePageRename = useCallback(\n    async (pageId: string, newName: string) => {\n      if (!currentDashboard) return;\n\n      // Call GraphQL mutation to update page\n      const updatedPage = await updatePageMutation({\n        id: pageId,\n        name: newName,\n      });\n\n      if (updatedPage) {\n        setCurrentDashboard({\n          ...currentDashboard,\n          pages: currentDashboard.pages.map((page) => (page.id === pageId ? { ...page, title: newName } : page)),\n        });\n      }\n    },\n    [currentDashboard, setCurrentDashboard, updatePageMutation]\n  );\n\n  // Handle duplicating a page\n  const handlePageDuplicate = useCallback(\n    async (pageId: string) => {\n      if (!currentDashboard || !dashboardId) return;\n\n      const sourcePage = currentDashboard.pages.find((p) => p.id === pageId);\n      if (!sourcePage) return;\n\n      // Call GraphQL mutation to create a copy of the page\n      // Note: 'order' is not available for create - backend auto-assigns order\n      // Note: 'layout' should be PageLayout enum ('GRID', 'FLEX', 'FREEFORM'), not layoutConfig object\n      const newPage = await createPageMutation({\n        dashboardId,\n        name: `${sourcePage.title} (Copy)`,\n      });\n\n      if (newPage) {\n        setCurrentDashboard({\n          ...currentDashboard,\n          pages: [\n            ...currentDashboard.pages,\n            {\n              id: newPage.id,\n              title: newPage.name,\n              index: newPage.order,\n              layoutConfig: newPage.layoutConfig || {},\n            },\n          ],\n        });\n\n        setActivePageId(newPage.id);\n      }\n    },\n    [currentDashboard, dashboardId, setCurrentDashboard, createPageMutation]\n  );\n\n  // Handle deleting a page\n  const handlePageDelete = useCallback(\n    async (pageId: string) => {\n      if (!currentDashboard || currentDashboard.pages.length <= 1) return;\n\n      // Call GraphQL mutation to delete page\n      const success = await deletePageMutation(pageId);\n\n      if (success) {\n        const updatedPages = currentDashboard.pages.filter((p) => p.id !== pageId).map((p, index) => ({ ...p, index }));\n\n        setCurrentDashboard({\n          ...currentDashboard,\n          pages: updatedPages,\n        });\n\n        // Switch to first page if current page was deleted\n        if (activePageId === pageId) {\n          setActivePageId(updatedPages[0]?.id || null);\n        }\n      }\n    },\n    [currentDashboard, setCurrentDashboard, activePageId, deletePageMutation]\n  );\n\n  // Handle reordering pages\n  const handlePagesReorder = useCallback(\n    async (reorderedPages: DashboardPage[]) => {\n      if (!currentDashboard || !dashboardId) return;\n\n      // Update local state optimistically\n      setCurrentDashboard({\n        ...currentDashboard,\n        pages: reorderedPages.map((page, index) => ({\n          ...page,\n          index,\n        })),\n      });\n\n      // Call GraphQL mutation to persist the reorder\n      const pageIds = reorderedPages.map((p) => p.id);\n      await reorderPagesMutation(dashboardId, pageIds);\n    },\n    [currentDashboard, dashboardId, setCurrentDashboard, reorderPagesMutation]\n  );\n\n  // Show loading state\n  if (dashboardLoading || !currentDashboard) {\n    return (\n      <div className=\"flex items-center justify-center h-full\">\n        <div className=\"animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  // Show error state\n  if (dashboardError) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full p-6\">\n        <div className=\"bg-status-error-bg border border-status-error-border rounded-lg p-4 max-w-md\">\n          <h3 className=\"text-sm font-medium text-status-error-text\">Failed to load dashboard</h3>\n          <p className=\"text-sm text-text-secondary mt-1\">{dashboardError.message}</p>\n          <button\n            type=\"button\"\n            onClick={() => navigate('/dashboards')}\n            className=\"mt-3 px-3 py-1.5 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md\"\n          >\n            Back to Dashboards\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Header / Toolbar */}\n      <div className=\"flex items-center gap-3 px-3 py-2 border-b border-border-default bg-bg-surface flex-shrink-0\">\n        <Button\n          onClick={handleBack}\n          variant=\"ghost\"\n          size=\"sm\"\n          title=\"Back to Dashboards\"\n          aria-label=\"Back to Dashboards\"\n        >\n          <ArrowLeft className=\"w-4 h-4 mr-2\" />\n          Back\n        </Button>\n        <h2 className=\"text-sm font-semibold text-text-primary truncate\">{currentDashboard.title}</h2>\n      </div>\n\n      {/* Builder Body */}\n      <div className=\"flex flex-1 min-h-0 relative\">\n        {/* Widget Panel (Left) */}\n        <div\n          className={`\n          ${isWidgetPanelOpen ? 'w-72' : 'w-0'}\n          flex-shrink-0\n          bg-bg-surface\n          border-r border-border-default\n          transition-all duration-300\n          overflow-hidden\n        `}\n        >\n          {isWidgetPanelOpen && (\n            <div className=\"h-full flex flex-col\">\n              <div className=\"flex items-center justify-between p-3 border-b border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">Widgets</h3>\n                <button\n                  type=\"button\"\n                  onClick={() => setIsWidgetPanelOpen(false)}\n                  className=\"\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-text-primary\n                  hover:bg-bg-muted\n                \"\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              </div>\n              <div className=\"flex-1 overflow-auto\">\n                <WidgetTypeSelector onSelect={handleQuickAddWidget} />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Toggle Widget Panel Button */}\n        {!isWidgetPanelOpen && (\n          <button\n            type=\"button\"\n            onClick={() => setIsWidgetPanelOpen(true)}\n            className=\"\n            absolute left-0 top-1/2 -translate-y-1/2 z-20\n            w-8 h-24\n            bg-bg-surface\n            border border-l-0 border-border-default\n            rounded-r-lg\n            flex items-center justify-center\n            text-text-secondary\n            hover:text-text-primary\n            hover:bg-bg-muted\n            transition-colors\n          \"\n            title=\"Open widget panel\"\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=\"M9 5l7 7-7 7\" />\n            </svg>\n          </button>\n        )}\n\n        {/* Main Canvas */}\n        <div className=\"flex-1 relative\">\n          <DashboardCanvas\n            dashboardId={currentDashboard.id}\n            pageId={activePageId || currentDashboard.pages?.[0]?.id}\n            title={currentDashboard.title}\n            onPaste={handlePaste}\n            onSave={handleSave}\n            isSaving={isSaving}\n            onExport={handleExport}\n            // Page tabs props\n            pages={currentDashboard.pages.map((page) => ({\n              id: page.id,\n              name: page.title || `Page ${(page.index ?? 0) + 1}`,\n              order: page.index ?? 0,\n            }))}\n            activePageId={activePageId || currentDashboard.pages?.[0]?.id}\n            onPageChange={handlePageChange}\n            onPageAdd={handlePageAdd}\n            onPageRename={handlePageRename}\n            onPageDuplicate={handlePageDuplicate}\n            onPageDelete={handlePageDelete}\n            onPagesReorder={handlePagesReorder}\n            showPageTabs={true}\n          />\n        </div>\n\n        {/* Export Dashboard Dialog */}\n        <ExportDashboardDialog\n          isOpen={isExportDialogOpen}\n          dashboardId={currentDashboard.id}\n          dashboardName={currentDashboard.title}\n          onClose={handleExportClose}\n        />\n      </div>\n    </div>\n  );\n});\n\nexport default DashboardBuilderPage;\n"],"mappings":"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"}
+{"version":3,"file":"DashboardBuilderPage.js","names":[],"sources":["../../../src/bigconsole/pages/DashboardBuilderPage.tsx"],"sourcesContent":["/**\n * DashboardBuilderPage\n *\n * Full dashboard builder experience with side panels.\n */\n\nimport { type FC, memo, useState, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useBigConsoleNavigate, useBigConsole } from '../context';\nimport { DashboardCanvas, ExportDashboardDialog } from '../components/dashboard';\nimport { WidgetTypeSelector } from '../components/widgets/WidgetTypeSelector';\nimport { useDashboardStore, useWidgetStore } from '../store';\nimport { useDashboardOperations, useWidgetOperations, usePageOperations, useWidgetCatalog } from '../hooks';\nimport type { WidgetType, Dashboard, DashboardPage } from '../types';\nimport { findNextAvailablePosition } from '../utils/widgetPositioning';\nimport { getWidgetDefinition } from '../components/widgets/WidgetRegistry';\n\n// Breadcrumb name registration helpers (get from shell at call time to avoid timing issues)\nfunction getBreadcrumbRegistry() {\n  try {\n    return (\n      window as unknown as {\n        __breadcrumbRegistry?: { register: (id: string, name: string) => void; unregister: (id: string) => void };\n      }\n    ).__breadcrumbRegistry;\n  } catch {\n    return undefined;\n  }\n}\n\nfunction registerBreadcrumbName(id: string, name: string) {\n  const registry = getBreadcrumbRegistry();\n  if (registry?.register) {\n    registry.register(id, name);\n  }\n}\n\nfunction unregisterBreadcrumbName(id: string) {\n  const registry = getBreadcrumbRegistry();\n  if (registry?.unregister) {\n    registry.unregister(id);\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DashboardBuilderPage: FC = memo(function DashboardBuilderPage() {\n  const { dashboardId } = useParams<{ dashboardId: string }>();\n  const navigate = useBigConsoleNavigate();\n  const { workspaceId, apiGatewayUrl, authToken } = useBigConsole();\n  // Built-in widget catalog from the backend (getWidgetTypes); falls back to the\n  // bundled registry while loading or if the supergraph hasn't adopted it yet.\n  const { definitions: widgetCatalog } = useWidgetCatalog({ workspaceId, apiGatewayUrl, authToken });\n  const [isWidgetPanelOpen, setIsWidgetPanelOpen] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [isExportDialogOpen, setIsExportDialogOpen] = useState(false);\n  const [activePageId, setActivePageId] = useState<string | null>(null);\n\n  // Dashboard operations from GraphQL\n  const {\n    fetchDashboard,\n    updateDashboard,\n    loading: dashboardLoading,\n    error: dashboardError,\n  } = useDashboardOperations();\n\n  // Widget operations from GraphQL\n  const {\n    createWidget: createWidgetMutation,\n    updateWidget: updateWidgetMutation,\n    deleteWidget: deleteWidgetMutation,\n    duplicateWidget: duplicateWidgetMutation,\n    batchUpdatePositions,\n  } = useWidgetOperations(undefined, dashboardId);\n\n  // Page operations from GraphQL\n  const {\n    createPage: createPageMutation,\n    updatePage: updatePageMutation,\n    deletePage: deletePageMutation,\n    reorderPages: reorderPagesMutation,\n  } = usePageOperations();\n\n  // Store actions\n  const setCurrentDashboard = useDashboardStore((state) => state.setCurrentDashboard);\n  const currentDashboard = useDashboardStore((state) => state.currentDashboard);\n  const setViewMode = useDashboardStore((state) => state.setViewMode);\n  const selectWidget = useWidgetStore((state) => state.selectWidget);\n  const widgets = useWidgetStore((state) => state.widgets);\n  const clipboardWidgetId = useWidgetStore((state) => state.clipboardWidgetId);\n  const clipboardAction = useWidgetStore((state) => state.clipboardAction);\n  const clearClipboard = useWidgetStore((state) => state.clearClipboard);\n\n  // Set edit mode on mount\n  useEffect(() => {\n    setViewMode('edit');\n    return () => setViewMode('view');\n  }, [setViewMode]);\n\n  // Load dashboard data from API\n  useEffect(() => {\n    if (!dashboardId) {\n      navigate('/dashboards');\n      return;\n    }\n\n    // Fetch dashboard from API\n    fetchDashboard(dashboardId).then((dashboard) => {\n      if (dashboard) {\n        setCurrentDashboard({\n          id: dashboard.id,\n          title: dashboard.name,\n          description: dashboard.description || '',\n          pages: dashboard.pages.map((page, index) => ({\n            id: page.id,\n            title: page.name || '',\n            index,\n            layoutConfig: page.layoutConfig || {},\n          })) as any,\n          createdAt: dashboard.createdAt,\n          updatedAt: dashboard.updatedAt,\n        } as unknown as Dashboard);\n        // Set active page to first page\n        if (dashboard.pages.length > 0 && !activePageId) {\n          setActivePageId(dashboard.pages[0].id);\n        }\n\n        // Register dashboard name for breadcrumb display\n        if (dashboard.name) {\n          registerBreadcrumbName(dashboardId, dashboard.name);\n        }\n      } else {\n        // Dashboard not found, redirect\n        navigate('/dashboards');\n      }\n    });\n\n    // Cleanup: unregister breadcrumb name on unmount\n    return () => {\n      if (dashboardId) {\n        unregisterBreadcrumbName(dashboardId);\n      }\n    };\n  }, [dashboardId, navigate, setCurrentDashboard, fetchDashboard, activePageId]);\n\n  // Handle paste widget from clipboard\n  const handlePaste = useCallback(async () => {\n    if (!clipboardWidgetId || !dashboardId || !currentDashboard?.pages?.[0]?.id) {\n      return;\n    }\n\n    const sourceWidget = widgets.get(clipboardWidgetId);\n    if (!sourceWidget) {\n      clearClipboard();\n      return;\n    }\n\n    const pageId = currentDashboard.pages[0].id;\n\n    // Use smart placement algorithm - horizontal first, then next row\n    const widgetsArray = Array.from(widgets.values());\n    const widgetSize = {\n      width: sourceWidget.positionWidth ?? 4,\n      height: sourceWidget.positionHeight ?? 4,\n    };\n\n    const { x, y } = findNextAvailablePosition(widgetsArray, widgetSize, { cols: 12 });\n\n    const newPosition = {\n      x,\n      y,\n      width: widgetSize.width,\n      height: widgetSize.height,\n    };\n\n    const newTitle = clipboardAction === 'copy' ? `${sourceWidget.title} (Copy)` : sourceWidget.title;\n\n    let newWidget = null;\n\n    // Try duplicateWidget API first\n    try {\n      newWidget = await duplicateWidgetMutation(clipboardWidgetId, newPosition, newTitle);\n    } catch (err) {}\n\n    // Fallback: Create new widget with source widget's data\n    if (!newWidget) {\n      newWidget = await createWidgetMutation({\n        pageId,\n        dashboardId,\n        type: sourceWidget.type,\n        title: newTitle,\n        description: sourceWidget.description,\n        // v2.0: Use dataSinkId and parserId instead of dataSourceId/dataPath\n        dataSinkId: sourceWidget.dataSinkId ?? undefined,\n        datasetId: sourceWidget.datasetId ?? undefined,\n        parserId: sourceWidget.parserId ?? undefined,\n        parserRules: sourceWidget.parserRules ?? undefined,\n        config: sourceWidget.config || {},\n        position: newPosition,\n        refreshInterval: sourceWidget.refreshInterval ?? undefined,\n        metadata: sourceWidget.metadata,\n      });\n    }\n\n    if (newWidget) {\n      selectWidget(newWidget.id);\n\n      // If cut action, delete the original widget from backend\n      if (clipboardAction === 'cut') {\n        await deleteWidgetMutation(clipboardWidgetId);\n      }\n    }\n\n    clearClipboard();\n  }, [\n    clipboardWidgetId,\n    clipboardAction,\n    dashboardId,\n    currentDashboard,\n    widgets,\n    duplicateWidgetMutation,\n    createWidgetMutation,\n    deleteWidgetMutation,\n    selectWidget,\n    clearClipboard,\n  ]);\n\n  // Handle quick add widget from panel\n  const handleQuickAddWidget = useCallback(\n    async (type: WidgetType) => {\n      if (!dashboardId || !currentDashboard?.pages?.[0]?.id) return;\n\n      const pageId = currentDashboard.pages[0].id;\n      const title = type\n        .replace(/_/g, ' ')\n        .toLowerCase()\n        .replace(/^\\w/, (c) => c.toUpperCase());\n\n      // Use smart placement algorithm - horizontal first, then next row.\n      // Prefer the backend-sourced catalog entry; fall back to the static registry.\n      const widgetsArray = Array.from(widgets.values());\n      const definition = widgetCatalog.find((d) => d.type === type) ?? getWidgetDefinition(type);\n      const widgetSize = {\n        width: definition?.defaultSize?.width ?? 4,\n        height: definition?.defaultSize?.height ?? 4,\n      };\n\n      const { x, y } = findNextAvailablePosition(widgetsArray, widgetSize, { cols: 12 });\n\n      // Create widget via API\n      const newWidget = await createWidgetMutation({\n        pageId,\n        dashboardId,\n        type,\n        title,\n        config: {},\n        position: {\n          x,\n          y,\n          width: widgetSize.width,\n          height: widgetSize.height,\n        },\n      });\n\n      if (newWidget) {\n        selectWidget(newWidget.id);\n        setIsWidgetPanelOpen(false);\n      }\n    },\n    [dashboardId, currentDashboard, createWidgetMutation, selectWidget, widgets, widgetCatalog]\n  );\n\n  // Navigate back to the dashboards list\n  const handleBack = useCallback(() => {\n    navigate('/dashboards');\n  }, [navigate]);\n\n  // Handle save - save dirty widgets and batch update positions\n  const handleSave = useCallback(async () => {\n    if (!dashboardId) return;\n\n    setIsSaving(true);\n    try {\n      // Get the LATEST state directly from store (avoid stale closure)\n      const storeState = useWidgetStore.getState();\n      const currentWidgets = Array.from(storeState.widgets.values());\n      const currentDirtyIds = storeState.dirtyWidgetIds;\n\n      // Debug: Log dirty widget IDs\n\n      // 1. Save dirty widgets (property changes like title, config, etc.)\n      const dirtyWidgets = currentWidgets.filter((w) => currentDirtyIds.has(w.id));\n\n      if (dirtyWidgets.length > 0) {\n        // Save each dirty widget\n        const updatePromises = dirtyWidgets.map(async (widget) => {\n          const updateInput = {\n            id: widget.id,\n            title: widget.title,\n            config: widget.config,\n            refreshInterval: widget.refreshInterval ?? undefined,\n            // v2.0: Use dataSinkId and parserId instead of dataSourceId/dataPath\n            dataSinkId: widget.dataSinkId ?? undefined,\n            datasetId: widget.datasetId ?? undefined,\n            parserId: widget.parserId ?? undefined,\n            parserRules: widget.parserRules ?? undefined,\n          };\n\n          try {\n            const result = await updateWidgetMutation(updateInput);\n            return result;\n          } catch (err) {\n            throw err;\n          }\n        });\n\n        const results = await Promise.all(updatePromises);\n\n        // Clear dirty flags after successful save\n        storeState.clearAllDirty();\n      } else {\n      }\n\n      // 2. Batch update widget positions\n      if (currentWidgets.length > 0) {\n        const positionUpdates = currentWidgets.map((widget) => ({\n          id: widget.id,\n          position: widget.position || {\n            x: widget.positionX ?? 0,\n            y: widget.positionY ?? 0,\n            width: widget.positionWidth ?? 4,\n            height: widget.positionHeight ?? 4,\n          },\n        }));\n\n        await batchUpdatePositions(positionUpdates);\n      }\n\n      // 3. Update dashboard metadata if needed\n      if (currentDashboard) {\n        await updateDashboard({\n          id: dashboardId,\n          name: currentDashboard.title,\n          description: currentDashboard.description,\n        });\n      }\n    } catch (error) {\n    } finally {\n      setIsSaving(false);\n    }\n  }, [dashboardId, currentDashboard, updateWidgetMutation, batchUpdatePositions, updateDashboard]);\n\n  // Handle export\n  const handleExport = useCallback(() => {\n    setIsExportDialogOpen(true);\n  }, []);\n\n  const handleExportClose = useCallback(() => {\n    setIsExportDialogOpen(false);\n  }, []);\n\n  // ============================================================================\n  // Page Management Callbacks\n  // ============================================================================\n\n  // Handle page selection\n  const handlePageChange = useCallback((pageId: string) => {\n    setActivePageId(pageId);\n  }, []);\n\n  // Handle adding a new page\n  const handlePageAdd = useCallback(async () => {\n    if (!currentDashboard || !dashboardId) return;\n\n    const newPageCount = currentDashboard.pages.length + 1;\n    const newPageName = `Page ${newPageCount}`;\n\n    // Call GraphQL mutation to create page\n    // Note: 'order' is not available for create - backend auto-assigns order\n    const newPage = await createPageMutation({\n      dashboardId,\n      name: newPageName,\n    });\n\n    if (newPage) {\n      // Update local state with the created page\n      setCurrentDashboard({\n        ...currentDashboard,\n        pages: [\n          ...currentDashboard.pages,\n          {\n            id: newPage.id,\n            title: newPage.name,\n            index: newPage.order,\n            layoutConfig: newPage.layoutConfig || {},\n          },\n        ],\n      });\n\n      // Switch to the new page\n      setActivePageId(newPage.id);\n    }\n  }, [currentDashboard, dashboardId, setCurrentDashboard, createPageMutation]);\n\n  // Handle renaming a page\n  const handlePageRename = useCallback(\n    async (pageId: string, newName: string) => {\n      if (!currentDashboard) return;\n\n      // Call GraphQL mutation to update page\n      const updatedPage = await updatePageMutation({\n        id: pageId,\n        name: newName,\n      });\n\n      if (updatedPage) {\n        setCurrentDashboard({\n          ...currentDashboard,\n          pages: currentDashboard.pages.map((page) => (page.id === pageId ? { ...page, title: newName } : page)),\n        });\n      }\n    },\n    [currentDashboard, setCurrentDashboard, updatePageMutation]\n  );\n\n  // Handle duplicating a page\n  const handlePageDuplicate = useCallback(\n    async (pageId: string) => {\n      if (!currentDashboard || !dashboardId) return;\n\n      const sourcePage = currentDashboard.pages.find((p) => p.id === pageId);\n      if (!sourcePage) return;\n\n      // Call GraphQL mutation to create a copy of the page\n      // Note: 'order' is not available for create - backend auto-assigns order\n      // Note: 'layout' should be PageLayout enum ('GRID', 'FLEX', 'FREEFORM'), not layoutConfig object\n      const newPage = await createPageMutation({\n        dashboardId,\n        name: `${sourcePage.title} (Copy)`,\n      });\n\n      if (newPage) {\n        setCurrentDashboard({\n          ...currentDashboard,\n          pages: [\n            ...currentDashboard.pages,\n            {\n              id: newPage.id,\n              title: newPage.name,\n              index: newPage.order,\n              layoutConfig: newPage.layoutConfig || {},\n            },\n          ],\n        });\n\n        setActivePageId(newPage.id);\n      }\n    },\n    [currentDashboard, dashboardId, setCurrentDashboard, createPageMutation]\n  );\n\n  // Handle deleting a page\n  const handlePageDelete = useCallback(\n    async (pageId: string) => {\n      if (!currentDashboard || currentDashboard.pages.length <= 1) return;\n\n      // Call GraphQL mutation to delete page\n      const success = await deletePageMutation(pageId);\n\n      if (success) {\n        const updatedPages = currentDashboard.pages.filter((p) => p.id !== pageId).map((p, index) => ({ ...p, index }));\n\n        setCurrentDashboard({\n          ...currentDashboard,\n          pages: updatedPages,\n        });\n\n        // Switch to first page if current page was deleted\n        if (activePageId === pageId) {\n          setActivePageId(updatedPages[0]?.id || null);\n        }\n      }\n    },\n    [currentDashboard, setCurrentDashboard, activePageId, deletePageMutation]\n  );\n\n  // Handle reordering pages\n  const handlePagesReorder = useCallback(\n    async (reorderedPages: DashboardPage[]) => {\n      if (!currentDashboard || !dashboardId) return;\n\n      // Update local state optimistically\n      setCurrentDashboard({\n        ...currentDashboard,\n        pages: reorderedPages.map((page, index) => ({\n          ...page,\n          index,\n        })),\n      });\n\n      // Call GraphQL mutation to persist the reorder\n      const pageIds = reorderedPages.map((p) => p.id);\n      await reorderPagesMutation(dashboardId, pageIds);\n    },\n    [currentDashboard, dashboardId, setCurrentDashboard, reorderPagesMutation]\n  );\n\n  // Show loading state\n  if (dashboardLoading || !currentDashboard) {\n    return (\n      <div className=\"flex items-center justify-center h-full\">\n        <div className=\"animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  // Show error state\n  if (dashboardError) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full p-6\">\n        <div className=\"bg-status-error-bg border border-status-error-border rounded-lg p-4 max-w-md\">\n          <h3 className=\"text-sm font-medium text-status-error-text\">Failed to load dashboard</h3>\n          <p className=\"text-sm text-text-secondary mt-1\">{dashboardError.message}</p>\n          <button\n            type=\"button\"\n            onClick={() => navigate('/dashboards')}\n            className=\"mt-3 px-3 py-1.5 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md\"\n          >\n            Back to Dashboards\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Header / Toolbar */}\n      <div className=\"flex items-center gap-3 px-3 py-2 border-b border-border-default bg-bg-surface flex-shrink-0\">\n        <Button\n          onClick={handleBack}\n          variant=\"ghost\"\n          size=\"sm\"\n          title=\"Back to Dashboards\"\n          aria-label=\"Back to Dashboards\"\n        >\n          <ArrowLeft className=\"w-4 h-4 mr-2\" />\n          Back\n        </Button>\n        <h2 className=\"text-sm font-semibold text-text-primary truncate\">{currentDashboard.title}</h2>\n      </div>\n\n      {/* Builder Body */}\n      <div className=\"flex flex-1 min-h-0 relative\">\n        {/* Widget Panel (Left) */}\n        <div\n          className={`\n          ${isWidgetPanelOpen ? 'w-72' : 'w-0'}\n          flex-shrink-0\n          bg-bg-surface\n          border-r border-border-default\n          transition-all duration-300\n          overflow-hidden\n        `}\n        >\n          {isWidgetPanelOpen && (\n            <div className=\"h-full flex flex-col\">\n              <div className=\"flex items-center justify-between p-3 border-b border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">Widgets</h3>\n                <button\n                  type=\"button\"\n                  onClick={() => setIsWidgetPanelOpen(false)}\n                  className=\"\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-text-primary\n                  hover:bg-bg-muted\n                \"\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              </div>\n              <div className=\"flex-1 overflow-auto\">\n                <WidgetTypeSelector onSelect={handleQuickAddWidget} definitions={widgetCatalog} />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Toggle Widget Panel Button */}\n        {!isWidgetPanelOpen && (\n          <button\n            type=\"button\"\n            onClick={() => setIsWidgetPanelOpen(true)}\n            className=\"\n            absolute left-0 top-1/2 -translate-y-1/2 z-20\n            w-8 h-24\n            bg-bg-surface\n            border border-l-0 border-border-default\n            rounded-r-lg\n            flex items-center justify-center\n            text-text-secondary\n            hover:text-text-primary\n            hover:bg-bg-muted\n            transition-colors\n          \"\n            title=\"Open widget panel\"\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=\"M9 5l7 7-7 7\" />\n            </svg>\n          </button>\n        )}\n\n        {/* Main Canvas */}\n        <div className=\"flex-1 relative\">\n          <DashboardCanvas\n            dashboardId={currentDashboard.id}\n            pageId={activePageId || currentDashboard.pages?.[0]?.id}\n            title={currentDashboard.title}\n            onPaste={handlePaste}\n            onSave={handleSave}\n            isSaving={isSaving}\n            onExport={handleExport}\n            // Page tabs props\n            pages={currentDashboard.pages.map((page) => ({\n              id: page.id,\n              name: page.title || `Page ${(page.index ?? 0) + 1}`,\n              order: page.index ?? 0,\n            }))}\n            activePageId={activePageId || currentDashboard.pages?.[0]?.id}\n            onPageChange={handlePageChange}\n            onPageAdd={handlePageAdd}\n            onPageRename={handlePageRename}\n            onPageDuplicate={handlePageDuplicate}\n            onPageDelete={handlePageDelete}\n            onPagesReorder={handlePagesReorder}\n            showPageTabs={true}\n          />\n        </div>\n\n        {/* Export Dashboard Dialog */}\n        <ExportDashboardDialog\n          isOpen={isExportDialogOpen}\n          dashboardId={currentDashboard.id}\n          dashboardName={currentDashboard.title}\n          onClose={handleExportClose}\n        />\n      </div>\n    </div>\n  );\n});\n\nexport default DashboardBuilderPage;\n"],"mappings":"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"}

package/dist/generated/wspace-operations.js

@@ -1813,14 +1813,14 @@ var wt = e`
     ...WidgetActionFields
   }
 }
-    ${k}`;
-e`
+    ${k}`, Et = e`
     query GetWidgetTypes {
   getWidgetTypes {
     ...WidgetTypeInfoFields
   }
 }
-    ${N}`, e`
+    ${N}`;
+e`
     query GetWidgetWithData($id: ID!) {
   getWidget(id: $id) {
     ...WidgetCoreFields
@@ -1839,7 +1839,7 @@ e`
 ${E}
 ${D}
 ${O}`;
-var Et = e`
+var $ = e`
     query ListEventLogs($dashboardId: ID, $widgetId: ID, $eventName: String, $status: EventStatus, $first: Int, $after: String) {
   listEventLogs(
     dashboardId: $dashboardId
@@ -1862,7 +1862,7 @@ var Et = e`
   }
 }
     ${S}
-${w}`, $ = e`
+${w}`, Dt = e`
     query ListEventWebhookMappings($dashboardId: ID, $widgetId: ID, $isActive: Boolean) {
   listEventWebhookMappings(
     dashboardId: $dashboardId
@@ -1890,13 +1890,13 @@ e`
 }
     ${M}
 ${w}`;
-var Dt = e`
+var Ot = e`
     query ListWidgetsByDashboard($dashboardId: ID!, $type: WidgetType) {
   listWidgetsByDashboard(dashboardId: $dashboardId, type: $type) {
     ...WidgetListFields
   }
 }
-    ${j}`, Ot = e`
+    ${j}`, kt = e`
     query ListWidgetsForPage($pageId: ID!, $type: WidgetType) {
   listWidgets(pageId: $pageId, type: $type, first: 100) {
     edges {
@@ -1907,29 +1907,29 @@ var Dt = e`
     totalCount
   }
 }
-    ${j}`, kt = e`
+    ${j}`, At = e`
     mutation CreateWorkflow($input: CreateWorkflowInput!) {
   createWorkflow(input: $input) {
     ...WorkflowFullFields
   }
 }
-    ${I}`, At = e`
+    ${I}`, jt = e`
     mutation DeleteWorkflow($id: ID!) {
   deleteWorkflow(id: $id)
 }
-    `, jt = e`
+    `, Mt = e`
     mutation ExecuteWorkflow($id: ID!, $triggerData: JSON) {
   executeWorkflow(id: $id, triggerData: $triggerData) {
     ...WorkflowFullFields
   }
 }
-    ${I}`, Mt = e`
+    ${I}`, Nt = e`
     mutation LinkDataSinkToWorkflow($workflowId: ID!, $input: LinkDataSinkInput!) {
   linkDataSinkToWorkflow(workflowId: $workflowId, input: $input) {
     ...DataSinkWorkflowLinkFields
   }
 }
-    ${F}`, Nt = e`
+    ${F}`, Pt = e`
     mutation UnlinkDataSinkFromWorkflow($workflowId: ID!, $dataSinkId: ID!) {
   unlinkDataSinkFromWorkflow(workflowId: $workflowId, dataSinkId: $dataSinkId)
 }
@@ -1941,25 +1941,25 @@ e`
   }
 }
     ${F}`;
-var Pt = e`
+var Ft = e`
     mutation UpdateWorkflow($id: ID!, $input: UpdateWorkflowInput!, $version: Int!) {
   updateWorkflow(id: $id, input: $input, version: $version) {
     ...WorkflowFullFields
   }
 }
-    ${I}`, Ft = e`
+    ${I}`, It = e`
     query GetWorkflow($id: ID!) {
   workflow(id: $id) {
     ...WorkflowFullFields
   }
 }
-    ${I}`, It = e`
+    ${I}`, Lt = e`
     query GetWorkflowByKey($key: String!) {
   workflowByKey(key: $key) {
     ...WorkflowFullFields
   }
 }
-    ${I}`, Lt = e`
+    ${I}`, Rt = e`
     query ListWorkflows($filter: FluidGridsWorkflowFilterInput) {
   workflows(filter: $filter) {
     ...WorkflowListItem
@@ -1967,6 +1967,6 @@ var Pt = e`
 }
     ${L}`;
 //#endregion
-export { z as ArchiveTemplateDocument, Ae as BatchCreateDataSinksDocument, je as BatchDeleteDataSinksDocument, it as BatchUpdateWidgetPositionsDocument, B as CloneDashboardDocument, V as CreateDashboardDocument, H as CreateDashboardPageDocument, U as CreateDashboardViewDocument, Me as CreateDataSinkDocument, at as CreateEventWebhookMappingDocument, W as CreateGlobalFilterDocument, He as CreateParserDocument, Ye as CreatePipelineDocument, G as CreateTemplateDocument, st as CreateWidgetActionDocument, ot as CreateWidgetDocument, ct as CreateWidgetDrilldownDocument, kt as CreateWorkflowDocument, Be as DataSinkDataUpdatedDocument, Ve as DataSinkUpdatedDocument, K as DeleteDashboardDocument, q as DeleteDashboardPageDocument, J as DeleteDashboardViewDocument, Ne as DeleteDataSinkDocument, lt as DeleteEventWebhookMappingDocument, Y as DeleteGlobalFilterDocument, Ue as DeleteParserDocument, Xe as DeletePipelineDocument, X as DeleteTemplateDocument, dt as DeleteWidgetActionDocument, ut as DeleteWidgetDocument, ft as DeleteWidgetDrilldownDocument, At as DeleteWorkflowDocument, Z as DeprecateTemplateDocument, pt as DuplicateWidgetDocument, mt as EmitWidgetEventDocument, We as ExecuteParserDocument, Ze as ExecutePipelineDocument, jt as ExecuteWorkflowDocument, _e as ExportDashboardDocument, ve as GetDashboardDocument, ye as GetDashboardViewDocument, Re as GetDataSinkDataDocument, Le as GetDataSinkDocument, be as GetDefaultDashboardViewDocument, Ke as GetParserDocument, et as GetPipelineDocument, tt as GetPipelineExecutionDocument, xe as GetTemplateDocument, Tt as GetWidgetActionsDocument, wt as GetWidgetDocument, It as GetWorkflowByKeyDocument, Ft as GetWorkflowDocument, Q as ImportDashboardDocument, ne as InstantiateTemplateDocument, Pe as InvalidateDataSinkCacheDocument, Mt as LinkDataSinkToWorkflowDocument, Se as ListDashboardSharesDocument, Ce as ListDashboardViewsDocument, we as ListDashboardsDocument, ze as ListDataSinksDocument, Et as ListEventLogsDocument, $ as ListEventWebhookMappingsDocument, Te as ListFeaturedTemplatesDocument, qe as ListParsersDocument, nt as ListPipelineExecutionsDocument, rt as ListPipelinesDocument, Ee as ListSharedWithMeDocument, De as ListTemplatesDocument, Dt as ListWidgetsByDashboardDocument, Ot as ListWidgetsForPageDocument, Lt as ListWorkflowsDocument, re as PublishTemplateDocument, ie as RateTemplateDocument, Fe as RefreshDataSinkDocument, ht as RefreshWidgetDataDocument, ae as ReorderDashboardPagesDocument, oe as ReorderGlobalFiltersDocument, gt as ReorderWidgetActionsDocument, _t as RetryEventDeliveryDocument, se as RevokeAllSharesDocument, ce as RevokeDashboardShareDocument, Oe as SearchTemplatesDocument, le as SetDefaultViewDocument, ue as ShareDashboardDocument, Je as TestParserExpressionDocument, Qe as TestPipelineDocument, vt as TestWebhookMappingDocument, yt as ToggleEventWebhookMappingDocument, Nt as UnlinkDataSinkFromWorkflowDocument, de as UpdateDashboardDocument, fe as UpdateDashboardPageDocument, pe as UpdateDashboardShareDocument, me as UpdateDashboardViewDocument, Ie as UpdateDataSinkDocument, bt as UpdateEventWebhookMappingDocument, he as UpdateGlobalFilterDocument, Ge as UpdateParserDocument, $e as UpdatePipelineDocument, ge as UpdateTemplateDocument, St as UpdateWidgetActionDocument, xt as UpdateWidgetDocument, Ct as UpdateWidgetDrilldownDocument, Pt as UpdateWorkflowDocument, ke as ValidateDashboardImportDocument, R as WorkspaceInstalledAppsDocument };
+export { z as ArchiveTemplateDocument, Ae as BatchCreateDataSinksDocument, je as BatchDeleteDataSinksDocument, it as BatchUpdateWidgetPositionsDocument, B as CloneDashboardDocument, V as CreateDashboardDocument, H as CreateDashboardPageDocument, U as CreateDashboardViewDocument, Me as CreateDataSinkDocument, at as CreateEventWebhookMappingDocument, W as CreateGlobalFilterDocument, He as CreateParserDocument, Ye as CreatePipelineDocument, G as CreateTemplateDocument, st as CreateWidgetActionDocument, ot as CreateWidgetDocument, ct as CreateWidgetDrilldownDocument, At as CreateWorkflowDocument, Be as DataSinkDataUpdatedDocument, Ve as DataSinkUpdatedDocument, K as DeleteDashboardDocument, q as DeleteDashboardPageDocument, J as DeleteDashboardViewDocument, Ne as DeleteDataSinkDocument, lt as DeleteEventWebhookMappingDocument, Y as DeleteGlobalFilterDocument, Ue as DeleteParserDocument, Xe as DeletePipelineDocument, X as DeleteTemplateDocument, dt as DeleteWidgetActionDocument, ut as DeleteWidgetDocument, ft as DeleteWidgetDrilldownDocument, jt as DeleteWorkflowDocument, Z as DeprecateTemplateDocument, pt as DuplicateWidgetDocument, mt as EmitWidgetEventDocument, We as ExecuteParserDocument, Ze as ExecutePipelineDocument, Mt as ExecuteWorkflowDocument, _e as ExportDashboardDocument, ve as GetDashboardDocument, ye as GetDashboardViewDocument, Re as GetDataSinkDataDocument, Le as GetDataSinkDocument, be as GetDefaultDashboardViewDocument, Ke as GetParserDocument, et as GetPipelineDocument, tt as GetPipelineExecutionDocument, xe as GetTemplateDocument, Tt as GetWidgetActionsDocument, wt as GetWidgetDocument, Et as GetWidgetTypesDocument, Lt as GetWorkflowByKeyDocument, It as GetWorkflowDocument, Q as ImportDashboardDocument, ne as InstantiateTemplateDocument, Pe as InvalidateDataSinkCacheDocument, Nt as LinkDataSinkToWorkflowDocument, Se as ListDashboardSharesDocument, Ce as ListDashboardViewsDocument, we as ListDashboardsDocument, ze as ListDataSinksDocument, $ as ListEventLogsDocument, Dt as ListEventWebhookMappingsDocument, Te as ListFeaturedTemplatesDocument, qe as ListParsersDocument, nt as ListPipelineExecutionsDocument, rt as ListPipelinesDocument, Ee as ListSharedWithMeDocument, De as ListTemplatesDocument, Ot as ListWidgetsByDashboardDocument, kt as ListWidgetsForPageDocument, Rt as ListWorkflowsDocument, re as PublishTemplateDocument, ie as RateTemplateDocument, Fe as RefreshDataSinkDocument, ht as RefreshWidgetDataDocument, ae as ReorderDashboardPagesDocument, oe as ReorderGlobalFiltersDocument, gt as ReorderWidgetActionsDocument, _t as RetryEventDeliveryDocument, se as RevokeAllSharesDocument, ce as RevokeDashboardShareDocument, Oe as SearchTemplatesDocument, le as SetDefaultViewDocument, ue as ShareDashboardDocument, Je as TestParserExpressionDocument, Qe as TestPipelineDocument, vt as TestWebhookMappingDocument, yt as ToggleEventWebhookMappingDocument, Pt as UnlinkDataSinkFromWorkflowDocument, de as UpdateDashboardDocument, fe as UpdateDashboardPageDocument, pe as UpdateDashboardShareDocument, me as UpdateDashboardViewDocument, Ie as UpdateDataSinkDocument, bt as UpdateEventWebhookMappingDocument, he as UpdateGlobalFilterDocument, Ge as UpdateParserDocument, $e as UpdatePipelineDocument, ge as UpdateTemplateDocument, St as UpdateWidgetActionDocument, xt as UpdateWidgetDocument, Ct as UpdateWidgetDrilldownDocument, Ft as UpdateWorkflowDocument, ke as ValidateDashboardImportDocument, R as WorkspaceInstalledAppsDocument };
 
 //# sourceMappingURL=wspace-operations.js.map