feat: migrate templates from llama-cloud-services to llama-cloud (#240)

pyproject.toml

@@ -6,7 +6,7 @@ readme = "README.md"
 authors = []
 requires-python = ">=3.12"
 dependencies = [
-    "llama-index-workflows[server]>=2.5.0,<3.0.0",
+    "llama-index-workflows>=2.16.0,<3.0.0",
     "ruff>=0.13.0",
 ]
 

ui/package.json

@@ -14,7 +14,8 @@
     "all-fix": "pnpm i && pnpm run lint && pnpm run format && pnpm run build"
   },
   "dependencies": {
-    "@llamaindex/workflows-client": "^1.7.0",
+    "@llamaindex/ui": "^4.1.3",
+    "@llamaindex/workflows-client": "^1.8.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-markdown": "^10.1.0",
@@ -22,7 +23,6 @@
     "react-router-dom": "^7.8.0"
   },
   "devDependencies": {
-    "@llamaindex/ui": "~3.6.1",
     "@tailwindcss/postcss": "^4",
     "@tailwindcss/typography": "^0.5.16",
     "@types/canvas-confetti": "^1.9.0",

ui/src/App.tsx

@@ -2,7 +2,12 @@ import { Routes, Route, Link, useLocation } from "react-router-dom";
 import Home from "./pages/Home";
 import FanOutPage from "./pages/fanout/page";
 import SnapshotQueryPage from "./pages/state/query-page";
-import { ApiProvider, ApiClients, createWorkflowsClient } from "@llamaindex/ui";
+import {
+  ApiProvider,
+  ApiClients,
+  createWorkflowsClient,
+  createWorkflowsConfig,
+} from "@llamaindex/ui";
 import SignalPage from "./pages/state/signal-page";
 import StreamPage from "./pages/stream/page";
 import PausePage from "./pages/pause/page";
@@ -11,9 +16,11 @@ import HooksReferencePage from "./pages/hooks-reference/page";
 const deploymentName =
   import.meta.env.VITE_LLAMA_DEPLOY_DEPLOYMENT_NAME || "default";
 const api: ApiClients = {
-  workflowsClient: createWorkflowsClient({
-    baseUrl: `/deployments/${deploymentName}`,
-  }),
+  workflowsClient: createWorkflowsClient(
+    createWorkflowsConfig({
+      baseUrl: `/deployments/${deploymentName}`,
+    }),
+  ),
 };
 
 function BackHomeButton() {

ui/src/main.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import { HashRouter } from "react-router-dom";
 import App from "./App";
+import "@llamaindex/ui/styles.css";
 import "./index.css";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(