harness uniformization

src/apps/officer-web/state/useChatSessions.ts

@@ -0,0 +1,56 @@
+import type { SessionEntry, ChatMessage } from 'widgets/Chat';
+import type { SlashCommandResult } from './useSlashCommands';
+import { useAuth } from 'hooks/useAuth';
+import { useClient } from 'hooks/useClient';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+
+export const useChatSessions = () => {
+  const client = useClient();
+  const queryClient = useQueryClient();
+  const { isAuthenticated } = useAuth();
+
+  const { data: sessions = [] } = useQuery<SessionEntry[]>({
+    queryKey: ['SESSIONS'],
+    enabled: isAuthenticated,
+    queryFn: () => client.get<SessionEntry[]>('/sessions'),
+  });
+
+  const getMessages = (provider: 'claude' | 'opencode', sessionId: string) =>
+    client.get<ChatMessage[]>(`/sessions/${provider}/${sessionId}/messages`);
+
+  const saveMessages = (provider: 'claude' | 'opencode', sessionId: string, messages: ChatMessage[]) =>
+    client.put(`/sessions/${provider}/${sessionId}/messages`, messages);
+
+  const renameSession = async (
+    provider: 'claude' | 'opencode',
+    sessionId: string | null,
+    args: string,
+  ): Promise<SlashCommandResult> => {
+    if (!args) return { handled: true, feedback: 'Usage: /rename <new title>' };
+    if (!sessionId) return { handled: true, feedback: 'No active session to rename.' };
+
+    const title = args.slice(0, 200);
+    try {
+      await client.put(`/sessions/${provider}/${sessionId}`, { title });
+      queryClient.setQueryData<SessionEntry[]>(
+        ['SESSIONS'],
+        (prev) => prev?.map((s) => (s.id === sessionId ? { ...s, title } : s)) ?? [],
+      );
+      return { handled: true, feedback: `Session renamed to "${title}"` };
+    } catch {
+      return { handled: true, feedback: 'Failed to rename session.' };
+    }
+  };
+
+  const archiveSession = async (provider: 'claude' | 'opencode', sessionId: string) => {
+    await client.post(`/sessions/${provider}/${sessionId}/archive`);
+    queryClient.setQueryData<SessionEntry[]>(['SESSIONS'], (prev) => prev?.filter((s) => s.id !== sessionId) ?? []);
+  };
+
+  const deleteSession = async (provider: 'claude' | 'opencode', sessionId: string) => {
+    await client.delete(`/sessions/${provider}/${sessionId}`);
+    queryClient.setQueryData<SessionEntry[]>(['SESSIONS'], (prev) => prev?.filter((s) => s.id !== sessionId) ?? []);
+  };
+
+  return { sessions, getMessages, saveMessages, renameSession, archiveSession, deleteSession };
+};

src/apps/officer-web/state/useInitialData.ts

@@ -1,10 +1,10 @@
-import { useSessions } from 'widgets/ChatHistory';
+import { useChatSessions } from '@/state/useChatSessions';
 import { usePlans } from './usePlans';
 import { useSettings } from './useSettings';
 import { useThemeSync } from './useThemeSync';
 
 export const useInitialData = () => {
-  const { sessions } = useSessions();
+  const { sessions } = useChatSessions();
   const { plans } = usePlans();
   const { settings } = useSettings();
   useThemeSync();

src/apps/officer-web/state/useSlashCommands.ts

@@ -0,0 +1,29 @@
+import { useChatSessions } from '@/state/useChatSessions';
+
+export type SlashCommandResult = { handled: true; feedback: string } | { handled: false };
+
+type UseSlashCommandsParams = {
+  sessionId: string | null;
+};
+
+export const useSlashCommands = ({ sessionId }: UseSlashCommandsParams) => {
+  const { renameSession } = useChatSessions();
+
+  const execute = async (input: string): Promise<SlashCommandResult> => {
+    const trimmed = input.trim();
+    if (!trimmed.startsWith('/')) return { handled: false };
+
+    const spaceIndex = trimmed.indexOf(' ');
+    const command = spaceIndex === -1 ? trimmed.slice(1) : trimmed.slice(1, spaceIndex);
+    const args = spaceIndex === -1 ? '' : trimmed.slice(spaceIndex + 1).trim();
+
+    switch (command) {
+      case 'rename':
+        return renameSession('claude', sessionId, args);
+      default:
+        return { handled: false };
+    }
+  };
+
+  return { execute };
+};