@elevasis/ui 2.31.0 → 2.32.0

package/dist/{chunk-HQGF4ATG.js → chunk-4MFNGNHF.js}

@@ -1,4 +1,3 @@
-import { PROJECTS_VIEW_CAPABILITY_ID, PROJECTS_FEATURE_ID } from './chunk-ECNNI3NT.js';
 import { SubshellNavItem } from './chunk-X4WBGKJQ.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { milestoneStatusColors, formatStatusLabel, taskTypeColors, taskStatusColors, projectStatusColors, calculateProgress, noteTypeColors } from './chunk-R2XR4FCV.js';
@@ -6,12 +5,13 @@ import { PageContainer } from './chunk-BZZCNLT6.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-R66W5UDG.js';
-import { useProjectRealtime, useTableSort, sortData, usePaginationState, useTableSelection, useProjectActivities } from './chunk-JKSUN5GN.js';
-import { useCreateTask, useCreateMilestone, useProjectMilestones, useUpdateTask, useProjects, useDeleteProject, useProject, useProjectNotes, useUpdateMilestone, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-7HMCB26R.js';
-import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard, CardHeader } from './chunk-L3BVJWML.js';
+import { useProjectRealtime, useTableSort, sortData, usePaginationState, useTableSelection, useProjectActivities } from './chunk-GCOQ3TBG.js';
+import { useCreateTask, useCreateMilestone, useProjectMilestones, useUpdateTask, useProjects, useDeleteProject, useProject, useProjectNotes, useUpdateMilestone, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-XZGSCABI.js';
+import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard, CardHeader } from './chunk-EPTHX4VZ.js';
 import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
+import { PROJECTS_VIEW_ACTION_ID } from './chunk-T35FWDAB.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate, formatRelativeTime } from './chunk-XQHZBA65.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate, formatRelativeTime } from './chunk-2RJMVWFJ.js';
 import { useElevasisServices } from './chunk-KJ3QUBNU.js';
 import { useState, useMemo, useCallback } from 'react';
 import { Stack, Text, Group, Checkbox, ActionIcon, TextInput, Button, Modal, Title, Textarea, Select, SimpleGrid, Card, ThemeIcon, RingProgress, Paper, Timeline, Badge, Collapse, Center, Loader, Table, Pagination, Alert, CopyButton, Tooltip, Space, Tabs, Divider, Anchor, Chip } from '@mantine/core';
@@ -498,10 +498,9 @@ var ProjectsSidebar = ({ children } = {}) => {
 };
 var deliveryManifest = {
   key: "delivery",
-  featureId: PROJECTS_FEATURE_ID,
-  capabilityIds: [PROJECTS_VIEW_CAPABILITY_ID],
-  icon: IconBriefcase,
-  sidebar: ProjectsSidebar
+  systemId: "projects",
+  capabilityIds: [PROJECTS_VIEW_ACTION_ID],
+  icon: IconBriefcase
 };
 function AllTasksPage() {
   return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
@@ -1049,14 +1048,6 @@ function renderMilestoneBullet(status) {
     }
   );
 }
