add: usage analysis status

Author: milisp

bun.lock

@@ -13,8 +13,9 @@
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tailwindcss/vite": "^4.1.11",
     "@tauri-apps/api": "^2",
@@ -37,6 +38,7 @@
     "react-rnd": "^10.5.2",
     "react-router-dom": "^7.8.0",
     "react-syntax-highlighter": "^15.6.1",
+    "recharts": "^3.1.2",
     "rehype-highlight": "^7.0.2",
     "rehype-prism-plus": "^2.0.1",
     "rehype-shiki": "^0.0.9",

package.json

@@ -2,6 +2,7 @@ use crate::protocol::CodexConfig;
 use crate::services::{codex, session};
 use crate::state::CodexState;
 use tauri::{AppHandle, State};
+use std::fs;
 
 // Re-export types for external use
 pub use crate::services::session::Conversation;
@@ -75,3 +76,66 @@ pub async fn delete_session_file(file_path: String) -> Result<(), String> {
 pub async fn get_latest_session_id() -> Result<Option<String>, String> {
     session::get_latest_session_id().await
 }
+
+#[tauri::command]
+pub async fn get_session_files() -> Result<Vec<String>, String> {
+    let home = dirs::home_dir().ok_or("Could not find home directory")?;
+    let sessions_dir = home.join(".codex").join("sessions");
+    
+    if !sessions_dir.exists() {
+        return Ok(vec![]);
+    }
+    
+    let mut session_files = Vec::new();
+    
+    // Walk through year/month/day directories
+    if let Ok(entries) = fs::read_dir(&sessions_dir) {
+        for entry in entries.flatten() {
+            if entry.file_type().map(|ft| ft.is_dir()).unwrap_or(false) {
+                let year_path = entry.path();
+                if let Ok(month_entries) = fs::read_dir(&year_path) {
+                    for month_entry in month_entries.flatten() {
+                        if month_entry.file_type().map(|ft| ft.is_dir()).unwrap_or(false) {
+                            let month_path = month_entry.path();
+                            if let Ok(day_entries) = fs::read_dir(&month_path) {
+                                for day_entry in day_entries.flatten() {
+                                    if day_entry.file_type().map(|ft| ft.is_dir()).unwrap_or(false) {
+                                        let day_path = day_entry.path();
+                                        if let Ok(file_entries) = fs::read_dir(&day_path) {
+                                            for file_entry in file_entries.flatten() {
+                                                if let Some(filename) = file_entry.file_name().to_str() {
+                                                    if filename.ends_with(".jsonl") {
+                                                        session_files.push(file_entry.path().to_string_lossy().to_string());
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    
+    Ok(session_files)
+}
+
+#[tauri::command]
+pub async fn read_session_file(file_path: String) -> Result<String, String> {
+    fs::read_to_string(&file_path).map_err(|e| format!("Failed to read session file: {}", e))
+}
+
+#[tauri::command]
+pub async fn read_history_file() -> Result<String, String> {
+    let home = dirs::home_dir().ok_or("Could not find home directory")?;
+    let history_path = home.join(".codex").join("history.jsonl");
+    
+    if !history_path.exists() {
+        return Ok(String::new());
+    }
+    
+    fs::read_to_string(&history_path).map_err(|e| format!("Failed to read history file: {}", e))
+}

src-tauri/src/commands.rs

@@ -9,8 +9,8 @@ mod utils;
 
 use commands::{
     approve_execution, check_codex_version, close_session, delete_session_file,
-    get_latest_session_id, get_running_sessions, load_sessions_from_disk, pause_session, send_message,
-    start_codex_session, stop_session,
+    get_latest_session_id, get_running_sessions, get_session_files, read_session_file, read_history_file,
+    load_sessions_from_disk, pause_session, send_message, start_codex_session, stop_session,
 };
 use config::{
     add_mcp_server, add_or_update_model_provider, add_or_update_profile, delete_mcp_server,
@@ -60,6 +60,9 @@ pub fn run() {
             load_sessions_from_disk,
             delete_session_file,
             get_latest_session_id,
+            get_session_files,
+            read_session_file,
+            read_history_file,
             check_codex_version,
             read_directory,
             get_default_directories,

src-tauri/src/lib.rs

@@ -5,6 +5,7 @@ import ChatPage from "@/pages/chat";
 import ProjectsPage from "@/pages/projects";
 import DxtPage from "./pages/dxt";
 import SettingsPage from "./pages/settings";
+import UsagePage from "./pages/usage";
 import { useLayoutStore } from "./stores/layoutStore";
 import "./App.css";
 
@@ -32,6 +33,10 @@ export default function App() {
           path: "settings",
           element: <SettingsPage />,
         },
+        {
+          path: "usage",
+          element: <UsagePage />,
+        },
       ],
     },
   ]);

src/App.tsx

@@ -1,4 +1,4 @@
-import { PartyPopper, Usb, PanelLeft, Settings, MessageCircleCode } from "lucide-react";
+import { PartyPopper, Usb, PanelLeft, Settings, MessageCircleCode, BarChart3 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { Link, useLocation } from "react-router-dom";
@@ -44,6 +44,10 @@ export function AppHeader() {
           <MessageCircleCode className="w-5 h-5" />
         </Link>
 
+        <Link to="/usage" className="hover:text-blue-500">
+          <BarChart3 className="w-5 h-5" />
+        </Link>
+
         {location.pathname === "/chat" && (
           <Button
             variant="ghost"

src/components/layout/AppHeader.tsx

@@ -0,0 +1,29 @@
+import * as React from "react"
+import * as ProgressPrimitive from "@radix-ui/react-progress"
+
+import { cn } from "@/lib/utils"
+
+function Progress({
+  className,
+  value,
+  ...props
+}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
+  return (
+    <ProgressPrimitive.Root
+      data-slot="progress"
+      className={cn(
+        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+        className
+      )}
+      {...props}
+    >
+      <ProgressPrimitive.Indicator
+        data-slot="progress-indicator"
+        className="bg-primary h-full w-full flex-1 transition-all"
+        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+      />
+    </ProgressPrimitive.Root>
+  )
+}
+
+export { Progress }