Improve heartbeat-run CLI and agent detail UI

Rework heartbeat-run command with better error handling and output
formatting. Improve AgentConfigForm field layout. Add CSS for agent
run timeline. Enhance AgentDetail page with runtime status section.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

ui/src/components/AgentConfigForm.tsx

@@ -165,11 +165,12 @@ export function AgentConfigForm(props: AgentConfigFormProps) {
       {/* ---- Adapter type ---- */}
       <div className={cn("px-4 py-2.5", isCreate ? "border-t border-border" : "border-b border-border")}>
         <Field label="Adapter" hint={help.adapterType}>
-          {isCreate ? (
-            <AdapterTypeDropdown value={adapterType} onChange={(t) => set!({ adapterType: t })} />
-          ) : (
-            <div className="text-sm font-mono px-2.5 py-1.5">{adapterLabels[adapterType] ?? adapterType}</div>
-          )}
+          <AdapterTypeDropdown
+            value={adapterType}
+            onChange={(t) =>
+              isCreate ? set!({ adapterType: t }) : props.onSave({ adapterType: t })
+            }
+          />
         </Field>
       </div>
 

ui/src/index.css

@@ -121,6 +121,29 @@
   }
 }
 
+/* Dark mode scrollbars */
+.dark {
+  color-scheme: dark;
+}
+
+.dark *::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.dark *::-webkit-scrollbar-track {
+  background: oklch(0.205 0 0);
+}
+
+.dark *::-webkit-scrollbar-thumb {
+  background: oklch(0.4 0 0);
+  border-radius: 4px;
+}
+
+.dark *::-webkit-scrollbar-thumb:hover {
+  background: oklch(0.5 0 0);
+}
+
 /* Expandable dialog transition for max-width changes */
 [data-slot="dialog-content"] {
   transition: max-width 200ms cubic-bezier(0.16, 1, 0.3, 1);

ui/src/pages/AgentDetail.tsx

@@ -210,6 +210,16 @@ export function AgentDetail() {
               </Button>
             </PopoverTrigger>
             <PopoverContent className="w-44 p-1" align="end">
+              <button
+                className="flex items-center gap-2 w-full px-2 py-1.5 text-xs rounded hover:bg-accent/50"
+                onClick={() => {
+                  navigator.clipboard.writeText(agent.id);
+                  setMoreOpen(false);
+                }}
+              >
+                <Copy className="h-3 w-3" />
+                Copy Agent ID
+              </button>
               <button
                 className="flex items-center gap-2 w-full px-2 py-1.5 text-xs rounded hover:bg-accent/50"
                 onClick={() => {