-
onChange(parseInt(e.target.value) / 100)}
- disabled={disabled}
- className="w-full h-2 bg-muted rounded-lg appearance-none cursor-pointer accent-primary disabled:opacity-50 disabled:cursor-not-allowed"
- />
-
-
{info.lowLabel}
-
{info.highLabel}
+
+ {editMode && (
+
+ {(Object.keys(TRAIT_LABELS) as Array
).filter(t => t !== 'bias_strength').map((trait) => (
+
+
+ {TRAIT_LABELS[trait].label}
+ {Math.round(editPersonality[trait] * 100)}%
+
+
onEditChange(trait, parseInt(e.target.value) / 100)}
+ className="w-full h-1.5 bg-muted rounded-lg appearance-none cursor-pointer accent-primary"
+ />
+
+ )}
+
+ {/* Influence Strength - always shown */}
+
+
+
+
Personality Influence
+
How strongly traits affect responses
+
+
{Math.round(data.bias_strength * 100)}%
+
+ {editMode && (
+
onEditChange('bias_strength', parseInt(e.target.value) / 100)}
+ className="w-full h-2 bg-muted rounded-lg appearance-none cursor-pointer accent-primary"
+ />
+ )}
-
{info.description}
);
}
@@ -127,6 +203,7 @@ export function BankProfileView() {
const { currentBank } = useBank();
const [profile, setProfile] = useState
(null);
const [stats, setStats] = useState(null);
+ const [operations, setOperations] = useState([]);
const [loading, setLoading] = useState(false);
const [saving, setSaving] = useState(false);
const [editMode, setEditMode] = useState(false);
@@ -148,12 +225,14 @@ export function BankProfileView() {
setLoading(true);
try {
- const [profileData, statsData] = await Promise.all([
+ const [profileData, statsData, opsData] = await Promise.all([
client.getBankProfile(currentBank),
- client.getBankStats(currentBank)
+ client.getBankStats(currentBank),
+ client.listOperations(currentBank)
]);
setProfile(profileData);
setStats(statsData as BankStats);
+ setOperations((opsData as any)?.operations || []);
// Initialize edit state
setEditName(profileData.name);
@@ -199,6 +278,9 @@ export function BankProfileView() {
useEffect(() => {
if (currentBank) {
loadData();
+ // Refresh operations every 5 seconds
+ const interval = setInterval(loadData, 5000);
+ return () => clearInterval(interval);
}
}, [currentBank]);
@@ -230,22 +312,15 @@ export function BankProfileView() {
{profile?.name || currentBank}
-
Bank ID: {currentBank}
+
{currentBank}
{editMode ? (
<>
-
+
Cancel
-
+
{saving ? (
<>
+
- setEditMode(true)}
- size="sm"
- >
+ setEditMode(true)} size="sm">
Edit Profile
@@ -280,133 +348,245 @@ export function BankProfileView() {
- {/* Stats Overview */}
+ {/* Stats Overview - Compact cards */}
{stats && (
-
-
-
-
- Summary of stored memories and connections
-
-
-
-
-
Total Memories
-
{stats.total_nodes}
+
+
+
+
+
+
+
+
Memories
+
{stats.total_nodes}
+
-
Total Links
-
{stats.total_links}
-
-
Documents
-
{stats.total_documents}
-
-
Pending Ops
-
{stats.pending_operations}
-
+
+
- {/* Memory Type Breakdown */}
-
-
-
World Facts
-
{stats.nodes_by_fact_type?.world || 0}
+
+
+
+
+
+
+
Links
+
{stats.total_links}
+
-
Bank Facts
-
{stats.nodes_by_fact_type?.bank || 0}
+
+
+
+
+
+
+
+
+
+
Documents
+
{stats.total_documents}
+
-
Opinions
-
{stats.nodes_by_fact_type?.opinion || 0}
+
+
+
+
0 ? 'from-amber-500/10 to-amber-600/5 border-amber-500/20' : 'from-slate-500/10 to-slate-600/5 border-slate-500/20'}`}>
+
+
+
0 ? 'bg-amber-500/20' : 'bg-slate-500/20'}`}>
+
0 ? 'text-amber-500 animate-pulse' : 'text-slate-500'}`} />
+
+
+
Pending
+
{stats.pending_operations}
+
-
+
+
+
+
+
World Facts
+
{stats.nodes_by_fact_type?.world || 0}
+
+
+
Bank Facts
+
{stats.nodes_by_fact_type?.bank || 0}
+
+
+
Opinions
+
{stats.nodes_by_fact_type?.opinion || 0}
+
+
- {/* Basic Info */}
+ {/* Personality Chart */}
-
-
-
+
+
- Name and identity for this memory bank
-
-
-
-
Display Name
- {editMode ? (
-
setEditName(e.target.value)}
- placeholder="Enter a name for this bank"
- className="mt-1"
- />
- ) : (
-
{profile?.name || 'Unnamed'}
- )}
-
-
-
- {/* Background */}
-
-
-
-
- Context and background information for this memory bank
+ Big Five personality traits that influence responses
- {editMode ? (
-