spine-framework 0.3.124 → 0.3.126

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

@@ -1,3 +1,36 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="menubar_module_header_1783796064" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for menubar components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, Radix UI, utilities, and icons"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="imported modules" errors="none" side_effects="module imports"]
+// CIL[DOC-MICRO logic_summary="Imports all dependencies for menubar 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/layout/Sidebar.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.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"]
 "use client"
 
 import * as React from "react"
@@ -5,7 +38,21 @@ import { Menubar as MenubarPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { CheckIcon, ChevronRightIcon } from "lucide-react"
-
+// CIL[END chunk_id="menubar_module_header_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubar_1783796064" type="function" identity="menubar" parent="none"]
+// CIL[DOC-MACRO purpose="Render main menubar container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled menubar root element"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/portal/pages/CoursesPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled menubar container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates horizontal menubar container with border and padding" 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, custom/apps/portal/pages/CoursesPage.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 Menubar({
   className,
   ...props
@@ -18,25 +65,81 @@ function Menubar({
     />
   )
 }
-
+// CIL[END chunk_id="menubar_menubar_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarmenu_1783796064" type="function" identity="menubarmenu" parent="none"]
+// CIL[DOC-MACRO purpose="Render menubar menu container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create menu wrapper for menubar items"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/portal/pages/CoursesPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="menu container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates menu container for organizing menubar 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, custom/apps/portal/pages/CoursesPage.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 MenubarMenu({
   ...props
 }: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
   return <MenubarPrimitive.Menu data-slot="menubar-menu" {...props} />
 }
-
+// CIL[END chunk_id="menubar_menubarmenu_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubargroup_1783796064" type="function" identity="menubargroup" parent="none"]
+// CIL[DOC-MACRO purpose="Render menubar group container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create grouping container for menu items"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/portal/pages/CoursesPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="group container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates semantic grouping for related 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, custom/apps/portal/pages/CoursesPage.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 MenubarGroup({
   ...props
 }: React.ComponentProps<typeof MenubarPrimitive.Group>) {
   return <MenubarPrimitive.Group data-slot="menubar-group" {...props} />
 }
-
+// CIL[END chunk_id="menubar_menubargroup_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarportal_1783796064" type="function" identity="menubarportal" parent="none"]
+// CIL[DOC-MACRO purpose="Render portal for menubar content"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create portal container for dropdown content"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/portal/pages/CoursesPage.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="portal container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates portal for rendering content outside DOM hierarchy" 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, custom/apps/portal/pages/CoursesPage.tsx, .framework/src/components/layout/Sidebar.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.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"]
 function MenubarPortal({
   ...props
 }: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
   return <MenubarPrimitive.Portal data-slot="menubar-portal" {...props} />
 }
-
+// CIL[END chunk_id="menubar_menubarportal_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarradiogroup_1783796064" type="function" identity="menubarradiogroup" parent="none"]
+// CIL[DOC-MACRO purpose="Render radio group for menubar items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create radio button group container"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="radio group container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates radio group for mutually exclusive menu options" 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 MenubarRadioGroup({
   ...props
 }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
@@ -44,7 +147,21 @@ function MenubarRadioGroup({
     <MenubarPrimitive.RadioGroup data-slot="menubar-radio-group" {...props} />
   )
 }
-
+// CIL[END chunk_id="menubar_menubarradiogroup_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubartrigger_1783796064" type="function" identity="menubartrigger" parent="none"]
+// CIL[DOC-MACRO purpose="Render trigger button for menubar menu"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create clickable trigger for dropdown menu"]
+// CIL[DOC-CONTEXT module="menubar" 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 hover and active 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 MenubarTrigger({
   className,
   ...props
@@ -60,7 +177,21 @@ function MenubarTrigger({
     />
   )
 }
-
+// CIL[END chunk_id="menubar_menubartrigger_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarcontent_1783796064" type="function" identity="menubarcontent" parent="none"]
+// CIL[DOC-MACRO purpose="Render dropdown content for menubar"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled dropdown container with animations"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled dropdown content" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates dropdown content with positioning and slide 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 MenubarContent({
   className,
   align = "start",
@@ -81,7 +212,21 @@ function MenubarContent({
     </MenubarPortal>
   )
 }
