+
@@ -41,7 +41,7 @@ export function LoginForm({
diff --git a/dashboards/open-brain-dashboard-next/app/login/page.tsx b/dashboards/open-brain-dashboard-next/app/login/page.tsx
index 0e44281ad..56789593a 100644
--- a/dashboards/open-brain-dashboard-next/app/login/page.tsx
+++ b/dashboards/open-brain-dashboard-next/app/login/page.tsx
@@ -1,3 +1,4 @@
+import Image from "next/image";
import { redirect } from "next/navigation";
import { getSession } from "@/lib/auth";
import { LoginForm } from "./LoginForm";
@@ -38,12 +39,20 @@ export default async function LoginPage() {
}
return (
-
{children}
diff --git a/dashboards/open-brain-dashboard-next/app/login/LoginForm.tsx b/dashboards/open-brain-dashboard-next/app/login/LoginForm.tsx
index 73ef31019..3d6176e3c 100644
--- a/dashboards/open-brain-dashboard-next/app/login/LoginForm.tsx
+++ b/dashboards/open-brain-dashboard-next/app/login/LoginForm.tsx
@@ -21,7 +21,7 @@ export function LoginForm({
htmlFor="apiKey"
className="block text-sm font-medium text-text-secondary mb-1.5"
>
- MCP Access Key
+ OB1 Access Key
-
+
+
-
- OB
+ ([]);
- const [loading, setLoading] = useState(true);
+ const [connections, setConnections] = useState(
+ hasMetadata ? null : []
+ );
useEffect(() => {
- if (!hasMetadata) {
- setLoading(false);
- return;
- }
+ if (!hasMetadata) return;
+ let cancelled = false;
fetch(`/api/thoughts/${thoughtId}/connections`)
.then((res) => res.json())
- .then((data) => setConnections(data.connections ?? []))
- .catch(() => setConnections([]))
- .finally(() => setLoading(false));
+ .then((data) => {
+ if (!cancelled) setConnections(data.connections ?? []);
+ })
+ .catch(() => {
+ if (!cancelled) setConnections([]);
+ });
+
+ return () => {
+ cancelled = true;
+ };
}, [thoughtId, hasMetadata]);
- if (!hasMetadata || (!loading && connections.length === 0)) return null;
+ const loading = hasMetadata && connections === null;
+ const items = connections ?? [];
+
+ if (!hasMetadata || (!loading && items.length === 0)) return null;
return (
+
+ Nate B. Jones / OB1
Open Brain
diff --git a/dashboards/open-brain-dashboard-next/app/thoughts/[id]/page.tsx b/dashboards/open-brain-dashboard-next/app/thoughts/[id]/page.tsx index c23f1148d..c4d85544d 100644 --- a/dashboards/open-brain-dashboard-next/app/thoughts/[id]/page.tsx +++ b/dashboards/open-brain-dashboard-next/app/thoughts/[id]/page.tsx @@ -26,8 +26,8 @@ export default async function ThoughtDetailPage({ const session = await getSession(); const excludeRestricted = !session.restrictedUnlocked; const { id } = await params; - const thoughtId = parseInt(id, 10); - if (isNaN(thoughtId)) notFound(); + const thoughtId = id.trim(); + if (!thoughtId) notFound(); let thought; try { diff --git a/dashboards/open-brain-dashboard-next/components/AgentMemoryBadges.tsx b/dashboards/open-brain-dashboard-next/components/AgentMemoryBadges.tsx new file mode 100644 index 000000000..944e04db1 --- /dev/null +++ b/dashboards/open-brain-dashboard-next/components/AgentMemoryBadges.tsx @@ -0,0 +1,73 @@ +import type { AgentMemory, AgentMemoryRecord } from "@/lib/types"; + +type PolicyLike = + | AgentMemory["use_policy"] + | { + can_use_as_instruction: boolean; + can_use_as_evidence: boolean; + requires_user_confirmation: boolean; + }; + +export function StatusBadge({ value }: { value: string }) { + const tone = + value === "confirmed" + ? "border-success/30 bg-success/10 text-success" + : value === "pending" + ? "border-warning/30 bg-warning/10 text-warning" + : value === "rejected" || value === "disputed" + ? "border-danger/30 bg-danger/10 text-danger" + : "border-border bg-bg-elevated text-text-secondary"; + + return ( + + {value} + + ); +} + +export function ProvenanceBadge({ value }: { value: string }) { + return ( + + {value} + + ); +} + +export function PolicyBadges({ policy }: { policy: PolicyLike }) { + return ( +
+ {policy.can_use_as_instruction && (
+
+ instruction
+
+ )}
+ {policy.can_use_as_evidence && (
+
+ evidence
+
+ )}
+ {policy.requires_user_confirmation && (
+
+ needs review
+
+ )}
+ {!policy.can_use_as_instruction && !policy.can_use_as_evidence && (
+
+ blocked
+
+ )}
+
+ );
+}
+
+export function MemoryRecordPolicy({ memory }: { memory: AgentMemoryRecord }) {
+ return (
+
@@ -53,7 +62,7 @@ export function ConnectionsPanel({
Loading connections...
) : (
- {connections.map((c) => (
+ {items.map((c) => (
): Promise {
const res = await fetch("/api/kanban/update", {
@@ -112,7 +112,7 @@ export function KanbanBoard() {
const { active, over } = event;
if (!over) return;
- const thoughtId = active.id as number;
+ const thoughtId = String(active.id);
const newStatus = over.id as string;
// Find which column the thought is currently in
@@ -138,7 +138,7 @@ export function KanbanBoard() {
});
}
- async function handlePriorityChange(thoughtId: number, newImportance: number) {
+ async function handlePriorityChange(thoughtId: string, newImportance: number) {
previousThoughts.current = [...thoughts];
setThoughts((prev) =>
prev.map((t) =>
@@ -155,7 +155,7 @@ export function KanbanBoard() {
}
}
- async function handleArchive(thoughtId: number) {
+ async function handleArchive(thoughtId: string) {
previousThoughts.current = [...thoughts];
setThoughts((prev) =>
prev.map((t) =>
@@ -174,7 +174,7 @@ export function KanbanBoard() {
}
}
- async function handleDelete(thoughtId: number) {
+ async function handleDelete(thoughtId: string) {
previousThoughts.current = [...thoughts];
setThoughts((prev) => prev.filter((t) => t.id !== thoughtId));
@@ -193,7 +193,7 @@ export function KanbanBoard() {
}
async function handleModalSave(
- thoughtId: number,
+ thoughtId: string,
updates: Record
) {
previousThoughts.current = [...thoughts];
diff --git a/dashboards/open-brain-dashboard-next/components/KanbanCard.tsx b/dashboards/open-brain-dashboard-next/components/KanbanCard.tsx
index 20edf1f12..d76ebfa56 100644
--- a/dashboards/open-brain-dashboard-next/components/KanbanCard.tsx
+++ b/dashboards/open-brain-dashboard-next/components/KanbanCard.tsx
@@ -20,9 +20,9 @@ function formatAge(dateString: string): string {
interface KanbanCardProps {
thought: Thought;
onCardClick: (thought: Thought) => void;
- onPriorityChange: (thoughtId: number, importance: number) => void;
+ onPriorityChange: (thoughtId: string, importance: number) => void;
showArchiveButton?: boolean;
- onArchive?: (thoughtId: number) => void;
+ onArchive?: (thoughtId: string) => void;
}
export function KanbanCard({
diff --git a/dashboards/open-brain-dashboard-next/components/KanbanCardModal.tsx b/dashboards/open-brain-dashboard-next/components/KanbanCardModal.tsx
index 5042919da..5b9aa0c9d 100644
--- a/dashboards/open-brain-dashboard-next/components/KanbanCardModal.tsx
+++ b/dashboards/open-brain-dashboard-next/components/KanbanCardModal.tsx
@@ -1,6 +1,6 @@
"use client";
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect, useRef, useCallback } from "react";
import { createPortal } from "react-dom";
import type { Thought, KanbanStatus } from "@/lib/types";
import { KANBAN_STATUSES, KANBAN_LABELS, PRIORITY_LEVELS, getPriorityLevel, THOUGHT_TYPES, KANBAN_TYPES } from "@/lib/types";
@@ -8,11 +8,11 @@ import { KANBAN_STATUSES, KANBAN_LABELS, PRIORITY_LEVELS, getPriorityLevel, THOU
interface KanbanCardModalProps {
thought: Thought;
onSave: (
- thoughtId: number,
+ thoughtId: string,
updates: { content?: string; status?: string; importance?: number; type?: string }
) => void;
- onArchive: (thoughtId: number) => void;
- onDelete: (thoughtId: number) => void;
+ onArchive: (thoughtId: string) => void;
+ onDelete: (thoughtId: string) => void;
onClose: () => void;
}
@@ -27,20 +27,23 @@ export function KanbanCardModal({
const [status, setStatus] = useState(thought.status ?? "new");
const [importance, setImportance] = useState(thought.importance);
const [type, setType] = useState(thought.type);
- const [hasChanges, setHasChanges] = useState(false);
const [showDiscardConfirm, setShowDiscardConfirm] = useState(false);
const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
const backdropRef = useRef(null);
const textareaRef = useRef(null);
+ const hasChanges =
+ content !== thought.content ||
+ status !== (thought.status ?? "new") ||
+ importance !== thought.importance ||
+ type !== thought.type;
- useEffect(() => {
- const isChanged =
- content !== thought.content ||
- status !== (thought.status ?? "new") ||
- importance !== thought.importance ||
- type !== thought.type;
- setHasChanges(isChanged);
- }, [content, status, importance, type, thought]);
+ const tryClose = useCallback(() => {
+ if (hasChanges) {
+ setShowDiscardConfirm(true);
+ } else {
+ onClose();
+ }
+ }, [hasChanges, onClose]);
useEffect(() => {
function handleEscape(e: KeyboardEvent) {
@@ -50,7 +53,7 @@ export function KanbanCardModal({
}
document.addEventListener("keydown", handleEscape);
return () => document.removeEventListener("keydown", handleEscape);
- }, [hasChanges]);
+ }, [tryClose]);
// Lock body scroll
useEffect(() => {
@@ -70,14 +73,6 @@ export function KanbanCardModal({
}
}, [content]);
- function tryClose() {
- if (hasChanges) {
- setShowDiscardConfirm(true);
- } else {
- onClose();
- }
- }
-
function handleBackdropClick(e: React.MouseEvent) {
if (e.target === backdropRef.current) {
tryClose();
diff --git a/dashboards/open-brain-dashboard-next/components/KanbanColumn.tsx b/dashboards/open-brain-dashboard-next/components/KanbanColumn.tsx
index 3195418a7..ab9e762b1 100644
--- a/dashboards/open-brain-dashboard-next/components/KanbanColumn.tsx
+++ b/dashboards/open-brain-dashboard-next/components/KanbanColumn.tsx
@@ -1,6 +1,6 @@
"use client";
-import { useState, useEffect } from "react";
+import { useState } from "react";
import { useDroppable } from "@dnd-kit/core";
import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
import type { Thought, KanbanStatus } from "@/lib/types";
@@ -24,8 +24,8 @@ interface KanbanColumnProps {
status: string;
thoughts: Thought[];
onCardClick: (thought: Thought) => void;
- onPriorityChange: (thoughtId: number, importance: number) => void;
- onArchive: (thoughtId: number) => void;
+ onPriorityChange: (thoughtId: string, importance: number) => void;
+ onArchive: (thoughtId: string) => void;
}
export function KanbanColumn({
@@ -35,13 +35,10 @@ export function KanbanColumn({
onPriorityChange,
onArchive,
}: KanbanColumnProps) {
- const [isCollapsed, setIsCollapsed] = useState(false);
-
- // Load collapse state from localStorage
- useEffect(() => {
- const stored = localStorage.getItem(collapseKey(status));
- if (stored === "true") setIsCollapsed(true);
- }, [status]);
+ const [isCollapsed, setIsCollapsed] = useState(() => {
+ if (typeof window === "undefined") return false;
+ return localStorage.getItem(collapseKey(status)) === "true";
+ });
function toggleCollapse() {
const nextState = !isCollapsed;
diff --git a/dashboards/open-brain-dashboard-next/components/ReflectionComposer.tsx b/dashboards/open-brain-dashboard-next/components/ReflectionComposer.tsx
index 4fb3e9e39..77cb1f4f7 100644
--- a/dashboards/open-brain-dashboard-next/components/ReflectionComposer.tsx
+++ b/dashboards/open-brain-dashboard-next/components/ReflectionComposer.tsx
@@ -4,7 +4,6 @@ import { useState } from "react";
import { useRouter } from "next/navigation";
import type {
ReflectionInput,
- ReflectionOption,
ReflectionFactor,
} from "@/lib/types";
@@ -23,7 +22,7 @@ const emptyForm: ReflectionInput = {
reflection_type: "decision_trace",
};
-export function ReflectionComposer({ thoughtId }: { thoughtId: number }) {
+export function ReflectionComposer({ thoughtId }: { thoughtId: string }) {
const [open, setOpen] = useState(false);
const [form, setForm] = useState({ ...emptyForm });
const [submitting, setSubmitting] = useState(false);
diff --git a/dashboards/open-brain-dashboard-next/components/RestrictedToggle.tsx b/dashboards/open-brain-dashboard-next/components/RestrictedToggle.tsx
index fb8105be1..185919d24 100644
--- a/dashboards/open-brain-dashboard-next/components/RestrictedToggle.tsx
+++ b/dashboards/open-brain-dashboard-next/components/RestrictedToggle.tsx
@@ -21,9 +21,6 @@ export function RestrictedToggle() {
.catch(() => {});
}, []);
- // Don't render if restricted content feature is not configured
- if (!configured) return null;
-
const handleUnlock = useCallback(async () => {
if (!passphrase.trim()) return;
setLoading(true);
@@ -62,6 +59,9 @@ export function RestrictedToggle() {
}
}, []);
+ // Don't render if restricted content feature is not configured
+ if (!configured) return null;
+
return (
<>
{/* Lock/unlock button */}
diff --git a/dashboards/open-brain-dashboard-next/components/Sidebar.tsx b/dashboards/open-brain-dashboard-next/components/Sidebar.tsx
index 7f95093f9..a8aeafd62 100644
--- a/dashboards/open-brain-dashboard-next/components/Sidebar.tsx
+++ b/dashboards/open-brain-dashboard-next/components/Sidebar.tsx
@@ -1,5 +1,6 @@
"use client";
+import Image from "next/image";
import Link from "next/link";
import { usePathname } from "next/navigation";
import { RestrictedToggle } from "@/components/RestrictedToggle";
@@ -8,6 +9,7 @@ const nav = [
{ href: "/", label: "Dashboard", icon: DashboardIcon },
{ href: "/thoughts", label: "Thoughts", icon: ThoughtsIcon },
{ href: "/kanban", label: "Workflow", icon: KanbanIcon },
+ { href: "/agent-memory", label: "Agent Memory", icon: MemoryIcon },
{ href: "/search", label: "Search", icon: SearchIcon },
{ href: "/audit", label: "Audit", icon: AuditIcon },
{ href: "/duplicates", label: "Duplicates", icon: DuplicatesIcon },
@@ -26,19 +28,29 @@ export function Sidebar({ isOpen = false, onClose }: SidebarProps) {
return (