-
- );
-}
-
function MessageBubble({
message,
author,
showHeader,
}: {
message: Message;
- author: Agent | User | undefined;
+ author: User | undefined;
showHeader: boolean;
}) {
const [expandedItems, setExpandedItems] = useState
-
-
- {/* Streaming output */}
- {streamingOutput.length > 0 && (
-
- {agentName[0]}
-
- {agentName} is working
-
-
-
-
-
-
-
- {streamingOutput.map((item, i) => (
-
- {item.contentType === "tool_use" ? `[${item.content}] ` : item.content}
-
- ))}
-
-
- )}
-
{showHeader && (
@@ -581,7 +461,7 @@ export function ChatView() {
value={input}
onChange={(e) => setInput(e.target.value)}
onKeyDown={handleKeyDown}
- placeholder="Message (@ to mention an agent)"
+ placeholder="Message (@deuce to bring in the agent)"
rows={1}
className="flex-1 resize-none rounded-md border border-border-muted bg-background-input px-3 py-2 text-sm text-foreground placeholder:text-foreground-subtle focus:border-accent focus:outline-none"
/>
diff --git a/src/components/chat/message-visibility.test.ts b/src/components/chat/message-visibility.test.ts
index abda97c..2ba35e0 100644
--- a/src/components/chat/message-visibility.test.ts
+++ b/src/components/chat/message-visibility.test.ts
@@ -1,13 +1,8 @@
import { describe, expect, it } from "vitest";
import { isVisibleInChat, visibleChatMessages } from "./message-visibility";
+import { DEUCE, SYSTEM_AUTHOR_ID } from "@/lib/deuce";
import type { Message } from "@/types";
-// NOTE: The frontend has no test runner wired up yet (see CLAUDE.md). These
-// Vitest-style specs capture the intended behavior and run as soon as a runner
-// is added. Until then, `npx tsc --noEmit` keeps them type-checked.
-
-const NIL_UUID = "00000000-0000-0000-0000-000000000000";
-const AGENT_ID = "a1111111-1111-1111-1111-111111111111";
const USER_ID = "u1111111-1111-1111-1111-111111111111";
function msg(overrides: Partial
- {isAgent && agentAuthor ? (
-
- activeSessionId &&
- openAgentThread(activeSessionId, taskAgent.id)
- }
- />
- );
- })}
+ {anchoredTasks.map((task) => (
+
+ activeSessionId && openAgentThread(activeSessionId)
+ }
+ />
+ ))}
);
})}
- {/* Typing indicators with streaming output */}
- {thinking.map((agentId) => {
- const agent = session?.agents.find((a) => a.id === agentId);
- if (!agent) return null;
- const agentStream = streamOutput.filter((o) => o.agentId === agentId);
- return (
-
- {agentAuthor.name[0]}
+ {isSystem ? (
+ 
)}
- {isAgent ? agentAuthor?.name : (author as User)?.name}
+ {isSystem ? "system" : author?.name}
{new Date(message.createdAt).toLocaleTimeString([], {
@@ -353,8 +277,6 @@ export function ChatView() {
activeSessionId,
sessions,
messages,
- thinkingAgents,
- agentOutput,
addMessage,
agentRuns,
openAgentThread,
@@ -369,22 +291,11 @@ export function ChatView() {
const sessionMessages = activeSessionId
? (messages[activeSessionId] ?? [])
: [];
- const thinking = activeSessionId
- ? (thinkingAgents[activeSessionId] ?? [])
- : [];
- const streamOutput = activeSessionId
- ? (agentOutput[activeSessionId] ?? [])
- : [];
-
- const allParticipants = session
- ? [...session.agents, ...session.members]
- : [];
- // Agent task replies render on the super-thread surfaces (inline card +
+ // Deuce's task replies render on the super-thread surfaces (inline card +
// drawer), not as chat bubbles. System notices (agent-typed, nil author)
- // are not in agentIds and stay visible.
- const agentIds = new Set(session?.agents.map((a) => a.id) ?? []);
- const visibleMessages = visibleChatMessages(sessionMessages, agentIds);
+ // stay visible.
+ const visibleMessages = visibleChatMessages(sessionMessages);
// Super Threads: inline task cards anchored to the message that spawned them.
const sessionRuns = activeSessionId ? agentRuns[activeSessionId] : undefined;
@@ -403,7 +314,7 @@ export function ChatView() {
if (isNearBottomRef.current) {
bottomRef.current?.scrollIntoView({ behavior: "smooth" });
}
- }, [sessionMessages.length, thinking.length]);
+ }, [sessionMessages.length]);
// Always scroll to bottom on session switch
useEffect(() => {
@@ -418,22 +329,10 @@ export function ChatView() {
const content = input.trim();
setInput("");
- // Detect @mentions — match agent names to IDs
- const mentionMatch = content.match(/@(\w+)/g);
- const mentions: string[] = [];
- if (mentionMatch) {
- for (const mention of mentionMatch) {
- const agentName = mention.slice(1);
- const agent = session.agents.find(
- (a) => a.name.toLowerCase() === agentName.toLowerCase(),
- );
- if (agent) mentions.push(agent.id);
- }
- }
-
try {
- // POST to API — server handles persistence, broadcasting, and agent responses
- const msg = await api.sendMessage(activeSessionId, { content, mentions });
+ // POST to API — the server persists, broadcasts, and detects the @deuce
+ // mention itself (no client-side mention parsing).
+ const msg = await api.sendMessage(activeSessionId, { content });
// Add our own message locally (server broadcasts to OTHER clients)
addMessage(msg);
} catch (err) {
@@ -474,17 +373,22 @@ export function ChatView() {
Start a conversation
)}
@@ -499,11 +403,10 @@ export function ChatView() {
300000;
const author =
- msg.authorType === "agent"
- ? session?.agents.find((a) => a.id === msg.authorId)
- : allParticipants.find(
- (p) => "email" in p && p.id === msg.authorId,
- ) ?? session?.members.find((m) => m.id === msg.authorId);
+ msg.authorType === "human"
+ ? (session?.members.find((m) => m.id === msg.authorId) ??
+ (currentUser?.id === msg.authorId ? currentUser : undefined))
+ : undefined;
const anchoredTasks = cardsByAnchor[msg.id] ?? [];
@@ -514,44 +417,21 @@ export function ChatView() {
author={author}
showHeader={showHeader}
/>
- {anchoredTasks.map((task) => {
- const taskAgent = session?.agents.find(
- (a) => a.id === task.agentId,
- );
- if (!taskAgent) return null;
- return (
-
+
) : (
- @mention an agent to get started. - {session?.agents.map((a) => ( + Mention + {isMember && workspaceLive ? ( - ))} + ) : ( + @{DEUCE.name} + )} + to bring the agent into the conversation.
- {agent.name[0]}
-
-
-
+
+ {DEUCE.name}
+
+
+ {label}
-
- {agent.name}
-
-
-
- {agent.description}
+ {DEUCE.name[0]}
@@ -89,24 +96,20 @@ export function SummaryPanel() {
Participants
- ({session.agents.length + session.members.length})
+ ({session.members.length + 1})
- {/* Agents */}
- {session.agents.length > 0 && (
-
- ;
-
-const MODEL_OPTIONS = [
- "claude-opus-4-6",
- "claude-sonnet-4-6",
- "claude-haiku-4-5",
-];
+import { api, ApiError } from "@/lib/api";
+import { DEUCE } from "@/lib/deuce";
export function AgentSettingsDialog({
open,
@@ -32,304 +23,107 @@ export function AgentSettingsDialog({
open: boolean;
onOpenChange: (open: boolean) => void;
}) {
- const [agents, setAgents] = useState([]);
- const [editing, setEditing] = useState(null);
- const [isNew, setIsNew] = useState(false);
- const [deleting, setDeleting] = useState(null);
+ const [prompt, setPrompt] = useState("");
const [loading, setLoading] = useState(false);
+ const [saving, setSaving] = useState(false);
+ const [error, setError] = useState(null);
+ const [saved, setSaved] = useState(false);
useEffect(() => {
- if (open) loadAgents();
+ if (!open) return;
+ // eslint-disable-next-line react-hooks/set-state-in-effect
+ setLoading(true);
+ setError(null);
+ setSaved(false);
+ api
+ .getAgentSettings()
+ .then((settings) => setPrompt(settings.systemPrompt))
+ .catch((err) =>
+ setError(
+ err instanceof ApiError ? err.message : "Failed to load settings.",
+ ),
+ )
+ .finally(() => setLoading(false));
}, [open]);
- async function loadAgents() {
- try {
- const data = await api.listAgents();
- setAgents(data);
- } catch (err) {
- console.error("Failed to load agents:", err);
- }
- }
-
- function startCreate() {
- setEditing({
- id: "",
- name: "",
- role: "",
- color: "",
- colorMuted: "",
- provider: "Anthropic",
- model: "claude-sonnet-4-6",
- description: "",
- systemPrompt: "",
- });
- setIsNew(true);
- }
-
- function startEdit(agent: Agent) {
- setEditing({ ...agent });
- setIsNew(false);
- }
-
- function cancelEdit() {
- setEditing(null);
- setIsNew(false);
- }
-
- async function saveAgent() {
- if (!editing || !editing.name.trim()) return;
- setLoading(true);
+ async function save() {
+ if (saving) return;
+ setSaving(true);
+ setError(null);
+ setSaved(false);
try {
- if (isNew) {
- await api.createAgent({
- name: editing.name,
- role: editing.role,
- provider: editing.provider,
- model: editing.model,
- description: editing.description,
- systemPrompt: editing.systemPrompt,
- });
- } else {
- await api.updateAgent(editing.id, {
- name: editing.name,
- role: editing.role,
- provider: editing.provider,
- model: editing.model,
- description: editing.description,
- systemPrompt: editing.systemPrompt,
- });
- }
- await loadAgents();
- setEditing(null);
- setIsNew(false);
+ const settings = await api.updateAgentSettings(prompt);
+ setPrompt(settings.systemPrompt);
+ setSaved(true);
} catch (err) {
- console.error("Failed to save agent:", err);
+ setError(
+ err instanceof ApiError
+ ? err.message
+ : "Failed to save. Your edit was not stored — try again.",
+ );
} finally {
- setLoading(false);
- }
- }
-
- async function deleteAgent(id: string) {
- try {
- await api.deleteAgent(id);
- await loadAgents();
- setDeleting(null);
- } catch (err: unknown) {
- console.error("Failed to delete agent:", err);
+ setSaving(false);
}
}
return (
- );
-}
-
-function AgentForm({
- agent,
- isNew,
- loading,
- onChange,
- onSave,
- onCancel,
-}: {
- agent: AgentDraft;
- isNew: boolean;
- loading: boolean;
- onChange: (agent: AgentDraft) => void;
- onSave: () => void;
- onCancel: () => void;
-}) {
- return (
-
-
-
- {session.agents.map((agent) => (
-
+ {/* The built-in agent */}
+
+
{/* Humans */}
+
+
+
- )}
+
diff --git a/src/components/session/CreateSessionDialog.tsx b/src/components/session/CreateSessionDialog.tsx
index f1d2f17..15b0017 100644
--- a/src/components/session/CreateSessionDialog.tsx
+++ b/src/components/session/CreateSessionDialog.tsx
@@ -27,14 +27,6 @@ interface GitHubRepo {
defaultBranch: string;
}
-interface AgentPreset {
- id: string;
- name: string;
- role: string;
- color: string;
- description: string;
-}
-
function slugify(input: string): string {
return input
.toLowerCase()
@@ -74,11 +66,6 @@ export function CreateSessionDialog({
const [selectedRepo, setSelectedRepo] = useState(null);
const [repoSearch, setRepoSearch] = useState("");
- // Agents
- const [agents, setAgents] = useState([]);
- const [selectedAgentIds, setSelectedAgentIds] = useState>(
- new Set(),
- );
const [creating, setCreating] = useState(false);
const [error, setError] = useState(null);
@@ -98,7 +85,7 @@ export function CreateSessionDialog({
);
}, [repos, repoSearch]);
- // Load orgs and agents when dialog opens
+ // Load orgs when dialog opens
useEffect(() => {
if (!open) return;
@@ -117,14 +104,6 @@ export function CreateSessionDialog({
})
.catch(() => {})
.finally(() => setOrgsLoading(false));
-
- api.listAgents().then((agentList) => {
- setAgents(agentList);
- const coder = agentList.find((a: AgentPreset) => a.role === "coder");
- if (coder) {
- setSelectedAgentIds(new Set([coder.id]));
- }
- });
}, [open]);
// Load repos when org changes
@@ -147,15 +126,6 @@ export function CreateSessionDialog({
.finally(() => setReposLoading(false));
}, [selectedOrg]);
- const toggleAgent = (id: string) => {
- setSelectedAgentIds((prev) => {
- const next = new Set(prev);
- if (next.has(id)) next.delete(id);
- else next.add(id);
- return next;
- });
- };
-
const handleCreate = async () => {
if (!slugValid || !selectedRepo) return;
setCreating(true);
@@ -174,7 +144,6 @@ export function CreateSessionDialog({
description: description.trim(),
projectId,
repoUrl: selectedRepo.cloneUrl,
- agentIds: Array.from(selectedAgentIds),
memberIds: [],
});
@@ -197,7 +166,6 @@ export function CreateSessionDialog({
setSelectedOrg(null);
setSelectedRepo(null);
setRepoSearch("");
- setSelectedAgentIds(new Set());
setError(null);
};
@@ -412,40 +380,6 @@ export function CreateSessionDialog({
)}
- {/* Agents */}
-
-
-
-
{/* Error */}
{error &&
- {agents.map((agent) => (
-
- ))}
-
- {error}
} diff --git a/src/components/settings/AgentSettingsDialog.tsx b/src/components/settings/AgentSettingsDialog.tsx index d7b0595..0b7a36c 100644 --- a/src/components/settings/AgentSettingsDialog.tsx +++ b/src/components/settings/AgentSettingsDialog.tsx @@ -1,5 +1,11 @@ +// AgentSettingsDialog — edits deuce's system prompt. There is one built-in +// agent; its prompt is a GLOBAL setting (it shapes deuce in every session, +// not just the one this dialog was opened from), and Pi applies it only at +// process launch — idle sessions pick an edit up on their next task, sessions +// mid-task on their next process launch. + import { useState, useEffect } from "react"; -import { Bot, Plus, Pencil, Trash2, X } from "lucide-react"; +import { Loader2 } from "lucide-react"; import { Dialog, DialogContent, @@ -7,23 +13,8 @@ import { DialogTitle, } from "@/components/ui/dialog"; import { Button } from "@/components/ui/button"; -import { Input } from "@/components/ui/input"; -import { Textarea } from "@/components/ui/textarea"; -import { ScrollArea } from "@/components/ui/scroll-area"; -import { Separator } from "@/components/ui/separator"; -import { cn } from "@/lib/utils"; -import { api } from "@/lib/api"; -import type { Agent } from "@/types"; - -// AgentDraft mirrors Agent but drops the status field, which is server-managed -// (idle/working/etc.) and never edited from this dialog. -type AgentDraft = Omit
-
-
-
-
-
- onChange({ ...agent, name: e.target.value })}
- placeholder="e.g., Coder"
- className="h-8 bg-background border-border-muted text-sm"
- />
-
-
-
- onChange({ ...agent, role: e.target.value })}
- placeholder="e.g., coder, reviewer"
- className="h-8 bg-background border-border-muted text-sm"
- />
-
-
-
-
-