-function getMilestoneSurfaceStyles(status) {
-  const normalizedStatus = status ?? "upcoming";
-  const accent = normalizedStatus === "completed" ? "var(--color-primary)" : normalizedStatus === "in_progress" ? "color-mix(in srgb, var(--color-primary) 72%, white)" : "color-mix(in srgb, var(--color-primary) 36%, var(--color-border))";
-  return {
-    accent,
-    background: "transparent"
-  };
-}
 function MilestoneChecklist({ milestone }) {
   const items = parseChecklist2(milestone);
   const { mutate: updateMilestone } = useUpdateMilestone();
@@ -1394,19 +1385,18 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
                   const milestoneTasks = tasks.filter((task) => task.milestone_id === milestone.id);
                   const checklistItems = parseChecklist2(milestone);
                   const completedChecklistItems = checklistItems.filter((item) => item.completed).length;
-                  const { accent, background } = getMilestoneSurfaceStyles(milestone.status);
                   return /* @__PURE__ */ jsx(
                     Timeline.Item,
                     {
                       bullet: renderMilestoneBullet(milestone.status),
                       title: /* @__PURE__ */ jsx("div", {}),
-                      children: /* @__PURE__ */ jsxs(
+                      children: /* @__PURE__ */ jsx(
                         Paper,
                         {
                           p: "lg",
                           radius: "md",
                           style: {
-                            background,
+                            background: "transparent",
                             border: "none",
                             borderTop: "1px solid var(--color-border)",
                             borderRight: "1px solid var(--color-border)",
@@ -1415,138 +1405,125 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
                             position: "relative",
                             overflow: "hidden"
                           },
-                          children: [
-                            /* @__PURE__ */ jsx(
-                              "div",
-                              {
-                                style: {
-                                  position: "absolute",
-                                  inset: "0 auto 0 0",
-                                  width: 3,
-                                  background: `linear-gradient(180deg, ${accent} 0%, color-mix(in srgb, ${accent} 30%, transparent) 100%)`
-                                }
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-                              /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "wrap", children: [
-                                /* @__PURE__ */ jsxs(Stack, { gap: 6, style: { flex: 1, minWidth: 260 }, children: [
-                                  /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
-                                    /* @__PURE__ */ jsx(Text, { fw: 700, size: "lg", c: "var(--color-text)", children: milestone.name }),
-                                    /* @__PURE__ */ jsx(
-                                      Badge,
-                                      {
-                                        variant: "light",
-                                        color: milestoneStatusColors[milestone.status || ""] || "gray",
-                                        size: "sm",
-                                        styles: {
-                                          root: {
-                                            letterSpacing: "0.02em"
-                                          }
-                                        },
-                                        children: formatStatusLabel(milestone.status || "unknown")
-                                      }
-                                    )
-                                  ] }),
-                                  milestone.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", maw: 900, children: milestone.description })
-                                ] }),
+                          children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+                            /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "wrap", children: [
+                              /* @__PURE__ */ jsxs(Stack, { gap: 6, style: { flex: 1, minWidth: 260 }, children: [
                                 /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
-                                  milestone.due_date && /* @__PURE__ */ jsxs(
+                                  /* @__PURE__ */ jsx(Text, { fw: 700, size: "lg", c: "var(--color-text)", children: milestone.name }),
+                                  /* @__PURE__ */ jsx(
                                     Badge,
                                     {
-                                      variant: "outline",
-                                      size: "md",
+                                      variant: "light",
+                                      color: milestoneStatusColors[milestone.status || ""] || "gray",
+                                      size: "sm",
                                       styles: {
                                         root: {
-                                          borderColor: "var(--border-primary-subtle)",
-                                          backgroundColor: "var(--surface-primary-faint)"
+                                          letterSpacing: "0.02em"
                                         }
                                       },
-                                      children: [
-                                        "Due ",
-                                        formatDate(milestone.due_date)
-                                      ]
-                                    }
-                                  ),
-                                  /* @__PURE__ */ jsxs(
-                                    Badge,
-                                    {
-                                      variant: "outline",
-                                      size: "md",
-                                      styles: {
-                                        root: {
-                                          borderColor: "var(--border-primary-soft)",
-                                          backgroundColor: "var(--color-surface)"
-                                        }
-                                      },
-                                      children: [
-                                        completedChecklistItems,
-                                        "/",
-                                        checklistItems.length,
-                                        " complete"
-                                      ]
-                                    }
-                                  ),
-                                  milestoneTasks.length > 0 && /* @__PURE__ */ jsxs(
-                                    Badge,
-                                    {
-                                      variant: "outline",
-                                      size: "md",
-                                      styles: {
-                                        root: {
-                                          borderColor: "var(--border-primary-soft)",
-                                          backgroundColor: "var(--color-surface)"
-                                        }
-                                      },
-                                      children: [
-                                        milestoneTasks.length,
-                                        " tasks"
-                                      ]
+                                      children: formatStatusLabel(milestone.status || "unknown")
                                     }
                                   )
-                                ] })
+                                ] }),
+                                milestone.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", maw: 900, children: milestone.description })
                               ] }),
-                              /* @__PURE__ */ jsx(MilestoneChecklist, { milestone }),
-                              milestoneTasks.length > 0 && /* @__PURE__ */ jsx(Stack, { gap: "sm", children: milestoneTasks.map((task) => /* @__PURE__ */ jsx(
-                                Card,
-                                {
-                                  p: "sm",
-                                  radius: "md",
-                                  style: {
-                                    border: "1px solid var(--border-primary-faint)",
-                                    backgroundColor: "color-mix(in srgb, var(--color-surface-hover) 70%, var(--color-surface))",
-                                    boxShadow: "var(--standard-box-shadow)"
-                                  },
-                                  children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-                                    /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", align: "flex-start", wrap: "wrap", children: [
-                                      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, c: "var(--color-text)", children: task.name }),
-                                      /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
-                                        /* @__PURE__ */ jsx(
-                                          Badge,
-                                          {
-                                            variant: "light",
-                                            color: taskTypeColors[task.type || ""] || "gray",
-                                            size: "xs",
-                                            children: formatStatusLabel(task.type || "other")
-                                          }
-                                        ),
-                                        /* @__PURE__ */ jsx(
-                                          Badge,
-                                          {
-                                            variant: "light",
-                                            color: taskStatusColors[task.status || ""] || "gray",
-                                            size: "xs",
-                                            children: formatStatusLabel(task.status || "pending")
-                                          }
-                                        )
-                                      ] })
-                                    ] }),
-                                    /* @__PURE__ */ jsx(InlineResumeContextEditor, { task, projectId })
-                                  ] })
+                              /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+                                milestone.due_date && /* @__PURE__ */ jsxs(
+                                  Badge,
+                                  {
+                                    variant: "outline",
+                                    size: "md",
+                                    styles: {
+                                      root: {
+                                        borderColor: "var(--border-primary-subtle)",
+                                        backgroundColor: "var(--surface-primary-faint)"
+                                      }
+                                    },
+                                    children: [
+                                      "Due ",
+                                      formatDate(milestone.due_date)
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs(
+                                  Badge,
+                                  {
+                                    variant: "outline",
+                                    size: "md",
+                                    styles: {
+                                      root: {
+                                        borderColor: "var(--border-primary-soft)",
+                                        backgroundColor: "var(--color-surface)"
+                                      }
+                                    },
+                                    children: [
+                                      completedChecklistItems,
+                                      "/",
+                                      checklistItems.length,
+                                      " complete"
+                                    ]
+                                  }
+                                ),
+                                milestoneTasks.length > 0 && /* @__PURE__ */ jsxs(
+                                  Badge,
+                                  {
+                                    variant: "outline",
+                                    size: "md",
+                                    styles: {
+                                      root: {
+                                        borderColor: "var(--border-primary-soft)",
+                                        backgroundColor: "var(--color-surface)"
+                                      }
+                                    },
+                                    children: [
+                                      milestoneTasks.length,
+                                      " tasks"
+                                    ]
+                                  }
+                                )
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ jsx(MilestoneChecklist, { milestone }),
+                            milestoneTasks.length > 0 && /* @__PURE__ */ jsx(Stack, { gap: "sm", children: milestoneTasks.map((task) => /* @__PURE__ */ jsx(
+                              Card,
+                              {
+                                p: "sm",
+                                radius: "md",
+                                style: {
+                                  border: "1px solid var(--border-primary-faint)",
+                                  backgroundColor: "color-mix(in srgb, var(--color-surface-hover) 70%, var(--color-surface))",
+                                  boxShadow: "var(--standard-box-shadow)"
                                 },
-                                task.id
-                              )) })
-                            ] })
-                          ]
+                                children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+                                  /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", align: "flex-start", wrap: "wrap", children: [
+                                    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, c: "var(--color-text)", children: task.name }),
+                                    /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+                                      /* @__PURE__ */ jsx(
+                                        Badge,
+                                        {
+                                          variant: "light",
+                                          color: taskTypeColors[task.type || ""] || "gray",
+                                          size: "xs",
+                                          children: formatStatusLabel(task.type || "other")
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsx(
+                                        Badge,
+                                        {
+                                          variant: "light",
+                                          color: taskStatusColors[task.status || ""] || "gray",
+                                          size: "xs",
+                                          children: formatStatusLabel(task.status || "pending")
+                                        }
+                                      )
+                                    ] })
+                                  ] }),
+                                  /* @__PURE__ */ jsx(InlineResumeContextEditor, { task, projectId })
+                                ] })
+                              },
+                              task.id
+                            )) })
+                          ] })
                         }
                       )
                     },

