No ACP activity yet
{emptyDescription}
{section.body.trim() || "No metadata."}
diff --git a/desktop/src/features/agents/ui/BatchImportDialog.tsx b/desktop/src/features/agents/ui/BatchImportDialog.tsx
index 7d09089cb..5e0ba0f6c 100644
--- a/desktop/src/features/agents/ui/BatchImportDialog.tsx
+++ b/desktop/src/features/agents/ui/BatchImportDialog.tsx
@@ -213,12 +213,12 @@ export function BatchImportDialog({
onClick={() => setSkippedExpanded((prev) => !prev)}
type="button"
>
-
-
);
@@ -253,7 +256,7 @@ function ObserverStatusBadge({ state }: { state: ConnectionState }) {
function EmptyObserverState() {
return (
- Observer not attached
The live feed is available for local agents started after this update.
diff --git a/desktop/src/features/agents/ui/ModelPicker.tsx b/desktop/src/features/agents/ui/ModelPicker.tsx
index 783b8db54..3e16814f6 100644
--- a/desktop/src/features/agents/ui/ModelPicker.tsx
+++ b/desktop/src/features/agents/ui/ModelPicker.tsx
@@ -93,7 +93,7 @@ export function ModelPicker({
variant="ghost"
>
{displayLabel}
-
{loading ? (
-
diff --git a/desktop/src/features/agents/ui/RespondToField.tsx b/desktop/src/features/agents/ui/RespondToField.tsx
index 2e903bfeb..055022a8d 100644
--- a/desktop/src/features/agents/ui/RespondToField.tsx
+++ b/desktop/src/features/agents/ui/RespondToField.tsx
@@ -258,7 +258,7 @@ function AllowlistPicker({
onClick={() => onRemove(pubkey)}
type="button"
>
-
))}
diff --git a/desktop/src/features/agents/ui/TeamDialog.tsx b/desktop/src/features/agents/ui/TeamDialog.tsx
index 06421bc51..2e2eb2856 100644
--- a/desktop/src/features/agents/ui/TeamDialog.tsx
+++ b/desktop/src/features/agents/ui/TeamDialog.tsx
@@ -475,12 +475,12 @@ export function TeamDialog({
: undefined
}
>
-
{preview.name}
diff --git a/desktop/src/features/agents/ui/TeamsSection.tsx b/desktop/src/features/agents/ui/TeamsSection.tsx
index bcbcd7e10..145fc22f4 100644
--- a/desktop/src/features/agents/ui/TeamsSection.tsx
+++ b/desktop/src/features/agents/ui/TeamsSection.tsx
@@ -108,7 +108,7 @@ export function TeamsSection({
onClick={onInstallFromDirectory}
type="button"
>
-
-
+
@@ -184,7 +184,7 @@ export function TeamsSection({
className="flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground transition-colors hover:text-foreground"
type="button"
>
-
diff --git a/desktop/src/features/channels/ui/AddChannelBotDialog.tsx b/desktop/src/features/channels/ui/AddChannelBotDialog.tsx
index 139931e63..403fa84c1 100644
--- a/desktop/src/features/channels/ui/AddChannelBotDialog.tsx
+++ b/desktop/src/features/channels/ui/AddChannelBotDialog.tsx
@@ -530,7 +530,7 @@ export function AddChannelBotDialog({
variant="ghost"
>
{runtimeTriggerLabel}
- {persona.displayName}
diff --git a/desktop/src/features/channels/ui/AgentSessionThreadPanel.tsx b/desktop/src/features/channels/ui/AgentSessionThreadPanel.tsx
index c35be5657..ae633bbf3 100644
--- a/desktop/src/features/channels/ui/AgentSessionThreadPanel.tsx
+++ b/desktop/src/features/channels/ui/AgentSessionThreadPanel.tsx
@@ -102,7 +102,7 @@ export function AgentSessionThreadPanel({
type="button"
variant="outline"
>
- {visibleStatusLabel} : "working"}
{isInline ? null : (
- {title}
@@ -88,24 +56,34 @@ export function ChannelBrowserDialog({
onSelectChannel,
}: ChannelBrowserDialogProps) {
const [query, setQuery] = React.useState("");
- const [selectedIndex, setSelectedIndex] = React.useState(0);
+ const [activeTab, setActiveTab] = React.useState("all");
+ const [selectedIndex, setSelectedIndex] = React.useState(null);
const [joiningChannelId, setJoiningChannelId] = React.useState(
null,
);
const inputRef = React.useRef(null);
+ const tabListRef = React.useRef(null);
+ const tabTriggerRefs = React.useRef<
+ Record
+ >({
+ all: null,
+ joined: null,
+ archived: null,
+ });
+ const [tabIndicator, setTabIndicator] = React.useState({
+ left: 0,
+ width: 0,
+ });
const deferredQuery = React.useDeferredValue(query.trim().toLowerCase());
const isForumMode = channelTypeFilter === "forum";
const browseTitle = isForumMode ? "Browse Forums" : "Browse Channels";
- const browseDescription = isForumMode
- ? "Discover and join open forums."
- : "Discover and join open channels.";
const searchPlaceholder = isForumMode
? "Search forums by name or description"
: "Search channels by name or description";
const entityLabel = isForumMode ? "forum" : "channel";
- const browsableChannels = React.useMemo(() => {
+ const matchingChannels = React.useMemo(() => {
const filtered = channels.filter(
(channel) =>
channel.channelType !== "dm" &&
@@ -126,53 +104,114 @@ export function ChannelBrowserDialog({
);
}, [channels, channelTypeFilter, deferredQuery]);
- const notJoined = React.useMemo(
- () => browsableChannels.filter((channel) => !channel.isMember),
- [browsableChannels],
+ const currentChannels = React.useMemo(
+ () => matchingChannels.filter((channel) => channel.archivedAt === null),
+ [matchingChannels],
);
- const joined = React.useMemo(
- () => browsableChannels.filter((channel) => channel.isMember),
- [browsableChannels],
+ const joinedChannels = React.useMemo(
+ () => currentChannels.filter((channel) => channel.isMember),
+ [currentChannels],
);
- const hasArchivedJoinedChannels = React.useMemo(
- () => joined.some((channel) => channel.archivedAt !== null),
- [joined],
+
+ const archivedChannels = React.useMemo(
+ () => matchingChannels.filter((channel) => channel.archivedAt !== null),
+ [matchingChannels],
);
- // Flat list for keyboard navigation: not-joined first, then joined
- const allItems = React.useMemo(
- () => [...notJoined, ...joined],
- [notJoined, joined],
+ const visibleChannels =
+ activeTab === "archived"
+ ? archivedChannels
+ : activeTab === "joined"
+ ? joinedChannels
+ : matchingChannels;
+
+ const orderedVisibleChannels = React.useMemo(
+ () => [
+ ...visibleChannels.filter((channel) => !channel.isMember),
+ ...visibleChannels.filter((channel) => channel.isMember),
+ ],
+ [visibleChannels],
);
- React.useEffect(() => {
+ const allTabLabel = isForumMode ? "All forums" : "All channels";
+
+ const updateTabIndicator = React.useCallback(() => {
+ const list = tabListRef.current;
+ const trigger = tabTriggerRefs.current[activeTab];
+
+ if (!open || !list || !trigger) {
+ return;
+ }
+
+ const nextIndicator = {
+ left: trigger.offsetLeft,
+ width: trigger.offsetWidth,
+ };
+
+ setTabIndicator((current) =>
+ Math.abs(current.left - nextIndicator.left) < 0.5 &&
+ Math.abs(current.width - nextIndicator.width) < 0.5
+ ? current
+ : nextIndicator,
+ );
+ }, [activeTab, open]);
+
+ React.useLayoutEffect(() => {
+ updateTabIndicator();
+
if (!open) {
- setQuery("");
- setSelectedIndex(0);
- setJoiningChannelId(null);
return;
}
- const timeout = window.setTimeout(() => {
- inputRef.current?.focus();
- inputRef.current?.select();
- }, 0);
+ let isCancelled = false;
+ const updateIfActive = () => {
+ if (!isCancelled) {
+ updateTabIndicator();
+ }
+ };
+ const frameId = window.requestAnimationFrame(updateIfActive);
+ const observer = new ResizeObserver(updateTabIndicator);
+ const list = tabListRef.current;
+
+ void document.fonts.ready.then(updateIfActive);
+
+ if (list) {
+ observer.observe(list);
+ }
+
+ for (const trigger of Object.values(tabTriggerRefs.current)) {
+ if (trigger) {
+ observer.observe(trigger);
+ }
+ }
return () => {
- window.clearTimeout(timeout);
+ isCancelled = true;
+ window.cancelAnimationFrame(frameId);
+ observer.disconnect();
};
+ }, [open, updateTabIndicator]);
+
+ React.useEffect(() => {
+ if (!open) {
+ setQuery("");
+ setActiveTab("all");
+ setSelectedIndex(null);
+ setJoiningChannelId(null);
+ return;
+ }
}, [open]);
React.useEffect(() => {
setSelectedIndex((current) => {
- if (allItems.length === 0) {
- return 0;
+ if (current === null || orderedVisibleChannels.length === 0) {
+ return null;
}
- return Math.min(current, allItems.length - 1);
+ return Math.min(current, orderedVisibleChannels.length - 1);
});
- }, [allItems]);
+ }, [orderedVisibleChannels]);
async function handleJoin(channelId: string) {
setJoiningChannelId(channelId);
@@ -191,144 +230,199 @@ export function ChannelBrowserDialog({
onSelectChannel(channel.id);
}
- const selectedItem = allItems[selectedIndex];
+ const selectedItem =
+ selectedIndex !== null ? orderedVisibleChannels[selectedIndex] : undefined;
+ const emptyTitle =
+ deferredQuery.length > 0
+ ? `No ${entityLabel}s match your search`
+ : activeTab === "archived"
+ ? `No archived ${entityLabel}s`
+ : activeTab === "joined"
+ ? `No joined ${entityLabel}s`
+ : `No ${entityLabel}s to browse`;
+ const emptyDescription =
+ deferredQuery.length > 0
+ ? "Try a different name or keyword."
+ : activeTab === "archived"
+ ? `Archived ${entityLabel}s you have joined will appear here.`
+ : activeTab === "joined"
+ ? `${entityLabel[0].toUpperCase()}${entityLabel.slice(1)}s you join will appear here.`
+ : `All open ${entityLabel}s are available in the sidebar. Create a new ${entityLabel} to get started.`;
return (
@@ -144,7 +144,7 @@ export function ProjectDetailScreen({ projectId }: ProjectDetailScreenProps) {
- {project.name}
{project.description ? (
@@ -178,7 +178,7 @@ export function ProjectDetailScreen({ projectId }: ProjectDetailScreenProps) {
rel="noopener noreferrer"
target="_blank"
>
-
@@ -188,7 +188,7 @@ export function ProjectDetailScreen({ projectId }: ProjectDetailScreenProps) {
-
diff --git a/desktop/src/features/projects/ui/ProjectsView.tsx b/desktop/src/features/projects/ui/ProjectsView.tsx
index 098eb7238..715fe4c18 100644
--- a/desktop/src/features/projects/ui/ProjectsView.tsx
+++ b/desktop/src/features/projects/ui/ProjectsView.tsx
@@ -86,19 +86,19 @@ export function ProjectsView() {
{project.cloneUrls.length > 0 ? (
-
-
-
{!template.isBuiltin ? (
@@ -267,7 +267,7 @@ function TemplateRow({
className="text-destructive focus:text-destructive"
onClick={onDelete}
>
-
diff --git a/desktop/src/features/settings/ui/MobilePairingCard.tsx b/desktop/src/features/settings/ui/MobilePairingCard.tsx
index 2e6c77c49..6ae0850e3 100644
--- a/desktop/src/features/settings/ui/MobilePairingCard.tsx
+++ b/desktop/src/features/settings/ui/MobilePairingCard.tsx
@@ -225,7 +225,7 @@ function PairingDialog({
type="button"
>
{qrUri}
-
- Pair Mobile Device
diff --git a/desktop/src/features/settings/ui/NotificationSettingsCard.tsx b/desktop/src/features/settings/ui/NotificationSettingsCard.tsx
index 55a0c9ab7..05a47e03c 100644
--- a/desktop/src/features/settings/ui/NotificationSettingsCard.tsx
+++ b/desktop/src/features/settings/ui/NotificationSettingsCard.tsx
@@ -227,7 +227,7 @@ export function NotificationSettingsCard({
>
{showComingSoon ? (
<>
-
-
{/* Description */}
@@ -210,91 +228,137 @@ export function CreateChannelDialog({
(optional)
-