install dependencies

iamfaran · iamfaran · commit 0c132c13958f · 2025-07-01T00:42:41.000+05:00
diff --git a/client/packages/lowcoder/package.json b/client/packages/lowcoder/package.json
@@ -6,7 +6,12 @@
   "main": "src/index.sdk.ts",
   "types": "src/index.sdk.ts",
   "dependencies": {
+    "@ai-sdk/openai": "^1.3.22",
     "@ant-design/icons": "^5.3.0",
+    "@assistant-ui/react": "^0.10.24",
+    "@assistant-ui/react-ai-sdk": "^0.10.14",
+    "@assistant-ui/react-markdown": "^0.10.5",
+    "@assistant-ui/styles": "^0.1.13",
     "@bany/curl-to-json": "^1.2.8",
     "@codemirror/autocomplete": "^6.11.1",
     "@codemirror/commands": "^6.3.2",
@@ -28,6 +33,8 @@
     "@jsonforms/core": "^3.5.1",
     "@lottiefiles/dotlottie-react": "^0.13.0",
     "@manaflair/redux-batch": "^1.0.0",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tooltip": "^1.2.7",
     "@rjsf/antd": "^5.24.9",
     "@rjsf/core": "^5.24.9",
     "@rjsf/utils": "^5.24.9",
@@ -37,6 +44,7 @@
     "@types/react-signature-canvas": "^1.0.2",
     "@types/react-test-renderer": "^18.0.0",
     "@types/react-virtualized": "^9.21.21",
+    "ai": "^4.3.16",
     "alasql": "^4.6.6",
     "animate.css": "^4.1.1",
     "antd": "^5.25.2",
@@ -61,6 +69,7 @@
     "loglevel": "^1.8.0",
     "lowcoder-core": "workspace:^",
     "lowcoder-design": "workspace:^",
+    "lucide-react": "^0.525.0",
     "mime": "^3.0.0",
     "moment": "^2.29.4",
     "numbro": "^2.3.6",
@@ -98,7 +107,7 @@
     "regenerator-runtime": "^0.13.9",
     "rehype-raw": "^6.1.1",
     "rehype-sanitize": "^5.0.1",
-    "remark-gfm": "^4.0.0",
+    "remark-gfm": "^4.0.1",
     "resize-observer-polyfill": "^1.5.1",
     "simplebar-react": "^3.2.4",
     "sql-formatter": "^8.2.0",
diff --git a/client/packages/lowcoder/src/comps/comps/chatComp/chatView.tsx b/client/packages/lowcoder/src/comps/comps/chatComp/chatView.tsx
@@ -2,16 +2,84 @@
 import React from "react";
 import { ChatCompProps } from "./chatCompTypes";
 
+// Import assistant-ui components and proper runtime
+import { 
+  AssistantRuntimeProvider,
+  ThreadPrimitive, 
+  ComposerPrimitive
+} from "@assistant-ui/react";
+import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
+import "@assistant-ui/styles/index.css";
+import "@assistant-ui/styles/markdown.css";
+
 export const ChatView = React.memo((props: ChatCompProps) => {
+  // Create proper runtime using useChatRuntime
+  const runtime = useChatRuntime({
+    api: "/api/chat", // We'll create this endpoint later
+  });
+
   return (
-    <div style={{ 
-      height: '100%', 
-      border: '1px solid #ccc', 
-      padding: '16px',
-      borderRadius: '4px'
-    }}>
-      {props.text}
-    </div>
+    <AssistantRuntimeProvider runtime={runtime}>
+      <div style={{ 
+        height: '100%', 
+        padding: '16px',
+        backgroundColor: '#f5f5f5'
+      }}>
+        <div className="aui-root">
+          <h3 style={{ marginBottom: '16px' }}>🚀 Assistant-UI with Vercel AI SDK!</h3>
+          
+          {/* Test Thread with real runtime */}
+          <div className="aui-thread-root" style={{ 
+            background: 'white', 
+            borderRadius: '8px', 
+            padding: '16px',
+            marginBottom: '16px',
+            border: '1px solid #e0e0e0',
+            minHeight: '200px'
+          }}>
+            <ThreadPrimitive.Empty>
+              <div className="aui-thread-welcome-root">
+                <div className="aui-thread-welcome-center">
+                  <p className="aui-thread-welcome-message">
+                      {props.text} - Runtime Working! 🎉
+                  </p>
+                </div>
+              </div>
+            </ThreadPrimitive.Empty>
+          </div>
+
+          {/* Test Composer with real runtime */}
+          <div className="aui-composer-root" style={{
+            background: 'white',
+            borderRadius: '8px',
+            padding: '12px',
+            border: '1px solid #e0e0e0'
+          }}>
+            <ComposerPrimitive.Input
+              placeholder={props.text}
+              disabled={false}
+              className="aui-composer-input"
+              rows={1}
+            />
+          </div>
+
+          {/* Property status */}
+          <div style={{ 
+            marginTop: '16px', 
+            fontSize: '12px', 
+            color: '#666',
+            background: 'white',
+            padding: '8px',
+            borderRadius: '4px',
+            border: '1px solid #e0e0e0'
+          }}>
+            <strong>✅ Test Status:</strong><br/>
+            Text: {props.text}<br/>
+            Runtime: Vercel AI SDK ✅
+          </div>
+        </div>
+      </div>
+    </AssistantRuntimeProvider>
   );
 });
 
diff --git a/client/yarn.lock b/client/yarn.lock
