spine-framework 0.3.144 → 0.4.0

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

@@ -1,128 +1,115 @@
-
-
-
-
-
-
-
-
-
-
-
-
-// CIL[BEGIN chunk_id="drawer_module_header_1783844098" type="module_header" identity="imports" parent="none"]
-// CIL[DOC-MACRO purpose="Import dependencies for drawer components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Import React, Vaul primitives and utilities"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="React, Vaul primitives, utilities" errors="none" side_effects="none"]
-// CIL[DOC-MICRO logic_summary="Imports React, Vaul Drawer primitives and styling utilities" notable_decisions="[]"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Provides module-level imports for the Vaul-based drawer UI primitives"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, Vaul DrawerPrimitive, and the cn class-merging utility"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports the dependencies used by all drawer subcomponents in this module" 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/table-primitives.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
-// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
-// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[DOC-AUDIENCE audience="framework-ui"]
 import * as React from "react"
 import { Drawer as DrawerPrimitive } from "vaul"
 import { cn } from "@/lib/utils"
-// CIL[END chunk_id="drawer_module_header_1783844098"]
-// CIL[BEGIN chunk_id="drawer_drawer_1783844098" type="function" identity="Drawer" parent="none"]
-// CIL[DOC-MACRO purpose="Root drawer component wrapper"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide Vaul Drawer root with data slot"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[\".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="Drawer root component" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps Vaul Drawer.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: 1. Direct calls: 0. Related files: .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: 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='Provides module-level imports for the Vaul-based drawer UI primitives'; 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/drawer.tsx:module_header:module_header"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:Drawer:function"]
+// CIL[DOC-MACRO purpose="Wraps Vaul DrawerPrimitive.Root and sets the drawer data-slot"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the root drawer container with a consistent data-slot attribute"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="props: ComponentProps of DrawerPrimitive.Root" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forwards all props to DrawerPrimitive.Root and applies data-slot drawer" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function Drawer({
   ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Root>) {
   return <DrawerPrimitive.Root data-slot="drawer" {...props} />
 }
-// CIL[END chunk_id="drawer_drawer_1783844098"]
-// CIL[BEGIN chunk_id="drawer_drawertrigger_1783844098" type="function" identity="DrawerTrigger" parent="none"]
-// CIL[DOC-MACRO purpose="Drawer trigger component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide trigger element for opening drawers"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[\".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="Drawer trigger" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps Vaul Drawer.Trigger 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/table-primitives.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='Wraps Vaul DrawerPrimitive.Root and sets the drawer data-slot'; 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/drawer.tsx:Drawer:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:DrawerTrigger:function"]
+// CIL[DOC-MACRO purpose="Wraps Vaul DrawerPrimitive.Trigger and sets the drawer-trigger data-slot"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a trigger element that opens or closes the drawer"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="props: ComponentProps of DrawerPrimitive.Trigger" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forwards all props to DrawerPrimitive.Trigger and applies data-slot drawer-trigger" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DrawerTrigger({
   ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
   return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props} />
 }
-// CIL[END chunk_id="drawer_drawertrigger_1783844098"]
-// CIL[BEGIN chunk_id="drawer_drawerportal_1783844098" type="function" identity="DrawerPortal" parent="none"]
-// CIL[DOC-MACRO purpose="Drawer portal component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide portal for rendering drawer outside DOM tree"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="Drawer portal" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps Vaul Drawer.Portal 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/components/ui/table-primitives.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='Wraps Vaul DrawerPrimitive.Trigger and sets the drawer-trigger data-slot'; 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/drawer.tsx:DrawerTrigger:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:DrawerPortal:function"]
+// CIL[DOC-MACRO purpose="Wraps Vaul DrawerPrimitive.Portal and sets the drawer-portal data-slot"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a portal that teleports drawer content into the document body"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="props: ComponentProps of DrawerPrimitive.Portal" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forwards all props to DrawerPrimitive.Portal and applies data-slot drawer-portal" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DrawerPortal({
   ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
   return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props} />
 }
