Merge pull request #370 from objectstack-ai/copilot/update-kernel-to-latest-version

Author: hotlong

apps/console/src/__tests__/BrowserSimulation.test.tsx

@@ -30,6 +30,12 @@ const mocks = vi.hoisted(() => {
             }
             return { data: [] }; 
         }
+        async findOne(objectName: string, id: string) {
+            if (objectName === 'kitchen_sink') {
+                return { id, name: 'Test Sink', amount: 100 };
+            }
+            return null;
+        }
         async getObjectSchema(name: string) {
             if (name === 'kitchen_sink') {
                 return {
@@ -147,6 +153,14 @@ describe('Console Application Simulation', () => {
     });
 
     it('Scenario 4: Object Create Form (All Field Types)', async () => {
+        // Helper function to check if a label exists in the form
+        const expectLabelToExist = (label: string) => {
+            const escaped = label.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+            const regex = new RegExp(escaped, 'i');
+            const elements = screen.queryAllByText(regex);
+            expect(elements.length).toBeGreaterThan(0);
+        };
+
         renderApp('/kitchen_sink');
 
         // 1. Wait for Object View
@@ -164,10 +178,10 @@ describe('Console Application Simulation', () => {
         });
 
         // 4. Verify Field Inputs
-        // Wait for at least one field to appear to ensure form is loaded
+        // Wait for form to finish loading and first field to appear
         await waitFor(() => {
              expect(screen.getByText(/Text \(Name\)/i)).toBeInTheDocument();
-        }, { timeout: 5000 });
+        }, { timeout: 10000 });
 
         const fieldLabels = [
             'Text (Name)',
@@ -178,17 +192,12 @@ describe('Console Application Simulation', () => {
             'Boolean (Switch)',
         ];
 
-        // Check each label exists
-        for (const label of fieldLabels) {
-             const escaped = label.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-             const regex = new RegExp(escaped, 'i');
-             const elements = screen.queryAllByText(regex);
-             if (elements.length === 0) {
-                 console.log(`Failed to find label: ${label}`);
-                 // console.log(document.body.innerHTML); // Too large, but useful if localized
-             }
-             expect(elements.length).toBeGreaterThan(0);
-        }
+        // Check all labels exist concurrently using Promise.all for faster execution
+        await Promise.all(
+            fieldLabels.map(label =>
+                waitFor(() => expectLabelToExist(label), { timeout: 5000 })
+            )
+        );
 
         // 5. Test specific interaction (e.g. typing in name)
         // Note: Shadcn/Form labels might be associated via ID, so getByLabelText is safer usually,

package.json

@@ -59,12 +59,12 @@
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
     "@eslint/js": "^9.39.1",
-    "@objectstack/cli": "^0.9.0",
-    "@objectstack/core": "^0.9.0",
-    "@objectstack/driver-memory": "^0.9.0",
-    "@objectstack/objectql": "^0.9.0",
-    "@objectstack/plugin-msw": "^0.9.0",
-    "@objectstack/runtime": "^0.9.0",
+    "@objectstack/cli": "^0.9.1",
+    "@objectstack/core": "^0.9.1",
+    "@objectstack/driver-memory": "^0.9.1",
+    "@objectstack/objectql": "^0.9.1",
+    "@objectstack/plugin-msw": "^0.9.1",
+    "@objectstack/runtime": "^0.9.1",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/addon-interactions": "^8.6.14",
     "@storybook/addon-links": "^8.6.15",
@@ -117,7 +117,7 @@
   },
   "dependencies": {
     "@hono/node-server": "^1.19.9",
-    "@objectstack/plugin-hono-server": "^0.9.0",
+    "@objectstack/plugin-hono-server": "^0.9.1",
     "coverage-v8": "0.0.1-security",
     "hono": "^4.11.7",
     "pino": "^8.21.0",

packages/core/package.json

@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@object-ui/types": "workspace:*",
-    "@objectstack/spec": "^0.9.0",
+    "@objectstack/spec": "^0.9.1",
     "lodash": "^4.17.23",
     "zod": "^4.3.6"
   },

packages/data-objectstack/package.json

@@ -30,7 +30,7 @@
   "dependencies": {
     "@object-ui/core": "workspace:*",
     "@object-ui/types": "workspace:*",
-    "@objectstack/client": "^0.9.0"
+    "@objectstack/client": "^0.9.1"
   },
   "devDependencies": {
     "tsup": "^8.0.1",

packages/fields/src/widgets/BooleanField.tsx

@@ -15,15 +15,18 @@ export function BooleanField({ value, onChange, field, readonly, ...props }: Fie
     return <span className="text-sm">{value ? 'Yes' : 'No'}</span>;
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   if (widget === 'checkbox') {
      return (
         <div className="flex items-center space-x-2">
             <Checkbox 
-                {...props}
+                {...domProps}
                 id={id}
                 checked={!!value}
                 onCheckedChange={(checked) => onChange(!!checked)}
-                disabled={readonly || props.disabled}
+                disabled={readonly || domProps.disabled}
             />
             <Label htmlFor={id}>{label}</Label>
         </div>
@@ -33,11 +36,11 @@ export function BooleanField({ value, onChange, field, readonly, ...props }: Fie
   return (
     <div className="flex items-center space-x-2">
         <Switch 
-            {...props}
+            {...domProps}
             id={id} 
             checked={!!value} 
             onCheckedChange={onChange}
-            disabled={readonly || props.disabled}
+            disabled={readonly || domProps.disabled}
         />
         <Label htmlFor={id}>{label}</Label>
     </div>

packages/fields/src/widgets/DateField.tsx

@@ -7,13 +7,16 @@ export function DateField({ value, onChange, field, readonly, ...props }: FieldW
     return <span className="text-sm">{value ? new Date(value).toLocaleDateString() : '-'}</span>;
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="date"
       value={value || ''}
       onChange={(e) => onChange(e.target.value)}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
     />
   );
 }

packages/fields/src/widgets/DateTimeField.tsx

@@ -13,13 +13,16 @@ export function DateTimeField({ value, onChange, field, readonly, ...props }: Fi
     );
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="datetime-local"
       value={value || ''}
       onChange={(e) => onChange(e.target.value)}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
     />
   );
 }

packages/fields/src/widgets/EmailField.tsx

@@ -16,14 +16,17 @@ export function EmailField({ value, onChange, field, readonly, errorMessage, ...
     );
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="email"
       value={value || ''}
       onChange={(e) => onChange(e.target.value)}
       placeholder={config?.placeholder || 'email@example.com'}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
       aria-invalid={!!errorMessage}
     />
   );

packages/fields/src/widgets/NumberField.tsx

@@ -11,17 +11,20 @@ export function NumberField({ value, onChange, field, readonly, ...props }: Fiel
   const numberField = (field || (props as any).schema) as NumberFieldMetadata;
   const precision = numberField?.precision;
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="number"
       value={value ?? ''}
       onChange={(e) => {
         const val = e.target.value;
         onChange(val === '' ? (null as any) : Number(val));
       }}
       placeholder={numberField?.placeholder}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
       step={precision ? Math.pow(10, -precision) : 'any'}
     />
   );

packages/fields/src/widgets/PasswordField.tsx

@@ -12,15 +12,18 @@ export function PasswordField({ value, onChange, field, readonly, className, ...
     return <span className="text-sm">••••••••</span>;
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <div className="relative">
       <Input
-        {...props}
+        {...domProps}
         type={showPassword ? 'text' : 'password'}
         value={value || ''}
         onChange={(e) => onChange(e.target.value)}
         placeholder={config?.placeholder}
-        disabled={readonly || props.disabled}
+        disabled={readonly || domProps.disabled}
         className={`pr-10 ${className || ''}`}
       />
       <Button