spine-framework 0.3.69 → 0.3.70

package/.framework/cli/commands/install-app.ts

@@ -248,7 +248,9 @@ async function seedApp(appDir: string, appSlug: string) {
         is_active: true,
         route_prefix: manifest.route_prefix ?? ('/' + appSlug),
         renderer: manifest.renderer ?? 'custom',
-        // min_role: first entry of required_roles array, or explicit min_role field
+        // required_roles: full array from manifest (e.g. ["support", "support_admin"])
+        required_roles: manifest.required_roles ?? (manifest.min_role ? [manifest.min_role] : []),
+        // min_role: kept as legacy fallback — first entry of required_roles
         min_role: manifest.required_roles?.[0] ?? manifest.min_role ?? null,
       },
       { onConflict: 'slug' }

package/.framework/src/components/AppWrapper.tsx

@@ -23,9 +23,14 @@ export function AppWrapper({ app, children }: AppWrapperProps) {
     return <Navigate to="/login" replace />
   }
 
-  // Role gate
-  if (app.min_role) {
-    const hasRole = user.roles?.includes('system_admin') || user.roles?.includes(app.min_role)
+  // Role gate — check required_roles array (preferred) or min_role (fallback)
+  const requiredRoles: string[] = app.required_roles?.length
+    ? app.required_roles
+    : app.min_role ? [app.min_role] : []
+
+  if (requiredRoles.length > 0) {
+    const hasRole = user.roles?.includes('system_admin') ||
+      requiredRoles.some(r => user.roles?.includes(r))
     if (!hasRole) {
       return (
         <div className="min-h-screen flex items-center justify-center bg-slate-50">
@@ -39,7 +44,7 @@ export function AppWrapper({ app, children }: AppWrapperProps) {
             <p className="text-slate-600 mb-6">You don't have permission to access {app.name}.</p>
             <div className="bg-slate-100 rounded-lg p-4 text-left">
               <p className="text-sm text-slate-600 mb-2"><strong>Your roles:</strong> {user.roles?.join(', ') || 'None'}</p>
-              <p className="text-sm text-slate-600"><strong>Required:</strong> {app.min_role}</p>
+              <p className="text-sm text-slate-600"><strong>Required (any):</strong> {requiredRoles.join(', ')}</p>
             </div>
           </div>
         </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spine-framework",
-  "version": "0.3.69",
+  "version": "0.3.70",
   "description": "Multi-tenant, modular application platform for modern SaaS systems",
   "type": "module",
   "bin": {