@elevasis/ui 2.14.0 → 2.14.1

package/dist/components/index.js

@@ -1,7 +1,7 @@
-import { CollapsibleSidebarGroup } from '../chunk-4BF74JVD.js';
 import { useBreadcrumbs } from '../chunk-MG3NF7QL.js';
-export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../chunk-QFEQWAPQ.js';
-export { LEAD_GEN_ROUTE_LINKS, LIST_TEMPLATE_OPTIONS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenDeliverabilityPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, buildListConfig, getEnrichmentColor, getStatusColor, leadGenManifest, useDeleteLists } from '../chunk-QFBENUS2.js';
+import { CollapsibleSidebarGroup } from '../chunk-4BF74JVD.js';
+export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../chunk-F2GI5TQT.js';
+export { LEAD_GEN_ROUTE_LINKS, LIST_TEMPLATE_OPTIONS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenDeliverabilityPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, buildListConfig, getEnrichmentColor, getStatusColor, leadGenManifest, useDeleteLists } from '../chunk-JL7RHMV2.js';
 export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, operationsManifest, useNewKnowledgeMapLayout } from '../chunk-C56A2MAS.js';
 import '../chunk-ROSMICXG.js';
 import { SubshellLoader } from '../chunk-ADSSLKKP.js';
@@ -11,9 +11,9 @@ export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, Bus
 export { ResourceHealthPanel } from '../chunk-ETQRV5A6.js';
 export { SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, seoManifest } from '../chunk-AL23U6C3.js';
 export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal, settingsManifest } from '../chunk-A7346I7H.js';
