@alepha/devtools 0.13.2 → 0.13.4

package/dist/index.d.ts

@@ -103,6 +103,37 @@ interface LoggerInterface {
   error(message: string, data?: unknown): void;
 }
 //#endregion
+//#region ../alepha/src/core/providers/TypeProvider.d.ts
+declare module "typebox" {
+  interface TString {
+    format?: string;
+    minLength?: number;
+    maxLength?: number;
+  }
+  interface TNumber {
+    format?: "int64";
+  }
+}
+//#endregion
+//#region ../alepha/src/core/primitives/$atom.d.ts
+type AtomOptions<T extends TAtomObject, N extends string> = {
+  name: N;
+  schema: T;
+  description?: string;
+} & (T extends TOptionalAdd<T> ? {
+  default?: Static$1<T>;
+} : {
+  default: Static$1<T>;
+});
+declare class Atom<T extends TAtomObject = TObject$1, N extends string = string> {
+  readonly options: AtomOptions<T, N>;
+  get schema(): T;
+  get key(): N;
+  constructor(options: AtomOptions<T, N>);
+}
+type TAtomObject = TObject$1<any> | TArray;
+type AtomStatic<T extends TAtomObject> = T extends TOptionalAdd<T> ? Static$1<T> | undefined : Static$1<T>;
+//#endregion
 //#region ../alepha/src/core/primitives/$inject.d.ts
 interface InjectOptions<T extends object = any> {
   /**
@@ -199,18 +230,6 @@ declare class Json {
   parse(text: string, reviver?: (this: any, key: string, value: any) => any): any;
 }
 //#endregion
-//#region ../alepha/src/core/providers/TypeProvider.d.ts
-declare module "typebox" {
-  interface TString {
-    format?: string;
-    minLength?: number;
-    maxLength?: number;
-  }
-  interface TNumber {
-    format?: "int64";
-  }
-}
-//#endregion
 //#region ../alepha/src/core/providers/SchemaCodec.d.ts
 declare abstract class SchemaCodec {
   /**
@@ -380,25 +399,6 @@ declare class EventManager {
   }): Promise<void>;
 }
 //#endregion
-//#region ../alepha/src/core/primitives/$atom.d.ts
-type AtomOptions<T extends TAtomObject, N extends string> = {
-  name: N;
-  schema: T;
-  description?: string;
-} & (T extends TOptionalAdd<T> ? {
-  default?: Static$1<T>;
-} : {
-  default: Static$1<T>;
-});
-declare class Atom<T extends TAtomObject = TObject$1, N extends string = string> {
-  readonly options: AtomOptions<T, N>;
-  get schema(): T;
-  get key(): N;
-  constructor(options: AtomOptions<T, N>);
-}
-type TAtomObject = TObject$1<any> | TArray;
-type AtomStatic<T extends TAtomObject> = T extends TOptionalAdd<T> ? Static$1<T> | undefined : Static$1<T>;
-//#endregion
 //#region ../alepha/src/core/providers/StateManager.d.ts
 interface AtomWithValue {
   atom: Atom;
@@ -675,6 +675,8 @@ declare class Alepha {
    */
   get env(): Readonly<Env>;
   constructor(init?: Partial<State>);
+  set<T extends TAtomObject>(target: Atom<T>, value: AtomStatic<T>): this;
+  set<Key extends keyof State>(target: Key, value: State[Key] | undefined): this;
   /**
    * True when start() is called.
    *

package/package.json

@@ -2,7 +2,7 @@
   "name": "@alepha/devtools",
   "description": "Developer tools for monitoring and debugging Alepha applications.",
   "author": "Nicolas Foures",
-  "version": "0.13.2",
+  "version": "0.13.4",
   "type": "module",
   "engines": {
     "node": ">=22.0.0"
@@ -15,16 +15,16 @@
     "src"
   ],
   "devDependencies": {
-    "@alepha/react": "0.13.2",
-    "@alepha/ui": "0.13.2",
+    "@alepha/react": "0.13.4",
+    "@alepha/ui": "0.13.4",
     "@tabler/icons-react": "^3.35.0",
-    "alepha": "0.13.2",
-    "react": "^19.2.0",
-    "tsdown": "^0.16.7",
-    "vitest": "^4.0.14"
+    "alepha": "0.13.4",
+    "react": "^19.2.1",
+    "tsdown": "^0.16.8",
+    "vitest": "^4.0.15"
   },
   "peerDependencies": {
-    "alepha": "0.13.2"
+    "alepha": "0.13.4"
   },
   "scripts": {
     "lint": "alepha lint",

package/src/ui/components/DevLayout.tsx

@@ -14,7 +14,7 @@ export const DevLayout = () => {
     <AdminShell
       appShellProps={{
         withBorder: false,
-        bg: ui.colors.surface,
+        bg: ui.colors.background,
       }}
       appShellNavbarProps={{
         bg: ui.colors.transparent,
@@ -64,12 +64,17 @@ export const DevLayout = () => {
       }}
     >
       <Flex
+        w={"100%"}
+        flex={1}
         bd={`1px solid ${ui.colors.border}`}
         bg={ui.colors.elevated}
-        bdrs={"lg"}
         p={"xl"}
-        ml={-8}
-        mt={-8}
+        ml={-16}
+        mr={-16}
+        mt={-16}
+        style={{
+          borderTopLeftRadius: 16,
+        }}
       >
         <NestedView />
       </Flex>