spine-framework 0.3.124 → 0.3.126

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

@@ -1,8 +1,40 @@
-"use client"
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="combobox_module_header_1783844098" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for combobox components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, Base UI primitives and UI components"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, Base UI primitives, UI components" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React, Base UI Combobox primitives, input groups 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/layout/Sidebar.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+"use client"
 import * as React from "react"
 import { Combobox as ComboboxPrimitive } from "@base-ui/react"
-
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import {
@@ -12,13 +44,55 @@ import {
   InputGroupInput,
 } from "@/components/ui/input-group"
 import { ChevronDownIcon, XIcon, CheckIcon } from "lucide-react"
-
+// CIL[END chunk_id="combobox_module_header_1783844098"]
+// CIL[BEGIN chunk_id="combobox_combobox_1783844098" type="const" identity="Combobox" parent="none"]
+// CIL[DOC-MACRO purpose="Root combobox component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide Base UI Combobox root primitive"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Combobox root primitive" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Direct alias to Base UI ComboboxPrimitive.Root" 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/layout/Sidebar.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"]
 const Combobox = ComboboxPrimitive.Root
-
+// CIL[END chunk_id="combobox_combobox_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxvalue_1783844098" type="function" identity="ComboboxValue" parent="none"]
+// CIL[DOC-MACRO purpose="Combobox value display component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render hidden value storage for combobox"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="value storage" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Base UI Value primitive 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, .framework/src/components/layout/Sidebar.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, custom/apps/cortex/functions/custom_cil-embeddings.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {
   return <ComboboxPrimitive.Value data-slot="combobox-value" {...props} />
 }
-
+// CIL[END chunk_id="combobox_comboboxvalue_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxtrigger_1783844098" type="function" identity="ComboboxTrigger" parent="none"]
+// CIL[DOC-MACRO purpose="Combobox dropdown trigger"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide trigger button with chevron icon"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="trigger with icon" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates trigger with chevron down icon and icon sizing" 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: \."]
+// 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 ComboboxTrigger({
   className,
   children,