-export { ActivityFeedWidget, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, TasksDueWidget, crmManifest, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-PPKJKM3U.js';
-export { SortableHeader, TableSelectionToolbar } from '../chunk-TUMSNGTX.js';
+export { ActivityFeedWidget, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, TasksDueWidget, crmManifest, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-NPWJYY4B.js';
 import { PageContainer } from '../chunk-BZZCNLT6.js';
+export { SortableHeader, TableSelectionToolbar } from '../chunk-TUMSNGTX.js';
 import { SubshellNavItem } from '../chunk-CEWTOKE7.js';
 import '../chunk-IIMU5YAJ.js';
 import { FilterBar } from '../chunk-PDHTXPSF.js';
@@ -53,8 +53,8 @@ import '../chunk-ELJIFLCB.js';
 import '../chunk-L4XXM55J.js';
 import '../chunk-FL67C3WY.js';
 import { useAppearance } from '../chunk-QJ2KCHKX.js';
-import '../chunk-DT3QYZVU.js';
 import '../chunk-SLVC5OJ2.js';
+import '../chunk-DT3QYZVU.js';
 import '../chunk-RNP5R5I3.js';
 import { getResourceIcon, getResourceColor, formatDateTime, PAGE_SIZE_DEFAULT, formatTimeAgo } from '../chunk-IOKL7BKE.js';
 import '../chunk-MTJ43R2E.js';

package/dist/features/auth/index.js

@@ -1,7 +1,7 @@
 import { AppShellLoader, AppShellError } from '../../chunk-M25JL54Z.js';
 import { useAppearance } from '../../chunk-QJ2KCHKX.js';
-import '../../chunk-DT3QYZVU.js';
 import '../../chunk-SLVC5OJ2.js';
+import '../../chunk-DT3QYZVU.js';
 import '../../chunk-RNP5R5I3.js';
 import { ProtectedRoute, AdminGuard } from '../../chunk-MTJ43R2E.js';
 import { useInitialization } from '../../chunk-TUXTSEAF.js';

package/dist/features/crm/index.js

@@ -1,6 +1,6 @@
-export { ActivityFeedWidget, CRM_ITEMS, CompanyDetailPage, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, TasksDueWidget, crmManifest, formatDealStageLabel, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../../chunk-PPKJKM3U.js';
-import '../../chunk-TUMSNGTX.js';
+export { ActivityFeedWidget, CRM_ITEMS, CompanyDetailPage, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, TasksDueWidget, crmManifest, formatDealStageLabel, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../../chunk-NPWJYY4B.js';
 import '../../chunk-BZZCNLT6.js';
+import '../../chunk-TUMSNGTX.js';
 import '../../chunk-CEWTOKE7.js';
 import '../../chunk-IIMU5YAJ.js';
 import '../../chunk-PDHTXPSF.js';
@@ -28,8 +28,8 @@ import '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-FL67C3WY.js';
 import '../../chunk-QJ2KCHKX.js';
-import '../../chunk-DT3QYZVU.js';
 import '../../chunk-SLVC5OJ2.js';
+import '../../chunk-DT3QYZVU.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-IOKL7BKE.js';
 import '../../chunk-MTJ43R2E.js';

package/dist/features/dashboard/index.js

@@ -26,8 +26,8 @@ import '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-FL67C3WY.js';
 import '../../chunk-QJ2KCHKX.js';
-import '../../chunk-DT3QYZVU.js';
 import '../../chunk-SLVC5OJ2.js';
+import '../../chunk-DT3QYZVU.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-IOKL7BKE.js';
 import '../../chunk-MTJ43R2E.js';

package/dist/features/delivery/index.js

@@ -1,7 +1,7 @@
-export { AllTasksPage, Checklist, CreateDeliveryEntityModal, DELIVERY_COMMUNICATION_ITEMS, DELIVERY_PROJECT_ITEMS, DELIVERY_WORK_ITEMS, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../../chunk-QFEQWAPQ.js';
+export { AllTasksPage, Checklist, CreateDeliveryEntityModal, DELIVERY_COMMUNICATION_ITEMS, DELIVERY_PROJECT_ITEMS, DELIVERY_WORK_ITEMS, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../../chunk-F2GI5TQT.js';
 import '../../chunk-442LZPIR.js';
-import '../../chunk-TUMSNGTX.js';
 import '../../chunk-BZZCNLT6.js';
+import '../../chunk-TUMSNGTX.js';
 import '../../chunk-CEWTOKE7.js';
 import '../../chunk-IIMU5YAJ.js';
 import '../../chunk-PDHTXPSF.js';
@@ -29,8 +29,8 @@ import '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-FL67C3WY.js';
 import '../../chunk-QJ2KCHKX.js';
-import '../../chunk-DT3QYZVU.js';
 import '../../chunk-SLVC5OJ2.js';
+import '../../chunk-DT3QYZVU.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-IOKL7BKE.js';
 import '../../chunk-MTJ43R2E.js';

package/dist/features/lead-gen/index.js

@@ -1,11 +1,11 @@
-export { CompanyDetailModal, ContactDetailModal, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LIST_TEMPLATE_OPTIONS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenDeliverabilityPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, buildListConfig, formatDate, getEnrichmentColor, getEnrichmentStatus, getStatusColor, leadGenManifest, useDeleteLists } from '../../chunk-QFBENUS2.js';
+export { CompanyDetailModal, ContactDetailModal, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LIST_TEMPLATE_OPTIONS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenDeliverabilityPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, buildListConfig, formatDate, getEnrichmentColor, getEnrichmentStatus, getStatusColor, leadGenManifest, useDeleteLists } from '../../chunk-JL7RHMV2.js';
 import '../../chunk-C56A2MAS.js';
 import '../../chunk-ROSMICXG.js';
 import '../../chunk-ADSSLKKP.js';
 import '../../chunk-442LZPIR.js';
 import '../../chunk-ETQRV5A6.js';
-import '../../chunk-TUMSNGTX.js';
 import '../../chunk-BZZCNLT6.js';
+import '../../chunk-TUMSNGTX.js';
 import '../../chunk-CEWTOKE7.js';
 import '../../chunk-IIMU5YAJ.js';
 import '../../chunk-PDHTXPSF.js';
@@ -38,8 +38,8 @@ import '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-FL67C3WY.js';
 import '../../chunk-QJ2KCHKX.js';
-import '../../chunk-DT3QYZVU.js';
 import '../../chunk-SLVC5OJ2.js';
+import '../../chunk-DT3QYZVU.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-IOKL7BKE.js';
 import '../../chunk-MTJ43R2E.js';

package/dist/features/monitoring/index.js

@@ -29,8 +29,8 @@ import '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-FL67C3WY.js';
 import '../../chunk-QJ2KCHKX.js';
-import '../../chunk-DT3QYZVU.js';
 import '../../chunk-SLVC5OJ2.js';
+import '../../chunk-DT3QYZVU.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-IOKL7BKE.js';
 import '../../chunk-MTJ43R2E.js';

package/dist/features/monitoring/requests/index.css

@@ -0,0 +1,589 @@
+/* src/components/display/StatCard.module.css */
+.heroCard {
+  background: var(--glass-background);
+  backdrop-filter: var(--glass-blur);
+  border: 1px solid var(--color-border);
+}
+.iconRing {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 46px;
+  height: 46px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
+  color: var(--color-primary);
+  flex-shrink: 0;
+  box-shadow: 0 0 12px color-mix(in srgb, var(--color-primary) 15%, transparent);
+}
+.iconRingSm {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
+  color: var(--color-primary);
+  flex-shrink: 0;
+  box-shadow: 0 0 8px color-mix(in srgb, var(--color-primary) 12%, transparent);
+}
+.heroValue {
+  font-family: var(--elevasis-font-family-subtitle);
+  font-size: 1.85rem;
+  font-weight: 800;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+}
+[data-mantine-color-scheme=dark] .heroValue {
+  text-shadow: 0 0 20px color-mix(in srgb, var(--color-primary) 20%, transparent);
+}
+.heroValueSm {
+  font-family: var(--elevasis-font-family-subtitle);
+  font-size: 1.35rem;
+  font-weight: 700;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+}
+.heroLabel {
+  font-size: 0.68rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--color-text-dimmed);
+}
+.heroLabelSm {
+  font-size: 0.62rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--color-text-dimmed);
+}
+
+/* src/components/display/ElevasisLoader.module.css */
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  overflow: visible;
+}
+.loader {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: visible;
+}
+.chevron {
+  stroke: var(--loader-color);
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  fill: none;
+  opacity: 0.15;
+  animation: chevronPulse 2s ease-in-out infinite;
+  filter: drop-shadow(0 0 1.5px var(--loader-color));
+}
+[data-mantine-color-scheme=light] .chevron {
+  filter: none;
+}
+.c1 {
+  animation-delay: 0s;
+}
+.c2 {
+  animation-delay: 0.2s;
+}
+.c3 {
+  animation-delay: 0.4s;
+}
+@keyframes chevronPulse {
+  0%, 100% {
+    opacity: 0.12;
+    filter: drop-shadow(0 0 1px var(--loader-color));
+  }
+  40%, 60% {
+    opacity: 1;
+    filter: drop-shadow(0 0 3px var(--loader-color));
+  }
+}
+[data-mantine-color-scheme=light] .chevron {
+  animation-name: chevronPulseLight;
+}
+@keyframes chevronPulseLight {
+  0%, 100% {
+    opacity: 0.2;
+  }
+  40%, 60% {
+    opacity: 1;
+  }
+}
+
+/* src/theme/custom.css */
+.mantine-Button-root[data-variant=default] {
+  background-color: var(--color-surface);
+  backdrop-filter: var(--glass-blur);
+  -webkit-backdrop-filter: var(--glass-blur);
+  border: 1px solid var(--color-border);
+  color: var(--color-text);
+}
+.mantine-Button-root[data-variant=default]:hover {
+  background-color: var(--color-surface-hover);
+}
+.mantine-Accordion-control:hover {
+  background-color: var(--color-surface-hover);
+}
+.mantine-Menu-item:hover:not([data-disabled]) {
+  background-color: var(--color-surface-hover);
+}
+.mantine-Select-option:hover {
+  background-color: var(--color-surface-hover) !important;
+}
+[data-mantine-color-scheme=dark] .mantine-Tabs-root {
+  --tab-border-color: var(--color-border);
+}
+.mantine-Tabs-tab:hover {
+  background-color: var(--color-surface-hover);
+}
+.mantine-Pagination-control:not([data-active]) {
+  background: var(--color-surface);
+}
+::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--color-text-subtle) 50%, var(--color-border));
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: var(--color-text-subtle);
+}
+.mantine-Checkbox-input {
+  background-color: var(--color-surface);
+  border-color: var(--color-border);
+}
+.mantine-Checkbox-input:checked {
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+.mantine-Switch-root:has(input:not(:checked)) .mantine-Switch-track {
+  background-color: var(--color-surface-hover);
+  border-color: var(--color-border);
+}
+.mantine-Timeline-root {
+  --tl-color: var(--color-primary);
+}
+.mantine-Timeline-item {
+  --item-border-color: var(--color-border);
+}
+.mantine-Timeline-itemBullet {
+  border-color: var(--color-border);
+}
+.mantine-Timeline-itemBullet:where([data-with-child]) {
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+.recharts-surface:focus {
+  outline: none;
+}
+.hide-scrollbar {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.hide-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+/* src/graph/Graph.module.css */
+@keyframes edgeFlow {
+  0% {
+    stroke-dashoffset: 24;
+  }
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes edgeFlowReverse {
+  0% {
+    stroke-dashoffset: 0;
+  }
+  100% {
+    stroke-dashoffset: 24;
+  }
+}
+@keyframes pulse {
+  0%, 100% {
+    opacity: 0.6;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+@keyframes livePulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.6;
+  }
+}
+.livePulse {
+  animation: livePulse 2s ease-in-out infinite;
+}
+@keyframes glowPulse {
+  0%, 100% {
+    box-shadow: 0 0 5px var(--glow-color, color-mix(in srgb, var(--color-primary) 30%, transparent)), 0 0 15px var(--glow-color, color-mix(in srgb, var(--color-primary) 10%, transparent));
+  }
+  50% {
+    box-shadow: 0 0 10px var(--glow-color, color-mix(in srgb, var(--color-primary) 50%, transparent)), 0 0 20px var(--glow-color, color-mix(in srgb, var(--color-primary) 20%, transparent));
+  }
+}
+@keyframes nodeEnter {
+  0% {
+    opacity: 0;
+    transform: scale(0.8) translateY(10px);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+@keyframes handlePulse {
+  0%, 100% {
+    transform: scale(1);
+    box-shadow: 0 0 0 0 var(--handle-color, color-mix(in srgb, var(--color-primary) 40%, transparent));
+  }
+  50% {
+    transform: scale(1.2);
+    box-shadow: 0 0 0 4px var(--handle-color, color-mix(in srgb, var(--color-primary) 0%, transparent));
+  }
+}
+@keyframes gridMove {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: 40px 40px;
+  }
+}
+@keyframes labelFadeIn {
+  0% {
+    opacity: 0;
+    transform: translate(-50%, -50%) translate(var(--label-x), var(--label-y)) scale(0.8);
+  }
+  100% {
+    opacity: 1;
+    transform: translate(-50%, -50%) translate(var(--label-x), var(--label-y)) scale(1);
+  }
+}
+@keyframes scanLine {
+  0% {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+}
+.graphContainer {
+  position: relative;
+  background-image:
+    linear-gradient(color-mix(in srgb, var(--color-primary) 5%, transparent) 1px, transparent 1px),
+    linear-gradient(
+      90deg,
+      color-mix(in srgb, var(--color-primary) 5%, transparent) 1px,
+      transparent 1px),
+    radial-gradient(
+      ellipse at 50% 50%,
+      color-mix(in srgb, var(--color-primary) 5%, transparent) 0%,
+      transparent 70%);
+  background-color: color-mix(in srgb, var(--color-background) 50%, var(--glass-background));
+  backdrop-filter: var(--glass-blur);
+  background-size:
+    40px 40px,
+    40px 40px,
+    100% 100%;
+  animation: gridMove 20s linear infinite;
+}
+[data-mantine-color-scheme=dark] .graphContainer {
+  background-image:
+    linear-gradient(color-mix(in srgb, var(--color-primary) 9%, transparent) 1px, transparent 1px),
+    linear-gradient(
+      90deg,
+      color-mix(in srgb, var(--color-primary) 9%, transparent) 1px,
+      transparent 1px),
+    radial-gradient(
+      ellipse at 50% 50%,
+      color-mix(in srgb, var(--color-primary) 9%, transparent) 0%,
+      transparent 70%);
+  background-size:
+    40px 40px,
+    40px 40px,
+    100% 100%;
+}
+.node {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+}
+.node:nth-child(1) {
+  animation-delay: 0.05s;
+}
+.node:nth-child(2) {
+  animation-delay: 0.1s;
+}
+.node:nth-child(3) {
+  animation-delay: 0.15s;
+}
+.node:nth-child(4) {
+  animation-delay: 0.2s;
+}
+.node:nth-child(5) {
+  animation-delay: 0.25s;
+}
+.node:nth-child(6) {
+  animation-delay: 0.3s;
+}
+.node:nth-child(7) {
+  animation-delay: 0.35s;
+}
+.node:nth-child(8) {
+  animation-delay: 0.4s;
+}
+.node:nth-child(9) {
+  animation-delay: 0.45s;
+}
+.node:nth-child(10) {
+  animation-delay: 0.5s;
+}
+.node:nth-child(11) {
+  animation-delay: 0.55s;
+}
+.node:nth-child(12) {
+  animation-delay: 0.6s;
+}
+.nodeCard {
+  position: relative;
+  border-radius: var(--mantine-radius-md);
+  overflow: hidden;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.nodeCard::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      135deg,
+      var(--node-color-light, color-mix(in srgb, var(--color-primary) 10%, transparent)) 0%,
+      transparent 50%,
+      var(--node-color-light, color-mix(in srgb, var(--color-primary) 5%, transparent)) 100%);
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+.nodeCard::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 30%;
+  background:
+    linear-gradient(
+      180deg,
+      transparent 0%,
+      var(--node-color-glow, color-mix(in srgb, var(--color-primary) 10%, transparent)) 50%,
+      transparent 100%);
+  pointer-events: none;
+  opacity: 0;
+}
+.nodeCard:hover::before,
+.nodeCardSelected::before {
+  opacity: 1;
+}
+.nodeCard:hover::after,
+.nodeCardSelected::after {
+  animation: scanLine 3s ease-in-out infinite;
+}
+.nodeCard:hover {
+  transform: translateY(-2px) scale(1.02);
+}
+.nodeCardSelected {
+  transform: translateY(-2px) scale(1.02);
+  animation: glowPulse 2s ease-in-out infinite;
+}
+.nodeAgent {
+  --glow-color: rgba(139, 92, 246, 0.4);
+  --node-color-light: rgba(139, 92, 246, 0.1);
+  --node-color-glow: rgba(139, 92, 246, 0.15);
+  --handle-color: rgba(139, 92, 246, 0.5);
+  --gradient-start: rgba(139, 92, 246, 0.15);
+  --gradient-end: rgba(139, 92, 246, 0.05);
+}
+.nodeWorkflow {
+  --glow-color: rgba(59, 130, 246, 0.4);
+  --node-color-light: rgba(59, 130, 246, 0.1);
+  --node-color-glow: rgba(59, 130, 246, 0.15);
+  --handle-color: rgba(59, 130, 246, 0.5);
+  --gradient-start: rgba(59, 130, 246, 0.15);
+  --gradient-end: rgba(59, 130, 246, 0.05);
+}
+.nodeTrigger {
+  --glow-color: rgba(249, 115, 22, 0.4);
+  --node-color-light: rgba(249, 115, 22, 0.1);
+  --node-color-glow: rgba(249, 115, 22, 0.15);
+  --handle-color: rgba(249, 115, 22, 0.5);
+  --gradient-start: rgba(249, 115, 22, 0.15);
+  --gradient-end: rgba(249, 115, 22, 0.05);
+}
+.nodeIntegration {
+  --glow-color: rgba(20, 184, 166, 0.4);
+  --node-color-light: rgba(20, 184, 166, 0.1);
+  --node-color-glow: rgba(20, 184, 166, 0.15);
+  --handle-color: rgba(20, 184, 166, 0.5);
+  --gradient-start: rgba(20, 184, 166, 0.15);
+  --gradient-end: rgba(20, 184, 166, 0.05);
+}
+.nodeExternal {
+  --glow-color: rgba(107, 114, 128, 0.4);
+  --node-color-light: rgba(107, 114, 128, 0.1);
+  --node-color-glow: rgba(107, 114, 128, 0.15);
+  --handle-color: rgba(107, 114, 128, 0.5);
+  --gradient-start: rgba(107, 114, 128, 0.15);
+  --gradient-end: rgba(107, 114, 128, 0.05);
+}
+.nodeHuman {
+  --glow-color: rgba(245, 158, 11, 0.4);
+  --node-color-light: rgba(245, 158, 11, 0.1);
+  --node-color-glow: rgba(245, 158, 11, 0.15);
+  --handle-color: rgba(245, 158, 11, 0.5);
+  --gradient-start: rgba(245, 158, 11, 0.15);
+  --gradient-end: rgba(245, 158, 11, 0.05);
+}
+.nodePrimary {
+  --glow-color: rgba(37, 99, 235, 0.4);
+  --node-color-light: rgba(37, 99, 235, 0.1);
+  --node-color-glow: rgba(37, 99, 235, 0.15);
+  --handle-color: rgba(37, 99, 235, 0.5);
+  --gradient-start: rgba(37, 99, 235, 0.15);
+  --gradient-end: rgba(37, 99, 235, 0.05);
+}
+.handle {
+  transition: all 0.2s ease;
+}
+.handle:hover {
+  animation: handlePulse 1s ease-in-out infinite;
+}
+.nodeIcon {
+  transition: all 0.3s ease;
+}
+.badge {
+  transition: all 0.2s ease;
+  backdrop-filter: blur(4px);
+}
+.nodeCard:hover .badge {
+  transform: scale(1.05);
+}
+.badgeProd {
+  box-shadow: 0 0 8px rgba(34, 197, 94, 0.3);
+}
+.edge {
+  transition: all 0.3s ease;
+}
+.edgeAnimated {
+  stroke-dasharray: 8 4;
+  animation: edgeFlow 1s linear infinite;
+}
+.edgeGlow {
+  filter: drop-shadow(0 0 3px var(--edge-color, color-mix(in srgb, var(--color-primary) 50%, transparent)));
+}
+.edgeHighlighted {
+  stroke-width: 3px;
+}
+.edgeLabel {
+  backdrop-filter: blur(8px);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 20px var(--label-glow, color-mix(in srgb, var(--color-primary) 20%, transparent));
+  transition: box-shadow 0.2s ease;
+}
+.edgeLabel:hover {
+  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), 0 0 30px var(--label-glow, color-mix(in srgb, var(--color-primary) 30%, transparent));
+}
+.legend {
+  backdrop-filter: var(--glass-blur);
+  background: var(--glass-background);
+  border: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 0 40px color-mix(in srgb, var(--color-primary) 10%, transparent);
+}
+[data-mantine-color-scheme=dark] .legend {
+  border-color: color-mix(in srgb, var(--color-primary) 30%, transparent);
+}
+.legendDot {
+  transition: all 0.2s ease;
+  box-shadow: 0 0 8px currentColor;
+}
+.legendDot:hover {
+  transform: scale(1.3);
+  box-shadow: 0 0 12px currentColor;
+}
+.nodeHighlighted .nodeCard {
+  transform: translateY(-2px) scale(1.02);
+}
+.nodeHighlighted .nodeCard::before {
+  opacity: 1;
+}
+.nodeHighlighted .nodeCard::after {
+  animation: scanLine 3s ease-in-out infinite;
+}
+.nodeDimmed {
+  opacity: 0.3;
+  filter: grayscale(0.5);
+  transition: all 0.3s ease;
+}
+.edgeHighlighted {
+  stroke-width: 4px !important;
+}
+.edgeDimmed {
+  opacity: 0.15;
+  transition: all 0.3s ease;
+}
+.edgeLabelDimmed {
+  opacity: 0.15;
+  transition: opacity 0.3s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .node,
+  .nodeCard::after,
+  .edgeAnimated,
+  .nodeIcon,
+  .handle:hover,
+  .graphContainer {
+    animation: none;
+  }
+  .nodeCard:hover {
+    transform: none;
+  }
+}
+
+/* src/graph/Graph.globals.css */
+.elevasis-graph-root .react-flow__node.selected,
+.elevasis-graph-root .react-flow__node:focus,
+.elevasis-graph-root .react-flow__node:focus-visible {
+  outline: none !important;
+}
+.elevasis-graph-root .react-flow__node.selected > * {
+  box-shadow: none;
+}

package/dist/features/monitoring/requests/index.js

@@ -0,0 +1,442 @@
+import '../../../chunk-TUMSNGTX.js';
+import { FilterBar } from '../../../chunk-PDHTXPSF.js';
+import { ConfirmationModal } from '../../../chunk-GBMNCNHX.js';
+import '../../../chunk-7M2VOCYN.js';
+import { usePaginationState, useRequestsList, useUpdateRequestStatus, useRequest } from '../../../chunk-JAUU6TZU.js';
+import '../../../chunk-LXHZYSMQ.js';
+import '../../../chunk-BRXELOHC.js';
+import '../../../chunk-22UVE3RA.js';
+import '../../../chunk-3ZMAGTWF.js';
+import '../../../chunk-DKQQK3WX.js';
+import '../../../chunk-5IBTTMWX.js';
+import '../../../chunk-R73EHHPN.js';
+import '../../../chunk-WLOQ4IBG.js';
+import '../../../chunk-C7BX547M.js';
+import '../../../chunk-RX4UWZZR.js';
+import { PageTitleCaption, ContextViewer, JsonViewer } from '../../../chunk-SQQGLGHW.js';
+import '../../../chunk-3KMDHCAR.js';
+import '../../../chunk-NYBEU5TE.js';
+import '../../../chunk-ZB5GAV7J.js';
+import '../../../chunk-SZHARWKU.js';
+import '../../../chunk-NVOCKXUQ.js';
+import '../../../chunk-2IFYDILW.js';
+import '../../../chunk-ELJIFLCB.js';
+import '../../../chunk-L4XXM55J.js';
+import '../../../chunk-FL67C3WY.js';
+import '../../../chunk-QJ2KCHKX.js';
+import '../../../chunk-SLVC5OJ2.js';
+import '../../../chunk-DT3QYZVU.js';
+import '../../../chunk-RNP5R5I3.js';
+import { formatTimeAgo } from '../../../chunk-IOKL7BKE.js';
+import '../../../chunk-MTJ43R2E.js';
+import '../../../chunk-TUXTSEAF.js';
+import '../../../chunk-DD3CCMCZ.js';
+import '../../../chunk-QEPXAWE2.js';
+import '../../../chunk-BRJ3QZ4E.js';
+import '../../../chunk-Q7DJKLEN.js';
+import { useState } from 'react';
+import { useNavigate } from '@tanstack/react-router';
+import { Badge, Menu, Button, Stack, Paper, Select, Center, Loader, Text, Table, Group, Pagination, Skeleton, SimpleGrid, Title, SegmentedControl } from '@mantine/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { IconChevronDown, IconAlertTriangle, IconArrowLeft } from '@tabler/icons-react';
+import { notifications } from '@mantine/notifications';
+
+// src/features/monitoring/requests/manifest.ts
+var submittedRequestsManifest = {
+  key: "submitted-requests",
+  featureId: "submitted-requests"
+};
+var TYPE_COLORS = {
+  bug: "red",
+  feature: "blue",
+  question: "yellow",
+  other: "gray"
+};
+var TYPE_LABELS = {
+  bug: "Bug",
+  feature: "Feature",
+  question: "Question",
+  other: "Other"
+};
+function RequestTypeBadge({ type }) {
+  return /* @__PURE__ */ jsx(Badge, { variant: "light", color: TYPE_COLORS[type], size: "sm", children: TYPE_LABELS[type] });
+}
+var SEVERITY_COLORS = {
+  critical: "red",
+  warning: "orange",
+  info: "blue"
+};
+var SEVERITY_LABELS = {
+  critical: "Critical",
+  warning: "Warning",
+  info: "Info"
+};
+function SeverityBadge({ severity }) {
+  return /* @__PURE__ */ jsx(Badge, { variant: "light", color: SEVERITY_COLORS[severity], size: "sm", children: SEVERITY_LABELS[severity] });
+}
+var STATUS_COLORS = {
+  open: "blue",
+  investigating: "yellow",
+  resolved: "green",
+  wont_fix: "gray"
+};
+var STATUS_LABELS = {
+  open: "Open",
+  investigating: "Investigating",
+  resolved: "Resolved",
+  wont_fix: "Won't Fix"
+};
+function StatusBadge({ status }) {
+  return /* @__PURE__ */ jsx(Badge, { variant: "light", color: STATUS_COLORS[status], size: "sm", children: STATUS_LABELS[status] });
+}
+var VALID_TRANSITIONS = {
+  open: ["investigating", "wont_fix"],
+  investigating: ["resolved", "wont_fix", "open"],
+  resolved: ["open"],
+  wont_fix: ["open"]
+};
+var ALL_STATUSES = ["open", "investigating", "resolved", "wont_fix"];
+var STATUS_LABELS2 = {
+  open: "Open",
+  investigating: "Investigating",
+  resolved: "Resolved",
+  wont_fix: "Won't Fix"
+};
+function StatusTransitionMenu({ currentStatus, onTransition }) {
+  const [wontFixConfirmOpen, setWontFixConfirmOpen] = useState(false);
+  const validNextStatuses = VALID_TRANSITIONS[currentStatus];
+  function handleSelect(status) {
+    if (status === "wont_fix") {
+      setWontFixConfirmOpen(true);
+    } else {
+      onTransition(status);
+    }
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Menu, { withinPortal: true, position: "bottom-end", shadow: "md", children: [
+      /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", rightSection: /* @__PURE__ */ jsx(IconChevronDown, { size: 14 }), children: STATUS_LABELS2[currentStatus] }) }),
+      /* @__PURE__ */ jsxs(Menu.Dropdown, { children: [
+        /* @__PURE__ */ jsx(Menu.Label, { children: "Transition to" }),
+        ALL_STATUSES.filter((s) => s !== currentStatus).map((status) => {
+          const isValid = validNextStatuses.includes(status);
+          return /* @__PURE__ */ jsx(
+            Menu.Item,
+            {
+              disabled: !isValid,
+              color: status === "wont_fix" ? "red" : void 0,
+              onClick: () => isValid && handleSelect(status),
+              children: STATUS_LABELS2[status]
+            },
+            status
+          );
+        })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmationModal,
+      {
+        opened: wontFixConfirmOpen,
+        onClose: () => setWontFixConfirmOpen(false),
+        icon: /* @__PURE__ */ jsx(IconAlertTriangle, { color: "red" }),
+        title: "Mark as Won't Fix",
+        text: "Are you sure you want to mark this request as won't fix? This signals the issue will not be addressed.",
+        buttonText: "Confirm Won't Fix",
+        buttonColor: "red",
+        confirmationHandler: () => {
+          setWontFixConfirmOpen(false);
+          onTransition("wont_fix");
+        }
+      }
+    )
+  ] });
+}
+var PAGE_SIZE = 20;
+function RequestsListPage({
+  type: typeProp,
+  severity: severityProp,
+  status: statusProp,
+  source: sourceProp,
+  onNavigateToRequest
+}) {
+  const navigate = useNavigate();
+  const [typeFilter, setTypeFilter] = useState(typeProp);
+  const [severityFilter, setSeverityFilter] = useState(severityProp);
+  const [statusFilter, setStatusFilter] = useState(statusProp ?? "open");
+  const [sourceFilter, setSourceFilter] = useState(sourceProp);
+  const { page, setPage, offset, totalPages } = usePaginationState(PAGE_SIZE, [
+    typeFilter,
+    severityFilter,
+    statusFilter,
+    sourceFilter
+  ]);
+  const { data: requests = [], isLoading } = useRequestsList({
+    type: typeFilter,
+    severity: severityFilter,
+    status: statusFilter,
+    source: sourceFilter,
+    limit: PAGE_SIZE,
+    offset
+  });
+  const { mutate: updateStatus } = useUpdateRequestStatus();
+  function pushSearchParam(patch) {
+    navigate({
+      // @ts-expect-error — search type is narrowed by each route wrapper
+      search: (prev) => ({ ...prev, ...patch })
+    });
+  }
+  function handleTypeChange(value) {
+    const next = value ?? void 0;
+    setTypeFilter(next);
+    pushSearchParam({ type: next });
+  }
+  function handleSeverityChange(value) {
+    const next = value ?? void 0;
+    setSeverityFilter(next);
+    pushSearchParam({ severity: next });
+  }
+  function handleStatusChange(value) {
+    const next = value ?? void 0;
+    setStatusFilter(next);
+    pushSearchParam({ status: next });
+  }
+  function handleSourceChange(value) {
+    const next = value ?? void 0;
+    setSourceFilter(next);
+    pushSearchParam({ source: next });
+  }
+  const estimatedTotal = requests.length < PAGE_SIZE ? offset + requests.length : offset + PAGE_SIZE + 1;
+  const pageCount = totalPages(estimatedTotal);
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Submitted Requests",
+        caption: "Browse and triage user-submitted bug reports, feature requests, and questions"
+      }
+    ),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { gap: 0, children: [
+      /* @__PURE__ */ jsxs(FilterBar, { children: [
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All types",
+            value: typeFilter ?? null,
+            onChange: handleTypeChange,
+            data: [
+              { value: "bug", label: "Bug" },
+              { value: "feature", label: "Feature" },
+              { value: "question", label: "Question" },
+              { value: "other", label: "Other" }
+            ],
+            clearable: true,
+            size: "sm",
+            w: 150
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All severities",
+            value: severityFilter ?? null,
+            onChange: handleSeverityChange,
+            data: [
+              { value: "critical", label: "Critical" },
+              { value: "warning", label: "Warning" },
+              { value: "info", label: "Info" }
+            ],
+            clearable: true,
+            size: "sm",
+            w: 160
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All statuses",
+            value: statusFilter ?? null,
+            onChange: handleStatusChange,
+            data: [
+              { value: "open", label: "Open" },
+              { value: "investigating", label: "Investigating" },
+              { value: "resolved", label: "Resolved" },
+              { value: "wont_fix", label: "Won't Fix" }
+            ],
+            clearable: true,
+            size: "sm",
+            w: 170
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All sources",
+            value: sourceFilter ?? null,
+            onChange: handleSourceChange,
+            data: [
+              { value: "agent", label: "Agent" },
+              { value: "cli", label: "CLI" },
+              { value: "api", label: "API" },
+              { value: "webhook", label: "Webhook" },
+              { value: "user", label: "User" },
+              { value: "external", label: "External" }
+            ],
+            clearable: true,
+            size: "sm",
+            w: 150
+          }
+        )
+      ] }),
+      isLoading ? /* @__PURE__ */ jsx(Center, { py: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "md" }) }) : requests.length === 0 ? /* @__PURE__ */ jsx(Center, { py: "xl", children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "No requests yet" }) }) : /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, style: { cursor: "pointer" }, children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Type" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Severity" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Source" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Reported at" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Actions" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: requests.map((request) => /* @__PURE__ */ jsxs(Table.Tr, { onClick: () => onNavigateToRequest?.(request.id), children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(RequestTypeBadge, { type: request.type }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(SeverityBadge, { severity: request.severity }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", lineClamp: 1, children: request.title }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(StatusBadge, { status: request.status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: request.source }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(request.reported_at) }) }),
+          /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+            StatusTransitionMenu,
+            {
+              currentStatus: request.status,
+              onTransition: (newStatus) => updateStatus({ id: request.id, status: newStatus })
+            }
+          ) })
+        ] }, request.id)) })
+      ] }),
+      pageCount > 1 && /* @__PURE__ */ jsx(Group, { justify: "flex-start", px: "md", pb: "md", children: /* @__PURE__ */ jsx(Pagination, { size: "sm", total: pageCount, value: page, onChange: setPage, boundaries: 1 }) })
+    ] }) })
+  ] });
+}
+function formatDateTime(isoString) {
+  if (!isoString) return "N/A";
+  return new Date(isoString).toLocaleString(void 0, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  });
+}
+function MetaField({ label, children }) {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+    /* @__PURE__ */ jsx(Text, { size: "xs", c: "var(--color-text-subtle)", tt: "uppercase", fw: 600, children: label }),
+    /* @__PURE__ */ jsx("div", { children })
+  ] });
+}
+function JsonSection({ title, data, emptyLabel }) {
+  const [view, setView] = useState("formatted");
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsx(Title, { order: 3, children: title }),
+      data !== null && data !== void 0 && /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          value: view,
+          onChange: (v) => setView(v),
+          size: "xs",
+          data: [
+            { label: "Formatted", value: "formatted" },
+            { label: "JSON", value: "json" }
+          ]
+        }
+      )
+    ] }),
+    data === null || data === void 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: emptyLabel }) : view === "formatted" ? /* @__PURE__ */ jsx(ContextViewer, { data }) : /* @__PURE__ */ jsx(JsonViewer, { data })
+  ] }) });
+}
+function RequestsDetailPage({ requestId, onNavigateBack }) {
+  const { data: request, isLoading } = useRequest(requestId);
+  const { mutate: updateStatus, isPending: isUpdating } = useUpdateRequestStatus();
+  function handleTransition(newStatus) {
+    updateStatus(
+      { id: requestId, status: newStatus },
+      {
+        onSuccess: () => {
+          notifications.show({
+            title: "Status updated",
+            message: `Request status changed to "${newStatus.replace("_", " ")}".`,
+            color: "green",
+            position: "top-right",
+            autoClose: 4e3
+          });
+        },
+        onError: (error) => {
+          const message = error instanceof Error ? error.message : "Failed to update status.";
+          notifications.show({
+            title: "Update failed",
+            message,
+            color: "red",
+            position: "top-right",
+            autoClose: 5e3
+          });
+        }
+      }
+    );
+  }
+  const backButton = onNavigateBack ? /* @__PURE__ */ jsx(Button, { variant: "light", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: onNavigateBack, size: "sm", children: "Back" }) : null;
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "end", children: [
+        /* @__PURE__ */ jsx(Skeleton, { height: 36, width: 240 }),
+        backButton
+      ] }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(Skeleton, { height: 20, width: 180 }),
+        /* @__PURE__ */ jsx(SimpleGrid, { cols: 2, children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+          /* @__PURE__ */ jsx(Skeleton, { height: 12, width: 80 }),
+          /* @__PURE__ */ jsx(Skeleton, { height: 20, width: 140 })
+        ] }, i)) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Skeleton, { height: 80 }) })
+    ] });
+  }
+  if (!request) {
+    return /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Request Not Found", rightSection: backButton ?? void 0 }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Text, { ta: "center", c: "dimmed", children: "This request no longer exists or could not be loaded." }) })
+    ] });
+  }
+  const currentStatus = request.status;
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: request.title,
+        rightSection: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(StatusTransitionMenu, { currentStatus, onTransition: handleTransition }),
+          backButton
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsx(Title, { order: 3, children: "Details" }),
+      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 2, spacing: "md", children: [
+        /* @__PURE__ */ jsxs(MetaField, { label: "Status", children: [
+          /* @__PURE__ */ jsx(StatusBadge, { status: currentStatus }),
+          isUpdating && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ml: 4, span: true, children: "Updating\u2026" })
+        ] }),
+        /* @__PURE__ */ jsx(MetaField, { label: "Type", children: /* @__PURE__ */ jsx(RequestTypeBadge, { type: request.type }) }),
+        /* @__PURE__ */ jsx(MetaField, { label: "Severity", children: /* @__PURE__ */ jsx(SeverityBadge, { severity: request.severity }) }),
+        /* @__PURE__ */ jsx(MetaField, { label: "Category", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: request.category }) }),
+        /* @__PURE__ */ jsx(MetaField, { label: "Source", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: request.source }) }),
+        /* @__PURE__ */ jsx(MetaField, { label: "Reporter", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: request.reporter_id ?? "Unknown" }) }),
+        /* @__PURE__ */ jsx(MetaField, { label: "Reported At", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDateTime(request.reported_at) }) }),
+        request.resolved_at && /* @__PURE__ */ jsx(MetaField, { label: "Resolved At", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDateTime(request.resolved_at) }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsx(Title, { order: 3, children: "Description" }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-wrap" }, children: request.description })
+    ] }) }),
+    /* @__PURE__ */ jsx(JsonSection, { title: "Evidence", data: request.evidence, emptyLabel: "No evidence recorded." }),
+    /* @__PURE__ */ jsx(JsonSection, { title: "Context", data: request.context, emptyLabel: "No context recorded." })
+  ] });
+}
+
+export { RequestTypeBadge, RequestsDetailPage, RequestsListPage, SeverityBadge, StatusBadge, StatusTransitionMenu, submittedRequestsManifest };

