spine-framework-cortex 0.2.14 → 0.2.16

package/components/CortexSidebar.tsx

@@ -24,6 +24,7 @@ import {
   BarChart3,
   Search,
   Download,
+  UserPlus,
 } from "lucide-react"
 import {
   Sidebar,
@@ -45,6 +46,10 @@ export function CortexSidebar({ ...props }: React.ComponentProps<typeof Sidebar>
   const { user } = useAuth()
   const appPath = useAppPath()
 
+  const isTeamAdmin =
+    user?.is_system_admin ||
+    user?.roles?.some((r: string) => r === 'support_admin' || r === 'system_admin')
+
   const crmItems = [
     { title: "Dashboard", url: appPath('/dashboard'), icon: LayoutDashboard },
     { title: "Accounts", url: appPath('/crm/accounts'), icon: Building2 },
@@ -128,6 +133,24 @@ export function CortexSidebar({ ...props }: React.ComponentProps<typeof Sidebar>
         </SidebarGroup>
       </SidebarContent>
 
+      {isTeamAdmin && (
+        <SidebarGroup>
+          <SidebarGroupLabel>Admin</SidebarGroupLabel>
+          <SidebarGroupContent>
+            <SidebarMenu>
+              <SidebarMenuItem>
+                <SidebarMenuButton asChild isActive={isActive(appPath('/team'))}>
+                  <a href={appPath('/team')}>
+                    <UserPlus className="h-4 w-4" />
+                    <span>Team</span>
+                  </a>
+                </SidebarMenuButton>
+              </SidebarMenuItem>
+            </SidebarMenu>
+          </SidebarGroupContent>
+        </SidebarGroup>
+      )}
+
       <SidebarFooter className="p-4">
         <div className="text-xs text-muted-foreground truncate">{user?.email || ''}</div>
       </SidebarFooter>

package/index.tsx

@@ -33,6 +33,9 @@ const KBIngestionPage = lazy(() => import('./pages/kb/KBIngestionPage'))
 // Courses
 const CoursesPage = lazy(() => import('./pages/courses/CoursesPage'))
 
+// Team
+const TeamPage = lazy(() => import('./pages/team/TeamPage').then(m => ({ default: m.TeamPage })))
+
 // Intelligence
 const IntelligencePage = lazy(() => import('./pages/intelligence/IntelligencePage'))
 
@@ -89,6 +92,9 @@ function CortexLayout() {
           {/* Courses */}
           <Route path="courses/*" element={<CoursesPage />} />
 
+          {/* Team */}
+          <Route path="team" element={<TeamPage />} />
+
           {/* Intelligence */}
           <Route path="intelligence" element={<IntelligencePage />} />
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spine-framework-cortex",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "private": false,
   "description": "Cortex — AI-powered support, CRM, and knowledge base app for Spine Framework",
   "keywords": [

package/pages/team/TeamPage.tsx

@@ -5,8 +5,8 @@
  * @stability stable
  *
  * Cortex team management page. Visible to support_admin and system_admin.
- * Invites are always scoped to the spine-system account with the 'support' role.
- * Renders the shared InviteManager with account scope.
+ * Invites are scoped to the spine-system account with selectable cortex roles.
+ * List is filtered to cortex roles only (support, support_admin).
  *
  * Route: /cortex/team
  *
@@ -17,6 +17,13 @@ import React from 'react'
 import { InviteManager } from '../../../../.framework/src/components/shared/InviteManager'
 import { useAuth } from '../../../../.framework/src/contexts/AuthContext'
 
+const CORTEX_ROLES = [
+  { slug: 'support', name: 'Support' },
+  { slug: 'support_admin', name: 'Support Admin' },
+]
+
+const CORTEX_ROLE_SLUGS = CORTEX_ROLES.map(r => r.slug).join(',')
+
 export function TeamPage() {
   const { user } = useAuth()
 
@@ -37,14 +44,15 @@ export function TeamPage() {
       <div>
         <h1 className="text-2xl font-semibold text-slate-900">Team</h1>
         <p className="mt-1 text-sm text-slate-500">
-          Invite support staff and manage access requests.
+          Invite support staff and manage access to Cortex.
         </p>
       </div>
 
       <InviteManager
         scope="account"
         accountId={user?.account_id}
-        defaultRoleSlug="support"
+        allowedRoles={CORTEX_ROLES}
+        roleSlugsFilter={CORTEX_ROLE_SLUGS}
       />
     </div>
   )