spine-framework 0.3.144 → 0.4.0

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

@@ -1,3 +1,11 @@
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:use_client:directive"]
+// CIL[DOC-MACRO purpose="Marks this module as client-side only"]
+// CIL[DOC-RESPONSIBILITY responsibility="Instructs the bundler to treat this file as a client component"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="use client directive" errors="none" side_effects="Excludes module from server rendering"]
+// CIL[DOC-MICRO logic_summary="Single use client directive" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 
 
 
@@ -15,61 +23,65 @@
 
 
 
-// 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."]
+
+"use client"
+// CIL[DOC-VECTOR type="context" content="purpose='Marks this module as client-side only'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
-"use client"
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:use_client:directive"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Imports dependencies for the dropdown menu UI components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Set up React, Radix UI, utility and icon imports used by the components below"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="imported symbols" errors="none" side_effects="Registers module dependencies"]
+// CIL[DOC-MICRO logic_summary="Import statements for React, Radix primitives, cn and icons" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="ui-developers"]
 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="context" content="purpose='Imports dependencies for the dropdown menu UI components'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:module_header:module_header"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenu:component"]
+// CIL[DOC-MACRO purpose="Root dropdown menu component wrapping Radix DropdownMenuPrimitive.Root"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the top-level dropdown menu container"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="...props" outputs="JSX element" errors="None" side_effects="None"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix root with a data-slot attribute" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 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="context" content="purpose='Root dropdown menu component wrapping Radix DropdownMenuPrimitive.Root'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenu:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuPortal:component"]
+// CIL[DOC-MACRO purpose="Portal wrapper for dropdown menu content"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render dropdown content outside the normal DOM hierarchy"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="...props" outputs="JSX element" errors="None" side_effects="Renders content outside parent DOM"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix portal with a data-slot attribute" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuPortal({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
@@ -77,21 +89,22 @@ 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="context" content="purpose='Portal wrapper for dropdown menu content'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuPortal:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuTrigger:component"]
+// CIL[DOC-MACRO purpose="Trigger element for opening a dropdown menu"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the button or element that toggles the dropdown"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="...props" outputs="JSX element" errors="None" side_effects="None"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix trigger with a data-slot attribute" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuTrigger({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
@@ -102,21 +115,22 @@ 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="context" content="purpose='Trigger element for opening a dropdown menu'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuTrigger:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuContent:component"]
+// CIL[DOC-MACRO purpose="Dropdown menu content panel with positioning and styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled, positioned dropdown content with animations and overflow handling"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, align, sideOffset, Radix content props" outputs="JSX element" errors="None" side_effects="Renders dropdown content into a portal"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix Portal and Content with default alignment, side offset and a Tailwind class string" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuContent({
   className,
   align = "start",
@@ -135,21 +149,22 @@ 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="context" content="purpose='Dropdown menu content panel with positioning and styling'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuContent:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuGroup:component"]
+// CIL[DOC-MACRO purpose="Group container for dropdown menu items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Group related dropdown items visually and semantically"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="...props" outputs="JSX element" errors="None" side_effects="None"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix group with a data-slot attribute" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuGroup({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
@@ -157,21 +172,22 @@ 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="context" content="purpose='Group container for dropdown menu items'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuGroup:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuItem:component"]
+// CIL[DOC-MACRO purpose="Selectable item inside a dropdown menu"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a styled dropdown item supporting default and destructive variants and inset padding"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, inset, variant, Radix item props" outputs="JSX element" errors="None" side_effects="None"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix Item with data-slot, data-inset, data-variant and a compound Tailwind class string" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuItem({
   className,
   inset,
@@ -194,21 +210,22 @@ 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="context" content="purpose='Selectable item inside a dropdown menu'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuItem:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuCheckboxItem:component"]
+// CIL[DOC-MACRO purpose="Checkbox item in a dropdown menu"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a checkbox item with checked state, inset support and an indicator"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, children, checked, inset, ...props" outputs="JSX element" errors="None" side_effects="Displays check icon when checked"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix CheckboxItem with data attributes and renders a right-aligned check icon indicator" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuCheckboxItem({
   className,
   children,
