feat(trace): add zoomable timeline, resizable panels, motion inspector

- add timeline viewport zoom via wheel + drag panning + reset
- upgrade layout to tree / gantt / inspector with resizable panels
- animate inspector + tab switches with framer-motion
- add edit diff rendering via @pierre/diffs using raw tool args
- restyle trace stats into Ariadne-like pills and denser hierarchy
- expose raw tool arguments in trace analytics for inspector rendering

Author: Dwsy

package.json

@@ -32,11 +32,13 @@
     "@tauri-apps/api": "^2.9.1",
     "@tauri-apps/plugin-dialog": "^2.6.0",
     "@tauri-apps/plugin-updater": "^2.10.1",
+    "@use-gesture/react": "^10.3.1",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
     "@xyflow/react": "^12.10.0",
     "cmdk": "^1.1.1",
     "date-fns": "^3.6.0",
+    "framer-motion": "^12.38.0",
     "highlight.js": "^11.11.1",
     "i18next": "^25.8.0",
     "i18next-browser-languagedetector": "^8.2.0",
@@ -46,6 +48,7 @@
     "react-dom": "^18.3.1",
     "react-i18next": "^16.5.4",
     "react-is": "^19.2.4",
+    "react-resizable-panels": "^4.10.0",
     "recharts": "^3.7.0",
     "ws": "^8.20.0"
   },

pnpm-lock.yaml

@@ -673,6 +673,11 @@ fn extract_tool_calls(msg: &Value) -> Vec<TraceToolCall> {
                 id,
                 name,
                 arguments_preview: args_preview,
+                arguments_raw: if args_str.is_empty() {
+                    None
+                } else {
+                    Some(args_str.to_string())
+                },
                 status: "running".to_string(),
                 result_preview: None,
             }

src-tauri/src/domain/trace/extractor.rs

@@ -51,6 +51,7 @@ pub struct TraceToolCall {
     pub id: String,
     pub name: String,
     pub arguments_preview: String,
+    pub arguments_raw: Option<String>,
     pub status: String,
     pub result_preview: Option<String>,
 }