Deploy348 (#9627)

* Testing rc2 * Simplifying Assistant Thoughts * Simplifying Assistant Thoughts * Simplifying Assistant Thoughts * Update Content Message * layout * deploying 348 * fixing top padding
dust-tt · Dec 30, 2024 · 9db5af7 · 9db5af7
1 parent 7b6d2bb
commit 9db5af7
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 36 deletions.
diff --git a/front/components/assistant/conversation/AgentMessage.tsx b/front/components/assistant/conversation/AgentMessage.tsx
@@ -7,7 +7,6 @@ import { Citation, CitationIcons, CitationTitle } from "@dust-tt/sparkle";
 import {
   ArrowPathIcon,
   Button,
-  ChatBubbleThoughtIcon,
   Chip,
   ClipboardIcon,
   ContentMessage,
@@ -572,29 +571,20 @@ export function AgentMessage({
 
     return (
       <div className="flex flex-col gap-y-4">
-        <AgentMessageActions
-          agentMessage={agentMessage}
-          lastAgentStateClassification={lastAgentStateClassification}
-          size={size}
-          owner={owner}
-        />
-
-        {agentMessage.chainOfThought?.length ? (
-          <ContentMessage
-            title="Assistant thoughts"
-            variant="slate"
-            icon={ChatBubbleThoughtIcon}
-          >
-            <Markdown
-              content={agentMessage.chainOfThought}
-              isStreaming={false}
-              textSize="sm"
-              textColor="slate-700"
-              isLastMessage={isLastMessage}
-            />
-          </ContentMessage>
-        ) : null}
+        <div className="flex flex-col gap-2">
+          <AgentMessageActions
+            agentMessage={agentMessage}
+            lastAgentStateClassification={lastAgentStateClassification}
+            size={size}
+            owner={owner}
+          />
 
+          {agentMessage.chainOfThought?.length ? (
+            <ContentMessage title="Assistant thoughts" variant="slate">
+              {agentMessage.chainOfThought}
+            </ContentMessage>
+          ) : null}
+        </div>
         {agentMessage.content !== null && (
           <div>
             {lastTokenClassification !== "chain_of_thought" &&

diff --git a/front/components/assistant/conversation/input_bar/InputBarContainer.tsx b/front/components/assistant/conversation/input_bar/InputBarContainer.tsx
@@ -106,7 +106,7 @@ const InputBarContainer = ({
   return (
     <div
       id="InputBarContainer"
-      className="relative flex flex-1 flex-col sm:flex-row"
+      className="relative flex flex-1 flex-col pt-3 sm:flex-row sm:pt-0"
     >
       <EditorContent
         editor={editor}

diff --git a/front/components/sparkle/AppLayout.tsx b/front/components/sparkle/AppLayout.tsx
@@ -124,15 +124,11 @@ export default function AppLayout({
         <div className="relative h-full w-full flex-1 flex-col overflow-x-hidden overflow-y-hidden">
           <main
             id={CONVERSATION_PARENT_SCROLL_DIV_ID.page}
-            className={classNames(
-              "flex h-full w-full flex-col items-center overflow-y-auto",
-              titleChildren ? "" : "lg:pt-8"
-            )}
+            className="flex h-full w-full flex-col items-center"
           >
-            {/* TODO: This should be moved to a TopBar component. */}
             <div
               className={classNames(
-                "sticky left-0 top-0 z-30 mb-4 flex w-full flex-col pl-12 lg:pl-0",
+                "flex w-full flex-col border-b border-primary-50 pl-12 lg:pl-0",
                 !hideSidebar
                   ? "border-b border-structure-300/30 bg-white/80 backdrop-blur"
                   : "",
@@ -144,7 +140,7 @@ export default function AppLayout({
               </div>
             </div>
 
-            <div className="flex h-[calc(100%-5rem)] w-full flex-col items-center px-4 sm:px-8">
+            <div className="flex h-full w-full flex-col items-center overflow-y-auto px-4 sm:px-8">
               {isWideMode ? (
                 loaded && children
               ) : (

diff --git a/front/package-lock.json b/front/package-lock.json
diff --git a/front/package.json b/front/package.json
@@ -20,7 +20,7 @@
   "dependencies": {
     "@auth0/nextjs-auth0": "^3.5.0",
     "@dust-tt/client": "file:../sdks/js",
-    "@dust-tt/sparkle": "^0.2.347",
+    "@dust-tt/sparkle": "0.2.348",
     "@dust-tt/types": "file:../types",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.11",