Italics user prompt, similar accent block for agent prompt

Author: jahooma

cli/src/components/agent-branch-item.tsx

@@ -244,18 +244,34 @@ export const AgentBranchItem = ({
             {prompt && (
               <box
                 style={{
-                  flexDirection: 'column',
+                  flexDirection: 'row',
                   gap: 0,
+                  alignItems: 'stretch',
                   marginBottom: content ? 1 : 0,
                 }}
               >
-                <text
-                  fg={theme.foreground}
-                  style={{ wrapMode: 'word' }}
-                  attributes={getAttributes(TextAttributes.ITALIC)}
+                <box
+                  style={{
+                    width: 1,
+                    backgroundColor: theme.userLine,
+                    marginTop: 0,
+                    marginBottom: 0,
+                  }}
+                />
+                <box
+                  style={{
+                    paddingLeft: 1,
+                    flexGrow: 1,
+                  }}
                 >
-                  {prompt}
-                </text>
+                  <text
+                    fg={theme.foreground}
+                    style={{ wrapMode: 'word' }}
+                    attributes={getAttributes(TextAttributes.ITALIC)}
+                  >
+                    {prompt}
+                  </text>
+                </box>
               </box>
             )}
             {renderExpandedContent(content)}

cli/src/components/message-block.tsx

@@ -526,6 +526,7 @@ export const MessageBlock = memo(
         <text
           key={`message-content-${messageId}`}
           style={{ wrapMode: 'word', fg: resolvedTextColor }}
+          attributes={isUser ? TextAttributes.ITALIC : undefined}
         >
           {displayContent}
         </text>
@@ -566,6 +567,7 @@ export const MessageBlock = memo(
                 marginTop,
                 marginBottom,
               }}
+              attributes={isUser ? TextAttributes.ITALIC : undefined}
             >
               {renderedContent}
             </text>