-
+// CIL[END chunk_id="menubar_menubarcontent_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubaritem_1783796064" type="function" identity="menubaritem" parent="none"]
+// CIL[DOC-MACRO purpose="Render menu item with variants"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create flexible menu item with styling options"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled menu item" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates menu item with inset and destructive variant support" 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 MenubarItem({
   className,
   inset,
@@ -104,7 +249,21 @@ function MenubarItem({
     />
   )
 }
-
+// CIL[END chunk_id="menubar_menubaritem_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarcheckboxitem_1783796064" type="function" identity="menubarcheckboxitem" parent="none"]
+// CIL[DOC-MACRO purpose="Render checkbox menu item"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create menu item with checkbox functionality"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="checkbox menu item" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates checkbox menu item with check icon indicator" 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 MenubarCheckboxItem({
   className,
   children,
@@ -135,7 +294,21 @@ function MenubarCheckboxItem({
     </MenubarPrimitive.CheckboxItem>
   )
 }
-
+// CIL[END chunk_id="menubar_menubarcheckboxitem_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarradioitem_1783796064" type="function" identity="menubarradioitem" parent="none"]
+// CIL[DOC-MACRO purpose="Render radio menu item"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create menu item with radio button functionality"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="radio menu item" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates radio menu item with check icon indicator" 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 MenubarRadioItem({
   className,
   children,
@@ -164,7 +337,21 @@ function MenubarRadioItem({
     </MenubarPrimitive.RadioItem>
   )
 }
-
+// CIL[END chunk_id="menubar_menubarradioitem_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarlabel_1783796064" type="function" identity="menubarlabel" parent="none"]
+// CIL[DOC-MACRO purpose="Render label for menu items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create non-interactive label text for menus"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled label element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates non-interactive label with inset support" 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 MenubarLabel({
   className,
   inset,
@@ -184,7 +371,21 @@ function MenubarLabel({
     />
   )
 }
-
+// CIL[END chunk_id="menubar_menubarlabel_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarseparator_1783796064" type="function" identity="menubarseparator" parent="none"]
+// CIL[DOC-MACRO purpose="Render separator between menu items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create visual divider for menu sections"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled separator" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates horizontal separator with margin and 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 MenubarSeparator({
   className,
   ...props
@@ -197,7 +398,21 @@ function MenubarSeparator({
     />
   )
 }
-
+// CIL[END chunk_id="menubar_menubarseparator_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarshortcut_1783796064" type="function" identity="menubarshortcut" parent="none"]
+// CIL[DOC-MACRO purpose="Render keyboard shortcut text"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled shortcut display for menu items"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled shortcut text" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates small text for keyboard shortcuts with focus 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 MenubarShortcut({
   className,
   ...props
@@ -213,13 +428,41 @@ function MenubarShortcut({
     />
   )
 }
-
+// CIL[END chunk_id="menubar_menubarshortcut_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarsub_1783796064" type="function" identity="menubarsub" parent="none"]
+// CIL[DOC-MACRO purpose="Render submenu container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create container for nested menu structure"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="submenu container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates submenu container for hierarchical menu structure" 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 MenubarSub({
   ...props
 }: React.ComponentProps<typeof MenubarPrimitive.Sub>) {
   return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props} />
 }
-
+// CIL[END chunk_id="menubar_menubarsub_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarsubtrigger_1783796064" type="function" identity="menubarsubtrigger" parent="none"]
+// CIL[DOC-MACRO purpose="Render submenu trigger button"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create trigger for nested menu with chevron"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled submenu trigger" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates submenu trigger with chevron icon and focus 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 MenubarSubTrigger({
   className,
   inset,
@@ -243,7 +486,21 @@ function MenubarSubTrigger({
     </MenubarPrimitive.SubTrigger>
   )
 }
-
+// CIL[END chunk_id="menubar_menubarsubtrigger_1783796064"]
+// CIL[BEGIN chunk_id="menubar_menubarsubcontent_1783796064" type="function" identity="menubarsubcontent" parent="none"]
+// CIL[DOC-MACRO purpose="Render submenu dropdown content"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled dropdown for nested menu items"]
+// CIL[DOC-CONTEXT module="menubar" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled submenu content" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates submenu dropdown with animations and positioning" 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 MenubarSubContent({
   className,
   ...props