package/dist/{chunk-ND42LPY4.js → chunk-4QK76KIF.js}

@@ -1,12 +1,12 @@
 import { AppShellLoader } from './chunk-RYTEQBAO.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-R66W5UDG.js';
-import { useAvailablePresets } from './chunk-QHEWXU7I.js';
-import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useOrgRoles, useAssignRole, useRevokeRole, useHasPermission, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-JKSUN5GN.js';
-import { showApiErrorNotification, showErrorNotification, showSuccessNotification } from './chunk-7HMCB26R.js';
-import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-L3BVJWML.js';
+import { useAvailablePresets } from './chunk-JFL3GRD4.js';
+import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useOrgRoles, useAssignRole, useRevokeRole, useHasPermission, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-GCOQ3TBG.js';
+import { showApiErrorNotification, showErrorNotification, showSuccessNotification } from './chunk-XZGSCABI.js';
+import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-EPTHX4VZ.js';
 import { RoleBadge } from './chunk-JA5ECJJB.js';
-import { isAPIClientError, formatDateTime, OAUTH_FLOW_TIMEOUT } from './chunk-XQHZBA65.js';
+import { isAPIClientError, formatDateTime, OAUTH_FLOW_TIMEOUT } from './chunk-2RJMVWFJ.js';
 import { useInitialization } from './chunk-533DUEQY.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
 import { useElevasisServices } from './chunk-KJ3QUBNU.js';
