@innertia-solutions/innertia-nuxt 0.1.20 → 0.1.22

package/components/Admin/Page.vue

@@ -8,8 +8,6 @@ const props = defineProps({
   color:       { type: String,  default: 'slate' },
 })
 
-const slots = useSlots()
-
 const iconComponent = computed(() => props.icon ? TablerIcons[props.icon] ?? null : null)
 
 const iconColorClass = computed(() => ({
@@ -27,30 +25,30 @@ const iconColorClass = computed(() => ({
 <template>
   <div class="relative space-y-2">
 
-    <!-- Page header card -->
-    <div v-if="title" class="sticky top-0 z-20 -mx-3 -mt-3 px-3 pt-3 bg-background-1">
-    <div v-if="$slots.breadcrumb" class="flex items-center gap-x-1 px-1 pt-2 pb-0.5">
-      <slot name="breadcrumb" />
-    </div>
-    <div class="flex items-center justify-between bg-card border border-card-line rounded-2xl shadow-sm px-4 py-3">
-      <div class="flex items-center gap-x-4 min-w-0">
-        <div v-if="iconComponent" class="shrink-0 size-10 rounded-xl flex items-center justify-center border border-current/15" :class="iconColorClass">
-          <component :is="iconComponent" class="size-5" stroke="1.5" />
-        </div>
-        <div class="min-w-0">
-          <div class="flex items-baseline gap-x-2 flex-wrap">
+    <!-- Page header -->
+    <div v-if="title" class="sticky top-0 z-20 -mx-3 -mt-3 px-3 bg-background/60 backdrop-blur-md">
+
+      <!-- Breadcrumb -->
+      <div v-if="$slots.breadcrumb" class="flex items-center gap-x-1 px-1 pt-2 pb-0.5">
+        <slot name="breadcrumb" />
+      </div>
+
+      <!-- Header: icono + título + acciones -->
+      <div class="flex items-center justify-between px-1 py-2">
+        <div class="flex items-center gap-x-3 min-w-0">
+          <div v-if="iconComponent" class="shrink-0 size-10 rounded-xl flex items-center justify-center border border-current/15" :class="iconColorClass">
+            <component :is="iconComponent" class="size-5" stroke="1.5" />
+          </div>
+          <div class="min-w-0">
             <h1 class="text-lg font-semibold text-foreground">{{ title }}</h1>
-            <template v-if="description">
-              <span class="size-1 rounded-full bg-surface-1 shrink-0 self-center hidden sm:block" />
-              <p class="text-sm text-muted-foreground">{{ description }}</p>
-            </template>
+            <p v-if="description" class="text-sm text-muted-foreground">{{ description }}</p>
           </div>
         </div>
+        <div v-if="$slots.actions" class="flex items-center gap-x-2 shrink-0 ms-4">
+          <slot name="actions" />
+        </div>
       </div>
-      <div v-if="$slots.actions" class="flex items-center gap-x-2 shrink-0 ms-4">
-        <slot name="actions" />
-      </div>
-    </div>
+
     </div>
 
     <!-- Tabs -->
@@ -59,7 +57,9 @@ const iconColorClass = computed(() => ({
     </div>
 
     <!-- Page content -->
-    <div class="relative"><slot /></div>
+    <div class="relative">
+      <slot />
+    </div>
 
   </div>
 </template>

package/composables/useEntity.js

@@ -37,12 +37,12 @@ export function useEntity() {
 
   const list = (params = {}) => useQuery({
     queryKey: computed(() => ['entities', toValue(params)]),
-    queryFn: () => api.post('backoffice/entities', toValue(params)),
+    queryFn: () => api.post('entities', toValue(params)),
   })
 
   const detail = (id) => useQuery({
     queryKey: computed(() => ['entities', toValue(id)]),
-    queryFn: () => api.get(`backoffice/entities/${toValue(id)}`),
+    queryFn: () => api.get(`entities/${toValue(id)}`),
     enabled: computed(() => !!toValue(id)),
   })
 
@@ -51,12 +51,12 @@ export function useEntity() {
   const invalidate = () => queryClient.invalidateQueries({ queryKey: ['entities'] })
 
   const create = () => useMutation({
-    mutationFn: (data) => api.post('backoffice/entities', data),
+    mutationFn: (data) => api.post('entities', data),
     onSuccess: invalidate,
   })
 
   const update = () => useMutation({
-    mutationFn: ({ id, ...data }) => api.put(`backoffice/entities/${id}`, data),
+    mutationFn: ({ id, ...data }) => api.put(`entities/${id}`, data),
     onSuccess: (_, { id }) => {
       queryClient.invalidateQueries({ queryKey: ['entities', id] })
       invalidate()
@@ -64,14 +64,14 @@ export function useEntity() {
   })
 
   const remove = () => useMutation({
-    mutationFn: (id) => api.delete(`backoffice/entities/${id}`),
+    mutationFn: (id) => api.delete(`entities/${id}`),
     onSuccess: invalidate,
   })
 
   // Agregar acciones adicionales siguiendo el mismo patrón:
   //
   // const activate = () => useMutation({
-  //   mutationFn: (id) => api.post(`backoffice/entities/${id}/activate`),
+  //   mutationFn: (id) => api.post(`entities/${id}/activate`),
   //   onSuccess: invalidate,
   // })
 

package/composables/usePermissions.js

@@ -17,7 +17,7 @@ export function usePermissions() {
   const hasAll = (permissions) => permissions.every(p => authStore.permissions.includes(p))
 
   /** Fetch all permission groups from backoffice — returns [{ category, category_alias, permissions[] }] */
-  const all = (params = {}) => api.get('backoffice/permissions', { params })
+  const all = (params = {}) => api.get('permissions', { params })
 
   return { can, hasRole, hasAny, hasAll, all }
 }

package/composables/useRoles.js

@@ -6,12 +6,12 @@ export function useRoles() {
 
   const list = (params = {}) => useQuery({
     queryKey: computed(() => ['roles', toValue(params)]),
-    queryFn: () => api.post('backoffice/roles', toValue(params)),
+    queryFn: () => api.post('roles', toValue(params)),
   })
 
   const detail = (id) => useQuery({
     queryKey: computed(() => ['roles', toValue(id)]),
-    queryFn: () => api.get(`backoffice/roles/${toValue(id)}`),
+    queryFn: () => api.get(`roles/${toValue(id)}`),
     enabled: computed(() => !!toValue(id)),
   })
 
@@ -20,12 +20,12 @@ export function useRoles() {
   const invalidateRoles = () => queryClient.invalidateQueries({ queryKey: ['roles'] })
 
   const create = () => useMutation({
-    mutationFn: (data) => api.post('backoffice/roles', data),
+    mutationFn: (data) => api.post('roles', data),
     onSuccess: invalidateRoles,
   })
 
   const update = () => useMutation({
-    mutationFn: ({ id, ...data }) => api.put(`backoffice/roles/${id}`, data),
+    mutationFn: ({ id, ...data }) => api.put(`roles/${id}`, data),
     onSuccess: (_, { id }) => {
       queryClient.invalidateQueries({ queryKey: ['roles', id] })
       invalidateRoles()
@@ -33,13 +33,13 @@ export function useRoles() {
   })
 
   const remove = () => useMutation({
-    mutationFn: (id) => api.delete(`backoffice/roles/${id}`),
+    mutationFn: (id) => api.delete(`roles/${id}`),
     onSuccess: invalidateRoles,
   })
 
   const syncPermissions = () => useMutation({
     mutationFn: ({ id, permissions }) =>
-      api.post(`backoffice/roles/${id}/permissions`, { permissions }),
+      api.post(`roles/${id}/permissions`, { permissions }),
     onSuccess: (_, { id }) =>
       queryClient.invalidateQueries({ queryKey: ['roles', id] }),
   })

package/composables/useUsers.js

@@ -6,36 +6,36 @@ export function useUsers() {
 
   const list = (params = {}) => useQuery({
     queryKey: computed(() => ['users', toValue(params)]),
-    queryFn: () => api.post('backoffice/users', toValue(params)),
+    queryFn: () => api.post('users', toValue(params)),
   })
 
   const detail = (id) => useQuery({
     queryKey: computed(() => ['users', toValue(id)]),
-    queryFn: () => api.get(`backoffice/users/${toValue(id)}`),
+    queryFn: () => api.get(`users/${toValue(id)}`),
     enabled: computed(() => !!toValue(id)),
   })
 
   const roles = (userId) => useQuery({
     queryKey: computed(() => ['users', toValue(userId), 'roles']),
-    queryFn: () => api.get(`backoffice/users/${toValue(userId)}/roles`),
+    queryFn: () => api.get(`users/${toValue(userId)}/roles`),
     enabled: computed(() => !!toValue(userId)),
   })
 
   const apps = (userId) => useQuery({
     queryKey: computed(() => ['users', toValue(userId), 'apps']),
-    queryFn: () => api.get(`backoffice/users/${toValue(userId)}/apps`),
+    queryFn: () => api.get(`users/${toValue(userId)}/apps`),
     enabled: computed(() => !!toValue(userId)),
   })
 
   const sessions = (userId) => useQuery({
     queryKey: computed(() => ['users', toValue(userId), 'sessions']),
-    queryFn: () => api.get(`backoffice/users/${toValue(userId)}/sessions`),
+    queryFn: () => api.get(`users/${toValue(userId)}/sessions`),
     enabled: computed(() => !!toValue(userId)),
   })
 
   const activityLog = (userId, params = {}) => useQuery({
     queryKey: computed(() => ['users', toValue(userId), 'activity', toValue(params)]),
-    queryFn: () => api.get(`backoffice/users/${toValue(userId)}/activity`, toValue(params)),
+    queryFn: () => api.get(`users/${toValue(userId)}/activity`, toValue(params)),
     enabled: computed(() => !!toValue(userId)),
   })
 
@@ -44,12 +44,12 @@ export function useUsers() {
   const invalidateUsers = () => queryClient.invalidateQueries({ queryKey: ['users'] })
 
   const create = () => useMutation({
-    mutationFn: (data) => api.post('backoffice/users', data),
+    mutationFn: (data) => api.post('users', data),
     onSuccess: invalidateUsers,
   })
 
   const update = () => useMutation({
-    mutationFn: ({ id, ...data }) => api.put(`backoffice/users/${id}`, data),
+    mutationFn: ({ id, ...data }) => api.put(`users/${id}`, data),
     onSuccess: (_, { id }) => {
       queryClient.invalidateQueries({ queryKey: ['users', id] })
       invalidateUsers()
@@ -57,46 +57,46 @@ export function useUsers() {
   })
 
   const remove = () => useMutation({
-    mutationFn: (id) => api.delete(`backoffice/users/${id}`),
+    mutationFn: (id) => api.delete(`users/${id}`),
     onSuccess: invalidateUsers,
   })
 
   const reactivate = () => useMutation({
-    mutationFn: (id) => api.post(`backoffice/users/${id}/reactivate`),
+    mutationFn: (id) => api.post(`users/${id}/reactivate`),
     onSuccess: invalidateUsers,
   })
 
   const resetPassword = () => useMutation({
-    mutationFn: ({ id, ...data }) => api.post(`backoffice/users/${id}/reset-password`, data),
+    mutationFn: ({ id, ...data }) => api.post(`users/${id}/reset-password`, data),
   })
 
   const assignRole = () => useMutation({
-    mutationFn: ({ userId, role }) => api.post(`backoffice/users/${userId}/roles`, { role }),
+    mutationFn: ({ userId, role }) => api.post(`users/${userId}/roles`, { role }),
     onSuccess: (_, { userId }) =>
       queryClient.invalidateQueries({ queryKey: ['users', userId, 'roles'] }),
   })
 
   const removeRole = () => useMutation({
-    mutationFn: ({ userId, role }) => api.delete(`backoffice/users/${userId}/roles/${role}`),
+    mutationFn: ({ userId, role }) => api.delete(`users/${userId}/roles/${role}`),
     onSuccess: (_, { userId }) =>
       queryClient.invalidateQueries({ queryKey: ['users', userId, 'roles'] }),
   })
 
   const syncApps = () => useMutation({
-    mutationFn: ({ userId, apps }) => api.post(`backoffice/users/${userId}/apps/sync`, { apps }),
+    mutationFn: ({ userId, apps }) => api.post(`users/${userId}/apps/sync`, { apps }),
     onSuccess: (_, { userId }) =>
       queryClient.invalidateQueries({ queryKey: ['users', userId, 'apps'] }),
   })
 
   const revokeSession = () => useMutation({
     mutationFn: ({ userId, sessionId }) =>
-      api.delete(`backoffice/users/${userId}/sessions/${sessionId}`),
+      api.delete(`users/${userId}/sessions/${sessionId}`),
     onSuccess: (_, { userId }) =>
       queryClient.invalidateQueries({ queryKey: ['users', userId, 'sessions'] }),
   })
 
   const revokeAllSessions = () => useMutation({
-    mutationFn: (userId) => api.delete(`backoffice/users/${userId}/sessions`),
+    mutationFn: (userId) => api.delete(`users/${userId}/sessions`),
     onSuccess: (_, userId) =>
       queryClient.invalidateQueries({ queryKey: ['users', userId, 'sessions'] }),
   })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innertia-solutions/innertia-nuxt",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "Innertia Solutions — Nuxt layer unificada: core, auth, multitenancy, theme y app contexts",
   "keywords": [
     "nuxt",