sandboxy 0.0.5__tar.gz → 0.0.7__tar.gz

{sandboxy-0.0.5 → sandboxy-0.0.7}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: sandboxy
-Version: 0.0.5
+Version: 0.0.7
 Summary: Open-source agent simulation and benchmarking platform
 Project-URL: Homepage, https://github.com/sandboxy-ai/sandboxy
 Project-URL: Repository, https://github.com/sandboxy-ai/sandboxy

{sandboxy-0.0.5 → sandboxy-0.0.7}/local-ui/src/App.tsx

@@ -1,6 +1,7 @@
 import { Routes, Route } from 'react-router-dom'
 import Layout from './components/Layout'
 import DashboardPage from './pages/DashboardPage'
+import ScenarioDetailPage from './pages/ScenarioDetailPage'
 import RunPage from './pages/RunPage'
 import ResultsPage from './pages/ResultsPage'
 import BuilderPage from './pages/BuilderPage'
@@ -12,6 +13,7 @@ function App() {
     <Routes>
       <Route path="/" element={<Layout />}>
         <Route index element={<DashboardPage />} />
+        <Route path="scenario/:scenarioId" element={<ScenarioDetailPage />} />
         <Route path="run/:scenarioId" element={<RunPage />} />
         <Route path="run" element={<RunPage />} />
         <Route path="results" element={<ResultsPage />} />

{sandboxy-0.0.5 → sandboxy-0.0.7}/local-ui/src/components/ResultDisplay.tsx

@@ -2,8 +2,10 @@ import { useState } from 'react'
 import { CheckCircle, XCircle, Trophy, Clock, Zap, DollarSign, Hash, MessageSquare, ChevronDown, ChevronRight, Eye, X, AlertCircle } from 'lucide-react'
 import { RunScenarioResponse, CompareModelsResponse } from '../lib/api'
 
-export function formatCost(cost: number | null | undefined): string {
+export function formatCost(cost: number | null | undefined, isLocal?: boolean): string {
   if (cost === null || cost === undefined) return '-'
+  // Local models have cost = 0 or is_local flag
+  if (isLocal === true || cost === 0) return 'Local'
   if (cost < 0.0001) return '<$0.0001'
   if (cost < 0.01) return `$${cost.toFixed(4)}`
   return `$${cost.toFixed(3)}`
@@ -73,7 +75,7 @@ export function SingleRunResult({ result }: { result: RunScenarioResponse }) {
             <DollarSign className="w-4 h-4" />
             Cost
           </div>
-          <div className="text-2xl font-bold text-emerald-300">{formatCost(result.cost_usd)}</div>
+          <div className="text-2xl font-bold text-emerald-300">{formatCost(result.cost_usd, result.is_local)}</div>
         </div>
       </div>
 

{sandboxy-0.0.5 → sandboxy-0.0.7}/local-ui/src/lib/api.ts

@@ -110,6 +110,8 @@ export interface RunScenarioResponse {
   output_tokens: number
   cost_usd: number | null
   error: string | null
+  is_local?: boolean
+  provider_name?: string
 }
 
 export interface CompareModelsRequest {

{sandboxy-0.0.5 → sandboxy-0.0.7}/local-ui/src/pages/DashboardPage.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { Link } from 'react-router-dom'
-import { Play, FileCode, Wrench, Server, Plus, RefreshCw, Trash2, CheckCircle, XCircle, AlertCircle } from 'lucide-react'
+import { Play, FileCode, Wrench, Server, Plus, RefreshCw, Trash2, CheckCircle, XCircle, AlertCircle, ChevronRight } from 'lucide-react'
 import { api, ProviderSummary, AddProviderRequest } from '../lib/api'
 
 interface LocalFile {
@@ -183,13 +183,20 @@ export default function DashboardPage() {
             {status.scenarios.map((scenario) => (
               <div
                 key={scenario.id}
-                className="panel-card p-4"
+                className="panel-card p-4 hover:border-slate-600 transition-colors"
               >
-                <h3 className="font-medium text-slate-100 mb-1">{scenario.name}</h3>
-                <p className="text-sm text-slate-400 mb-3 line-clamp-2">
-                  {scenario.description || 'No description'}
-                </p>
-                <div className="flex justify-between items-center">
+                <Link to={`/scenario/${scenario.id}`} className="block mb-3">
+                  <div className="flex items-start justify-between">
+                    <h3 className="font-medium text-slate-100 mb-1 hover:text-orange-400 transition-colors">
+                      {scenario.name}
+                    </h3>
+                    <ChevronRight size={16} className="text-slate-600 mt-1 flex-shrink-0" />
+                  </div>
+                  <p className="text-sm text-slate-400 line-clamp-2">
+                    {scenario.description || 'No description'}
+                  </p>
+                </Link>
+                <div className="flex justify-between items-center pt-2 border-t border-slate-700/40">
                   <span className="text-xs text-slate-500">{scenario.relative_path}</span>
                   <Link
                     to={`/run/${scenario.id}`}