@@ -2274,7 +2274,7 @@ function OAuthIntegrationsCard({ apiUrl }) {
 }
 var settingsManifest = {
   key: "settings",
-  featureId: "settings",
+  routePrefixes: ["/settings"],
   icon: IconSettings
 };
 

package/dist/chunk-5FJJ72HU.js

@@ -0,0 +1,13 @@
+import { ElevasisSystemsProvider } from './chunk-QXCDKE2O.js';
+import { jsx } from 'react/jsx-runtime';
+
+function createTestSystemsProvider({
+  organizationModel,
+  systems = []
+} = {}) {
+  return function TestSystemsProvider({ children }) {
+    return /* @__PURE__ */ jsx(ElevasisSystemsProvider, { systems, organizationModel, children });
+  };
+}
+
+export { createTestSystemsProvider };

package/dist/chunk-5J4PDX26.js

@@ -0,0 +1,112 @@
+// src/features/operations/organization-graph/types.ts
+var ORGANIZATION_GRAPH_NODE_KIND_ORDER = [
+  "organization",
+  "system",
+  "role",
+  "action",
+  "entity",
+  "event",
+  "policy",
+  "stage",
+  "resource",
+  "knowledge",
+  "customer-segment",
+  "offering",
+  "goal",
+  "surface",
+  "navigation-group",
+  "content-node"
+];
+var ORGANIZATION_GRAPH_NODE_KIND_LABELS = {
+  organization: "Organization",
+  system: "System",
+  role: "Role",
+  action: "Action",
+  entity: "Entity",
+  event: "Event",
+  policy: "Policy",
+  stage: "Stage",
+  resource: "Resource",
+  knowledge: "Knowledge",
+  "customer-segment": "Customer segment",
+  offering: "Offering",
+  goal: "Goal",
+  surface: "Surface",
+  "navigation-group": "Navigation group",
+  "content-node": "Content node"
+};
+var ORGANIZATION_GRAPH_NODE_KIND_DETAIL_LABELS = {
+  organization: "Organization root",
+  system: "System",
+  role: "Role",
+  action: "Action",
+  entity: "Entity",
+  event: "Event",
+  policy: "Policy",
+  stage: "Stage",
+  resource: "Resource",
+  knowledge: "Knowledge",
+  "customer-segment": "Customer segment",
+  offering: "Offering",
+  goal: "Goal",
+  surface: "Surface",
+  "navigation-group": "Navigation group",
+  "content-node": "Content node"
+};
+var ORGANIZATION_GRAPH_NODE_KIND_MEANINGS = {
+  organization: "The root of the shared organization model and the parent for every derived node.",
+  system: "A canonical Organization Model system for ownership, routing, and governance.",
+  role: "An Organization Model role that owns responsibilities and may govern systems.",
+  action: "A reusable action that can be attached to a system.",
+  entity: "A modeled business object or stateful data domain owned by the organization model.",
+  event: "A derived domain or runtime event emitted by entities, resources, or actions.",
+  policy: "A governance rule that applies to targets and may trigger effects across the graph.",
+  stage: "A lifecycle stage that records progress for an entity through a build pipeline.",
+  resource: "A concrete command-view or mapped resource that bridges execution topology into the model.",
+  knowledge: "An operational knowledge node that documents a process, strategy, or runbook in the org model.",
+  "customer-segment": "A defined segment of customers or prospects that the organization targets or serves.",
+  offering: "A product, service, or value proposition the organization delivers to customer segments.",
+  goal: "A strategic or operational objective that guides priorities and measures progress.",
+  surface: "A navigation surface (page or view) that is exposed through the platform shell.",
+  "navigation-group": "A logical grouping of navigation surfaces within the platform shell.",
+  "content-node": "A system-scoped content node authored in system.content (schema, config, or tenant-defined kind)."
+};
+var ORGANIZATION_GRAPH_EDGE_KIND_LABELS = {
+  contains: "Containment",
+  references: "Reference",
+  maps_to: "Mapping",
+  uses: "Uses",
+  governs: "Governs",
+  links: "Links",
+  affects: "Affects",
+  emits: "Emits",
+  originates_from: "Originates from",
+  triggers: "Triggers",
+  applies_to: "Applies to",
+  effects: "Effects"
+};
+var ORGANIZATION_GRAPH_EDGE_KIND_MEANINGS = {
+  contains: "A hierarchy or ownership link inside the shared graph.",
+  references: "A semantic association or dependency between two graph nodes.",
+  maps_to: "An action is aligned to a concrete resource.",
+  uses: "A graph node depends on another node, resource, entity, or integration.",
+  governs: "A knowledge node, role, or policy provides authoritative guidance for another node.",
+  links: "Two modeled nodes are associated without stronger ownership or execution semantics.",
+  affects: "The source can influence the behavior, state, or outcome of the target.",
+  emits: "The source produces an event that can be inspected or traversed.",
+  originates_from: "The source is derived from or owned by the target origin.",
+  triggers: "The source can start or activate the target.",
+  applies_to: "A policy or rule targets the node it applies to.",
+  effects: "A policy or event produces the target effect."
+};
+var DEFAULT_ORGANIZATION_GRAPH_FILTERS = {
+  search: "",
+  nodeKinds: [],
+  topologyPresence: "all",
+  environmentStatus: "all",
+  resourceTypes: [],
+  showIntegrations: true,
+  domainFilters: {}
+};
+
+export { DEFAULT_ORGANIZATION_GRAPH_FILTERS, ORGANIZATION_GRAPH_EDGE_KIND_LABELS, ORGANIZATION_GRAPH_EDGE_KIND_MEANINGS, ORGANIZATION_GRAPH_NODE_KIND_DETAIL_LABELS, ORGANIZATION_GRAPH_NODE_KIND_LABELS, ORGANIZATION_GRAPH_NODE_KIND_MEANINGS, ORGANIZATION_GRAPH_NODE_KIND_ORDER };

