refactor: add conversation ID display to conversation info panel and update translations

web/app/dashboard/ai-agents/page.tsx

@@ -106,7 +106,12 @@ export default function DashboardAIAgentsPage() {
             <div className="flex size-10 items-center justify-center rounded-md bg-muted text-muted-foreground">
               <BotMessageSquareIcon className="size-4" />
             </div>
-            <div className="font-medium">{item.name}</div>
+            <div>
+              <div className="font-medium">{item.name}</div>
+              <div className="font-mono text-xs text-muted-foreground">
+                Agent ID: {item.id}
+              </div>
+            </div>
           </div>
         ),
       },

web/app/dashboard/conversations/_components/conversation-info-panel.tsx

@@ -255,6 +255,13 @@ export function ConversationInfoPanel({
           </p>
         ) : (
           <div className="space-y-4 py-3">
+            <section>
+              <DetailRow
+                label={t("conversation.conversationId")}
+                value={`${conversation.id}`}
+                valueClassName="font-mono text-xs"
+              />
+            </section>
             <CustomerBody conversation={conversation} />
             <WorkflowRunsSection conversation={conversation} />
           </div>