@opensaas/stack-ui 0.1.7 → 0.4.0

package/.turbo/turbo-build.log

@@ -1,10 +1,11 @@
 
-> @opensaas/stack-ui@0.1.7 build /home/runner/work/stack/stack/packages/ui
+> @opensaas/stack-ui@0.4.0 build /home/runner/work/stack/stack/packages/ui
 > tsc && npm run build:css
 
 npm warn Unknown env config "verify-deps-before-run". This will stop working in the next major version of npm.
+npm warn Unknown env config "npm-globalconfig". This will stop working in the next major version of npm.
 npm warn Unknown env config "_jsr-registry". This will stop working in the next major version of npm.
 
-> @opensaas/stack-ui@0.1.7 build:css
+> @opensaas/stack-ui@0.4.0 build:css
 > mkdir -p dist/styles && postcss ./src/styles/globals.css -o ./dist/styles/globals.css
 

package/CHANGELOG.md

@@ -1,5 +1,145 @@
 # @opensaas/stack-ui
 
+## 0.4.0
+
+### Minor Changes
+
+- [#170](https://github.com/OpenSaasAU/stack/pull/170) [`3c4db9d`](https://github.com/OpenSaasAU/stack/commit/3c4db9d8318fc73d291991d8bdfa4f607c3a50ea) Thanks [@list({](https://github.com/list({)! - Add support for virtual fields with proper TypeScript type generation
+
+  Virtual fields are computed fields that don't exist in the database but are added to query results at runtime. This feature enables derived or computed values to be included in your API responses with full type safety.
+
+  **New Features:**
+  - Added `virtual()` field type for defining computed fields in your schema
+  - Virtual fields are automatically excluded from database schema and input types
+  - Virtual fields appear in output types with full TypeScript autocomplete
+  - Virtual fields support `resolveOutput` hooks for custom computation logic
+
+  **Type System Improvements:**
+  - Generated Context type now properly extends AccessContext from core
+  - Separate Input and Output types (e.g., `UserOutput` includes virtual fields, `UserCreateInput` does not)
+  - UI components now accept `AccessContext<any>` for better compatibility with custom context types
+  - Type aliases provide convenience (e.g., `User = UserOutput`)
+
+  **Example Usage:**
+
+  ```typescript
+  import { list, text, virtual } from '@opensaas/stack-core'
+
+  export default config({
+    lists: {
+
+        fields: {
+          name: text(),
+          email: text(),
+          displayName: virtual({
+            type: 'string',
+            hooks: {
+              resolveOutput: async ({ item }) => {
+                return `${item.name} (${item.email})`
+              },
+            },
+          }),
+        },
+      }),
+    },
+  })
+  ```
+
+  The `displayName` field will automatically appear in query results with full TypeScript support, but won't be part of create/update operations or the database schema.
+
+### Patch Changes
+
+- [#172](https://github.com/OpenSaasAU/stack/pull/172) [`929a2a9`](https://github.com/OpenSaasAU/stack/commit/929a2a9a2dfa80b1d973d259dd87828d644ea58d) Thanks [@list<Lists.User.TypeInfo>({](https://github.com/list<Lists.User.TypeInfo>({), [@list<Lists.User.TypeInfo>({](https://github.com/list<Lists.User.TypeInfo>({)! - Improve TypeScript type inference for field configs and list-level hooks by automatically passing TypeInfo from list level down
+
+  This change eliminates the need to manually specify type parameters on field builders when using features like virtual fields, and fixes a critical bug where list-level hooks weren't receiving properly typed parameters.
+
+  ## Field Type Inference Improvements
+
+  Previously, users had to write `virtual<Lists.User.TypeInfo>({...})` to get proper type inference. Now TypeScript automatically infers the correct types from the list-level type parameter.
+
+  **Example:**
+
+  ```typescript
+  // Before
+
+    fields: {
+      displayName: virtual<Lists.User.TypeInfo>({
+        type: 'string',
+        hooks: {
+          resolveOutput: ({ item }) => `${item.name} (${item.email})`,
+        },
+      }),
+    },
+  })
+
+  // After
+
+    fields: {
+      displayName: virtual({
+        type: 'string',
+        hooks: {
+          resolveOutput: ({ item }) => `${item.name} (${item.email})`,
+        },
+      }),
+    },
+  })
+  ```
+
+  ## List-Level Hooks Type Inference Fix
+
+  Fixed a critical type parameter mismatch where `Hooks<TTypeInfo>` was passing the entire TypeInfo object as the first parameter instead of properly destructuring it into three required parameters:
+  1. `TOutput` - The item type (what's stored in DB)
+  2. `TCreateInput` - Prisma create input type
+  3. `TUpdateInput` - Prisma update input type
+
+  **Impact:**
+  - `resolveInput` now receives proper Prisma input types (e.g., `PostCreateInput`, `PostUpdateInput`)
+  - `validateInput` has access to properly typed input data
+  - `beforeOperation` and `afterOperation` have correct item types
+  - All list-level hook callbacks now get full IntelliSense and type checking
+
+  **Example:**
+
+  ```typescript
+  Post: list<Lists.Post.TypeInfo>({
+    fields: { title: text(), content: text() },
+    hooks: {
+      resolveInput: async ({ operation, resolvedData }) => {
+        // ✅ resolvedData is now properly typed as PostCreateInput or PostUpdateInput
+        // ✅ Full autocomplete for title, content, etc.
+        if (operation === 'create') {
+          console.log(resolvedData.title) // TypeScript knows this is string | undefined
+        }
+        return resolvedData
+      },
+      beforeOperation: async ({ operation, item }) => {
+        // ✅ item is now properly typed as Post with all fields
+        if (operation === 'update' && item) {
+          console.log(item.title) // TypeScript knows this is string
+          console.log(item.createdAt) // TypeScript knows this is Date
+        }
+      },
+    },
+  })
+  ```
+
+  ## Breaking Changes
+  - Field types now accept full `TTypeInfo extends TypeInfo` instead of just `TItem`
+  - `FieldsWithItemType` utility replaced with `FieldsWithTypeInfo`
+  - All field builders updated to use new type signature
+  - List-level hooks now receive properly typed parameters (may reveal existing type errors)
+
+  ## Benefits
+  - ✨ Cleaner code without manual type parameter repetition
+  - 🎯 Better type inference in both field-level and list-level hooks
+  - 🔄 Consistent type flow from list configuration down to individual fields
+  - 🛡️ Maintained full type safety with improved DX
+  - 💡 Full IntelliSense support in all hook callbacks
+
+## 0.3.0
+
+## 0.2.0
+
 ## 0.1.7
 
 ### Patch Changes

package/dist/components/AdminUI.d.ts

@@ -1,7 +1,7 @@
 import type { ServerActionInput } from '../server/types.js';
-import { AccessContext, OpenSaasConfig } from '@opensaas/stack-core';
-export interface AdminUIProps<TPrisma> {
-    context: AccessContext<TPrisma>;
+import { type AccessContext, OpenSaasConfig } from '@opensaas/stack-core';
+export interface AdminUIProps {
+    context: AccessContext<unknown>;
     config: OpenSaasConfig;
     params?: string[];
     searchParams?: {
@@ -9,6 +9,7 @@ export interface AdminUIProps<TPrisma> {
     };
     basePath?: string;
     serverAction: (input: ServerActionInput) => Promise<unknown>;
+    onSignOut?: () => Promise<void>;
 }
 /**
  * Main AdminUI component - complete admin interface with routing
@@ -20,5 +21,5 @@ export interface AdminUIProps<TPrisma> {
  * - [list, 'create'] → ItemForm (create)
  * - [list, id] → ItemForm (edit)
  */
-export declare function AdminUI<TPrisma>({ context, config, params, searchParams, basePath, serverAction, }: AdminUIProps<TPrisma>): import("react/jsx-runtime").JSX.Element;
+export declare function AdminUI({ context, config, params, searchParams, basePath, serverAction, onSignOut, }: AdminUIProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AdminUI.d.ts.map

package/dist/components/AdminUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminUI.d.ts","sourceRoot":"","sources":["../../src/components/AdminUI.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAqB,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGvF,MAAM,WAAW,YAAY,CAAC,OAAO;IACnC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,YAAY,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CAC7D;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,EAC/B,OAAO,EACP,MAAM,EACN,MAAW,EACX,YAAiB,EACjB,QAAmB,EACnB,YAAY,GACb,EAAE,YAAY,CAAC,OAAO,CAAC,2CA2EvB"}
+{"version":3,"file":"AdminUI.d.ts","sourceRoot":"","sources":["../../src/components/AdminUI.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,KAAK,aAAa,EAAqB,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAG5F,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,YAAY,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IAC5D,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAChC;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,MAAM,EACN,MAAW,EACX,YAAiB,EACjB,QAAmB,EACnB,YAAY,EACZ,SAAS,GACV,EAAE,YAAY,2CA4Ed"}

package/dist/components/AdminUI.js

@@ -15,7 +15,7 @@ import { generateThemeCSS } from '../lib/theme.js';
  * - [list, 'create'] → ItemForm (create)
  * - [list, id] → ItemForm (edit)
  */
-export function AdminUI({ context, config, params = [], searchParams = {}, basePath = '/admin', serverAction, }) {
+export function AdminUI({ context, config, params = [], searchParams = {}, basePath = '/admin', serverAction, onSignOut, }) {
     // Parse route from params
     const [urlSegment, action] = params;
     // Convert URL segment (kebab-case) to PascalCase listKey
@@ -44,5 +44,5 @@ export function AdminUI({ context, config, params = [], searchParams = {}, baseP
     }
     // Generate theme styles if custom theme is configured
     const themeStyles = config.ui?.theme ? generateThemeCSS(config.ui.theme) : null;
-    return (_jsxs(_Fragment, { children: [themeStyles && _jsx("style", { dangerouslySetInnerHTML: { __html: themeStyles } }), _jsxs("div", { className: "flex min-h-screen bg-background", children: [_jsx(Navigation, { context: context, config: config, basePath: basePath, currentPath: currentPath }), _jsx("main", { className: "flex-1 overflow-y-auto", children: content })] })] }));
+    return (_jsxs(_Fragment, { children: [themeStyles && _jsx("style", { dangerouslySetInnerHTML: { __html: themeStyles } }), _jsxs("div", { className: "flex min-h-screen bg-background", children: [_jsx(Navigation, { context: context, config: config, basePath: basePath, currentPath: currentPath, onSignOut: onSignOut }), _jsx("main", { className: "flex-1 overflow-y-auto", children: content })] })] }));
 }

package/dist/components/Dashboard.d.ts

@@ -1,6 +1,6 @@
-import { AccessContext, OpenSaasConfig } from '@opensaas/stack-core';
-export interface DashboardProps<TPrisma> {
-    context: AccessContext<TPrisma>;
+import { type AccessContext, OpenSaasConfig } from '@opensaas/stack-core';
+export interface DashboardProps {
+    context: AccessContext<unknown>;
     config: OpenSaasConfig;
     basePath?: string;
 }
@@ -8,5 +8,5 @@ export interface DashboardProps<TPrisma> {
  * Dashboard landing page showing all available lists
  * Server Component
  */
-export declare function Dashboard<TPrisma>({ context, config, basePath, }: DashboardProps<TPrisma>): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function Dashboard({ context, config, basePath }: DashboardProps): Promise<import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=Dashboard.d.ts.map

package/dist/components/Dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/components/Dashboard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAuB,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGzF,MAAM,WAAW,cAAc,CAAC,OAAO;IACrC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;GAGG;AACH,wBAAsB,SAAS,CAAC,OAAO,EAAE,EACvC,OAAO,EACP,MAAM,EACN,QAAmB,GACpB,EAAE,cAAc,CAAC,OAAO,CAAC,oDAkHzB"}
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/components/Dashboard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAuB,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAG9F,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;GAGG;AACH,wBAAsB,SAAS,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAmB,EAAE,EAAE,cAAc,oDAmHvF"}

package/dist/components/Dashboard.js

@@ -7,13 +7,14 @@ import { Card, CardContent, CardHeader, CardTitle } from '../primitives/card.js'
  * Dashboard landing page showing all available lists
  * Server Component
  */
-export async function Dashboard({ context, config, basePath = '/admin', }) {
+export async function Dashboard({ context, config, basePath = '/admin' }) {
     const lists = Object.keys(config.lists || {});
     // Get counts for each list
     const listCounts = await Promise.all(lists.map(async (listKey) => {
         try {
-            const count = await context.db[getDbKey(listKey)]?.count();
-            return { listKey, count: count || 0 };
+            const delegate = context.db[getDbKey(listKey)];
+            const count = delegate?.count ? await delegate.count() : 0;
+            return { listKey, count };
         }
         catch (error) {
             console.error(`Failed to get count for ${listKey}:`, error);

package/dist/components/ItemForm.d.ts

@@ -1,7 +1,7 @@
 import type { ServerActionInput } from '../server/types.js';
-import { AccessContext, OpenSaasConfig } from '@opensaas/stack-core';
-export interface ItemFormProps<TPrisma> {
-    context: AccessContext<TPrisma>;
+import { type AccessContext, OpenSaasConfig } from '@opensaas/stack-core';
+export interface ItemFormProps {
+    context: AccessContext<unknown>;
     config: OpenSaasConfig;
     listKey: string;
     mode: 'create' | 'edit';
@@ -13,5 +13,5 @@ export interface ItemFormProps<TPrisma> {
  * Item form component - create or edit an item
  * Server Component that fetches data and sets up actions
  */
-export declare function ItemForm<TPrisma>({ context, config, listKey, mode, itemId, basePath, serverAction, }: ItemFormProps<TPrisma>): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function ItemForm({ context, config, listKey, mode, itemId, basePath, serverAction, }: ItemFormProps): Promise<import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ItemForm.d.ts.map

package/dist/components/ItemForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemForm.d.ts","sourceRoot":"","sources":["../../src/components/ItemForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAuB,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGzF,MAAM,WAAW,aAAa,CAAC,OAAO;IACpC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CAC7D;AAED;;;GAGG;AACH,wBAAsB,QAAQ,CAAC,OAAO,EAAE,EACtC,OAAO,EACP,MAAM,EACN,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAmB,EACnB,YAAY,GACb,EAAE,aAAa,CAAC,OAAO,CAAC,oDAmKxB"}
+{"version":3,"file":"ItemForm.d.ts","sourceRoot":"","sources":["../../src/components/ItemForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,KAAK,aAAa,EAAuB,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAG9F,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CAC7D;AAED;;;GAGG;AACH,wBAAsB,QAAQ,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAmB,EACnB,YAAY,GACb,EAAE,aAAa,oDAuKf"}

package/dist/components/ItemForm.js

@@ -27,10 +27,13 @@ export async function ItemForm({ context, config, listKey, mode, itemId, basePat
                 }
             }
             // Fetch item with relationships included
-            itemData = await context.db[getDbKey(listKey)].findUnique({
-                where: { id: itemId },
-                ...(Object.keys(includeRelationships).length > 0 && { include: includeRelationships }),
-            });
+            const delegate = context.db[getDbKey(listKey)];
+            if (delegate?.findUnique) {
+                itemData = await delegate.findUnique({
+                    where: { id: itemId },
+                    ...(Object.keys(includeRelationships).length > 0 && { include: includeRelationships }),
+                });
+            }
         }
         catch (error) {
             console.error(`Failed to fetch item ${itemId}:`, error);
@@ -53,7 +56,8 @@ export async function ItemForm({ context, config, listKey, mode, itemId, basePat
                 if (relatedListConfig) {
                     try {
                         const dbContext = context.db;
-                        const relatedItems = await dbContext[getDbKey(relatedListName)].findMany({});
+                        const delegate = dbContext[getDbKey(relatedListName)];
+                        const relatedItems = delegate?.findMany ? await delegate.findMany({}) : [];
                         // Use 'name' field as label if it exists, otherwise use 'id'
                         relationshipData[fieldName] = relatedItems.map((item) => ({
                             id: item.id,

package/dist/components/ItemFormClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemFormClient.d.ts","sourceRoot":"","sources":["../../src/components/ItemFormClient.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAA;AAE7E,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAA;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAA;CACxE;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,IAAI,EACJ,MAAM,EACN,WAAgB,EAChB,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,gBAAqB,GACtB,EAAE,mBAAmB,2CAwMrB"}
+{"version":3,"file":"ItemFormClient.d.ts","sourceRoot":"","sources":["../../src/components/ItemFormClient.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAA;AAE7E,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAA;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAA;CACxE;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,IAAI,EACJ,MAAM,EACN,WAAgB,EAChB,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,gBAAqB,GACtB,EAAE,mBAAmB,2CA8NrB"}

package/dist/components/ItemFormClient.js

@@ -33,67 +33,78 @@ export function ItemFormClient({ listKey, urlKey, mode, fields, initialData = {}
         setErrors({});
         setGeneralError(null);
         startTransition(async () => {
-            try {
-                // Transform relationship fields to Prisma format
-                // Filter out password fields with isSet objects (unchanged passwords)
-                // File/Image fields: pass File objects through (Next.js will serialize them)
-                const transformedData = {};
-                for (const [fieldName, value] of Object.entries(formData)) {
-                    const fieldConfig = fields[fieldName];
-                    // Skip password fields that have { isSet: boolean } value (not being changed)
-                    if (typeof value === 'object' && value !== null && 'isSet' in value) {
-                        continue;
-                    }
-                    // Transform relationship fields - check discriminated union type
-                    const fieldAny = fieldConfig;
-                    if (fieldAny?.type === 'relationship') {
-                        if (fieldAny.many) {
-                            // Many relationship: use connect format
-                            if (Array.isArray(value) && value.length > 0) {
-                                transformedData[fieldName] = {
-                                    connect: value.map((id) => ({ id })),
-                                };
-                            }
-                        }
-                        else {
-                            // Single relationship: use connect format
-                            if (value) {
-                                transformedData[fieldName] = {
-                                    connect: { id: value },
-                                };
-                            }
+            // Transform relationship fields to Prisma format
+            // Filter out password fields with isSet objects (unchanged passwords)
+            // File/Image fields: pass File objects through (Next.js will serialize them)
+            const transformedData = {};
+            for (const [fieldName, value] of Object.entries(formData)) {
+                const fieldConfig = fields[fieldName];
+                // Skip password fields that have { isSet: boolean } value (not being changed)
+                if (typeof value === 'object' && value !== null && 'isSet' in value) {
+                    continue;
+                }
+                // Transform relationship fields - check discriminated union type
+                const fieldAny = fieldConfig;
+                if (fieldAny?.type === 'relationship') {
+                    if (fieldAny.many) {
+                        // Many relationship: use connect format
+                        if (Array.isArray(value) && value.length > 0) {
+                            transformedData[fieldName] = {
+                                connect: value.map((id) => ({ id })),
+                            };
                         }
                     }
                     else {
-                        // Non-relationship field: pass through (including File objects for file/image fields)
-                        // File objects will be serialized by Next.js server action
-                        transformedData[fieldName] = value;
+                        // Single relationship: use connect format
+                        if (value) {
+                            transformedData[fieldName] = {
+                                connect: { id: value },
+                            };
+                        }
                     }
                 }
-                const result = mode === 'create'
-                    ? await serverAction({
-                        listKey,
-                        action: 'create',
-                        data: transformedData,
-                    })
-                    : await serverAction({
-                        listKey,
-                        action: 'update',
-                        id: itemId,
-                        data: transformedData,
-                    });
-                if (result) {
+                else {
+                    // Non-relationship field: pass through (including File objects for file/image fields)
+                    // File objects will be serialized by Next.js server action
+                    transformedData[fieldName] = value;
+                }
+            }
+            const result = mode === 'create'
+                ? await serverAction({
+                    listKey,
+                    action: 'create',
+                    data: transformedData,
+                })
+                : await serverAction({
+                    listKey,
+                    action: 'update',
+                    id: itemId,
+                    data: transformedData,
+                });
+            // Check if result has the new format with success/error fields
+            if (result && typeof result === 'object' && 'success' in result) {
+                const actionResult = result;
+                if (actionResult.success) {
                     // Navigate back to list view
                     router.push(`${basePath}/${urlKey}`);
                     router.refresh();
                 }
                 else {
-                    setGeneralError('Access denied or operation failed');
+                    // Handle error response
+                    if (actionResult.fieldErrors) {
+                        setErrors(actionResult.fieldErrors);
+                    }
+                    setGeneralError(actionResult.error);
                 }
             }
-            catch (error) {
-                const errorMessage = error instanceof Error ? error.message : 'Failed to save item';
-                setGeneralError(errorMessage);
+            else if (result) {
+                // Legacy format: result is the data itself
+                router.push(`${basePath}/${urlKey}`);
+                router.refresh();
+            }
+            else {
+                // null result means access denied
+                setGeneralError('Access denied or operation failed');
             }
         });
     };
@@ -103,23 +114,30 @@ export function ItemFormClient({ listKey, urlKey, mode, fields, initialData = {}
         setGeneralError(null);
         setShowDeleteConfirm(false);
         startTransition(async () => {
-            try {
-                const result = await serverAction({
-                    listKey,
-                    action: 'delete',
-                    id: itemId,
-                });
-                if (result) {
+            const result = await serverAction({
+                listKey,
+                action: 'delete',
+                id: itemId,
+            });
+            // Check if result has the new format with success/error fields
+            if (result && typeof result === 'object' && 'success' in result) {
+                const actionResult = result;
+                if (actionResult.success) {
                     router.push(`${basePath}/${urlKey}`);
                     router.refresh();
                 }
                 else {
-                    setGeneralError('Access denied or failed to delete item');
+                    setGeneralError(actionResult.error);
                 }
             }
-            catch (error) {
-                const errorMessage = error instanceof Error ? error.message : 'Failed to delete item';
-                setGeneralError(errorMessage);
+            else if (result) {
+                // Legacy format: result is the data itself
+                router.push(`${basePath}/${urlKey}`);
+                router.refresh();
+            }
+            else {
+                // null result means access denied
+                setGeneralError('Access denied or failed to delete item');
             }
         });
     };

package/dist/components/ListView.d.ts

@@ -1,6 +1,6 @@
-import { AccessContext, OpenSaasConfig, type PrismaClientLike } from '@opensaas/stack-core';
-export interface ListViewProps<TPrisma extends PrismaClientLike = PrismaClientLike> {
-    context: AccessContext<TPrisma>;
+import { type AccessContext, OpenSaasConfig } from '@opensaas/stack-core';
+export interface ListViewProps {
+    context: AccessContext<unknown>;
     config: OpenSaasConfig;
     listKey: string;
     basePath?: string;
@@ -13,5 +13,5 @@ export interface ListViewProps<TPrisma extends PrismaClientLike = PrismaClientLi
  * List view component - displays items in a table
  * Server Component that fetches data and renders client table
  */
-export declare function ListView<TPrisma extends PrismaClientLike = PrismaClientLike>({ context, config, listKey, basePath, columns, page, pageSize, search, }: ListViewProps<TPrisma>): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function ListView({ context, config, listKey, basePath, columns, page, pageSize, search, }: ListViewProps): Promise<import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ListView.d.ts.map

package/dist/components/ListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../src/components/ListView.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,aAAa,EAGb,cAAc,EACd,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAA;AAE7B,MAAM,WAAW,aAAa,CAAC,OAAO,SAAS,gBAAgB,GAAG,gBAAgB;IAChF,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,wBAAsB,QAAQ,CAAC,OAAO,SAAS,gBAAgB,GAAG,gBAAgB,EAAE,EAClF,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAmB,EACnB,OAAO,EACP,IAAQ,EACR,QAAa,EACb,MAAM,GACP,EAAE,aAAa,CAAC,OAAO,CAAC,oDAqHxB"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../src/components/ListView.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAuB,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE9F,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,wBAAsB,QAAQ,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAmB,EACnB,OAAO,EACP,IAAQ,EACR,QAAa,EACb,MAAM,GACP,EAAE,aAAa,oDA6Hf"}

package/dist/components/ListView.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link.js';
 import { ListViewClient } from './ListViewClient.js';
 import { formatListName } from '../lib/utils.js';
-import { getDbKey, getUrlKey, } from '@opensaas/stack-core';
+import { getDbKey, getUrlKey } from '@opensaas/stack-core';
 /**
  * List view component - displays items in a table
  * Server Component that fetches data and renders client table
@@ -47,15 +47,19 @@ export async function ListView({ context, config, listKey, basePath = '/admin',
                 include[fieldName] = true;
             }
         });
-        [items, total] = await Promise.all([
-            dbContext[key].findMany({
-                where,
-                skip,
-                take: pageSize,
-                ...(Object.keys(include).length > 0 ? { include } : {}),
-            }),
-            dbContext[key].count({ where }),
-        ]);
+        const delegate = dbContext[key];
+        if (delegate?.findMany && delegate?.count) {
+            ;
+            [items, total] = await Promise.all([
+                delegate.findMany({
+                    where,
+                    skip,
+                    take: pageSize,
+                    ...(Object.keys(include).length > 0 ? { include } : {}),
+                }),
+                delegate.count({ where }),
+            ]);
+        }
     }
     catch (error) {
         console.error(`Failed to fetch ${listKey}:`, error);
@@ -65,7 +69,10 @@ export async function ListView({ context, config, listKey, basePath = '/admin',
     // Extract only the relationship refs needed by client (don't send entire config)
     const relationshipRefs = {};
     Object.entries(listConfig.fields).forEach(([fieldName, field]) => {
-        if ('type' in field && field.type === 'relationship' && 'ref' in field && field.ref) {
+        if ('type' in field &&
+            field.type === 'relationship' &&
+            'ref' in field &&
+            typeof field.ref === 'string') {
             relationshipRefs[fieldName] = field.ref;
         }
     });

package/dist/components/Navigation.d.ts

@@ -1,13 +1,14 @@
-import { AccessContext, OpenSaasConfig } from '@opensaas/stack-core';
-export interface NavigationProps<TPrisma> {
-    context: AccessContext<TPrisma>;
+import { type AccessContext, OpenSaasConfig } from '@opensaas/stack-core';
+export interface NavigationProps {
+    context: AccessContext<unknown>;
     config: OpenSaasConfig;
     basePath?: string;
     currentPath?: string;
+    onSignOut?: () => Promise<void>;
 }
 /**
  * Navigation sidebar showing all lists
  * Server Component
  */
-export declare function Navigation<TPrisma>({ context, config, basePath, currentPath, }: NavigationProps<TPrisma>): import("react/jsx-runtime").JSX.Element;
+export declare function Navigation({ context, config, basePath, currentPath, onSignOut, }: NavigationProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Navigation.d.ts.map

package/dist/components/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../src/components/Navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE/E,MAAM,WAAW,eAAe,CAAC,OAAO;IACtC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,EAClC,OAAO,EACP,MAAM,EACN,QAAmB,EACnB,WAAgB,GACjB,EAAE,eAAe,CAAC,OAAO,CAAC,2CAgG1B"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../src/components/Navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGpF,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAChC;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,MAAM,EACN,QAAmB,EACnB,WAAgB,EAChB,SAAS,GACV,EAAE,eAAe,2CAkFjB"}

package/dist/components/Navigation.js

@@ -2,11 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import Link from 'next/link.js';
 import { formatListName } from '../lib/utils.js';
 import { getUrlKey } from '@opensaas/stack-core';
+import { UserMenu } from './UserMenu.js';
 /**
  * Navigation sidebar showing all lists
  * Server Component
  */
-export function Navigation({ context, config, basePath = '/admin', currentPath = '', }) {
+export function Navigation({ context, config, basePath = '/admin', currentPath = '', onSignOut, }) {
     const lists = Object.keys(config.lists || {});
     return (_jsxs("nav", { className: "w-64 border-r border-border bg-card h-screen sticky top-0 flex flex-col", children: [_jsxs("div", { className: "p-6 border-b border-border relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-primary/10 to-accent/10 opacity-50" }), _jsx(Link, { href: basePath, className: "block relative", children: _jsx("h1", { className: "text-xl font-bold bg-gradient-to-r from-primary to-accent bg-clip-text text-transparent", children: "OpenSaas Admin" }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: _jsxs("div", { className: "space-y-1", children: [_jsxs(Link, { href: basePath, className: `block px-3 py-2.5 rounded-lg text-sm font-medium transition-all relative overflow-hidden group ${currentPath === ''
                                 ? 'bg-gradient-to-r from-primary to-accent text-primary-foreground shadow-lg shadow-primary/25'
@@ -16,5 +17,5 @@ export function Navigation({ context, config, basePath = '/admin', currentPath =
                                     return (_jsxs(Link, { href: `${basePath}/${urlKey}`, className: `block px-3 py-2.5 rounded-lg text-sm font-medium transition-all relative overflow-hidden group ${isActive
                                             ? 'bg-gradient-to-r from-primary to-accent text-primary-foreground shadow-lg shadow-primary/25'
                                             : 'text-foreground hover:bg-accent/50 hover:text-accent-foreground'}`, children: [isActive && (_jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-primary/20 to-accent/20 animate-pulse" })), _jsxs("span", { className: "relative flex items-center gap-2", children: [_jsx("span", { className: "opacity-60 group-hover:opacity-100 transition-opacity", children: "\uD83D\uDCC1" }), formatListName(listKey)] })] }, listKey));
-                                })] }))] }) }), context.session && (_jsx("div", { className: "p-4 border-t border-border bg-gradient-to-br from-primary/5 to-accent/5", children: _jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: "h-9 w-9 rounded-full bg-gradient-to-br from-primary to-accent flex items-center justify-center shadow-lg shadow-primary/25", children: _jsx("span", { className: "text-sm font-bold text-primary-foreground", children: String(context.session.data?.name)?.[0]?.toUpperCase() || '?' }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium truncate", children: String(context.session.data?.name) || 'User' }), _jsx("p", { className: "text-xs text-muted-foreground truncate", children: String(context.session.data?.email) || '' })] })] }) }))] }));
+                                })] }))] }) }), context.session && (_jsx(UserMenu, { userName: String(context.session.data?.name) || 'User', userEmail: String(context.session.data?.email) || '', onSignOut: onSignOut }))] }));
 }

package/dist/components/UserMenu.d.ts

@@ -0,0 +1,11 @@
+export interface UserMenuProps {
+    userName?: string;
+    userEmail?: string;
+    onSignOut?: () => Promise<void>;
+}
+/**
+ * User menu component with sign-out button
+ * Client Component
+ */
+export declare function UserMenu({ userName, userEmail, onSignOut }: UserMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserMenu.d.ts.map

package/dist/components/UserMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../src/components/UserMenu.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAChC;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,aAAa,2CA4BzE"}