@@ -242,21 +259,22 @@ 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="context" content="purpose='Checkbox item in a dropdown menu'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuCheckboxItem:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuRadioGroup:component"]
+// CIL[DOC-MACRO purpose="Radio group container for dropdown menu"]
+// CIL[DOC-RESPONSIBILITY responsibility="Group related radio items"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="...props" outputs="JSX element" errors="None" side_effects="None"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix radio group with a data-slot attribute" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuRadioGroup({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
@@ -267,21 +285,22 @@ 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="context" content="purpose='Radio group container for dropdown menu'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuRadioGroup:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuRadioItem:component"]
+// CIL[DOC-MACRO purpose="Radio item in a dropdown menu"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a radio item with an indicator and inset support"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, children, inset, ...props" outputs="JSX element" errors="None" side_effects="Displays selection indicator when selected"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix RadioItem with data attributes and renders a check icon as the selection indicator" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuRadioItem({
   className,
   children,
@@ -313,21 +332,22 @@ 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="context" content="purpose='Radio item in a dropdown menu'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuRadioItem:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuLabel:component"]
+// CIL[DOC-MACRO purpose="Label for grouping or describing dropdown menu items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a styled dropdown label with optional inset padding"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, inset, ...props" outputs="JSX element" errors="None" side_effects="None"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix label with data-slot, data-inset and a muted text class string" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuLabel({
   className,
   inset,
@@ -347,21 +367,22 @@ 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="context" content="purpose='Label for grouping or describing dropdown menu items'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuLabel:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuSeparator:component"]
+// CIL[DOC-MACRO purpose="Horizontal separator between dropdown menu sections"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a styled horizontal divider"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX element" errors="None" side_effects="None"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix separator with data-slot and a border class string" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuSeparator({
   className,
   ...props
@@ -374,21 +395,22 @@ 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="context" content="purpose='Horizontal separator between dropdown menu sections'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuSeparator:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuShortcut:component"]
+// CIL[DOC-MACRO purpose="Keyboard shortcut text inside a dropdown menu item"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render small muted shortcut text that responds to focus state"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX element" errors="None" side_effects="None"]
+// CIL[DOC-MICRO logic_summary="Renders a span with data-slot and a small muted text class string" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuShortcut({
   className,
   ...props
@@ -404,41 +426,43 @@ 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="context" content="purpose='Keyboard shortcut text inside a dropdown menu item'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuShortcut:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuSub:component"]
+// CIL[DOC-MACRO purpose="Submenu root for nested dropdown menus"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a nested dropdown menu container"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="...props" outputs="JSX element" errors="None" side_effects="None"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix sub with a data-slot attribute" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 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="context" content="purpose='Submenu root for nested dropdown menus'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuSub:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuSubTrigger:component"]
+// CIL[DOC-MACRO purpose="Trigger for a nested dropdown submenu"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a trigger with an inset option and a chevron icon"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, inset, children, ...props" outputs="JSX element" errors="None" side_effects="None"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix sub trigger with data attributes and appends a ChevronRightIcon" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuSubTrigger({
   className,
   inset,
@@ -462,21 +486,22 @@ 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="context" content="purpose='Trigger for a nested dropdown submenu'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuSubTrigger:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuSubContent:component"]
+// CIL[DOC-MACRO purpose="Nested dropdown submenu content panel"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled nested submenu content with animations"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX element" errors="None" side_effects="Renders nested submenu content"]
+// CIL[DOC-MICRO logic_summary="Forwards props to Radix SubContent with data-slot and a Tailwind class string for nested menus" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DropdownMenuSubContent({
   className,
   ...props
@@ -489,21 +514,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="context" content="purpose='Nested dropdown submenu content panel'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:DropdownMenuSubContent:component"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:export_block:export_block"]
+// CIL[DOC-MACRO purpose="Export all dropdown menu component symbols"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make dropdown menu components available for import by consumers"]
+// CIL[DOC-CONTEXT module="components/ui/dropdown-menu" layer="ui" related_files=".framework/src/components/ui/dropdown-menu.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="All component definitions in this module" outputs="Named exports" errors="None" side_effects="Exposes module public API"]
+// CIL[DOC-MICRO logic_summary="Named export block listing every dropdown menu component" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 export {
   DropdownMenu,
   DropdownMenuPortal,
@@ -521,4 +546,10 @@ export {
   DropdownMenuSubTrigger,
   DropdownMenuSubContent,
 }
-// CIL[END chunk_id="dropdownmenu_exports_1783844098"]
+// CIL[DOC-VECTOR type="context" content="purpose='Export all dropdown menu component symbols'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dropdown-menu.tsx:export_block:export_block"]