package/dist/features/operations/index.js

@@ -34,8 +34,8 @@ import '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-FL67C3WY.js';
 import '../../chunk-QJ2KCHKX.js';
-import '../../chunk-DT3QYZVU.js';
 import '../../chunk-SLVC5OJ2.js';
+import '../../chunk-DT3QYZVU.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-IOKL7BKE.js';
 import '../../chunk-MTJ43R2E.js';

package/dist/features/settings/index.js

@@ -26,8 +26,8 @@ import '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-FL67C3WY.js';
 import '../../chunk-QJ2KCHKX.js';
-import '../../chunk-DT3QYZVU.js';
 import '../../chunk-SLVC5OJ2.js';
+import '../../chunk-DT3QYZVU.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-IOKL7BKE.js';
 import '../../chunk-MTJ43R2E.js';

package/dist/hooks/index.js

@@ -21,8 +21,8 @@ import '../chunk-ELJIFLCB.js';
 import '../chunk-L4XXM55J.js';
 import '../chunk-FL67C3WY.js';
 import '../chunk-QJ2KCHKX.js';
-import '../chunk-DT3QYZVU.js';
 import '../chunk-SLVC5OJ2.js';
+import '../chunk-DT3QYZVU.js';
 import '../chunk-RNP5R5I3.js';
 export { REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY } from '../chunk-IOKL7BKE.js';
 import '../chunk-MTJ43R2E.js';

