spine-framework-portal 0.2.10 → 0.2.11

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,5 @@
-import { createHandler } from '../../../.framework/functions/_shared/middleware'
-import { processSignal } from '../../functions/custom_funnel-signal'
+import { createHandler } from './_shared/middleware'
+import { processSignal } from './custom_funnel-signal'
 
 export const handler = createHandler(async (ctx, body) => {
   const { 
@@ -43,7 +43,7 @@ export const handler = createHandler(async (ctx, body) => {
     occurred_at: new Date().toISOString()
   }
 
-  const result = await processSignal(payload, { accountId: ctx.accountId, requestId: ctx.requestId }, {})
+  const result = await processSignal(payload, { accountId: ctx.accountId, requestId: ctx.requestId }, {}, ctx)
 
   if (result?.status === 'error') {
     const err: any = new Error(result.error || 'Signal processing failed')

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.11",
   "private": false,
   "description": "Customer Portal — self-service portal app for Spine Framework",
   "type": "module",