spine-framework 0.3.124 → 0.3.126

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

@@ -1,7 +1,46 @@
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="table_module_header_1783750525" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for table UI components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React and utility functions for table implementation"]
+// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, cn" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports required libraries and utilities for table components" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/table-primitives.tsx, .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/dialog.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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 import * as React from "react"
 
 import { cn } from "@/lib/utils"
-
+// CIL[END chunk_id="table_module_header_1783750525"]
+// CIL[BEGIN chunk_id="table_table_1783750525" type="function" identity="Table" parent="none"]
+// CIL[DOC-MACRO purpose="Root table container with scrollable wrapper"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render table with horizontal scroll container and styling"]
+// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps table in scrollable div with responsive styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/table-primitives.tsx, .framework/functions/_shared/schema-utils.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Table({ className, ...props }: React.ComponentProps<"table">) {
   return (
     <div
@@ -16,7 +55,21 @@ function Table({ className, ...props }: React.ComponentProps<"table">) {
     </div>
   )
 }
-
+// CIL[END chunk_id="table_table_1783750525"]
+// CIL[BEGIN chunk_id="table_tableheader_1783750525" type="function" identity="TableHeader" parent="none"]
+// CIL[DOC-MACRO purpose="Table header container with bottom border styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render thead with bottom border on rows"]
+// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps thead with bottom border styling for header rows" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/table-primitives.tsx, .framework/migrations/015_simplify_apps_table.sql, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
   return (
     <thead
@@ -26,7 +79,21 @@ function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
     />
   )
 }
-
+// CIL[END chunk_id="table_tableheader_1783750525"]
+// CIL[BEGIN chunk_id="table_tablebody_1783750525" type="function" identity="TableBody" parent="none"]
+// CIL[DOC-MACRO purpose="Table body container with last-row border removal"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render tbody without border on last row"]
+// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps tbody with styling to remove border from last row" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/table-primitives.tsx, .framework/migrations/015_simplify_apps_table.sql, .framework/functions/_shared/schema-utils.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
   return (
     <tbody
@@ -36,7 +103,21 @@ function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
     />
   )
 }
-
+// CIL[END chunk_id="table_tablebody_1783750525"]
+// CIL[BEGIN chunk_id="table_tablefooter_1783750525" type="function" identity="TableFooter" parent="none"]
+// CIL[DOC-MACRO purpose="Table footer with top border and muted background"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render tfoot with styling for footer rows"]
+// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps tfoot with top border, muted background, and last-row border removal" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
   return (
     <tfoot
@@ -49,7 +130,21 @@ function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
     />
   )
 }
-
+// CIL[END chunk_id="table_tablefooter_1783750525"]
+// CIL[BEGIN chunk_id="table_tablerow_1783750525" type="function" identity="TableRow" parent="none"]
+// CIL[DOC-MACRO purpose="Table row with hover and selection states"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render tr with interactive styling and transitions"]
+// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps tr with border, hover effects, and selection state styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
   return (
     <tr
@@ -62,7 +157,21 @@ function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
     />
   )
 }
-
+// CIL[END chunk_id="table_tablerow_1783750525"]
+// CIL[BEGIN chunk_id="table_tablehead_1783750525" type="function" identity="TableHead" parent="none"]
+// CIL[DOC-MACRO purpose="Table header cell with fixed height and alignment"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render th with header styling and checkbox handling"]
+// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps th with height, padding, alignment, and checkbox-aware styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function TableHead({ className, ...props }: React.ComponentProps<"th">) {
   return (
     <th
@@ -75,7 +184,21 @@ function TableHead({ className, ...props }: React.ComponentProps<"th">) {
     />
   )
 }
-
+// CIL[END chunk_id="table_tablehead_1783750525"]
+// CIL[BEGIN chunk_id="table_tablecell_1783750525" type="function" identity="TableCell" parent="none"]
+// CIL[DOC-MACRO purpose="Table data cell with padding and checkbox handling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render td with standard cell styling and checkbox support"]
+// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps td with padding, alignment, and checkbox-aware styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function TableCell({ className, ...props }: React.ComponentProps<"td">) {
   return (
     <td
@@ -88,7 +211,21 @@ function TableCell({ className, ...props }: React.ComponentProps<"td">) {
     />
   )
 }
-
+// CIL[END chunk_id="table_tablecell_1783750525"]
+// CIL[BEGIN chunk_id="table_tablecaption_1783750525" type="function" identity="TableCaption" parent="none"]
+// CIL[DOC-MACRO purpose="Table caption with muted styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render caption with top margin and muted text color"]
+// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps caption with margin and muted text styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function TableCaption({
   className,
   ...props
@@ -101,7 +238,21 @@ function TableCaption({
     />
   )
 }
-
+// CIL[END chunk_id="table_tablecaption_1783750525"]
+// CIL[BEGIN chunk_id="table_export_1783750525" type="export" identity="export" parent="none"]
+// CIL[DOC-MACRO purpose="Export all table components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make table components available for import"]
+// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="named exports" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports all table components for external use" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export {
   Table,
   TableHeader,