@@ -256,7 +513,21 @@ function MenubarSubContent({
     />
   )
 }
-
+// CIL[END chunk_id="menubar_menubarsubcontent_1783796064"]
+// CIL[BEGIN chunk_id="menubar_exports_1783796064" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export menubar components for public use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Export all menubar-related components"]
+// CIL[DOC-CONTEXT module="menubar" 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 menubar 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 {
   Menubar,
   MenubarPortal,
@@ -275,3 +546,4 @@ export {
   MenubarSubTrigger,
   MenubarSubContent,
 }
+// CIL[END chunk_id="menubar_exports_1783796064"]

package/.framework/src/components/ui/native-select.tsx

@@ -1,12 +1,61 @@
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="native_select_module_header_1783796064" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for native select components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, utilities, and icons"]
+// CIL[DOC-CONTEXT module="native-select" 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 React, cn utility, and ChevronDownIcon" 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 { cn } from "@/lib/utils"
 import { ChevronDownIcon } from "lucide-react"
-
+// CIL[END chunk_id="native_select_module_header_1783796064"]
+// CIL[BEGIN chunk_id="native_select_types_1783796064" type="type_definition" identity="NativeSelectProps" parent="none"]
+// CIL[DOC-MACRO purpose="Define TypeScript type for native select props"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create type definition with size variant support"]
+// CIL[DOC-CONTEXT module="native-select" layer="ui_components" related_files="[\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/functions/_shared/principal.ts\",\".framework/migrations/025_retype_threads_messages.sql\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="TypeScript type definition" errors="none" side_effects="type definition"]
+// CIL[DOC-MICRO logic_summary="Defines props type with size variant and standard select props" 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/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/functions/_shared/principal.ts, .framework/migrations/025_retype_threads_messages.sql, 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 NativeSelectProps = Omit<React.ComponentProps<"select">, "size"> & {
   size?: "sm" | "default"
 }
-
+// CIL[END chunk_id="native_select_types_1783796064"]
+// CIL[BEGIN chunk_id="native_select_nativeselect_1783796064" type="function" identity="NativeSelect" parent="none"]
+// CIL[DOC-MACRO purpose="Render native select dropdown with styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled native select with chevron icon"]
+// CIL[DOC-CONTEXT module="native-select" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/RolesPage.tsx\",\".framework/src/components/ui/dialog.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled select element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates native select with custom styling and dropdown icon" 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/functions/_shared/schema-utils.ts, .framework/src/pages/admin/RolesPage.tsx, .framework/src/components/ui/dialog.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 NativeSelect({
   className,
   size = "default",
@@ -31,7 +80,21 @@ function NativeSelect({
     </div>
   )
 }
-
+// CIL[END chunk_id="native_select_nativeselect_1783796064"]
+// CIL[BEGIN chunk_id="native_select_nativeselectoption_1783796064" type="function" identity="NativeSelectOption" parent="none"]
+// CIL[DOC-MACRO purpose="Render option element for native select"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled option component for select dropdown"]
+// CIL[DOC-CONTEXT module="native-select" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled option element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates option element with system color 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: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .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"]
 function NativeSelectOption({
   className,
   ...props
@@ -44,7 +107,21 @@ function NativeSelectOption({
     />
   )
 }
-
+// CIL[END chunk_id="native_select_nativeselectoption_1783796064"]
+// CIL[BEGIN chunk_id="native_select_nativeselectoptgroup_1783796064" type="function" identity="NativeSelectOptGroup" parent="none"]
+// CIL[DOC-MACRO purpose="Render optgroup element for native select"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled optgroup component for option grouping"]
+// CIL[DOC-CONTEXT module="native-select" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled optgroup element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates optgroup element with system color 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: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .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"]
 function NativeSelectOptGroup({
   className,
   ...props
@@ -57,5 +134,20 @@ function NativeSelectOptGroup({
     />
   )
 }
-
+// CIL[END chunk_id="native_select_nativeselectoptgroup_1783796064"]
+// CIL[BEGIN chunk_id="native_select_exports_1783796064" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export native select components for public use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Export all native select-related components"]
+// CIL[DOC-CONTEXT module="native-select" 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 native select 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 { NativeSelect, NativeSelectOptGroup, NativeSelectOption }
+// CIL[END chunk_id="native_select_exports_1783796064"]