-// CIL[END chunk_id="drawer_drawerportal_1783844098"]
-// CIL[BEGIN chunk_id="drawer_drawerclose_1783844098" type="function" identity="DrawerClose" parent="none"]
-// CIL[DOC-MACRO purpose="Drawer close component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide close trigger for drawers"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[\".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="Drawer close" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps Vaul Drawer.Close 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/table-primitives.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: 1."]
-// 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='Wraps Vaul DrawerPrimitive.Portal and sets the drawer-portal data-slot'; 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/drawer.tsx:DrawerPortal:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:DrawerClose:function"]
+// CIL[DOC-MACRO purpose="Wraps Vaul DrawerPrimitive.Close and sets the drawer-close data-slot"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a button or element that closes the drawer"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="props: ComponentProps of DrawerPrimitive.Close" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forwards all props to DrawerPrimitive.Close and applies data-slot drawer-close" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DrawerClose({
   ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Close>) {
   return <DrawerPrimitive.Close data-slot="drawer-close" {...props} />
 }
-// CIL[END chunk_id="drawer_drawerclose_1783844098"]
-// CIL[BEGIN chunk_id="drawer_draweroverlay_1783844098" type="function" identity="DrawerOverlay" parent="none"]
-// CIL[DOC-MACRO purpose="Drawer overlay background component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render styled backdrop for drawer modal"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled overlay" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates semi-transparent backdrop with blur and animations" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. 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='Wraps Vaul DrawerPrimitive.Close and sets the drawer-close data-slot'; 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/drawer.tsx:DrawerClose:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:DrawerOverlay:function"]
+// CIL[DOC-MACRO purpose="Renders a fixed backdrop overlay behind the drawer content"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide a darkened, optionally blurred overlay with open and close animations"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: ComponentProps of DrawerPrimitive.Overlay" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Uses cn to merge a fixed inset-0 black/80 backdrop class with any supplied className" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DrawerOverlay({
   className,
   ...props
@@ -138,21 +125,22 @@ function DrawerOverlay({
     />
   )
 }
-// CIL[END chunk_id="drawer_draweroverlay_1783844098"]
-// CIL[BEGIN chunk_id="drawer_drawercontent_1783844098" type="function" identity="DrawerContent" parent="none"]
-// CIL[DOC-MACRO purpose="Main drawer content container"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render drawer content with overlay and directional positioning"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="drawer content" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates directional drawer with overlay, animations and drag handle" 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='Renders a fixed backdrop overlay behind the drawer 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/drawer.tsx:DrawerOverlay:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:DrawerContent:function"]
+// CIL[DOC-MACRO purpose="Composes the portal, overlay, and content for the drawer"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the drawer content surface with direction-aware positioning and a drag handle"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, children: optional ReactNode, props: ComponentProps of DrawerPrimitive.Content" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Wraps DrawerPortal and DrawerOverlay, then renders a styled Vaul content panel with responsive width and a centered drag handle" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DrawerContent({
   className,
   children,
@@ -175,21 +163,22 @@ function DrawerContent({
     </DrawerPortal>
   )
 }