package/dist/{chunk-QDEETKYT.js → chunk-6DWD423K.js}

@@ -1,22 +1,22 @@
-import { useElevasisFeatures } from './chunk-6IXOKUBC.js';
-import { FeatureUnavailableState } from './chunk-L3BVJWML.js';
+import { FeatureUnavailableState } from './chunk-EPTHX4VZ.js';
+import { useElevasisSystems } from './chunk-QXCDKE2O.js';
 import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer } from './chunk-TKAYX2SP.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
-var defaultFeatureSidebarWidth = 250;
-function FeatureShell({ children }) {
-  const { shellRuntime } = useElevasisFeatures();
+var defaultSystemSidebarWidth = 250;
+function SystemShell({ children }) {
+  const { shellRuntime } = useElevasisSystems();
   const { currentPath } = useRouterContext();
   const routeMatch = shellRuntime.resolveRoute(currentPath);
   if (routeMatch.status === "hidden") {
     return /* @__PURE__ */ jsx(FeatureUnavailableState, { path: currentPath });
   }
-  if (routeMatch.status !== "matched" || !routeMatch.feature?.sidebar) {
+  if (routeMatch.status !== "matched" || !routeMatch.system?.sidebar) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  const SidebarComponent = routeMatch.feature.sidebar;
-  const sidebarWidth = typeof routeMatch.feature.sidebarWidth === "function" ? routeMatch.feature.sidebarWidth({ currentPath }) : routeMatch.feature.sidebarWidth ?? defaultFeatureSidebarWidth;
+  const SidebarComponent = routeMatch.system.sidebar;
+  const sidebarWidth = typeof routeMatch.system.sidebarWidth === "function" ? routeMatch.system.sidebarWidth({ currentPath }) : routeMatch.system.sidebarWidth ?? defaultSystemSidebarWidth;
   if (sidebarWidth === 0) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
@@ -26,4 +26,4 @@ function FeatureShell({ children }) {
   ] });
 }
 
-export { FeatureShell };
+export { SystemShell };