spine-framework-portal 0.2.10 → 0.2.12

package/components/PortalHeader.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react'
 import { NavLink, useNavigate } from 'react-router-dom'
 import { Ticket, Users, BookOpen, GraduationCap, Store, LayoutGrid, User, LogOut, Save } from 'lucide-react'
 import { useAuth } from '@core/contexts/AuthContext'
-import { useCurrentApp } from '@core/contexts/AppContext'
+import { useAppPath } from '@core/hooks/useAppPath'
 import { Button } from '@core/components/ui/button'
 import { Avatar, AvatarFallback } from '@core/components/ui/avatar'
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@core/components/ui/dialog'
@@ -20,14 +20,11 @@ const NAV_ITEMS = [
 
 export function PortalHeader() {
   const { user, logout } = useAuth()
-  const app = useCurrentApp()
+  const appPath = useAppPath()
   const navigate = useNavigate()
   const [accountOpen, setAccountOpen] = useState(false)
   const [displayName, setDisplayName] = useState(user?.full_name || user?.email?.split('@')[0] || '')
 
-  // Normalize route_prefix: '/' → '' so paths are /, /tickets, /kb, etc.
-  const base = app.route_prefix === '/' ? '' : (app.route_prefix || '')
-
   const initials = (displayName || user?.email || 'U')
     .split(' ')
     .map((w: string) => w[0])
@@ -48,7 +45,7 @@ export function PortalHeader() {
     <>
       <header className="sticky top-0 z-50 bg-background border-b border-border shadow-sm">
         <div className="flex items-center h-14 px-6 gap-6">
-          <NavLink to={`${base}/`} className="flex items-center gap-2 shrink-0 text-foreground hover:text-primary transition-colors">
+          <NavLink to={appPath('/')} className="flex items-center gap-2 shrink-0 text-foreground hover:text-primary transition-colors">
             <LayoutGrid size={18} className="text-primary" />
             <span className="font-semibold tracking-tight text-sm">Customer Portal</span>
           </NavLink>
@@ -57,7 +54,7 @@ export function PortalHeader() {
             {NAV_ITEMS.map(({ label, path, icon: Icon }) => (
               <NavLink
                 key={path}
-                to={`${base}${path}`}
+                to={appPath(path)}
                 className={({ isActive }) =>
                   [
                     'flex items-center gap-1.5 px-3 py-1.5 rounded-md text-sm font-medium transition-colors',

package/functions/custom_portal-community-escalation.ts

@@ -1,5 +1,5 @@
-import { createHandler } from '../../../.framework/functions/_shared/middleware'
-import { adminDb } from '../../../.framework/functions/_shared/db'
+import { createHandler } from './_shared/middleware'
+import { adminDb } from './_shared/db'
 
 /**
  * Portal Community Escalation Handler

package/functions/custom_portal-signals.ts

@@ -1,5 +1,6 @@
-import { createHandler } from '../../../.framework/functions/_shared/middleware'
-import { processSignal } from '../../functions/custom_funnel-signal'
+import { createHandler } from './_shared/middleware'
+import { adminDb } from './_shared/db'
+import { resolveTypeId } from './_shared/resolve-ids'
 
 export const handler = createHandler(async (ctx, body) => {
   const { 
@@ -26,7 +27,21 @@ export const handler = createHandler(async (ctx, body) => {
     throw err
   }
 
-  const payload = {
+  // Get the funnel_signal type_id
+  const { data: typeId } = await adminDb
+    .from('types')
+    .select('id')
+    .eq('kind', 'item')
+    .eq('slug', 'funnel_signal')
+    .single()
+
+  if (!typeId) {
+    const err: any = new Error('funnel_signal type not found')
+    err.statusCode = 500
+    throw err
+  }
+
+  const signalData = {
     account_id: ctx.accountId,
     person_id: ctx.principal.id,
     session_id: session_id || `portal_${ctx.principal.id}_${Date.now()}`,
@@ -43,13 +58,23 @@ export const handler = createHandler(async (ctx, body) => {
     occurred_at: new Date().toISOString()
   }
 
-  const result = await processSignal(payload, { accountId: ctx.accountId, requestId: ctx.requestId }, {})
+  // Create the signal item directly using admin-data pattern
+  const { data: signal, error } = await adminDb
+    .from('items')
+    .insert({
+      type_id: typeId.id,
+      title: `${action_type} - ${action_value}`,
+      account_id: ctx.accountId,
+      data: signalData
+    })
+    .select('id')
+    .single()
 
-  if (result?.status === 'error') {
-    const err: any = new Error(result.error || 'Signal processing failed')
-    err.statusCode = 400
+  if (error || !signal) {
+    const err: any = new Error(`Failed to create signal: ${error?.message || 'Unknown error'}`)
+    err.statusCode = 500
     throw err
   }
 
-  return { status: 'ok', signal_id: result?.signal_id }
+  return { status: 'ok', signal_id: signal.id }
 })

package/index.tsx

@@ -16,14 +16,6 @@ const DeveloperSettingsPage = lazy(() => import('./pages/DeveloperSettingsPage')
 
 function PortalLayout() {
   const location = useLocation()
-  const app = useCurrentApp()
-
-  // Normalize route_prefix: '/' → '' so paths are /, /tickets, /kb, etc.
-  const base = app.route_prefix === '/' ? '' : (app.route_prefix || '')
-  const prefixDepth = base.split('/').filter(Boolean).length
-
-  const segments = location.pathname.split('/').filter(Boolean)
-  const appSegments = segments.slice(prefixDepth) // strips the prefix segments
 
   return (
     <div className="h-full flex flex-col bg-background overflow-hidden">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spine-framework-portal",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "private": false,
   "description": "Customer Portal — self-service portal app for Spine Framework",
   "type": "module",