Restructure chat-ui: move library source to src/chat-ui/, make ThemeProvider optional

- Move components, contexts, hooks, lib, types, layouts, pages from client/src/
  to src/chat-ui/ so the library source lives alongside server code
- Update @/ alias in Vite configs and tsconfigs to point at ../src/chat-ui/
- Make ThemeProvider optional via themeProvider prop on ChatProvider (consumers
  can bring their own theme solution or skip theming entirely)
- Create local ThemeContext so sidebar-user-nav no longer hard-depends on
  next-themes; ChatApp (Layer 4) wires next-themes internally
- Add @ai-sdk/react, swr, react-router-dom, next-themes as optional peer deps
- Bundle sonner, framer-motion, lucide-react into the library output
- Add UI devDependencies (radix, date-fns, etc.) to main package.json since
  source now resolves from integrations/appkit-agent/node_modules/

Author: hubertzub-db

integrations/appkit-agent/client/src/components/theme-provider.tsx

@@ -1,6 +1,6 @@
 import ReactDOM from 'react-dom/client';
-import { getConfig } from './lib/config';
-import { ChatApp } from './components/ChatApp';
+import { getConfig } from '@/lib/config';
+import { ChatApp } from '@/components/ChatApp';
 import './index.css';
 
 const rootElement = document.getElementById('root');

integrations/appkit-agent/client/src/main.tsx

@@ -17,16 +17,9 @@
     "noFallthroughCasesInSwitch": true,
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"],
-      "@chat-template/db": ["../packages/db/src/index.ts"],
-      "@chat-template/ai-sdk-providers": [
-        "../packages/ai-sdk-providers/src/index.ts"
-      ],
-      "@chat-template/auth": ["../packages/auth/src/index.ts"],
-      "@chat-template/core": ["../packages/core/src/index.ts"],
-      "@chat-template/core/errors": ["../packages/core/src/errors.ts"]
+      "@/*": ["../src/chat-ui/*"]
     }
   },
-  "include": ["src"],
+  "include": ["src", "../src/chat-ui"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

integrations/appkit-agent/client/tsconfig.json

@@ -16,16 +16,11 @@
     "declarationMap": true,
     "emitDeclarationOnly": true,
     "outDir": "../dist/chat-ui",
-    "rootDir": "src",
+    "rootDir": "../src/chat-ui",
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"],
-      "@chat-template/db": ["../packages/db/src/index.ts"],
-      "@chat-template/ai-sdk-providers": ["../packages/ai-sdk-providers/src/index.ts"],
-      "@chat-template/auth": ["../packages/auth/src/index.ts"],
-      "@chat-template/core": ["../packages/core/src/index.ts"],
-      "@chat-template/core/errors": ["../packages/core/src/errors.ts"]
+      "@/*": ["../src/chat-ui/*"]
     }
   },
-  "include": ["src/lib-entry.ts"]
+  "include": ["../src/chat-ui/index.ts"]
 }

integrations/appkit-agent/client/tsconfig.lib.json

@@ -7,7 +7,7 @@ export default defineConfig({
   base: "/",
   resolve: {
     alias: {
-      "@": path.resolve(__dirname, "./src"),
+      "@": path.resolve(__dirname, "../src/chat-ui"),
     },
   },
   build: {

integrations/appkit-agent/client/vite.config.ts

@@ -6,15 +6,15 @@ export default defineConfig({
   plugins: [react()],
   resolve: {
     alias: {
-      "@": path.resolve(__dirname, "./src"),
+      "@": path.resolve(__dirname, "../src/chat-ui"),
     },
   },
   build: {
     outDir: "../dist/chat-ui",
     emptyOutDir: true,
     sourcemap: true,
     lib: {
-      entry: path.resolve(__dirname, "src/lib-entry.ts"),
+      entry: path.resolve(__dirname, "../src/chat-ui/index.ts"),
       formats: ["es"],
       fileName: "index",
     },
@@ -29,8 +29,6 @@ export default defineConfig({
         "swr",
         "swr/infinite",
         "next-themes",
-        "sonner",
-        "framer-motion",
       ],
     },
   },

integrations/appkit-agent/client/vite.lib.config.ts

@@ -28,7 +28,7 @@
       }
     },
     "./chat-ui": {
-      "types": "./dist/chat-ui/lib-entry.d.ts",
+      "types": "./dist/chat-ui/index.d.ts",
       "import": "./dist/chat-ui/index.js",
       "style": "./dist/chat-ui/index.css"
     },
@@ -78,7 +78,11 @@
     "express": ">=4.0.0",
     "pg": ">=8.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@ai-sdk/react": ">=1.0.0",
+    "swr": ">=2.0.0",
+    "react-router-dom": ">=6.0.0",
+    "next-themes": ">=0.3.0"
   },
   "peerDependenciesMeta": {
     "@databricks/langchainjs": {
@@ -101,6 +105,18 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "@ai-sdk/react": {
+      "optional": true
+    },
+    "swr": {
+      "optional": true
+    },
+    "react-router-dom": {
+      "optional": true
+    },
+    "next-themes": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -110,24 +126,41 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "drizzle-orm": "^0.38.0",
+    "framer-motion": "^12.0.0",
+    "lucide-react": "^0.500.0",
+    "sonner": "^2.0.0",
     "tailwind-merge": "^3.4.0",
     "zod": "^4.3.5"
   },
   "devDependencies": {
     "@databricks/appkit": "^0.21.0",
     "@langchain/core": "^1.1.8",
+    "@radix-ui/react-alert-dialog": "^1.1.2",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.3",
+    "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@types/express": "^4.17.25",
     "@types/node": "^22.0.0",
     "@types/pg": "^8.16.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "date-fns": "^4.1.0",
     "drizzle-kit": "^0.31.10",
+    "fast-deep-equal": "^3.1.3",
     "prettier": "^3.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-syntax-highlighter": "^15.6.6",
+    "streamdown": "^1.4.0",
     "tailwindcss": "^3.4.0",
     "tsdown": "^0.9.0",
     "typescript": "^5.4.0",
+    "use-stick-to-bottom": "^1.1.1",
+    "usehooks-ts": "^3.1.0",
     "vitest": "^4.0.18"
   },
   "author": {