Feat: Add log-detail page,Improve the style of chat boxes (#9119)

### What problem does this PR solve?

Feat: Add log-detail page,Improve the style of chat boxes #3221

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/components/next-message-item/index.tsx

@@ -170,13 +170,15 @@ function MessageItem({
               ></ReferenceDocumentList>
             )}
             {isAssistant && currentEventListWithoutMessageById && (
-              <WorkFlowTimeline
-                currentEventListWithoutMessage={currentEventListWithoutMessageById(
-                  item.id,
-                )}
-                currentMessageId={item.id}
-                canvasId={conversationId}
-              />
+              <div className="mt-4">
+                <WorkFlowTimeline
+                  currentEventListWithoutMessage={currentEventListWithoutMessageById(
+                    item.id,
+                  )}
+                  currentMessageId={item.id}
+                  canvasId={conversationId}
+                />
+              </div>
             )}
             {isUser && (
               <UploadedMessageFiles files={item.files}></UploadedMessageFiles>

web/src/components/originui/time-range-picker.tsx

@@ -143,6 +143,9 @@ const TimeRangePicker = ({
   const [date, setDate] = useState<DateRange | undefined>(
     selectDateRange || { from: today, to: today },
   );
+  useEffect(() => {
+    setDate(selectDateRange);
+  }, [selectDateRange]);
   const onChange = (e: DateRange | undefined) => {
     if (!e) return;
     setDate(e);