package/dist/hooks/published.js

@@ -20,8 +20,8 @@ import '../chunk-ELJIFLCB.js';
 import '../chunk-L4XXM55J.js';
 import '../chunk-FL67C3WY.js';
 import '../chunk-QJ2KCHKX.js';
-import '../chunk-DT3QYZVU.js';
 import '../chunk-SLVC5OJ2.js';
+import '../chunk-DT3QYZVU.js';
 import '../chunk-RNP5R5I3.js';
 export { REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY } from '../chunk-IOKL7BKE.js';
 import '../chunk-MTJ43R2E.js';

package/dist/index.js

@@ -24,8 +24,8 @@ import './chunk-ELJIFLCB.js';
 export { OrganizationSwitcher, createOrganizationsSlice, createUseOrgInitialization, createUseOrganizations } from './chunk-L4XXM55J.js';
 export { OrganizationProvider } from './chunk-FL67C3WY.js';
 export { AppearanceProvider, useAppearance } from './chunk-QJ2KCHKX.js';
-import './chunk-DT3QYZVU.js';
 export { createUseAppInitialization } from './chunk-SLVC5OJ2.js';
+import './chunk-DT3QYZVU.js';
 import './chunk-RNP5R5I3.js';
 export { APIClientError, API_URL, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail } from './chunk-IOKL7BKE.js';
 export { AdminGuard, ProtectedRoute, useSessionCheck as useRefocusSessionCheck, useSessionCheck, useStableAccessToken } from './chunk-MTJ43R2E.js';

