feat(appkit-ui): add omnigent hooks, playground page and docs (3/3)

- useOmnigentSession, useOmnigentHarnesses and useOmnigentSessions in
  @databricks/appkit-ui/react/beta (headless, like useAgentChat).
- A dev-playground /omnigent page with Databricks SQL as a tool,
  registered only with OMNIGENT_ENABLED=1.
- A React section in docs/docs/plugins/omnigent.md.

Co-authored-by: Isaac <no-reply@databricks.com>
Signed-off-by: Noah Solomon <noah@databricks.com>

Author: noah-databricks

apps/dev-playground/client/src/lib/nav.ts

@@ -18,6 +18,7 @@ import {
   SigmaIcon,
   Wand2Icon,
   ZapIcon,
+  TerminalIcon,
 } from "lucide-react";
 
 /**
@@ -123,6 +124,13 @@ export const NAV_GROUPS: ReadonlyArray<NavGroup> = [
           "Chat agent over Databricks Model Serving with tools auto-discovered from AppKit plugins.",
         icon: BotIcon,
       },
+      {
+        to: "/omnigent",
+        label: "Omnigent",
+        description:
+          "Claude Agent SDK, Pi and OpenAI Agents SDK sessions on Databricks Sandboxes, run as you.",
+        icon: TerminalIcon,
+      },
       {
         to: "/genie",
         label: "Genie",

apps/dev-playground/client/src/routeTree.gen.ts

@@ -18,6 +18,7 @@ import { Route as ServingRouteRouteImport } from './routes/serving.route'
 import { Route as ReconnectRouteRouteImport } from './routes/reconnect.route'
 import { Route as QueryDedupRouteRouteImport } from './routes/query-dedup.route'
 import { Route as PolicyMatrixRouteRouteImport } from './routes/policy-matrix.route'
+import { Route as OmnigentRouteRouteImport } from './routes/omnigent.route'
 import { Route as MetricViewsRouteRouteImport } from './routes/metric-views.route'
 import { Route as LakebaseRouteRouteImport } from './routes/lakebase.route'
 import { Route as JobsRouteRouteImport } from './routes/jobs.route'
@@ -77,6 +78,11 @@ const PolicyMatrixRouteRoute = PolicyMatrixRouteRouteImport.update({
   path: '/policy-matrix',
   getParentRoute: () => rootRouteImport,
 } as any)
+const OmnigentRouteRoute = OmnigentRouteRouteImport.update({
+  id: '/omnigent',
+  path: '/omnigent',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const MetricViewsRouteRoute = MetricViewsRouteRouteImport.update({
   id: '/metric-views',
   path: '/metric-views',
@@ -157,6 +163,7 @@ export interface FileRoutesByFullPath {
   '/jobs': typeof JobsRouteRoute
   '/lakebase': typeof LakebaseRouteRoute
   '/metric-views': typeof MetricViewsRouteRoute
+  '/omnigent': typeof OmnigentRouteRoute
   '/policy-matrix': typeof PolicyMatrixRouteRoute
   '/query-dedup': typeof QueryDedupRouteRoute
   '/reconnect': typeof ReconnectRouteRoute
@@ -181,6 +188,7 @@ export interface FileRoutesByTo {
   '/jobs': typeof JobsRouteRoute
   '/lakebase': typeof LakebaseRouteRoute
   '/metric-views': typeof MetricViewsRouteRoute
+  '/omnigent': typeof OmnigentRouteRoute
   '/policy-matrix': typeof PolicyMatrixRouteRoute
   '/query-dedup': typeof QueryDedupRouteRoute
   '/reconnect': typeof ReconnectRouteRoute
@@ -206,6 +214,7 @@ export interface FileRoutesById {
   '/jobs': typeof JobsRouteRoute
   '/lakebase': typeof LakebaseRouteRoute
   '/metric-views': typeof MetricViewsRouteRoute
+  '/omnigent': typeof OmnigentRouteRoute
   '/policy-matrix': typeof PolicyMatrixRouteRoute
   '/query-dedup': typeof QueryDedupRouteRoute
   '/reconnect': typeof ReconnectRouteRoute
@@ -232,6 +241,7 @@ export interface FileRouteTypes {
     | '/jobs'
     | '/lakebase'
     | '/metric-views'
+    | '/omnigent'
     | '/policy-matrix'
     | '/query-dedup'
     | '/reconnect'
@@ -256,6 +266,7 @@ export interface FileRouteTypes {
     | '/jobs'
     | '/lakebase'
     | '/metric-views'
+    | '/omnigent'
     | '/policy-matrix'
     | '/query-dedup'
     | '/reconnect'
@@ -280,6 +291,7 @@ export interface FileRouteTypes {
     | '/jobs'
     | '/lakebase'
     | '/metric-views'
+    | '/omnigent'
     | '/policy-matrix'
     | '/query-dedup'
     | '/reconnect'
@@ -305,6 +317,7 @@ export interface RootRouteChildren {
   JobsRouteRoute: typeof JobsRouteRoute
   LakebaseRouteRoute: typeof LakebaseRouteRoute
   MetricViewsRouteRoute: typeof MetricViewsRouteRoute
+  OmnigentRouteRoute: typeof OmnigentRouteRoute
   PolicyMatrixRouteRoute: typeof PolicyMatrixRouteRoute
   QueryDedupRouteRoute: typeof QueryDedupRouteRoute
   ReconnectRouteRoute: typeof ReconnectRouteRoute
@@ -381,6 +394,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof PolicyMatrixRouteRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/omnigent': {
+      id: '/omnigent'
+      path: '/omnigent'
+      fullPath: '/omnigent'
+      preLoaderRoute: typeof OmnigentRouteRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/metric-views': {
       id: '/metric-views'
       path: '/metric-views'
@@ -489,6 +509,7 @@ const rootRouteChildren: RootRouteChildren = {
   JobsRouteRoute: JobsRouteRoute,
   LakebaseRouteRoute: LakebaseRouteRoute,
   MetricViewsRouteRoute: MetricViewsRouteRoute,
+  OmnigentRouteRoute: OmnigentRouteRoute,
   PolicyMatrixRouteRoute: PolicyMatrixRouteRoute,
   QueryDedupRouteRoute: QueryDedupRouteRoute,
   ReconnectRouteRoute: ReconnectRouteRoute,