spine-framework 0.3.124 → 0.3.126

package/.framework/src/components/ui/navigation-menu.tsx

@@ -1,10 +1,50 @@
+
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="navigation_menu_module_header_1783796064" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for navigation menu components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, CVA, Radix UI, utilities, and icons"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="imported modules" errors="none" side_effects="module imports"]
+// CIL[DOC-MICRO logic_summary="Imports all dependencies for navigation menu component system" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, .framework/functions/_shared/schema-utils.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 import * as React from "react"
 import { cva } from "class-variance-authority"
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { ChevronDownIcon } from "lucide-react"
-
+// CIL[END chunk_id="navigation_menu_module_header_1783796064"]
+// CIL[BEGIN chunk_id="navigation_menu_navigationmenu_1783796064" type="function" identity="NavigationMenu" parent="none"]
+// CIL[DOC-MACRO purpose="Render main navigation menu container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create navigation menu root with viewport support"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="navigation menu container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates navigation menu root with optional viewport component" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function NavigationMenu({
   className,
   children,
@@ -28,7 +68,21 @@ function NavigationMenu({
     </NavigationMenuPrimitive.Root>
   )
 }
-
+// CIL[END chunk_id="navigation_menu_navigationmenu_1783796064"]
+// CIL[BEGIN chunk_id="navigation_menu_navigationmenulist_1783796064" type="function" identity="NavigationMenuList" parent="none"]
+// CIL[DOC-MACRO purpose="Render navigation menu list container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create flex container for navigation menu items"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="navigation list container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates flex container for horizontal navigation layout" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function NavigationMenuList({
   className,
   ...props
@@ -44,7 +98,21 @@ function NavigationMenuList({
     />
   )
 }
-
+// CIL[END chunk_id="navigation_menu_navigationmenulist_1783796064"]
+// CIL[BEGIN chunk_id="navigation_menu_navigationmenuitem_1783796064" type="function" identity="NavigationMenuItem" parent="none"]
+// CIL[DOC-MACRO purpose="Render navigation menu item container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create container for individual navigation items"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="navigation item container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates relative positioned container for navigation menu items" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function NavigationMenuItem({
   className,
   ...props
@@ -57,11 +125,39 @@ function NavigationMenuItem({
     />
   )
 }
-
+// CIL[END chunk_id="navigation_menu_navigationmenuitem_1783796064"]
+// CIL[BEGIN chunk_id="navigation_menu_navigationmenutriggerstyle_1783796064" type="cva" identity="navigationMenuTriggerStyle" parent="none"]
+// CIL[DOC-MACRO purpose="Define style variants for navigation menu triggers"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create CVA configuration for trigger styling"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="CVA variant configuration" errors="none" side_effects="defines styling variants"]
+// CIL[DOC-MICRO logic_summary="Defines comprehensive styling for navigation menu triggers" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 const navigationMenuTriggerStyle = cva(
   "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-xs/relaxed font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted"
 )
-
+// CIL[END chunk_id="navigation_menu_navigationmenutriggerstyle_1783796064"]
+// CIL[BEGIN chunk_id="navigation_menu_navigationmenutrigger_1783796064" type="function" identity="NavigationMenuTrigger" parent="none"]
+// CIL[DOC-MACRO purpose="Render navigation menu trigger button"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create trigger with chevron icon and animations"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled trigger button" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates trigger button with rotating chevron and hover states" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function NavigationMenuTrigger({
   className,
   children,
@@ -78,7 +174,21 @@ function NavigationMenuTrigger({
     </NavigationMenuPrimitive.Trigger>
   )
 }
-
+// CIL[END chunk_id="navigation_menu_navigationmenutrigger_1783796064"]
+// CIL[BEGIN chunk_id="navigation_menu_navigationmenucontent_1783796064" type="function" identity="NavigationMenuContent" parent="none"]
+// CIL[DOC-MACRO purpose="Render navigation menu content dropdown"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled content container with animations"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled content container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates content dropdown with viewport-aware positioning and animations" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function NavigationMenuContent({
   className,
   ...props
@@ -94,7 +204,21 @@ function NavigationMenuContent({
     />
   )
 }
-
+// CIL[END chunk_id="navigation_menu_navigationmenucontent_1783796064"]
+// CIL[BEGIN chunk_id="navigation_menu_navigationmenuviewport_1783796064" type="function" identity="NavigationMenuViewport" parent="none"]
+// CIL[DOC-MACRO purpose="Render navigation menu viewport container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create viewport for dropdown content positioning"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled viewport container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates positioned viewport with zoom animations for content" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function NavigationMenuViewport({
   className,
   ...props
