@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/pages/AnalyticsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../src/pages/AnalyticsPage.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '../constants/permissions';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { PageHeader } from '@/components/shared';\nimport {\n  AnalyticsBreakdownChart,\n  AnalyticsBreakdownTable,\n  AnalyticsEntityTabs,\n  AnalyticsFilterBar,\n  AnalyticsKpiGrid,\n  AnalyticsTimeSeriesChart,\n  SandboxAnalyticsSection,\n  getAnalyticsTabConfig,\n  getDateRange,\n} from '@/components/analytics';\nimport type { EntityTab, Granularity, TimeRange } from '@/components/analytics';\nimport { useVibecontrolsAnalyticsQuery } from '@/generated/wspace-operations';\nimport { useVibeControls, useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useQueryBackedTab } from '@/hooks/useQueryBackedTab';\n\nconst ANALYTICS_TABS: readonly EntityTab[] = [\n  'overview',\n  'agents',\n  'sessions',\n  'sandbox',\n  'vibes',\n  'actions',\n  'vibedecks',\n  'aievents',\n  'audit',\n  'docs',\n];\n\nconst ANALYTICS_SERIES_COLORS = {\n  primary: 'var(--color-text-link)',\n  success: 'var(--color-status-success-text)',\n  accent: 'var(--color-accent-purple)',\n  warning: 'var(--color-status-warning-text)',\n} as const;\n\nexport function AnalyticsPage() {\n  const { workspaceId } = useVibeControls();\n  const { t } = useI18n();\n  const navigate = useVibeNavigate();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const [timeRange, setTimeRange] = useState<TimeRange>('LAST_7D');\n  const [granularity, setGranularity] = useState<Granularity>('DAY');\n  const [activeTab, setActiveTab] = useQueryBackedTab<EntityTab>(ANALYTICS_TABS, 'overview');\n\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const { startDate, endDate } = useMemo(() => getDateRange(timeRange), [timeRange]);\n  const activeTabConfig = useMemo(() => getAnalyticsTabConfig(activeTab), [activeTab]);\n\n  const { data, loading, error, refetch } = useVibecontrolsAnalyticsQuery({\n    variables: {\n      input: {\n        startDate: startDate.toISOString(),\n        endDate: endDate.toISOString(),\n        granularity,\n        entityTypes: activeTabConfig.entityTypes,\n      },\n    },\n    fetchPolicy: 'cache-first',\n    nextFetchPolicy: 'cache-first',\n    notifyOnNetworkStatusChange: true,\n    skip: !workspaceId,\n  });\n\n  const analytics = data?.vibecontrolsAnalytics;\n\n  const handleRefresh = useCallback(() => {\n    void refetch();\n  }, [refetch]);\n\n  const handleCardClick = useCallback(\n    (href: string) => {\n      navigate(href);\n    },\n    [navigate]\n  );\n\n  if (permissionsLoading)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <p className=\"text-text-secondary\">Loading permissions...</p>\n      </div>\n    );\n  if (!hasPermission(VIBE_PERMISSIONS.ANALYTICS_READ))\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold text-foreground\">Access Denied</h2>\n          <p className=\"text-sm text-text-secondary\">\n            You don't have permission to access this page.\n          </p>\n        </div>\n      </div>\n    );\n\n  if (!workspaceId) {\n    return (\n      <MotionPage className=\"min-h-screen space-y-6 bg-bg-surface p-4 sm:p-6\">\n        <PageHeader title={tr('nav.analytics', 'Analytics')} />\n        <div className=\"text-sm text-text-secondary\">Waiting for workspace context…</div>\n      </MotionPage>\n    );\n  }\n\n  if (error && !analytics) {\n    return (\n      <MotionPage className=\"min-h-screen space-y-6 bg-bg-surface p-4 sm:p-6\">\n        <PageHeader title={tr('nav.analytics', 'Analytics')} />\n        <div className=\"space-y-3 rounded-lg border border-status-error-border bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n          <p>Failed to load analytics: {error.message}</p>\n          <button\n            type=\"button\"\n            onClick={handleRefresh}\n            className=\"rounded-md bg-status-error-bg/20 px-3 py-1.5 text-xs font-medium transition-colors hover:bg-status-error-bg/30\"\n          >\n            Retry\n          </button>\n        </div>\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"min-h-screen space-y-4 bg-bg-surface p-4 sm:p-6\">\n      <PageHeader title={tr('nav.analytics', 'Analytics')} />\n\n      <AnalyticsFilterBar\n        timeRange={timeRange}\n        granularity={granularity}\n        onTimeRangeChange={setTimeRange}\n        onGranularityChange={setGranularity}\n        onRefresh={handleRefresh}\n        loading={loading}\n        executionTimeMs={analytics?.executionTimeMs}\n        cached={analytics?.cached}\n      />\n\n      <AnalyticsEntityTabs activeTab={activeTab} onTabChange={setActiveTab} />\n\n      <section\n        id={`analytics-panel-${activeTab}`}\n        role=\"tabpanel\"\n        aria-labelledby={`analytics-tab-${activeTab}`}\n        className=\"space-y-4\"\n      >\n        {activeTab === 'overview' ? (\n          <div className=\"space-y-4\">\n            <AnalyticsKpiGrid data={analytics} loading={loading} onCardClick={handleCardClick} />\n\n            <AnalyticsTimeSeriesChart\n              title=\"Activity Over Time\"\n              datasets={[\n                {\n                  label: 'Sessions',\n                  data: analytics?.sessions?.createdOverTime,\n                  color: ANALYTICS_SERIES_COLORS.primary,\n                },\n                {\n                  label: 'Executions',\n                  data: analytics?.actions?.executionsOverTime,\n                  color: ANALYTICS_SERIES_COLORS.success,\n                },\n                {\n                  label: 'AI Events',\n                  data: analytics?.aiEvents?.eventsOverTime,\n                  color: ANALYTICS_SERIES_COLORS.accent,\n                },\n                {\n                  label: 'Audit Logs',\n                  data: analytics?.audit?.eventsOverTime,\n                  color: ANALYTICS_SERIES_COLORS.warning,\n                },\n              ]}\n            />\n\n            <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n              <AnalyticsBreakdownChart\n                title=\"Sessions by Status\"\n                data={analytics?.sessions?.byStatus}\n              />\n              <AnalyticsBreakdownChart title=\"Vibes by Status\" data={analytics?.vibes?.byStatus} />\n            </div>\n          </div>\n        ) : null}\n\n        {activeTab === 'agents' && analytics?.agents ? (\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n              <KpiCard label=\"Total\" value={analytics.agents.total} />\n              <KpiCard label=\"Active\" value={analytics.agents.active} variant=\"success\" />\n              <KpiCard label=\"Inactive\" value={analytics.agents.inactive} variant=\"warning\" />\n              <KpiCard\n                label=\"Stale Heartbeat\"\n                value={analytics.agents.staleHeartbeatCount}\n                variant=\"error\"\n              />\n            </div>\n\n            <AnalyticsTimeSeriesChart\n              title=\"Agents Created Over Time\"\n              datasets={[\n                {\n                  label: 'Agents',\n                  data: analytics.agents.createdOverTime,\n                  color: ANALYTICS_SERIES_COLORS.primary,\n                },\n              ]}\n              height={250}\n            />\n\n            <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n              <AnalyticsBreakdownTable\n                title=\"By Platform\"\n                data={analytics.agents.byPlatform}\n                keyLabel=\"Platform\"\n              />\n              <AnalyticsBreakdownTable\n                title=\"By Architecture\"\n                data={analytics.agents.byArchitecture}\n                keyLabel=\"Architecture\"\n              />\n            </div>\n          </div>\n        ) : null}\n\n        {activeTab === 'sessions' && analytics?.sessions ? (\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n              <KpiCard label=\"Total\" value={analytics.sessions.total} />\n              <KpiCard label=\"Running\" value={analytics.sessions.active} variant=\"success\" />\n              <KpiCard label=\"Collaborators\" value={analytics.sessions.totalCollaborators} />\n              <KpiCard\n                label=\"Shares\"\n                value={analytics.sessions.totalShares + analytics.sessions.totalShareLinks}\n              />\n            </div>\n\n            {analytics.sessions.avgDurationMs != null ? (\n              <div className=\"text-sm text-text-secondary\">\n                Average duration:{' '}\n                <span className=\"font-medium text-text-primary\">\n                  {formatDuration(analytics.sessions.avgDurationMs)}\n                </span>\n              </div>\n            ) : null}\n\n            <AnalyticsTimeSeriesChart\n              title=\"Sessions Created Over Time\"\n              datasets={[\n                {\n                  label: 'Sessions',\n                  data: analytics.sessions.createdOverTime,\n                  color: ANALYTICS_SERIES_COLORS.primary,\n                },\n              ]}\n              height={250}\n            />\n\n            <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n              <AnalyticsBreakdownChart title=\"Sessions by Type\" data={analytics.sessions.byType} />\n              <AnalyticsBreakdownTable\n                title=\"Sessions by Status\"\n                data={analytics.sessions.byStatus}\n                keyLabel=\"Status\"\n              />\n            </div>\n          </div>\n        ) : null}\n\n        {activeTab === 'sandbox' ? <SandboxAnalyticsSection /> : null}\n\n        {activeTab === 'vibes' && analytics?.vibes ? (\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n              <KpiCard label=\"Total\" value={analytics.vibes.total} />\n              <KpiCard label=\"With Agent\" value={analytics.vibes.withAgent} variant=\"success\" />\n              <KpiCard label=\"Without Agent\" value={analytics.vibes.withoutAgent} />\n            </div>\n\n            <AnalyticsTimeSeriesChart\n              title=\"Vibes Created Over Time\"\n              datasets={[\n                {\n                  label: 'Vibes',\n                  data: analytics.vibes.createdOverTime,\n                  color: ANALYTICS_SERIES_COLORS.accent,\n                },\n              ]}\n              height={250}\n            />\n\n            <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n              <AnalyticsBreakdownChart title=\"Vibes by Type\" data={analytics.vibes.byType} />\n              <AnalyticsBreakdownChart title=\"Vibes by Status\" data={analytics.vibes.byStatus} />\n            </div>\n          </div>\n        ) : null}\n\n        {activeTab === 'actions' && analytics?.actions ? (\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n              <KpiCard label=\"Total Actions\" value={analytics.actions.total} />\n              <KpiCard label=\"Executions\" value={analytics.actions.totalExecutions} />\n              <KpiCard\n                label=\"Success Rate\"\n                value={\n                  analytics.actions.successRate != null\n                    ? `${analytics.actions.successRate.toFixed(1)}%`\n                    : 'N/A'\n                }\n                variant={\n                  analytics.actions.successRate != null && analytics.actions.successRate >= 90\n                    ? 'success'\n                    : 'warning'\n                }\n              />\n              <KpiCard\n                label=\"Avg Duration\"\n                value={\n                  analytics.actions.avgDurationMs != null\n                    ? formatDuration(analytics.actions.avgDurationMs)\n                    : 'N/A'\n                }\n              />\n            </div>\n\n            <AnalyticsTimeSeriesChart\n              title=\"Executions Over Time\"\n              datasets={[\n                {\n                  label: 'Executions',\n                  data: analytics.actions.executionsOverTime,\n                  color: ANALYTICS_SERIES_COLORS.success,\n                },\n              ]}\n              height={250}\n            />\n\n            <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n              <AnalyticsBreakdownChart\n                title=\"By Action Type\"\n                data={analytics.actions.byActionType}\n              />\n              <AnalyticsBreakdownChart\n                title=\"Execution Status\"\n                data={analytics.actions.executionsByStatus}\n              />\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n              <AnalyticsBreakdownTable\n                title=\"By Trigger Type\"\n                data={analytics.actions.byTriggerType}\n                keyLabel=\"Trigger\"\n              />\n              <AnalyticsBreakdownTable\n                title=\"By Source Type\"\n                data={analytics.actions.bySourceType}\n                keyLabel=\"Source\"\n              />\n            </div>\n          </div>\n        ) : null}\n\n        {activeTab === 'vibedecks' && analytics?.vibeDecks ? (\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3\">\n              <KpiCard label=\"Decks\" value={analytics.vibeDecks.totalDecks} />\n              <KpiCard label=\"Buttons\" value={analytics.vibeDecks.totalButtons} />\n            </div>\n\n            <AnalyticsBreakdownChart\n              title=\"Buttons by Action Type\"\n              data={analytics.vibeDecks.buttonsByActionType}\n            />\n          </div>\n        ) : null}\n\n        {activeTab === 'aievents' && analytics?.aiEvents ? (\n          <div className=\"space-y-4\">\n            <KpiCard label=\"Total AI Events\" value={analytics.aiEvents.total} />\n\n            <AnalyticsTimeSeriesChart\n              title=\"AI Events Over Time\"\n              datasets={[\n                {\n                  label: 'Events',\n                  data: analytics.aiEvents.eventsOverTime,\n                  color: ANALYTICS_SERIES_COLORS.accent,\n                },\n              ]}\n              height={250}\n            />\n\n            <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n              <AnalyticsBreakdownChart title=\"By Source\" data={analytics.aiEvents.bySource} />\n              <AnalyticsBreakdownTable\n                title=\"By Event Type\"\n                data={analytics.aiEvents.byEventType}\n                keyLabel=\"Event Type\"\n              />\n            </div>\n          </div>\n        ) : null}\n\n        {activeTab === 'audit' && analytics?.audit ? (\n          <div className=\"space-y-4\">\n            <KpiCard label=\"Total Audit Logs\" value={analytics.audit.total} />\n\n            <AnalyticsTimeSeriesChart\n              title=\"Audit Events Over Time\"\n              datasets={[\n                {\n                  label: 'Events',\n                  data: analytics.audit.eventsOverTime,\n                  color: ANALYTICS_SERIES_COLORS.warning,\n                },\n              ]}\n              height={250}\n            />\n\n            <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n              <AnalyticsBreakdownChart title=\"By Action\" data={analytics.audit.byAction} />\n              <AnalyticsBreakdownChart title=\"By Status\" data={analytics.audit.byStatus} />\n            </div>\n\n            <AnalyticsBreakdownTable\n              title=\"By Resource Type\"\n              data={analytics.audit.byResourceType}\n              keyLabel=\"Resource\"\n            />\n          </div>\n        ) : null}\n\n        {activeTab === 'docs' && analytics?.docs ? (\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n              <KpiCard label=\"Sites\" value={analytics.docs.totalSites} />\n              <KpiCard label=\"Pages\" value={analytics.docs.totalPages} />\n              <KpiCard label=\"Revisions\" value={analytics.docs.totalRevisions} />\n              <KpiCard\n                label=\"Build Success\"\n                value={\n                  analytics.docs.buildSuccessRate != null\n                    ? `${analytics.docs.buildSuccessRate.toFixed(1)}%`\n                    : 'N/A'\n                }\n                variant={\n                  analytics.docs.buildSuccessRate != null && analytics.docs.buildSuccessRate >= 90\n                    ? 'success'\n                    : 'warning'\n                }\n              />\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n              <AnalyticsBreakdownChart\n                title=\"Pages by Status\"\n                data={analytics.docs.pagesByStatus}\n              />\n              <AnalyticsBreakdownChart\n                title=\"Revisions by Status\"\n                data={analytics.docs.revisionsByStatus}\n              />\n            </div>\n          </div>\n        ) : null}\n      </section>\n    </MotionPage>\n  );\n}\n\nfunction KpiCard({\n  label,\n  value,\n  variant,\n}: {\n  label: string;\n  value: number | string;\n  variant?: 'success' | 'warning' | 'error';\n}) {\n  const surfaceClass =\n    variant === 'success'\n      ? 'bg-status-success-bg/10'\n      : variant === 'warning'\n        ? 'bg-status-warning-bg/10'\n        : variant === 'error'\n          ? 'bg-status-error-bg/10'\n          : 'bg-bg-surface';\n\n  return (\n    <div className={`${surfaceClass} rounded-lg border border-border-default p-3`}>\n      <p className=\"text-xs text-text-secondary\">{label}</p>\n      <p className=\"mt-1 text-xl font-bold text-text-primary\">\n        {typeof value === 'number' ? value.toLocaleString() : value}\n      </p>\n    </div>\n  );\n}\n\nfunction formatDuration(milliseconds: number): string {\n  if (milliseconds < 1000) {\n    return `${Math.round(milliseconds)}ms`;\n  }\n\n  if (milliseconds < 60000) {\n    return `${(milliseconds / 1000).toFixed(1)}s`;\n  }\n\n  const minutes = Math.floor(milliseconds / 60000);\n  const seconds = Math.round((milliseconds % 60000) / 1000);\n  return `${minutes}m ${seconds}s`;\n}\n"],"mappings":"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"}

package/dist/pages/CatalogDetailPage.d.ts

@@ -0,0 +1,2 @@
+export declare function CatalogDetailPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CatalogDetailPage.d.ts.map

package/dist/pages/CatalogDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogDetailPage.d.ts","sourceRoot":"","sources":["../../src/pages/CatalogDetailPage.tsx"],"names":[],"mappings":"AAuEA,wBAAgB,iBAAiB,4CAgfhC"}