spine-framework 0.3.125 → 0.3.127

package/.framework/src/pages/admin/PipelinesPage.tsx

@@ -1,18 +1,24 @@
-/**
- * @module src/pages/admin/PipelinesPage
- * @audience installer
- * @layer frontend-page
- * @stability stable
- *
- * Admin list page for automation pipelines. Fetches all pipelines via
- * `/api/pipelines?action=list`, applies client-side search, status filter,
- * trigger-type filter, and sort. Renders inside `AdminListPage` with stat
- * cards and a sortable table. Row clicks navigate to
- * `/spine-framework/admin/configs/pipelines/:id`.
- *
- * @seeAlso src/pages/admin/PipelineDetailPage.tsx
- */
 
+
+
+
+
+
+// CIL[BEGIN chunk_id="pipelinespage_module_header_1783666257" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import React dependencies and UI components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import all required modules for PipelinesPage component"]
+// CIL[DOC-CONTEXT module="PipelinesPage" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React hooks, UI components, utilities" errors="Import errors" side_effects="Module loading"]
+// CIL[DOC-MICRO logic_summary="Imports React, router, icons, UI components, and utility functions" 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/portal/pages/ContentPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/dialog.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"]
 import React, { useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { useApi } from '../../hooks/useApi'
@@ -24,7 +30,21 @@ import { Badge } from '../../components/ui/badge'
 import { formatDateTime } from '../../lib/utils'
 import { AdminListPage } from '../../components/admin/AdminListPage'
 import { SortableTableHeader } from '../../components/admin/SortableTableHeader'
-
+// CIL[END chunk_id="pipelinespage_module_header_1783666257"]
+// CIL[BEGIN chunk_id="pipelinespage_interface_pipeline_1783666257" type="interface" identity="Pipeline" parent="none"]
+// CIL[DOC-MACRO purpose="Define pipeline data structure"]
+// CIL[DOC-RESPONSIBILITY responsibility="Type definition for pipeline entities"]
+// CIL[DOC-CONTEXT module="PipelinesPage" layer="types" related_files="[\".framework/src/pages/admin/IntegrationsPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Pipeline interface" errors="Type errors" side_effects="Type system"]
+// CIL[DOC-MICRO logic_summary="Defines structure for pipeline configurations with stages and metadata" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: types. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/IntegrationsPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/functions/_shared/principal.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"]
 interface Pipeline {
   id: string
   name: string
@@ -46,7 +66,21 @@ interface Pipeline {
   last_execution?: string
   next_execution?: string
 }
-
+// CIL[END chunk_id="pipelinespage_interface_pipeline_1783666257"]
+// CIL[BEGIN chunk_id="pipelinespage_interface_pipelineexecution_1783666257" type="interface" identity="PipelineExecution" parent="none"]
+// CIL[DOC-MACRO purpose="Define pipeline execution data structure"]
+// CIL[DOC-RESPONSIBILITY responsibility="Type definition for pipeline execution records"]
+// CIL[DOC-CONTEXT module="PipelinesPage" layer="types" related_files="[\".framework/src/pages/admin/IntegrationsPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="PipelineExecution interface" errors="Type errors" side_effects="Type system"]
+// CIL[DOC-MICRO logic_summary="Defines structure for pipeline execution tracking with status and results" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: types. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/IntegrationsPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/functions/_shared/principal.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"]
 interface PipelineExecution {
   id: string
   pipeline_id: string
@@ -57,7 +91,21 @@ interface PipelineExecution {
   result?: Record<string, any>
   error?: string
 }
-
+// CIL[END chunk_id="pipelinespage_interface_pipelineexecution_1783666257"]
+// CIL[BEGIN chunk_id="pipelinespage_function_pipelinespage_1783666257" type="function" identity="PipelinesPage" parent="none"]
+// CIL[DOC-MACRO purpose="Render the complete pipelines interface"]
+// CIL[DOC-RESPONSIBILITY responsibility="Main render logic for pipelines page"]
+// CIL[DOC-CONTEXT module="PipelinesPage" layer="ui" related_files="[\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"custom/apps/portal/pages/ContentPage.tsx\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX structure" errors="Render errors" side_effects="DOM updates"]
+// CIL[DOC-MICRO logic_summary="Renders AdminListPage with stats, filters, and pipeline table" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/RolesPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/functions/_shared/schema-utils.ts, custom/apps/portal/pages/ContentPage.tsx."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export function PipelinesPage() {
   console.log('PipelinesPage rendering...')
   const navigate = useNavigate()
@@ -68,20 +116,34 @@ export function PipelinesPage() {
   const [sortKey, setSortKey] = useState('name')
   const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc')
 
-  // Fetch pipelines from API
+  
+  // CIL[BEGIN chunk_id="pipelinespage_hooks_1783666257" type="hooks" identity="useApi" parent="pipelinespage_function_pipelinespage_1783666257"]
+// CIL[DOC-MACRO purpose="Fetch pipelines data from API with authentication"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle useApi"]
+// CIL[DOC-CONTEXT module="PipelinesPage" layer="data" related_files="[\".framework/src/pages/admin/IntegrationsPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/dialog.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="pipelines array" errors="API errors" side_effects="HTTP requests, console logging"]
+// CIL[DOC-MICRO logic_summary="Uses useApi hook to fetch pipelines with detailed logging and auth handling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: data. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/IntegrationsPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/components/ui/dialog.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"]
   const { data: pipelines, loading, error, refetch } = useApi<Pipeline[]>(
     async ({ signal }: { signal?: AbortSignal }) => {
       try {
         console.log('Fetching pipelines...')
         
-        // Check authentication using the same method as apiFetch
+        
         const { supabase } = await import('../../lib/supabase')
         const { data: { session } } = await supabase.auth.getSession()
         console.log('Supabase session exists:', !!session)
         console.log('Supabase access token exists:', !!session?.access_token)
         console.log('Supabase access token length:', session?.access_token?.length || 0)
         
-        // Also check localStorage for comparison
+        
         const localToken = localStorage.getItem('access_token')
         console.log('localStorage token exists:', !!localToken)
         console.log('localStorage token length:', localToken?.length || 0)
@@ -101,7 +163,7 @@ export function PipelinesPage() {
         console.log('Result data is array:', Array.isArray(result.data))
         console.log('Result data length:', result.data?.length || 'N/A')
         
-        // Handle both nested and direct responses
+        
         const pipelines = result.data || result
         console.log('Pipelines after processing:', pipelines)
         console.log('Pipelines is array:', Array.isArray(pipelines))
@@ -115,7 +177,22 @@ export function PipelinesPage() {
     },
     { immediate: true }
   )
+// CIL[END chunk_id="pipelinespage_hooks_1783666257"]
 
+  // CIL[BEGIN chunk_id="pipelinespage_options_1783666257" type="filter_options" identity="triggerOptions" parent="pipelinespage_function_pipelinespage_1783666257"]
+// CIL[DOC-MACRO purpose="Define filter options for triggers and status"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle triggerOptions"]
+// CIL[DOC-CONTEXT module="triggerOptions" layer="unknown" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Implements triggerOptions" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: unknown. 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"]
   const triggerOptions = [
     { value: 'all', label: 'All Triggers' },
     { value: 'schedule', label: 'Schedule' },
@@ -129,7 +206,22 @@ export function PipelinesPage() {
     { value: 'active', label: 'Active' },
     { value: 'inactive', label: 'Inactive' },
   ]
+// CIL[END chunk_id="pipelinespage_options_1783666257"]
 
+  // CIL[BEGIN chunk_id="pipelinespage_filters_1783666257" type="filter_logic" identity="filteredPipelines" parent="pipelinespage_function_pipelinespage_1783666257"]
+// CIL[DOC-MACRO purpose="Filter and sort pipelines based on criteria"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle filteredPipelines"]
+// CIL[DOC-CONTEXT module="filteredPipelines" layer="unknown" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Implements filteredPipelines" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: unknown. 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"]
   const filteredPipelines = (pipelines || []).filter(pipeline => {
     const matchesSearch = pipeline.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
                          (pipeline.description && pipeline.description.toLowerCase().includes(searchTerm.toLowerCase()))
@@ -157,7 +249,22 @@ export function PipelinesPage() {
     
     return 0
   })
+// CIL[END chunk_id="pipelinespage_filters_1783666257"]
 
+  // CIL[BEGIN chunk_id="pipelinespage_utils_1783666257" type="utility_functions" identity="getTriggerIcon" parent="pipelinespage_function_pipelinespage_1783666257"]
+// CIL[DOC-MACRO purpose="Utility functions for visual styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle getTriggerIcon"]
+// CIL[DOC-CONTEXT module="getTriggerIcon" layer="unknown" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Implements getTriggerIcon" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: unknown. 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"]
   const getTriggerIcon = (triggerType: string) => {
     switch (triggerType) {
       case 'schedule':
@@ -191,7 +298,22 @@ export function PipelinesPage() {
   const getStatusBadgeColor = (isActive: boolean) => {
     return isActive ? 'bg-green-100 text-green-800' : 'bg-slate-100 text-slate-800'
   }
+// CIL[END chunk_id="pipelinespage_utils_1783666257"]
 
+  // CIL[BEGIN chunk_id="pipelinespage_handlers_1783666257" type="event_handlers" identity="handleTogglePipeline" parent="pipelinespage_function_pipelinespage_1783666257"]
+// CIL[DOC-MACRO purpose="Handle user interactions with pipelines"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle handleTogglePipeline"]
+// CIL[DOC-CONTEXT module="handleTogglePipeline" layer="unknown" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Implements handleTogglePipeline" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: unknown. 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"]
   const handleTogglePipeline = (pipeline: Pipeline) => {
     console.log('Toggle pipeline:', pipeline.id)
   }
@@ -220,7 +342,22 @@ export function PipelinesPage() {
       setSortDirection('asc')
     }
   }
+// CIL[END chunk_id="pipelinespage_handlers_1783666257"]
 
+  // CIL[BEGIN chunk_id="pipelinespage_render_1783666257" type="render_logic" identity="return" parent="pipelinespage_function_pipelinespage_1783666257"]
+// CIL[DOC-MACRO purpose="Render the complete pipelines interface"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle return"]
+// CIL[DOC-CONTEXT module="return" layer="unknown" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Implements return" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: unknown. 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"]
   return (
     <AdminListPage
       title="Pipelines"
@@ -388,3 +525,5 @@ export function PipelinesPage() {
     </AdminListPage>
   )
 }
+// CIL[END chunk_id="pipelinespage_render_1783666257"]
+// CIL[END chunk_id="pipelinespage_function_pipelinespage_1783666257"]