@@ -112,3 +263,4 @@ export {
   TableCell,
   TableCaption,
 }
+// CIL[END chunk_id="table_export_1783750525"]

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

@@ -1,3 +1,25 @@
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="tabs_module_header_1783750525" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for tabs UI components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, CVA, Radix UI primitives, and utility functions"]
+// CIL[DOC-CONTEXT module="tabs-ui" layer="ui-components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, cva, VariantProps, TabsPrimitive, cn" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports required libraries and utilities for tabs implementation" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 "use client"
 
 import * as React from "react"
@@ -5,7 +27,21 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { Tabs as TabsPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
-
+// CIL[END chunk_id="tabs_module_header_1783750525"]
+// CIL[BEGIN chunk_id="tabs_tabs_1783750525" type="function" identity="Tabs" parent="none"]
+// CIL[DOC-MACRO purpose="Root tabs container component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render tabs root with orientation and styling"]
+// CIL[DOC-CONTEXT module="tabs-ui" layer="ui-components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix UI Root with orientation-aware styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Tabs({
   className,
   orientation = "horizontal",
@@ -23,7 +59,21 @@ function Tabs({
     />
   )
 }
-
+// CIL[END chunk_id="tabs_tabs_1783750525"]
+// CIL[BEGIN chunk_id="tabs_tabslistvariants_1783750525" type="const" identity="tabsListVariants" parent="none"]
+// CIL[DOC-MACRO purpose="Define styling variants for tabs list container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide CVA configuration for tabs list styling"]
+// CIL[DOC-CONTEXT module="tabs-ui" layer="ui-components" related_files="[\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="cva config object" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Creates default and line variants with orientation-aware styles" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 1. Direct calls: 0. Related files: .framework/functions/_shared/principal.ts, .framework/functions/_shared/schema-utils.ts, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/src/pages/admin/IntegrationsPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. Total affected: 1."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 const tabsListVariants = cva(
   "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none",
   {
@@ -38,7 +88,21 @@ const tabsListVariants = cva(
     },
   }
 )
-
+// CIL[END chunk_id="tabs_tabslistvariants_1783750525"]
+// CIL[BEGIN chunk_id="tabs_tabslist_1783750525" type="function" identity="TabsList" parent="none"]
+// CIL[DOC-MACRO purpose="Container for tab triggers with variant styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render tabs list with CVA variants and data attributes"]
+// CIL[DOC-CONTEXT module="tabs-ui" layer="ui-components" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/functions/_shared/db.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix List with variant-aware styling using tabsListVariants" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/table-primitives.tsx, .framework/functions/_shared/db.ts, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function TabsList({
   className,
   variant = "default",
@@ -54,7 +118,21 @@ function TabsList({
     />
   )
 }
-
+// CIL[END chunk_id="tabs_tabslist_1783750525"]
+// CIL[BEGIN chunk_id="tabs_tabstrigger_1783750525" type="function" identity="TabsTrigger" parent="none"]
+// CIL[DOC-MACRO purpose="Individual tab trigger button with active states"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render clickable tab with comprehensive styling and interactions"]
+// CIL[DOC-CONTEXT module="tabs-ui" layer="ui-components" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/functions/_shared/db.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix Trigger with extensive state-aware styling and orientation support" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/table-primitives.tsx, .framework/functions/_shared/db.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 TabsTrigger({
   className,
   ...props
@@ -73,7 +151,21 @@ function TabsTrigger({
     />
   )
 }
-
+// CIL[END chunk_id="tabs_tabstrigger_1783750525"]
+// CIL[BEGIN chunk_id="tabs_tabscontent_1783750525" type="function" identity="TabsContent" parent="none"]
+// CIL[DOC-MACRO purpose="Content panel for active tab"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render tab content with basic styling"]
+// CIL[DOC-CONTEXT module="tabs-ui" layer="ui-components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix Content with flex layout and outline removal" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function TabsContent({
   className,
   ...props
@@ -86,5 +178,20 @@ function TabsContent({
     />
   )
 }
-
+// CIL[END chunk_id="tabs_tabscontent_1783750525"]
+// CIL[BEGIN chunk_id="tabs_export_1783750525" type="export" identity="export" parent="none"]
+// CIL[DOC-MACRO purpose="Export all tabs components and variants"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make tabs components available for import"]
+// CIL[DOC-CONTEXT module="tabs-ui" layer="ui-components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="named exports" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports Tabs, TabsList, TabsTrigger, TabsContent, and tabsListVariants" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }
+// CIL[END chunk_id="tabs_export_1783750525"]

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

@@ -1,7 +1,39 @@
+
+
+
+// CIL[BEGIN chunk_id="textarea_module_header_1783750525" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for textarea UI component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React and utility functions for textarea implementation"]
+// CIL[DOC-CONTEXT module="textarea-ui" layer="ui-components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, cn" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports required libraries and utilities for textarea component" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/layout/Sidebar.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 import * as React from "react"
 
 import { cn } from "@/lib/utils"
