fix field date error in modal, adjust notification spacing, added entity quick switcher

app/src/ui/routes/data/_data.root.tsx

@@ -7,18 +7,20 @@ import {
    IconPhoto,
    IconPlus,
    IconSettings,
+   IconSwitchHorizontal,
 } from "@tabler/icons-react";
 import type { Entity, TEntityType } from "data";
 import { TbDatabasePlus } from "react-icons/tb";
 import { twMerge } from "tailwind-merge";
 import { useBkndData } from "ui/client/schema/data/use-bknd-data";
+import { Button } from "ui/components/buttons/Button";
 import { IconButton } from "ui/components/buttons/IconButton";
 import { Empty } from "ui/components/display/Empty";
 import { Dropdown, type DropdownClickableChild } from "ui/components/overlay/Dropdown";
-import { Link } from "ui/components/wouter/Link";
+import { Link, isLinkActive } from "ui/components/wouter/Link";
 import { useBrowserTitle } from "ui/hooks/use-browser-title";
 import * as AppShell from "ui/layouts/AppShell/AppShell";
-import { routes, useNavigate } from "ui/lib/routes";
+import { routes, useNavigate, useRouteNavigate } from "ui/lib/routes";
 
 export function DataRoot({ children }) {
    // @todo: settings routes should be centralized
@@ -106,6 +108,7 @@ const EntityLinkList = ({
    suggestCreate = false,
 }: { entities: Entity[]; title?: string; context: "data" | "schema"; suggestCreate?: boolean }) => {
    const { $data } = useBkndData();
+   const navigate = useRouteNavigate();
    if (entities.length === 0) {
       return suggestCreate ? (
          <Empty
@@ -119,6 +122,22 @@ const EntityLinkList = ({
       ) : null;
    }
 
+   function handleClick(entity: Entity) {
+      return (e) => {
+         e.stopPropagation();
+         e.preventDefault();
+
+         switch (context) {
+            case "schema":
+               navigate((r) => r.data.entity.list(entity.name));
+               break;
+            case "data":
+               navigate((r) => r.data.schema.entity(entity.name));
+               break;
+         }
+      };
+   }
+
    return (
       <nav
          className={twMerge(
@@ -135,8 +154,22 @@ const EntityLinkList = ({
                   : routes.data.schema.entity(entity.name);
             return (
                <EntityContextMenu key={entity.name} entity={entity}>
-                  <AppShell.SidebarLink as={Link} href={href}>
+                  <AppShell.SidebarLink
+                     as={Link}
+                     href={href}
+                     className="justify-between items-center"
+                  >
                      {entity.label}
+
+                     {isLinkActive(href) && (
+                        <Button
+                           IconLeft={IconSwitchHorizontal}
+                           size="small"
+                           onClick={handleClick(entity)}
+                        >
+                           {context === "schema" ? "Data" : "Fields"}
+                        </Button>
+                     )}
                   </AppShell.SidebarLink>
                </EntityContextMenu>
             );

app/src/ui/routes/data/data.schema.$entity.tsx

@@ -225,6 +225,9 @@ const Fields = ({
                      <Button size="small" onClick={() => setRes(ref.current?.getData())}>
                         data
                      </Button>
+                     <Button size="small" onClick={() => setRes(ref.current?.getErrors())}>
+                        errors
+                     </Button>
                      <Button size="small" onClick={handleUpdate}>
                         update
                      </Button>

app/src/ui/routes/data/forms/entity.fields.form.tsx

@@ -1,14 +1,14 @@
 import { typeboxResolver } from "@hookform/resolvers/typebox";
 import { Tabs, TextInput, Textarea, Tooltip } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
-import { Type } from "@sinclair/typebox";
 import {
+   Default,
    type Static,
    StringIdentifier,
+   Type,
    objectCleanEmpty,
    ucFirstAllSnakeToPascalWithSpaces,
 } from "core/utils";
-import { Entity } from "data";
 import {
    type TAppDataEntityFields,
    fieldsSchemaObject as originalFieldsSchemaObject,
@@ -31,11 +31,16 @@ import { dataFieldsUiSchema } from "../../settings/routes/data.settings";
 const fieldsSchemaObject = originalFieldsSchemaObject;
 const fieldsSchema = Type.Union(Object.values(fieldsSchemaObject));
 
-const fieldSchema = Type.Object({
-   name: StringIdentifier,
-   new: Type.Optional(Type.Boolean({ const: true })),
-   field: fieldsSchema,
-});
+const fieldSchema = Type.Object(
+   {
+      name: StringIdentifier,
+      new: Type.Optional(Type.Boolean({ const: true })),
+      field: fieldsSchema,
+   },
+   {
+      additionalProperties: false,
+   },
+);
 type TFieldSchema = Static<typeof fieldSchema>;
 
 const schema = Type.Object({
@@ -63,6 +68,7 @@ export type EntityFieldsFormRef = {
    getValues: () => TFieldsFormSchema;
    getData: () => TAppDataEntityFields;
    isValid: () => boolean;
+   getErrors: () => any;
    reset: () => void;
 };
 
@@ -117,6 +123,7 @@ export const EntityFieldsForm = forwardRef<EntityFieldsFormRef, EntityFieldsForm
             return toCleanValues(getValues());
          },
          isValid: () => isValid,
+         getErrors: () => errors,
       }));
 
       function handleAppend(_type: keyof typeof fieldsSchemaObject) {
@@ -125,7 +132,7 @@ export const EntityFieldsForm = forwardRef<EntityFieldsFormRef, EntityFieldsForm
             new: true,
             field: {
                type: _type,
-               config: {},
+               config: Default(fieldsSchemaObject[_type]?.properties.config, {}) as any,
             },
          };
          append(newField);