@tuturuuu/ui 0.3.2 → 0.4.0

package/src/components/ui/chat/hooks-integrations.ts

@@ -0,0 +1,28 @@
+'use client';
+
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import {
+  type CreateChatIntegrationPayload,
+  createChatIntegration,
+} from '@tuturuuu/internal-api';
+import { ROOT_WORKSPACE_ID } from '@tuturuuu/utils/constants';
+import { chatQueryKeys } from './query-keys';
+
+const AGENT_DETAILS_QUERY_KEY = ['chat', 'infrastructure-ai-agents'] as const;
+
+export function useCreateChatIntegration() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (payload: CreateChatIntegrationPayload) =>
+      createChatIntegration(payload),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: [...chatQueryKeys.all(ROOT_WORKSPACE_ID), 'conversations'],
+      });
+      queryClient.invalidateQueries({
+        queryKey: AGENT_DETAILS_QUERY_KEY,
+      });
+    },
+  });
+}

package/src/components/ui/chat/hooks.ts

@@ -3,6 +3,7 @@ export * from './hooks-attachments';
 export * from './hooks-conversations';
 export * from './hooks-directory';
 export * from './hooks-friends';
+export * from './hooks-integrations';
 export * from './hooks-messages';
 export * from './hooks-realtime';
 export * from './hooks-shared-content';

package/src/components/ui/chat/selection.ts

@@ -0,0 +1,74 @@
+'use client';
+
+type SearchParamsLike = {
+  toString: () => string;
+};
+
+type RouterLike = {
+  replace: (href: string, options?: { scroll?: boolean }) => void;
+};
+
+export type ChatDetailsTarget = 'agent' | null;
+
+export function buildChatSelectionHref({
+  conversationId,
+  details = null,
+  pathname,
+  searchParams,
+}: {
+  conversationId: string | null;
+  details?: ChatDetailsTarget;
+  pathname: string;
+  searchParams: SearchParamsLike;
+}) {
+  const nextParams = new URLSearchParams(searchParams.toString());
+
+  if (conversationId) {
+    nextParams.set('conversationId', conversationId);
+  } else {
+    nextParams.delete('conversationId');
+  }
+
+  if (details) {
+    nextParams.set('details', details);
+  } else {
+    nextParams.delete('details');
+  }
+
+  const nextQuery = nextParams.toString();
+  return nextQuery ? `${pathname}?${nextQuery}` : pathname;
+}
+
+export function replaceChatSelection({
+  conversationId,
+  details,
+  pathname,
+  router,
+  searchParams,
+  storageKey,
+}: {
+  conversationId: string | null;
+  details?: ChatDetailsTarget;
+  pathname: string;
+  router: RouterLike;
+  searchParams: SearchParamsLike;
+  storageKey?: string | null;
+}) {
+  if (storageKey && typeof window !== 'undefined') {
+    if (conversationId) {
+      window.localStorage.setItem(storageKey, conversationId);
+    } else {
+      window.localStorage.removeItem(storageKey);
+    }
+  }
+
+  router.replace(
+    buildChatSelectionHref({
+      conversationId,
+      details,
+      pathname,
+      searchParams,
+    }),
+    { scroll: false }
+  );
+}

package/src/components/ui/chat/utils.ts

@@ -25,6 +25,10 @@ export function normalizeChatConversationScope(
 export function getChatConversationScope(
   conversation: Pick<ChatConversation, 'metadata' | 'type'>
 ): ChatConversationScope {
+  if (conversation.metadata?.scope === 'personal') {
+    return 'personal';
+  }
+
   if (conversation.type === 'direct' || conversation.type === 'group') {
     return 'personal';
   }
@@ -59,7 +63,9 @@ export function isChatConversation(value: unknown): value is ChatConversation {
 export function getChatConversationTypesForScope(
   scope: ChatConversationScope
 ): ChatConversationType[] {
-  return scope === 'personal' ? ['direct', 'group', 'ai'] : ['channel', 'ai'];
+  return scope === 'personal'
+    ? ['direct', 'group', 'channel', 'ai']
+    : ['channel', 'ai'];
 }
 
 export function filterChatConversationsByScope(