@@ -116,7 +240,21 @@ function NavigationMenuViewport({
     </div>
   )
 }
-
+// CIL[END chunk_id="navigation_menu_navigationmenuviewport_1783796064"]
+// CIL[BEGIN chunk_id="navigation_menu_navigationmenulink_1783796064" type="function" identity="NavigationMenuLink" parent="none"]
+// CIL[DOC-MACRO purpose="Render navigation menu link component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled link for navigation menu items"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled link element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates navigation link with hover states and active styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function NavigationMenuLink({
   className,
   ...props
@@ -132,7 +270,21 @@ function NavigationMenuLink({
     />
   )
 }
-
+// CIL[END chunk_id="navigation_menu_navigationmenulink_1783796064"]
+// CIL[BEGIN chunk_id="navigation_menu_navigationmenuindicator_1783796064" type="function" identity="NavigationMenuIndicator" parent="none"]
+// CIL[DOC-MACRO purpose="Render navigation menu indicator element"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create visual indicator for active menu item"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled indicator element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates animated indicator with triangular design for active items" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function NavigationMenuIndicator({
   className,
   ...props
@@ -150,7 +302,21 @@ function NavigationMenuIndicator({
     </NavigationMenuPrimitive.Indicator>
   )
 }
-
+// CIL[END chunk_id="navigation_menu_navigationmenuindicator_1783796064"]
+// CIL[BEGIN chunk_id="navigation_menu_exports_1783796064" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export navigation menu components for public use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Export all navigation menu-related components"]
+// CIL[DOC-CONTEXT module="navigation-menu" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="exported components" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports comprehensive navigation menu component system for consumption" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export {
   NavigationMenu,
   NavigationMenuList,
@@ -162,3 +328,4 @@ export {
   NavigationMenuViewport,
   navigationMenuTriggerStyle,
 }
+// CIL[END chunk_id="navigation_menu_exports_1783796064"]

package/.framework/src/components/ui/pagination.tsx

@@ -1,9 +1,48 @@
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="pagination_module_header_1783758409" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for pagination component library"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import external React UI primitives and utilities"]
+// CIL[DOC-CONTEXT module="pagination" layer="ui_components" related_files="[\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, utils, Button, icons" errors="none" side_effects="Module imports"]
+// CIL[DOC-MICRO logic_summary="Imports React, utility functions, Button component and chevron/more icons" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/layout/Sidebar.tsx, .framework/src/components/ui/dialog.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 import * as React from "react"
 
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
-
+// CIL[END chunk_id="pagination_module_header_1783758409"]
+// CIL[BEGIN chunk_id="pagination_pagination_1783758409" type="function" identity="Pagination" parent="none"]
+// CIL[DOC-MACRO purpose="Root pagination navigation container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide semantic navigation container with accessibility"]
+// CIL[DOC-CONTEXT module="pagination" layer="ui_components" related_files="[\".framework/src/components/layout/Sidebar.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled nav element" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Creates semantic nav with ARIA label, centered layout and flex container" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/layout/Sidebar.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
   return (
     <nav
@@ -15,7 +54,21 @@ function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
     />
   )
 }
-
+// CIL[END chunk_id="pagination_pagination_1783758409"]
+// CIL[BEGIN chunk_id="pagination_paginationcontent_1783758409" type="function" identity="PaginationContent" parent="none"]
+// CIL[DOC-MACRO purpose="Content container for pagination items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled list container with flex layout"]
+// CIL[DOC-CONTEXT module="pagination" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled ul element" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Creates flex container with centered items and small gap between pagination items" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 1. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/layout/Sidebar.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. Total affected: 2."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function PaginationContent({
   className,
   ...props
@@ -28,16 +81,58 @@ function PaginationContent({
     />
   )
 }
-
+// CIL[END chunk_id="pagination_paginationcontent_1783758409"]
+// CIL[BEGIN chunk_id="pagination_paginationitem_1783758409" type="function" identity="PaginationItem" parent="none"]
+// CIL[DOC-MACRO purpose="Individual pagination item container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide list item wrapper for pagination elements"]
+// CIL[DOC-CONTEXT module="pagination" layer="ui_components" related_files="[\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled li element" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Creates list item with data-slot attribute for pagination elements" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 1. Direct calls: 0. Related files: .framework/src/pages/admin/TypeDetailPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. Total affected: 2."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function PaginationItem({ ...props }: React.ComponentProps<"li">) {
   return <li data-slot="pagination-item" {...props} />
 }