-// CIL[END chunk_id="drawer_drawercontent_1783844098"]
-// CIL[BEGIN chunk_id="drawer_drawerheader_1783844098" type="function" identity="DrawerHeader" parent="none"]
-// CIL[DOC-MACRO purpose="Drawer header container"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for drawer header with directional styling"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled header div" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates responsive header container with directional text alignment" 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/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/table-primitives.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Composes the portal, overlay, and content for the drawer'; 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/drawer.tsx:DrawerContent:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:DrawerHeader:function"]
+// CIL[DOC-MACRO purpose="Provides a titled header area inside a drawer"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a flex column header with direction-aware text alignment"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: ComponentProps of div" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Uses cn to merge flex column padding classes, centering text for top and bottom directions on small screens" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -202,21 +191,22 @@ function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="drawer_drawerheader_1783844098"]
-// CIL[BEGIN chunk_id="drawer_drawerfooter_1783844098" type="function" identity="DrawerFooter" parent="none"]
-// CIL[DOC-MACRO purpose="Drawer footer container"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for drawer footer with auto margin"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled footer div" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates auto-margin footer container with flex layout" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. 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='Provides a titled header area inside a drawer'; 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/drawer.tsx:DrawerHeader:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:DrawerFooter:function"]
+// CIL[DOC-MACRO purpose="Provides a footer area at the bottom of a drawer"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a flex column footer with auto top margin and padding"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: ComponentProps of div" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Uses cn to merge auto top margin, flex column, and padding classes" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -226,21 +216,22 @@ function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="drawer_drawerfooter_1783844098"]
-// CIL[BEGIN chunk_id="drawer_drawertitle_1783844098" type="function" identity="DrawerTitle" parent="none"]
-// CIL[DOC-MACRO purpose="Drawer title component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render styled title for drawer headers"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled title" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates heading-styled title with font and foreground color" 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='Provides a footer area at the bottom of a drawer'; 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/drawer.tsx:DrawerFooter:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:DrawerTitle:function"]
+// CIL[DOC-MACRO purpose="Wraps Vaul DrawerPrimitive.Title and sets the drawer-title data-slot"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the accessible title element for the drawer"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: ComponentProps of DrawerPrimitive.Title" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forwards all props to DrawerPrimitive.Title and applies font-heading styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DrawerTitle({
   className,
   ...props
@@ -256,21 +247,22 @@ function DrawerTitle({
     />
   )
 }
-// CIL[END chunk_id="drawer_drawertitle_1783844098"]
-// CIL[BEGIN chunk_id="drawer_drawerdescription_1783844098" type="function" identity="DrawerDescription" parent="none"]
-// CIL[DOC-MACRO purpose="Drawer description component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render styled description text for drawer content"]
-// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled description" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates muted text styling for drawer 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="context" content="purpose='Wraps Vaul DrawerPrimitive.Title and sets the drawer-title data-slot'; 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/drawer.tsx:DrawerTitle:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:DrawerDescription:function"]
+// CIL[DOC-MACRO purpose="Wraps Vaul DrawerPrimitive.Description and sets the drawer-description data-slot"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the accessible description element for the drawer"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: ComponentProps of DrawerPrimitive.Description" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forwards all props to DrawerPrimitive.Description and applies muted-foreground styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DrawerDescription({
   className,
   ...props
@@ -283,21 +275,22 @@ function DrawerDescription({
     />
   )
 }
-// CIL[END chunk_id="drawer_drawerdescription_1783844098"]
-// CIL[BEGIN chunk_id="drawer_exports_1783844098" type="exports" identity="exports" parent="none"]
-// CIL[DOC-MACRO purpose="Export drawer components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Make all drawer components available for import"]
-// CIL[DOC-CONTEXT module="drawer" 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 drawer 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='Wraps Vaul DrawerPrimitive.Description and sets the drawer-description data-slot'; 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/drawer.tsx:DrawerDescription:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/drawer.tsx:module_exports:module_exports"]
+// CIL[DOC-MACRO purpose="Re-exports all drawer UI subcomponents from this module"]
+// CIL[DOC-RESPONSIBILITY responsibility="Expose the public API of drawer primitives for consumption by other modules"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/drawer.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Named exports of all wrapper functions in this file" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 export {
   Drawer,
   DrawerPortal,
@@ -310,4 +303,10 @@ export {
   DrawerTitle,
   DrawerDescription,
 }
-// CIL[END chunk_id="drawer_exports_1783844098"]
+// CIL[DOC-VECTOR type="context" content="purpose='Re-exports all drawer UI subcomponents from this module'; 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/drawer.tsx:module_exports:module_exports"]