deepsense-ai · jakubduda-dsai · May 14, 2025 · May 22, 2025 · May 22, 2025 · May 22, 2025
diff --git a/...assets/ExamplePluginComponent-CaAl34xW.js → ...assets/ExamplePluginComponent-D9796Ida.js b/...assets/ExamplePluginComponent-CaAl34xW.js → ...assets/ExamplePluginComponent-D9796Ida.js
@@ -1 +1 @@
-import{H as e}from"./index-Dk-2LbPC.js";const i=()=>e.jsxs("div",{children:[e.jsx("h1",{children:"Example Plugin"}),e.jsx("p",{children:"This is an example plugin."})]});export{i as default};
+import{H as e}from"./index-COg_-1JS.js";const i=()=>e.jsxs("div",{children:[e.jsx("h1",{children:"Example Plugin"}),e.jsx("p",{children:"This is an example plugin."})]});export{i as default};
diff --git a/...s/FeedbackFormPluginComponent-CGnVLuqx.js → ...s/FeedbackFormPluginComponent-Bdc9yY2B.js b/...s/FeedbackFormPluginComponent-CGnVLuqx.js → ...s/FeedbackFormPluginComponent-Bdc9yY2B.js
diff --git a/...ts/chat/ui-build/assets/index-fEpDzIgO.js → ...ts/chat/ui-build/assets/index-BeUPhrpL.js b/...ts/chat/ui-build/assets/index-fEpDzIgO.js → ...ts/chat/ui-build/assets/index-BeUPhrpL.js
diff --git a/...ts/chat/ui-build/assets/index-Dk-2LbPC.js → ...ts/chat/ui-build/assets/index-COg_-1JS.js b/...ts/chat/ui-build/assets/index-Dk-2LbPC.js → ...ts/chat/ui-build/assets/index-COg_-1JS.js
diff --git a/packages/ragbits-chat/src/ragbits/chat/ui-build/assets/index-D23L4yB9.css b/packages/ragbits-chat/src/ragbits/chat/ui-build/assets/index-D23L4yB9.css
diff --git a/packages/ragbits-chat/src/ragbits/chat/ui-build/assets/index-DxlHc-HZ.css b/packages/ragbits-chat/src/ragbits/chat/ui-build/assets/index-DxlHc-HZ.css
diff --git a/packages/ragbits-chat/src/ragbits/chat/ui-build/index.html b/packages/ragbits-chat/src/ragbits/chat/ui-build/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/assets/ragbits-9U4hpuUb.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Ragbits</title>
-    <script type="module" crossorigin src="/assets/index-Dk-2LbPC.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DxlHc-HZ.css">
+    <script type="module" crossorigin src="/assets/index-COg_-1JS.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-D23L4yB9.css">
   </head>
 
   <body class="h-full">