-
+// CIL[END chunk_id="pagination_paginationitem_1783758409"]
+// CIL[BEGIN chunk_id="pagination_paginationlinkprops_1783758409" type="types" identity="PaginationLinkProps" parent="none"]
+// CIL[DOC-MACRO purpose="Define TypeScript interface for pagination links"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide type definition for pagination link properties"]
+// CIL[DOC-CONTEXT module="pagination" layer="ui_components" related_files="[\".framework/src/components/layout/Sidebar.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/functions/_shared/principal.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="TypeScript interface" errors="none" side_effects="Type definition"]
+// CIL[DOC-MICRO logic_summary="Defines interface with active flag, size prop and anchor element properties" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/layout/Sidebar.tsx, .framework/functions/_shared/schema-utils.ts, .framework/functions/_shared/principal.ts, .framework/src/pages/admin/TypeDetailPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 type PaginationLinkProps = {
   isActive?: boolean
 } & Pick<React.ComponentProps<typeof Button>, "size"> &
   React.ComponentProps<"a">
-
+// CIL[END chunk_id="pagination_paginationlinkprops_1783758409"]
+// CIL[BEGIN chunk_id="pagination_paginationlink_1783758409" type="function" identity="PaginationLink" parent="none"]
+// CIL[DOC-MACRO purpose="Clickable pagination link with active state"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled link with active state and accessibility"]
+// CIL[DOC-CONTEXT module="pagination" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled link" errors="none" side_effects="DOM events"]
+// CIL[DOC-MICRO logic_summary="Creates button-wrapped link with active state styling and ARIA current attribute" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function PaginationLink({
   className,
   isActive,
@@ -60,7 +155,21 @@ function PaginationLink({
     </Button>
   )
 }
-
+// CIL[END chunk_id="pagination_paginationlink_1783758409"]
+// CIL[BEGIN chunk_id="pagination_paginationprevious_1783758409" type="function" identity="PaginationPrevious" parent="none"]
+// CIL[DOC-MACRO purpose="Previous page navigation button"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled previous button with icon and text"]
+// CIL[DOC-CONTEXT module="pagination" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Previous button" errors="none" side_effects="DOM events"]
+// CIL[DOC-MICRO logic_summary="Creates previous button with chevron icon, responsive text and ARIA label" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function PaginationPrevious({
   className,
   text = "Previous",
@@ -78,7 +187,21 @@ function PaginationPrevious({
     </PaginationLink>
   )
 }
-
+// CIL[END chunk_id="pagination_paginationprevious_1783758409"]
+// CIL[BEGIN chunk_id="pagination_paginationnext_1783758409" type="function" identity="PaginationNext" parent="none"]
+// CIL[DOC-MACRO purpose="Next page navigation button"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled next button with icon and text"]
+// CIL[DOC-CONTEXT module="pagination" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Next button" errors="none" side_effects="DOM events"]
+// CIL[DOC-MICRO logic_summary="Creates next button with chevron icon, responsive text and ARIA label" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function PaginationNext({
   className,
   text = "Next",
@@ -96,7 +219,21 @@ function PaginationNext({
     </PaginationLink>
   )
 }
-
+// CIL[END chunk_id="pagination_paginationnext_1783758409"]
+// CIL[BEGIN chunk_id="pagination_paginationellipsis_1783758409" type="function" identity="PaginationEllipsis" parent="none"]
+// CIL[DOC-MACRO purpose="Ellipsis indicator for hidden pages"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled ellipsis with icon and accessibility"]
+// CIL[DOC-CONTEXT module="pagination" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Ellipsis indicator" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Creates ellipsis with MoreHorizontal icon, centered layout and screen reader text" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function PaginationEllipsis({
   className,
   ...props
@@ -117,7 +254,21 @@ function PaginationEllipsis({
     </span>
   )
 }
-
+// CIL[END chunk_id="pagination_paginationellipsis_1783758409"]
+// CIL[BEGIN chunk_id="pagination_exports_1783758409" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export all pagination components for public API"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide module exports for pagination component library"]
+// CIL[DOC-CONTEXT module="pagination" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Component exports" errors="none" side_effects="Module exports"]
+// CIL[DOC-MICRO logic_summary="Exports all pagination components: Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export {
   Pagination,
   PaginationContent,
@@ -127,3 +278,4 @@ export {
   PaginationNext,
   PaginationPrevious,
 }
+// CIL[END chunk_id="pagination_exports_1783758409"]