package/dist/provider/index.js

@@ -15,8 +15,8 @@ import '../chunk-ELJIFLCB.js';
 import '../chunk-L4XXM55J.js';
 import '../chunk-FL67C3WY.js';
 export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.js';
-import '../chunk-DT3QYZVU.js';
 import '../chunk-SLVC5OJ2.js';
+import '../chunk-DT3QYZVU.js';
 import '../chunk-RNP5R5I3.js';
 import '../chunk-IOKL7BKE.js';
 import '../chunk-MTJ43R2E.js';

package/dist/provider/published.js

@@ -11,8 +11,8 @@ import '../chunk-ELJIFLCB.js';
 import '../chunk-L4XXM55J.js';
 import '../chunk-FL67C3WY.js';
 export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.js';
-import '../chunk-DT3QYZVU.js';
 import '../chunk-SLVC5OJ2.js';
+import '../chunk-DT3QYZVU.js';
 import '../chunk-RNP5R5I3.js';
 import '../chunk-IOKL7BKE.js';
 import '../chunk-MTJ43R2E.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "2.14.0",
+  "version": "2.14.1",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",

package/dist/{chunk-QFEQWAPQ.js → chunk-F2GI5TQT.js}

@@ -1,6 +1,6 @@
 import { PROJECTS_VIEW_CAPABILITY_ID, PROJECTS_FEATURE_ID } from './chunk-442LZPIR.js';
-import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
+import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { SubshellNavItem } from './chunk-CEWTOKE7.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';

package/dist/{chunk-QFBENUS2.js → chunk-JL7RHMV2.js}

@@ -1,6 +1,6 @@
 import { ResourceExecuteDialog } from './chunk-C56A2MAS.js';
-import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
+import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { SubshellNavItem } from './chunk-CEWTOKE7.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';

package/dist/{chunk-PPKJKM3U.js → chunk-NPWJYY4B.js}

@@ -1,5 +1,5 @@
-import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
+import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { SubshellNavItem } from './chunk-CEWTOKE7.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';