@@ -35,7 +109,21 @@ function ComboboxTrigger({
     </ComboboxPrimitive.Trigger>
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxtrigger_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxclear_1783844098" type="function" identity="ComboboxClear" parent="none"]
+// CIL[DOC-MACRO purpose="Combobox clear button"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide clear button with X icon for resetting selection"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="clear button" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates ghost button with X icon using InputGroupButton" 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: \."]
+// 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 ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {
   return (
     <ComboboxPrimitive.Clear
@@ -48,7 +136,21 @@ function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {
     </ComboboxPrimitive.Clear>
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxclear_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxinput_1783844098" type="function" identity="ComboboxInput" parent="none"]
+// CIL[DOC-MACRO purpose="Combobox input with optional trigger and clear"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide input field with conditional trigger and clear buttons"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="input group" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates InputGroup with conditional trigger and clear button addons" 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 ComboboxInput({
   className,
   children,
@@ -85,7 +187,21 @@ function ComboboxInput({
     </InputGroup>
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxinput_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxcontent_1783844098" type="function" identity="ComboboxContent" parent="none"]
+// CIL[DOC-MACRO purpose="Combobox dropdown content container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide positioned popup container for dropdown items"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="popup container" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates positioned popup with animations and responsive sizing" 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 ComboboxContent({
   className,
   side = "bottom",
@@ -119,7 +235,21 @@ function ComboboxContent({
     </ComboboxPrimitive.Portal>
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxcontent_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxlist_1783844098" type="function" identity="ComboboxList" parent="none"]
+// CIL[DOC-MACRO purpose="Scrollable list container for combobox items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide scrollable container with max height and padding"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="scrollable list" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates scrollable container with overflow handling and padding" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. 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 ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {
   return (
     <ComboboxPrimitive.List
@@ -132,7 +262,21 @@ function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {
     />
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxlist_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxitem_1783844098" type="function" identity="ComboboxItem" parent="none"]
+// CIL[DOC-MACRO purpose="Individual combobox selectable item"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render selectable item with hover and selection styling"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="selectable item" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates interactive item with selection indicator and styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. 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 ComboboxItem({
   className,
   children,
@@ -158,7 +302,21 @@ function ComboboxItem({
     </ComboboxPrimitive.Item>
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxitem_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxgroup_1783844098" type="function" identity="ComboboxGroup" parent="none"]
+// CIL[DOC-MACRO purpose="Container for grouping combobox items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide grouping container for related combobox items"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="group container" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Base UI Group primitive 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 ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {
   return (
     <ComboboxPrimitive.Group
@@ -168,7 +326,21 @@ function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {
     />
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxgroup_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxlabel_1783844098" type="function" identity="ComboboxLabel" parent="none"]
+// CIL[DOC-MACRO purpose="Label for combobox groups"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled label text for combobox groups"]
+// CIL[DOC-CONTEXT module="combobox" 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 padding for group 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: 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 ComboboxLabel({
   className,
   ...props
@@ -181,13 +353,41 @@ function ComboboxLabel({
     />
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxlabel_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxcollection_1783844098" type="function" identity="ComboboxCollection" parent="none"]
+// CIL[DOC-MACRO purpose="Collection wrapper for combobox items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide collection container for combobox items management"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="collection wrapper" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Base UI Collection primitive 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 ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {
   return (
     <ComboboxPrimitive.Collection data-slot="combobox-collection" {...props} />
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxcollection_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxempty_1783844098" type="function" identity="ComboboxEmpty" parent="none"]
+// CIL[DOC-MACRO purpose="Empty state for combobox list"]
+// CIL[DOC-RESPONSIBILITY responsibility="Display styled content when no items match search"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled empty state" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates centered container with padding for empty state 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 ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {
   return (
     <ComboboxPrimitive.Empty
@@ -200,7 +400,21 @@ function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {
     />
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxempty_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxseparator_1783844098" type="function" identity="ComboboxSeparator" parent="none"]
+// CIL[DOC-MACRO purpose="Visual separator for combobox groups"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled separator between combobox sections"]
+// CIL[DOC-CONTEXT module="combobox" 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 ComboboxSeparator({
   className,
   ...props
@@ -213,7 +427,21 @@ function ComboboxSeparator({
     />
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxseparator_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxchips_1783844098" type="function" identity="ComboboxChips" parent="none"]
+// CIL[DOC-MACRO purpose="Container for combobox selection chips"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled container for multiple selected items"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="chips container" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates flex container with border and focus styling for chips" 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 ComboboxChips({
   className,
   ...props
@@ -230,7 +458,21 @@ function ComboboxChips({
     />
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxchips_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxchip_1783844098" type="function" identity="ComboboxChip" parent="none"]
+// CIL[DOC-MACRO purpose="Individual selection chip component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render removable chip for selected combobox items"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled chip" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates removable chip with conditional remove button and styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. 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 ComboboxChip({
   className,
   children,
@@ -261,7 +503,21 @@ function ComboboxChip({
     </ComboboxPrimitive.Chip>
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxchip_1783844098"]
+// CIL[BEGIN chunk_id="combobox_comboboxchipsinput_1783844098" type="function" identity="ComboboxChipsInput" parent="none"]
+// CIL[DOC-MACRO purpose="Input field for chips container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide input field within chips for adding new items"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="chips input" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates minimal input field with outline removal for chips" 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 ComboboxChipsInput({
   className,
   ...props
@@ -274,11 +530,39 @@ function ComboboxChipsInput({
     />
   )
 }
-
+// CIL[END chunk_id="combobox_comboboxchipsinput_1783844098"]
+// CIL[BEGIN chunk_id="combobox_usecomboboxanchor_1783844098" type="function" identity="useComboboxAnchor" parent="none"]
+// CIL[DOC-MACRO purpose="Hook for combobox anchor reference"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide ref for anchoring combobox content"]
+// CIL[DOC-CONTEXT module="combobox" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React ref" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Creates React ref for HTMLDivElement anchor element" 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 useComboboxAnchor() {
   return React.useRef<HTMLDivElement | null>(null)
 }
-
+// CIL[END chunk_id="combobox_usecomboboxanchor_1783844098"]
+// CIL[BEGIN chunk_id="combobox_exports_1783844098" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export combobox components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make all combobox components available for import"]
+// CIL[DOC-CONTEXT module="combobox" 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 combobox components and utility hook 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 {
   Combobox,
   ComboboxInput,
@@ -297,3 +581,4 @@ export {
   ComboboxValue,
   useComboboxAnchor,
 }
+// CIL[END chunk_id="combobox_exports_1783844098"]