domain builder

ontology_platform/web/frontend/src/components/layout/navigation.ts

@@ -5,6 +5,7 @@ import {
   ClipboardCheck,
   Code2,
   GitBranch,
+  Globe2,
   Layers3,
   LayoutDashboard,
   ListChecks,
@@ -66,6 +67,15 @@ export const NAV_GROUPS: NavGroup[] = [
         keywords: ["create", "start", "wizard"],
         shortcut: "g n",
       },
+      {
+        id: "domains",
+        to: "/domains",
+        labelKey: "nav.domains",
+        label: "Domain Builder",
+        icon: Globe2,
+        keywords: ["domain", "schema", "reference", "crawler"],
+        shortcut: "g m",
+      },
     ],
   },
   {

ontology_platform/web/frontend/src/components/ui/data-table.tsx

@@ -808,6 +808,7 @@ function TableShell<T>({
                     scope="col"
                     style={{
                       width: header.getSize(),
+                      maxWidth: header.getSize(),
                       ...getPinStyle(col, "header"),
                     }}
                     aria-sort={
@@ -921,16 +922,19 @@ function TableShell<T>({
                         key={cell.id}
                         style={{
                           width: col.getSize(),
+                          maxWidth: col.getSize(),
                           ...getPinStyle(col, "cell"),
                         }}
                         className={cn(
                           cellPadClass,
                           alignClass,
-                          "text-foreground",
+                          "overflow-hidden text-foreground align-middle",
                           pinned && "bg-surface",
                         )}
                       >
-                        {flexRender(col.columnDef.cell, cell.getContext())}
+                        <div className="min-w-0 break-words">
+                          {flexRender(col.columnDef.cell, cell.getContext())}
+                        </div>
                       </td>
                     );
                   })}

ontology_platform/web/frontend/src/components/ui/dialog.tsx

@@ -92,7 +92,7 @@ export const DialogPanel = React.forwardRef<HTMLDivElement, DialogPanelProps>(
             "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
             "flex max-h-[90vh] w-full max-w-lg flex-col overflow-hidden",
             "rounded-xl border border-border bg-surface-raised shadow-xl outline-none",
-            "data-[state=open]:animate-fade-in-up",
+            "data-[state=open]:animate-fade-in",
             className,
           )}
           {...props}