diff --git a/apps/cf-ai-backend/package.json b/apps/cf-ai-backend/package.json
index 3fcf71e0..d1ee87e5 100644
--- a/apps/cf-ai-backend/package.json
+++ b/apps/cf-ai-backend/package.json
@@ -13,6 +13,7 @@
"license": "MIT",
"dependencies": {
"@hono/zod-validator": "^0.2.1",
+ "drizzle-orm": "0.30.0",
"hono": "^4.5.1",
"honox": "^0.1.23",
"vite": "^5.3.5"
diff --git a/apps/extension/extension-env.d.ts b/apps/extension/extension-env.d.ts
index 61d9f1e5..6005b801 100644
--- a/apps/extension/extension-env.d.ts
+++ b/apps/extension/extension-env.d.ts
@@ -1,9 +1,9 @@
-// Required extension-create types for TypeScript projects.
-// This file auto-generated and should not be excluded.
-// If you need extra types, consider creating a new *.d.ts and
-// referencing it in the "include" array in your tsconfig.json file.
-// See https://www.typescriptlang.org/tsconfig#include for info.
-///
+// Required Extension.js types for TypeScript projects.
+// This file is auto-generated and should not be excluded.
+// If you need additional types, consider creating a new *.d.ts file and
+// referencing it in the "include" array of your tsconfig.json file.
+// See https://www.typescriptlang.org/tsconfig#include for more information.
+///
// Polyfill types for browser.* APIs.
-///
+///
diff --git a/apps/web/app/(dash)/home/queryinput.tsx b/apps/web/app/(dash)/home/queryinput.tsx
index e7f400da..83651364 100644
--- a/apps/web/app/(dash)/home/queryinput.tsx
+++ b/apps/web/app/(dash)/home/queryinput.tsx
@@ -1,12 +1,13 @@
"use client";
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState,useRef } from "react";
import { FilterSpaces } from "./filterSpaces";
import { ArrowRightIcon } from "@repo/ui/icons";
import Image from "next/image";
import { Switch } from "@repo/ui/shadcn/switch";
import { Label } from "@repo/ui/shadcn/label";
+
function QueryInput({
initialSpaces,
handleSubmit,
@@ -32,6 +33,15 @@ function QueryInput({
{ id: number; name: string }[]
>([]);
+ const divRef=useRef(null)
+
+
+ const handleInput = () => {
+ if (divRef.current) {
+ setQuery((divRef.current.textContent || ''));
+ }
+ };
+
return (