-
+// CIL[END chunk_id="textarea_module_header_1783750525"]
+// CIL[BEGIN chunk_id="textarea_textarea_1783750525" type="function" identity="Textarea" parent="none"]
+// CIL[DOC-MACRO purpose="Textarea input component with comprehensive styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render textarea with field sizing, focus states, and validation styling"]
+// CIL[DOC-CONTEXT module="textarea-ui" layer="ui-components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps textarea with responsive styling, focus states, and accessibility features" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/layout/Sidebar.tsx, .framework/src/pages/admin/RolesPage.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/functions/_shared/schema-utils.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
   return (
     <textarea
@@ -14,5 +46,20 @@ function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
     />
   )
 }
-
+// CIL[END chunk_id="textarea_textarea_1783750525"]
+// CIL[BEGIN chunk_id="textarea_export_1783750525" type="export" identity="export" parent="none"]
+// CIL[DOC-MACRO purpose="Export textarea component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make textarea component available for import"]
+// CIL[DOC-CONTEXT module="textarea-ui" layer="ui-components" 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="named exports" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports Textarea component for external use" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/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"]
 export { Textarea }
+// CIL[END chunk_id="textarea_export_1783750525"]

package/.framework/src/components/ui/toggle-group.tsx

@@ -1,3 +1,23 @@
+
+
+
+
+
+// CIL[BEGIN chunk_id="toggle-group_module_header_1783750525" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for toggle group UI components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, CVA, Radix UI primitives, utilities, and toggle variants"]
+// CIL[DOC-CONTEXT module="toggle-group-ui" layer="ui-components" related_files="[\".framework/src/components/ui/dialog.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.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, VariantProps, ToggleGroupPrimitive, cn, toggleVariants" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports required libraries and utilities for toggle group implementation" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, .framework/functions/_shared/schema-utils.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 "use client"
 
 import * as React from "react"
@@ -6,7 +26,21 @@ import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { toggleVariants } from "@/components/ui/toggle"
-
+// CIL[END chunk_id="toggle-group_module_header_1783750525"]
+// CIL[BEGIN chunk_id="toggle-group_togglegroupcontext_1783750525" type="const" identity="ToggleGroupContext" parent="none"]
+// CIL[DOC-MACRO purpose="Context for sharing toggle group configuration"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide context for variant, size, spacing, and orientation"]
+// CIL[DOC-CONTEXT module="toggle-group-ui" layer="ui-components" related_files="[\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React context object" errors="none" side_effects="creates context"]
+// CIL[DOC-MICRO logic_summary="Creates context with default values for toggle group configuration" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/functions/_shared/schema-utils.ts, 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"]
 const ToggleGroupContext = React.createContext<
   VariantProps<typeof toggleVariants> & {
     spacing?: number
@@ -18,7 +52,21 @@ const ToggleGroupContext = React.createContext<
   spacing: 0,
   orientation: "horizontal",
 })
-
+// CIL[END chunk_id="toggle-group_togglegroupcontext_1783750525"]
+// CIL[BEGIN chunk_id="toggle-group_togglegroup_1783750525" type="function" identity="ToggleGroup" parent="none"]
+// CIL[DOC-MACRO purpose="Container for toggle group with orientation and spacing support"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render toggle group with context provider and styling"]
+// CIL[DOC-CONTEXT module="toggle-group-ui" layer="ui-components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix Root with context provider and orientation-aware styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/functions/_shared/principal.ts, .framework/functions/_shared/schema-utils.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ToggleGroup({
   className,
   variant,
@@ -54,7 +102,21 @@ function ToggleGroup({
     </ToggleGroupPrimitive.Root>
   )
 }
-
+// CIL[END chunk_id="toggle-group_togglegroup_1783750525"]
+// CIL[BEGIN chunk_id="toggle-group_togglegroupitem_1783750525" type="function" identity="ToggleGroupItem" parent="none"]
+// CIL[DOC-MACRO purpose="Individual toggle item with context-aware styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render toggle item with context inheritance and spacing-aware styling"]
+// CIL[DOC-CONTEXT module="toggle-group-ui" layer="ui-components" related_files="[\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix Item with context-aware styling and spacing support" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/components/ui/dialog.tsx, .framework/src/pages/admin/RolesPage.tsx, .framework/functions/_shared/principal.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ToggleGroupItem({
   className,
   children,
@@ -85,5 +147,20 @@ function ToggleGroupItem({
     </ToggleGroupPrimitive.Item>
   )
 }
-
+// CIL[END chunk_id="toggle-group_togglegroupitem_1783750525"]
+// CIL[BEGIN chunk_id="toggle-group_export_1783750525" type="export" identity="export" parent="none"]
+// CIL[DOC-MACRO purpose="Export toggle group components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make toggle group components available for import"]
+// CIL[DOC-CONTEXT module="toggle-group-ui" layer="ui-components" related_files="[\".framework/src/components/ui/dialog.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="named exports" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports ToggleGroup and ToggleGroupItem for external use" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export { ToggleGroup, ToggleGroupItem }
+// CIL[END chunk_id="toggle-group_export_1783750525"]