@svadmin/ui 0.81.0 → 0.83.0

package/dist/components/DevTools.svelte

@@ -10,6 +10,7 @@
     getTheme,
     parseQueryKey,
   } from '@svadmin/core';
+  import { buildAdminDiagnostics } from '@svadmin/devtools';
   import { useTranslation } from '@svadmin/core/i18n';
   import {
     attachSvadminDevtoolsQueryClient,
@@ -132,6 +133,11 @@
   const theme = $derived(getTheme());
   const colorTheme = $derived(getColorTheme());
   const locale = $derived(i18n.locale);
+  const appDiagnostics = $derived(buildAdminDiagnostics({
+    providers: adminContext.providerBundle,
+    resources,
+    basePath: path,
+  }));
 
   const dataProviders = $derived.by(() => {
     try {
@@ -257,6 +263,9 @@
         <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568 svadmin-u-e83a7042bc91 svadmin-u-359090c2d529 uppercase svadmin-u-09ace3a4d9f5 svadmin-u-d4108abe6359">
           <Bug class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
           <span>svadmin DevTools</span>
+          <Badge variant={appDiagnostics.health.status === 'error' ? 'destructive' : appDiagnostics.health.status === 'warning' ? 'outline' : 'secondary'}>
+            {appDiagnostics.health.status}
+          </Badge>
         </div>
         <div class="svadmin-u-60fbb7713999 svadmin-u-44ee8ba0a421">
           <TooltipButton tooltip={collapsed ? i18n.t('common.expand') : i18n.t('common.collapse')} variant="ghost" size="icon" class="svadmin-u-f6fe902450dc svadmin-u-7ec10f86d9b1" onclick={() => collapsed = !collapsed}>

package/dist/components/InferencerPanel.svelte

@@ -170,6 +170,16 @@
     {/if}
 
     {#if inferResult}
+      {#if inferResult.review.needsReview}
+        <Alert.Root>
+          <AlertCircle class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
+          <Alert.Description>
+            Review recommended: {inferResult.review.confidence} confidence from {inferResult.review.sampleSize} sample records.
+            {inferResult.review.warnings.length} heuristic warning(s) require confirmation before using generated code.
+          </Alert.Description>
+        </Alert.Root>
+      {/if}
+
       <!-- Field table -->
       <ScrollArea class="svadmin-u-e5738cbd2714">
         <Table.Root>

package/dist/components/fieldComponentMap.d.ts

@@ -1,6 +1,6 @@
 import type { Component } from 'svelte';
 import type { FieldDefinition } from '@svadmin/core';
-import { type Static, type TSchema } from '@sinclair/typebox';
+import { type Static, type TSchema } from 'typebox';
 import { type SafeSchema } from '@svadmin/core/schema';
 export interface FieldDisplayProps {
     value: unknown;

package/dist/components/fieldComponentMap.js

@@ -1,4 +1,4 @@
-import { Type } from '@sinclair/typebox';
+import { Type } from 'typebox';
 import { closeContractSchema, createExactSchemaValidator } from '@svadmin/core/schema';
 import { definedOptions } from '@svadmin/core/options';
 import ValidatedField from './ValidatedField.svelte';
@@ -39,11 +39,13 @@ function validatedDisplay(schema, component, project = input => ({ value: input.
     return (internals, input) => ValidatedField(internals, { component, resolve, input });
 }
 const nullable = (schema) => Type.Union([schema, Type.Null(), Type.Undefined()]);
+/** TypeBox 1.x removed Type.Date; a Date instance is modelled with Unsafe plus a Refine guard. */
+const dateType = Type.Refine(Type.Unsafe({ type: 'Date' }), (value) => value instanceof globalThis.Date && !Number.isNaN(value.getTime()), () => 'Expected Date');
 const text = nullable(Type.String());
 const numeric = nullable(Type.Number());
 const scalar = nullable(Type.Union([Type.String(), Type.Number()]));
-const date = nullable(Type.Union([Type.String(), Type.Number(), Type.Date()]));
-const dateProperty = Type.Optional(Type.Union([Type.String(), Type.Number(), Type.Date(), Type.Null()]));
+const date = nullable(Type.Union([Type.String(), Type.Number(), dateType]));
+const dateProperty = Type.Optional(Type.Union([Type.String(), Type.Number(), dateType, Type.Null()]));
 const choices = Type.Optional(Type.Array(Type.Object({
     label: Type.String(), value: Type.Union([Type.String(), Type.Number()]),
 }, { additionalProperties: false })));

package/dist/components/fields/json-value.d.ts

@@ -1,4 +1,7 @@
-export declare const jsonValueSchema: import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TNull, import("@sinclair/typebox").TBoolean, import("@sinclair/typebox").TNumber, import("@sinclair/typebox").TString, import("@sinclair/typebox").TArray<import("@sinclair/typebox").TThis>, import("@sinclair/typebox").TRecord<import("@sinclair/typebox").TString, import("@sinclair/typebox").TThis>]>>;
+import { Type } from 'typebox';
+export declare const jsonValueSchema: Type.TCyclic<{
+    JsonValue: Type.TUnion<[Type.TNull, Type.TBoolean, Type.TNumber, Type.TString, Type.TArray<Type.TRef<"JsonValue">>, Type.TRefine<Type.TRecord<"^.*$", Type.TRef<"JsonValue">>>]>;
+}, "JsonValue">;
 export type JsonDisplay = {
     status: 'empty';
 } | {

package/dist/components/fields/json-value.js

@@ -1,9 +1,19 @@
-import { Type } from '@sinclair/typebox';
+import { Type } from 'typebox';
 import { createExactSchemaValidator } from '@svadmin/core/schema';
-export const jsonValueSchema = Type.Recursive(Self => Type.Union([
-    Type.Null(), Type.Boolean(), Type.Number(), Type.String(),
-    Type.Array(Self), Type.Record(Type.String(), Self),
-]));
+/** TypeBox 1.x Record validation accepts class instances; keep JSON objects plain. */
+function isPlainRecord(value) {
+    if (typeof value !== 'object' || value === null || Array.isArray(value))
+        return false;
+    const prototype = Object.getPrototypeOf(value);
+    return prototype === Object.prototype || prototype === null;
+}
+export const jsonValueSchema = Type.Cyclic({
+    JsonValue: Type.Union([
+        Type.Null(), Type.Boolean(), Type.Number(), Type.String(),
+        Type.Array(Type.Ref('JsonValue')),
+        Type.Refine(Type.Record(Type.String(), Type.Ref('JsonValue')), isPlainRecord, () => 'Expected plain object'),
+    ]),
+}, 'JsonValue');
 const validator = createExactSchemaValidator(jsonValueSchema);
 export function formatJsonValue(value) {
     if (value == null)

package/dist/components/table-contract.js

@@ -1,4 +1,4 @@
-import { Type } from '@sinclair/typebox';
+import { Type } from 'typebox';
 import { checkExact, decodeBaseRecord, snapshotPlainData, rejectProviderResponse } from '@svadmin/core/schema';
 const recordShape = Type.Intersect([
     Type.Record(Type.String(), Type.Unknown()),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.81.0",
+  "version": "0.83.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -88,7 +88,7 @@
     "@codemirror/lang-json": "^6.0.0",
     "@codemirror/lang-markdown": "^6.0.0",
     "@codemirror/lang-sql": "^6.0.0",
-    "@svadmin/core": "^0.58.0",
+    "@svadmin/core": "^0.60.0",
     "@tanstack/svelte-query": "^6.1.48",
     "codemirror": "^6.0.0",
     "isomorphic-dompurify": "^3.23.0",
@@ -139,9 +139,10 @@
     }
   },
   "dependencies": {
+    "@svadmin/devtools": "^0.3.0",
     "@svadmin/devtools-contract": "^0.3.0",
     "@vibeunion/devtools-devframe": "^0.1.0",
-    "@sinclair/typebox": "^0.34.52",
+    "typebox": "^1.3.34",
     "@floating-ui/dom": "^1.8.0",
     "esm-env": "^1.2.2",
     "@lucide/svelte": "^1.35.0",
@@ -176,7 +177,7 @@
     "@codemirror/lang-markdown": "^6.5.2",
     "@codemirror/lang-sql": "^6.10.0",
     "@happy-dom/global-registrator": "^20.11.12",
-    "@svadmin/ai-elements": "^0.10.3",
+    "@svadmin/ai-elements": "^0.11.1",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@tailwindcss/cli": "4.3.3",
     "@testing-library/dom": "^10.4.1",
@@ -186,7 +187,7 @@
     "codemirror": "^6.0.2",
     "happy-dom": "^20.11.12",
     "postcss": "^8.5.26",
-    "postcss-selector-parser": "^7.1.1",
+    "postcss-selector-parser": "^7.1.6",
     "qrcode": "^1.5.4",
     "shadcn-svelte": "^1.7.0",
     "svelte-codemirror-editor": "^2.1.0",