feat: ui

Author: skychx

apps/ui-tars/src/renderer/src/components/ImageGallery/index.tsx

@@ -138,12 +138,14 @@ const ImageGallery: React.FC<ImageGalleryProps> = ({
                 <div className="text-base font-medium leading-tight">
                   {action.action}
                 </div>
-                <div className="text-xs text-muted-foreground">
+                <div className="text-xs text-muted-foreground max-w-full mr-4">
                   <span className="font-medium text-primary/70">
                     {action.type}
                   </span>
                   {action.input && (
-                    <span className="text-primary/70">{action.input}</span>
+                    <span className="text-primary/70 break-all max-w-full">
+                      {action.input}
+                    </span>
                   )}
                   {action.cost && (
                     <span className="ml-1 text-muted-foreground/70">

apps/ui-tars/src/renderer/src/components/ThoughtChain/index.tsx

@@ -76,7 +76,7 @@ function ThoughtStepCard({ step, onClick, hasSomImage }: ThoughtStepCardProps) {
           ) : (
             <>
               Action:
-              <span className="text-gray-600">
+              <span className="text-gray-600 max-w-50 truncate">
                 {step.action_type}
                 {step.action_inputs?.start_box &&
                   ` (start_box: ${step.action_inputs.start_box})`}