feat: integrate desktop runtime and root workspace updates

tauri-app/src/components/MessageBubble.css

@@ -66,6 +66,58 @@
 .btn-ghost:hover { color: var(--text2); }
 
 /* Message actions */
+.reasoning-panel {
+  width: 100%;
+  margin-bottom: 8px;
+}
+
+.reasoning-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  background: rgba(124, 158, 248, 0.08);
+  color: var(--text2);
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 6px 12px;
+  font-size: 0.75rem;
+  cursor: pointer;
+  font-family: inherit;
+}
+
+.reasoning-toggle:hover {
+  background: rgba(124, 158, 248, 0.12);
+  color: var(--text);
+}
+
+.reasoning-content {
+  margin-top: 8px;
+  padding: 12px 14px;
+  background: rgba(124, 158, 248, 0.06);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  color: var(--text2);
+  font-size: 0.84rem;
+  line-height: 1.6;
+}
+
+.message-metrics {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 8px;
+  color: var(--text3);
+  font-size: 0.72rem;
+  font-variant-numeric: tabular-nums;
+}
+
+.message-metrics span {
+  background: var(--bg3);
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 3px 8px;
+}
+
 .msg-actions {
   display: flex;
   gap: 4px;