diff --git a/ui/src/App.tsx b/ui/src/App.tsx
@@ -41,13 +41,16 @@ export default function Component() {
   const handleScroll = useCallback(() => {
     const AUTO_SCROLL_THRESHOLD = 25;
     const SCROLL_DOWN_THRESHOLD = 100;
+
     if (!scrollContainerRef.current) return;
+
     const container = scrollContainerRef.current;
     const offsetFromBottom =
       container.scrollHeight - container.scrollTop - container.clientHeight;
 
     setShowScrollDownButton(offsetFromBottom > SCROLL_DOWN_THRESHOLD);
     setShouldAutoScroll(false);
+
     if (offsetFromBottom > AUTO_SCROLL_THRESHOLD) {
       setShouldAutoScroll(false);
     } else {
@@ -58,6 +61,7 @@ export default function Component() {
   useEffect(() => {
     if (configRequest.data) {
       const config = configRequest.data.data;
+
       setConfig(config);
     }
   }, [configRequest.data]);
@@ -77,6 +81,7 @@ export default function Component() {
 
   useEffect(() => {
     setShouldAutoScroll(true);
+
     if (history.length === 0) {
       setShowScrollDownButton(false);
     }
@@ -102,10 +107,12 @@ export default function Component() {
 
   const scrollToBottom = useCallback(() => {
     if (!scrollContainerRef.current) return;
+
     scrollContainerRef.current.scrollTo({
       top: scrollContainerRef.current.scrollHeight,
       behavior: "smooth",
     });
+
     setShouldAutoScroll(true);
   }, []);
 
@@ -126,6 +133,7 @@ export default function Component() {
 
   const handleSubmit = () => {
     sendMessage(message);
+    setMessage("");
   };
 
   const heroMessage = `Hello! I'm your AI assistant.\n\n How can I help you today?

diff --git a/ui/src/core/components/ChatMessage.tsx b/ui/src/core/components/ChatMessage.tsx
@@ -29,9 +29,11 @@ const ChatMessage = forwardRef<HTMLDivElement, ChatMessageProps>(
     ref,
   ) => {
     const rightAlign = role === MessageRole.USER;
+
     const [didAnimate, setDidAnimate] = useState(false);
-    const copyIconTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
     const [copyIcon, setCopyIcon] = useState("heroicons:clipboard");
+
+    const copyIconTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
     const { theme } = useThemeContext();
 
     const onCopyClick = () => {

diff --git a/ui/src/core/components/PromptInput/PromptInput.tsx b/ui/src/core/components/PromptInput/PromptInput.tsx
@@ -19,19 +19,19 @@ const PromptInput = ({
   submit,
   isLoading,
 }: PromptInputProps) => {
-  const inputRef = React.useRef<HTMLTextAreaElement>(null);
+  const textAreaRef = React.useRef<HTMLTextAreaElement>(null);
 
   const handleSubmit = useCallback(() => {
-    if (!prompt && !isLoading) return;
+    if (!message && !isLoading) return;
 
     submit();
-    setMessage("");
-    inputRef?.current?.focus();
-  }, [setMessage, isLoading, submit]);
+    textAreaRef?.current?.focus();
+  }, [isLoading, submit, message]);
 
   const onSubmit = useCallback(
     (e: React.FormEvent<HTMLFormElement>) => {
       e.preventDefault();
+
       handleSubmit();
     },
     [handleSubmit],
@@ -50,52 +50,46 @@ const PromptInput = ({
 
   return (
     <Form
-      className="flex w-full flex-row items-start rounded-medium bg-default-100 dark:bg-default-100"
+      className="flex w-full flex-row items-center rounded-medium bg-default-100 pl-0 pr-2 dark:bg-default-100"
       validationBehavior="native"
       onSubmit={onSubmit}
     >
       <PromptInputText
-        ref={inputRef}
-        autoFocus
+        ref={textAreaRef}
+        aria-label="Message"
         classNames={{
-          innerWrapper: "relative",
-          input: "text-medium h-auto w-full",
+          input: "text-medium",
           inputWrapper:
-            "!bg-transparent shadow-none group-data-[focus-visible=true]:ring-0 group-data-[focus-visible=true]:ring-offset-0 pr-3 pl-[20px] pt-3 pb-4",
+            "!bg-transparent shadow-none group-data-[focus-visible=true]:ring-0 group-data-[focus-visible=true]:ring-offset-0 py-4",
         }}
+        name="message"
+        placeholder="Enter a message here"
+        autoFocus
         maxRows={16}
-        minRows={2}
-        name="content"
-        radius="lg"
-        spellCheck={"false"}
+        minRows={1}
         value={message}
-        variant="flat"
         onKeyDown={handleKeyDown}
         onValueChange={setMessage}
       />
-      <div className="flex flex-row items-center justify-end p-3">
-        <Button
-          isIconOnly
-          color={!prompt ? "default" : "primary"}
-          isDisabled={!prompt || isLoading}
-          radius="full"
-          size="sm"
-          type="submit"
-          variant="solid"
-        >
-          <Icon
-            className={cn(
-              "[&>path]:stroke-[2px]",
-              !prompt ? "text-default-600" : "text-primary-foreground",
-            )}
-            icon="iconamoon:arrow-up-1-thin"
-            width={20}
-          />
-        </Button>
-      </div>
+      <Button
+        isIconOnly
+        color={!message ? "default" : "primary"}
+        isDisabled={!message || isLoading}
+        radius="full"
+        size="sm"
+        type="submit"
+      >
+        <Icon
+          className={cn(
+            "[&>path]:stroke-[2px]",
+            !message ? "text-default-600" : "text-primary-foreground",
+          )}
+          icon="iconamoon:arrow-up-1-thin"
+          width={20}
+        />
+      </Button>
     </Form>
   );
 };
 
 export default PromptInput;
-PromptInput.displayName = "PromptInput";
diff --git a/ui/src/core/components/PromptInput/PromptInputAssets.tsx b/ui/src/core/components/PromptInput/PromptInputAssets.tsx
diff --git a/ui/src/core/components/PromptInput/PromptInputText.tsx b/ui/src/core/components/PromptInput/PromptInputText.tsx
@@ -1,31 +1,18 @@
 import type { TextAreaProps } from "@heroui/react";
-
-import React from "react";
+import { forwardRef } from "react";
 import { Textarea } from "@heroui/react";
-import { cn } from "@heroui/react";
 
-const PromptInputText = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
+const PromptInputText = forwardRef<HTMLTextAreaElement, TextAreaProps>(
   ({ classNames = {}, ...props }, ref) => {
     return (
       <Textarea
         ref={ref}
-        aria-label="Prompt"
-        className="min-h-[40px]"
-        classNames={{
-          ...classNames,
-          label: cn("hidden", classNames?.label),
-          input: cn("py-0", classNames?.input),
-        }}
-        minRows={1}
-        placeholder="Enter a prompt here"
-        radius="lg"
-        variant="bordered"
+        className="min-h-[50px]"
+        classNames={classNames}
         {...props}
       />
     );
   },
 );
 
 export default PromptInputText;
-
-PromptInputText.displayName = "PromptInputText";
diff --git a/ui/src/core/components/SidebarDrawer.tsx b/ui/src/core/components/SidebarDrawer.tsx
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		import{H as e}from"./index-Dk-2LbPC.js";const i=()=>e.jsxs("div",{children:[e.jsx("h1",{children:"Example Plugin"}),e.jsx("p",{children:"This is an example plugin."})]});export{i as default};
		import{H as e}from"./index-COg_-1JS.js";const i=()=>e.jsxs("div",{children:[e.jsx("h1",{children:"Example Plugin"}),e.jsx("p",{children:"This is an example plugin."})]});export{i as default};