spine-framework 0.3.124 → 0.3.126

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

@@ -1,17 +1,75 @@
-"use client"
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="dropdownmenu_module_header_1783844098" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for dropdown menu components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, Radix UI primitives and utilities"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" 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="React, Radix primitives, utilities" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React, Radix DropdownMenu primitives, styling utilities and 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. 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"]
+"use client"
 import * as React from "react"
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui"
-
 import { cn } from "@/lib/utils"
 import { CheckIcon, ChevronRightIcon } from "lucide-react"
-
+// CIL[END chunk_id="dropdownmenu_module_header_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenu_1783844098" type="function" identity="DropdownMenu" parent="none"]
+// CIL[DOC-MACRO purpose="Root dropdown menu component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide Radix UI DropdownMenu root primitive"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="dropdown menu root" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix DropdownMenu.Root with data-slot 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. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, 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 DropdownMenu({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
   return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenu_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenuportal_1783844098" type="function" identity="DropdownMenuPortal" parent="none"]
+// CIL[DOC-MACRO purpose="Portal for rendering dropdown menu outside DOM tree"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide portal for dropdown menu positioning"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" 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="dropdown menu portal" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix DropdownMenuPortal with data-slot 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. Direct callers: 1. 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: 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 DropdownMenuPortal({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
@@ -19,7 +77,21 @@ function DropdownMenuPortal({
     <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenuportal_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenutrigger_1783844098" type="function" identity="DropdownMenuTrigger" parent="none"]
+// CIL[DOC-MACRO purpose="Dropdown menu trigger component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide trigger element for opening dropdown menu"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="dropdown menu trigger" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix DropdownMenuTrigger with data-slot 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. Direct callers: 1. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.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 DropdownMenuTrigger({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
@@ -30,7 +102,21 @@ function DropdownMenuTrigger({
     />
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenutrigger_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenucontent_1783844098" type="function" identity="DropdownMenuContent" parent="none"]
+// CIL[DOC-MACRO purpose="Main dropdown menu content container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled popup container for menu items"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled popup container" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates popup with portal, animations and popover 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. 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 DropdownMenuContent({
   className,
   align = "start",
@@ -49,7 +135,21 @@ function DropdownMenuContent({
     </DropdownMenuPrimitive.Portal>
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenucontent_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenugroup_1783844098" type="function" identity="DropdownMenuGroup" parent="none"]
+// CIL[DOC-MACRO purpose="Container for grouping dropdown menu items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide grouping container for related menu items"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="group container" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix DropdownMenuGroup with data-slot 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. 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 DropdownMenuGroup({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
@@ -57,7 +157,21 @@ function DropdownMenuGroup({
     <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenugroup_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenuitem_1783844098" type="function" identity="DropdownMenuItem" parent="none"]
+// CIL[DOC-MACRO purpose="Individual dropdown menu item"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render selectable menu item with variants and inset support"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled menu item" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates interactive item with focus styling and destructive variant" 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. 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 DropdownMenuItem({
   className,
   inset,
@@ -80,7 +194,21 @@ function DropdownMenuItem({
     />
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenuitem_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenucheckboxitem_1783844098" type="function" identity="DropdownMenuCheckboxItem" parent="none"]
+// CIL[DOC-MACRO purpose="Checkbox item for dropdown menus"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render toggleable menu item with check indicator"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="checkbox menu item" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates toggleable item with check indicator and inset 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. 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 DropdownMenuCheckboxItem({
   className,
   children,
@@ -114,7 +242,21 @@ function DropdownMenuCheckboxItem({
     </DropdownMenuPrimitive.CheckboxItem>
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenucheckboxitem_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenuradiogroup_1783844098" type="function" identity="DropdownMenuRadioGroup" parent="none"]
+// CIL[DOC-MACRO purpose="Radio group container for dropdown menu items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide radio button grouping for menu items"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="radio group container" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix DropdownMenuRadioGroup with data-slot 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. 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 DropdownMenuRadioGroup({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
@@ -125,7 +267,21 @@ function DropdownMenuRadioGroup({
     />
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenuradiogroup_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenuradioitem_1783844098" type="function" identity="DropdownMenuRadioItem" parent="none"]
+// CIL[DOC-MACRO purpose="Radio button item for dropdown menus"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render selectable radio item with check indicator"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="radio menu item" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates radio item with check indicator and inset 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. 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 DropdownMenuRadioItem({
   className,
   children,
@@ -157,7 +313,21 @@ function DropdownMenuRadioItem({
     </DropdownMenuPrimitive.RadioItem>
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenuradioitem_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenulabel_1783844098" type="function" identity="DropdownMenuLabel" parent="none"]
+// CIL[DOC-MACRO purpose="Label text for dropdown menu sections"]
+// CIL[DOC-RESPONSIBILITY responsibility="Display styled label text for menu sections"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled label" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates muted text label with inset styling 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. 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 DropdownMenuLabel({
   className,
   inset,
@@ -177,7 +347,21 @@ function DropdownMenuLabel({
     />
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenulabel_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenuseparator_1783844098" type="function" identity="DropdownMenuSeparator" parent="none"]
+// CIL[DOC-MACRO purpose="Visual separator for dropdown menu sections"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled separator between menu sections"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled separator" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates horizontal line with margin and border 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. 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 DropdownMenuSeparator({
   className,
   ...props
@@ -190,7 +374,21 @@ function DropdownMenuSeparator({
     />
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenuseparator_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenushortcut_1783844098" type="function" identity="DropdownMenuShortcut" parent="none"]
+// CIL[DOC-MACRO purpose="Keyboard shortcut display for menu items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled keyboard shortcut text"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled shortcut span" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates small tracking-widest text 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. 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 DropdownMenuShortcut({
   className,
   ...props
@@ -206,13 +404,41 @@ function DropdownMenuShortcut({
     />
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenushortcut_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenusub_1783844098" type="function" identity="DropdownMenuSub" parent="none"]
+// CIL[DOC-MACRO purpose="Submenu container for nested dropdown menus"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide container for nested menu items"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="submenu container" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix DropdownMenuSub with data-slot 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. 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 DropdownMenuSub({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
   return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenusub_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenusubtrigger_1783844098" type="function" identity="DropdownMenuSubTrigger" parent="none"]
+// CIL[DOC-MACRO purpose="Trigger for nested dropdown menu submenus"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide trigger with chevron for submenu expansion"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="submenu trigger" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates trigger with chevron icon and inset styling 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. 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 DropdownMenuSubTrigger({
   className,
   inset,
@@ -236,7 +462,21 @@ function DropdownMenuSubTrigger({
     </DropdownMenuPrimitive.SubTrigger>
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenusubtrigger_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_dropdownmenusubcontent_1783844098" type="function" identity="DropdownMenuSubContent" parent="none"]
+// CIL[DOC-MACRO purpose="Content container for nested submenus"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled popup for submenu items"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled submenu popup" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates popup container with animations for submenu 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. 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 DropdownMenuSubContent({
   className,
   ...props
@@ -249,7 +489,21 @@ function DropdownMenuSubContent({
     />
   )
 }
-
+// CIL[END chunk_id="dropdownmenu_dropdownmenusubcontent_1783844098"]
+// CIL[BEGIN chunk_id="dropdownmenu_exports_1783844098" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export dropdown menu components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make all dropdown menu components available for import"]
+// CIL[DOC-CONTEXT module="dropdownmenu" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="component exports" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports all dropdown menu components for external usage" 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. 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 {
   DropdownMenu,
   DropdownMenuPortal,
@@ -267,3 +521,4 @@ export {
   DropdownMenuSubTrigger,
   DropdownMenuSubContent,
 }
+// CIL[END chunk_id="dropdownmenu_exports_1783844098"]

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

@@ -1,7 +1,44 @@
-import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@/lib/utils"
 
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="empty_module_header_1783844098" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for empty state components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import styling utilities and variant system"]
+// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styling utilities" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports cva for variant styling and cn for class merging" 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. Direct callers: 0. Direct calls: 0. Related files: custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.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 { cva, type VariantProps } from "class-variance-authority"
+import { cn } from "@/lib/utils"
+// CIL[END chunk_id="empty_module_header_1783844098"]
+// CIL[BEGIN chunk_id="empty_empty_1783844098" type="function" identity="Empty" parent="none"]
+// CIL[DOC-MACRO purpose="Main empty state container component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render empty state layout with centered content"]
+// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled div container" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates centered flex container with dashed border for empty 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. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, 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 Empty({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -14,7 +51,21 @@ function Empty({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="empty_empty_1783844098"]
+// CIL[BEGIN chunk_id="empty_emptyheader_1783844098" type="function" identity="EmptyHeader" parent="none"]
+// CIL[DOC-MACRO purpose="Header container for empty state content"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for empty state header elements"]
+// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="header container div" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates flex column container with max-width constraint for headers" 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. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/table-primitives.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.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 EmptyHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -24,7 +75,21 @@ function EmptyHeader({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="empty_emptyheader_1783844098"]
+// CIL[BEGIN chunk_id="empty_emptymediavariants_1783844098" type="const" identity="emptyMediaVariants" parent="none"]
+// CIL[DOC-MACRO purpose="Style variants for empty state media component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Define visual variants for media/icons in empty states"]
+// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="CSS class names" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="CVA configuration for default and icon variants with 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. Direct callers: 1. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/table-primitives.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. Total affected: 1."]
+// 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 emptyMediaVariants = cva(
   "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
@@ -39,7 +104,21 @@ const emptyMediaVariants = cva(
     },
   }
 )
-
+// CIL[END chunk_id="empty_emptymediavariants_1783844098"]
+// CIL[BEGIN chunk_id="empty_emptymedia_1783844098" type="function" identity="EmptyMedia" parent="none"]
+// CIL[DOC-MACRO purpose="Media/icon container for empty states"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled container for icons or media in empty states"]
+// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"custom/apps/portal/pages/ContentPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled media div" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Applies variant styling for media container with icon 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. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/functions/_shared/schema-utils.ts, custom/apps/portal/pages/ContentPage.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 EmptyMedia({
   className,
   variant = "default",
@@ -54,7 +133,21 @@ function EmptyMedia({
     />
   )
 }
-
+// CIL[END chunk_id="empty_emptymedia_1783844098"]
+// CIL[BEGIN chunk_id="empty_emptytitle_1783844098" type="function" identity="EmptyTitle" parent="none"]
+// CIL[DOC-MACRO purpose="Title component for empty state"]
+// CIL[DOC-RESPONSIBILITY responsibility="Display styled title text in empty states"]
+// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled title div" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates heading-styled text with font and spacing for titles" 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. 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 EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -67,7 +160,21 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="empty_emptytitle_1783844098"]
+// CIL[BEGIN chunk_id="empty_emptydescription_1783844098" type="function" identity="EmptyDescription" parent="none"]
+// CIL[DOC-MACRO purpose="Description text component for empty state"]
+// CIL[DOC-RESPONSIBILITY responsibility="Display styled description text in empty states"]
+// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled description div" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates muted text styling with link support for descriptions" 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. 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 EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
   return (
     <div
@@ -80,7 +187,21 @@ function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
     />
   )
 }
-
+// CIL[END chunk_id="empty_emptydescription_1783844098"]
+// CIL[BEGIN chunk_id="empty_emptycontent_1783844098" type="function" identity="EmptyContent" parent="none"]
+// CIL[DOC-MACRO purpose="Content container for empty state details"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for additional empty state content"]
+// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled content div" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates flex column container with text styling 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. 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 EmptyContent({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -93,7 +214,21 @@ function EmptyContent({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="empty_emptycontent_1783844098"]
+// CIL[BEGIN chunk_id="empty_exports_1783844098" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export empty state components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make all empty state components available for import"]
+// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="component exports" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports all empty state components for external usage" 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. 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 {
   Empty,
   EmptyHeader,
@@ -102,3 +237,4 @@ export {
   EmptyContent,
   EmptyMedia,
 }
+// CIL[END chunk_id="empty_exports_1783844098"]