@btst/stack 1.3.1 → 1.4.1

package/dist/packages/better-stack/src/plugins/ai-chat/client/components/tool-call-display.cjs

@@ -0,0 +1,123 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const accordion = require('../../../../../../ui/src/components/accordion.cjs');
+const markdownContent = require('../../../../../../ui/src/components/markdown-content.cjs');
+const skeleton = require('../../../../../../ui/src/components/skeleton.cjs');
+const utils = require('../../../../../../ui/src/lib/utils.cjs');
+const lucideReact = require('lucide-react');
+
+function formatToolName(name) {
+  return name.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase()).trim();
+}
+function getStatusIcon(state, isLoading) {
+  if (isLoading || state === "input-streaming" || state === "input-available") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" });
+  }
+  if (state === "output-error") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-3.5 w-3.5 text-destructive" });
+  }
+  if (state === "output-available") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5 text-green-500" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wrench, { className: "h-3.5 w-3.5 text-muted-foreground" });
+}
+function getStatusLabel(state, isLoading) {
+  if (isLoading || state === "input-streaming") {
+    return "Running...";
+  }
+  if (state === "input-available") {
+    return "Executing...";
+  }
+  if (state === "output-error") {
+    return "Error";
+  }
+  if (state === "output-available") {
+    return "Complete";
+  }
+  return "Pending";
+}
+function JsonDisplay({ data, label }) {
+  if (data === void 0 || data === null) {
+    return null;
+  }
+  let jsonString;
+  try {
+    jsonString = JSON.stringify(data, null, 2);
+  } catch {
+    jsonString = String(data);
+  }
+  const markdown = `\`\`\`json
+${jsonString}
+\`\`\``;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "[&_.markdown-code-block]:my-0 [&_.markdown-code-block]:max-h-48 [&_.markdown-code-block_.code-content]:max-h-40 [&_.markdown-code-block_.code-content]:overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(markdownContent.MarkdownContent, { markdown, variant: "chat" }) })
+  ] });
+}
+function ToolCallDisplay({
+  toolCallId,
+  toolName,
+  state,
+  input,
+  output,
+  errorText,
+  isLoading
+}) {
+  const displayName = formatToolName(toolName);
+  const statusLabel = getStatusLabel(state, isLoading);
+  const statusIcon = getStatusIcon(state, isLoading);
+  const isComplete = state === "output-available" || state === "output-error";
+  const hasError = state === "output-error";
+  return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    accordion.AccordionItem,
+    {
+      value: toolCallId,
+      className: utils.cn(
+        "!border rounded-lg overflow-hidden transition-colors",
+        hasError && "border-destructive/50",
+        !hasError && isComplete && "border-green-500/30",
+        !isComplete && "border-border/50"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          accordion.AccordionTrigger,
+          {
+            className: utils.cn("px-3 py-2 hover:no-underline hover:bg-muted/50"),
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wrench, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate text-left", children: displayName }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground shrink-0", children: [
+                statusIcon,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: statusLabel })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionContent, { className: "px-3 pb-3 pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 border-t border-border/50 pt-3", children: [
+          state === "input-streaming" && !input && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-16 w-full" })
+          ] }),
+          input !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(JsonDisplay, { data: input, label: "Input" }),
+          state === "output-available" && output !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(JsonDisplay, { data: output, label: "Output" }),
+          state === "output-error" && errorText && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-destructive uppercase tracking-wide", children: "Error" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-destructive bg-destructive/10 p-2 rounded-md", children: errorText })
+          ] }),
+          (state === "input-available" || state === "input-streaming") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-20" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-12 w-full" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[10px] text-muted-foreground/50 truncate", children: [
+            "ID: ",
+            toolCallId
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+exports.ToolCallDisplay = ToolCallDisplay;

package/dist/packages/better-stack/src/plugins/ai-chat/client/components/tool-call-display.mjs

@@ -0,0 +1,121 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '../../../../../../ui/src/components/accordion.mjs';
+import { MarkdownContent } from '../../../../../../ui/src/components/markdown-content.mjs';
+import { Skeleton } from '../../../../../../ui/src/components/skeleton.mjs';
+import { cn } from '../../../../../../ui/src/lib/utils.mjs';
+import { Wrench, Loader2, AlertCircle, Check } from 'lucide-react';
+
+function formatToolName(name) {
+  return name.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase()).trim();
+}
+function getStatusIcon(state, isLoading) {
+  if (isLoading || state === "input-streaming" || state === "input-available") {
+    return /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" });
+  }
+  if (state === "output-error") {
+    return /* @__PURE__ */ jsx(AlertCircle, { className: "h-3.5 w-3.5 text-destructive" });
+  }
+  if (state === "output-available") {
+    return /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-green-500" });
+  }
+  return /* @__PURE__ */ jsx(Wrench, { className: "h-3.5 w-3.5 text-muted-foreground" });
+}
+function getStatusLabel(state, isLoading) {
+  if (isLoading || state === "input-streaming") {
+    return "Running...";
+  }
+  if (state === "input-available") {
+    return "Executing...";
+  }
+  if (state === "output-error") {
+    return "Error";
+  }
+  if (state === "output-available") {
+    return "Complete";
+  }
+  return "Pending";
+}
+function JsonDisplay({ data, label }) {
+  if (data === void 0 || data === null) {
+    return null;
+  }
+  let jsonString;
+  try {
+    jsonString = JSON.stringify(data, null, 2);
+  } catch {
+    jsonString = String(data);
+  }
+  const markdown = `\`\`\`json
+${jsonString}
+\`\`\``;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "[&_.markdown-code-block]:my-0 [&_.markdown-code-block]:max-h-48 [&_.markdown-code-block_.code-content]:max-h-40 [&_.markdown-code-block_.code-content]:overflow-y-auto", children: /* @__PURE__ */ jsx(MarkdownContent, { markdown, variant: "chat" }) })
+  ] });
+}
+function ToolCallDisplay({
+  toolCallId,
+  toolName,
+  state,
+  input,
+  output,
+  errorText,
+  isLoading
+}) {
+  const displayName = formatToolName(toolName);
+  const statusLabel = getStatusLabel(state, isLoading);
+  const statusIcon = getStatusIcon(state, isLoading);
+  const isComplete = state === "output-available" || state === "output-error";
+  const hasError = state === "output-error";
+  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxs(
+    AccordionItem,
+    {
+      value: toolCallId,
+      className: cn(
+        "!border rounded-lg overflow-hidden transition-colors",
+        hasError && "border-destructive/50",
+        !hasError && isComplete && "border-green-500/30",
+        !isComplete && "border-border/50"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          AccordionTrigger,
+          {
+            className: cn("px-3 py-2 hover:no-underline hover:bg-muted/50"),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+              /* @__PURE__ */ jsx(Wrench, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate text-left", children: displayName }),
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground shrink-0", children: [
+                statusIcon,
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: statusLabel })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(AccordionContent, { className: "px-3 pb-3 pt-0", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 border-t border-border/50 pt-3", children: [
+          state === "input-streaming" && !input && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full" })
+          ] }),
+          input !== void 0 && /* @__PURE__ */ jsx(JsonDisplay, { data: input, label: "Input" }),
+          state === "output-available" && output !== void 0 && /* @__PURE__ */ jsx(JsonDisplay, { data: output, label: "Output" }),
+          state === "output-error" && errorText && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-destructive uppercase tracking-wide", children: "Error" }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-destructive bg-destructive/10 p-2 rounded-md", children: errorText })
+          ] }),
+          (state === "input-available" || state === "input-streaming") && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-[10px] text-muted-foreground/50 truncate", children: [
+            "ID: ",
+            toolCallId
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+export { ToolCallDisplay };

package/dist/packages/better-stack/src/plugins/ai-chat/client/hooks/chat-hooks.cjs

@@ -0,0 +1,199 @@
+"use client";
+'use strict';
+
+const client = require('@btst/stack/plugins/client');
+const reactQuery = require('@tanstack/react-query');
+const plugins_aiChat_queryKeys = require('../../../../../../../plugins/ai-chat/query-keys.cjs');
+const context = require('@btst/stack/context');
+
+const SHARED_QUERY_CONFIG = {
+  retry: false,
+  refetchOnWindowFocus: false,
+  refetchOnMount: false,
+  refetchOnReconnect: false,
+  staleTime: 1e3 * 60 * 5,
+  // 5 minutes
+  gcTime: 1e3 * 60 * 10
+  // 10 minutes
+};
+function useConversations(options = {}) {
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("ai-chat");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const { enabled = true } = options;
+  const queries = plugins_aiChat_queryKeys.createAiChatQueryKeys(client$1, headers);
+  const listQuery = queries.conversations.list();
+  const { data, isLoading, error, refetch } = reactQuery.useQuery({
+    ...listQuery,
+    ...SHARED_QUERY_CONFIG,
+    enabled: enabled && !!client$1
+  });
+  return {
+    conversations: data ?? [],
+    isLoading,
+    error,
+    refetch
+  };
+}
+function useSuspenseConversations() {
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("ai-chat");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queries = plugins_aiChat_queryKeys.createAiChatQueryKeys(client$1, headers);
+  const listQuery = queries.conversations.list();
+  const { data, refetch, error, isFetching } = reactQuery.useSuspenseQuery({
+    ...listQuery,
+    ...SHARED_QUERY_CONFIG
+  });
+  if (error && !isFetching) {
+    throw error;
+  }
+  return {
+    conversations: data ?? [],
+    refetch
+  };
+}
+function useConversation(id, options = {}) {
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("ai-chat");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const { enabled = true } = options;
+  const queries = plugins_aiChat_queryKeys.createAiChatQueryKeys(client$1, headers);
+  const detailQuery = queries.conversations.detail(id ?? "");
+  const { data, isLoading, error, refetch } = reactQuery.useQuery({
+    ...detailQuery,
+    ...SHARED_QUERY_CONFIG,
+    enabled: enabled && !!client$1 && !!id
+  });
+  return {
+    conversation: data || null,
+    isLoading,
+    error,
+    refetch
+  };
+}
+function useSuspenseConversation(id) {
+  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("ai-chat");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queries = plugins_aiChat_queryKeys.createAiChatQueryKeys(client$1, headers);
+  const detailQuery = queries.conversations.detail(id);
+  const { data, refetch, error, isFetching } = reactQuery.useSuspenseQuery({
+    ...detailQuery,
+    ...SHARED_QUERY_CONFIG
+  });
+  if (error && !isFetching) {
+    throw error;
+  }
+  return {
+    conversation: data || null,
+    refetch
+  };
+}
+function useCreateConversation() {
+  const { refresh, apiBaseURL, apiBasePath } = context.usePluginOverrides("ai-chat");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queryClient = reactQuery.useQueryClient();
+  const queries = plugins_aiChat_queryKeys.createAiChatQueryKeys(client$1);
+  return reactQuery.useMutation({
+    mutationKey: [...queries.conversations._def, "create"],
+    mutationFn: async (data) => {
+      const response = await client$1("@post/chat/conversations", {
+        method: "POST",
+        body: data
+      });
+      return response.data;
+    },
+    onSuccess: async (created) => {
+      await queryClient.invalidateQueries({
+        queryKey: queries.conversations.list().queryKey
+      });
+      if (refresh) {
+        await refresh();
+      }
+    }
+  });
+}
+function useRenameConversation() {
+  const { refresh, apiBaseURL, apiBasePath } = context.usePluginOverrides("ai-chat");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queryClient = reactQuery.useQueryClient();
+  const queries = plugins_aiChat_queryKeys.createAiChatQueryKeys(client$1);
+  return reactQuery.useMutation({
+    mutationKey: [...queries.conversations._def, "rename"],
+    mutationFn: async ({ id, title }) => {
+      const response = await client$1("@put/chat/conversations/:id", {
+        method: "PUT",
+        params: { id },
+        body: { title }
+      });
+      return response.data;
+    },
+    onSuccess: async (updated) => {
+      if (updated?.id) {
+        queryClient.setQueryData(
+          queries.conversations.detail(updated.id).queryKey,
+          (old) => old ? { ...old, ...updated } : null
+        );
+      }
+      await queryClient.invalidateQueries({
+        queryKey: queries.conversations.list().queryKey
+      });
+      if (refresh) {
+        await refresh();
+      }
+    }
+  });
+}
+function useDeleteConversation() {
+  const { refresh, apiBaseURL, apiBasePath } = context.usePluginOverrides("ai-chat");
+  const client$1 = client.createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queryClient = reactQuery.useQueryClient();
+  const queries = plugins_aiChat_queryKeys.createAiChatQueryKeys(client$1);
+  return reactQuery.useMutation({
+    mutationKey: [...queries.conversations._def, "delete"],
+    mutationFn: async ({ id }) => {
+      const response = await client$1("@delete/chat/conversations/:id", {
+        method: "DELETE",
+        params: { id }
+      });
+      return response.data;
+    },
+    onSuccess: async (_, { id }) => {
+      queryClient.removeQueries({
+        queryKey: queries.conversations.detail(id).queryKey
+      });
+      await queryClient.invalidateQueries({
+        queryKey: queries.conversations.list().queryKey
+      });
+      if (refresh) {
+        await refresh();
+      }
+    }
+  });
+}
+
+exports.useConversation = useConversation;
+exports.useConversations = useConversations;
+exports.useCreateConversation = useCreateConversation;
+exports.useDeleteConversation = useDeleteConversation;
+exports.useRenameConversation = useRenameConversation;
+exports.useSuspenseConversation = useSuspenseConversation;
+exports.useSuspenseConversations = useSuspenseConversations;

package/dist/packages/better-stack/src/plugins/ai-chat/client/hooks/chat-hooks.mjs

@@ -0,0 +1,191 @@
+"use client";
+import { createApiClient } from '@btst/stack/plugins/client';
+import { useQuery, useSuspenseQuery, useQueryClient, useMutation } from '@tanstack/react-query';
+import { createAiChatQueryKeys } from '../../../../../../../plugins/ai-chat/query-keys.mjs';
+import { usePluginOverrides } from '@btst/stack/context';
+
+const SHARED_QUERY_CONFIG = {
+  retry: false,
+  refetchOnWindowFocus: false,
+  refetchOnMount: false,
+  refetchOnReconnect: false,
+  staleTime: 1e3 * 60 * 5,
+  // 5 minutes
+  gcTime: 1e3 * 60 * 10
+  // 10 minutes
+};
+function useConversations(options = {}) {
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("ai-chat");
+  const client = createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const { enabled = true } = options;
+  const queries = createAiChatQueryKeys(client, headers);
+  const listQuery = queries.conversations.list();
+  const { data, isLoading, error, refetch } = useQuery({
+    ...listQuery,
+    ...SHARED_QUERY_CONFIG,
+    enabled: enabled && !!client
+  });
+  return {
+    conversations: data ?? [],
+    isLoading,
+    error,
+    refetch
+  };
+}
+function useSuspenseConversations() {
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("ai-chat");
+  const client = createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queries = createAiChatQueryKeys(client, headers);
+  const listQuery = queries.conversations.list();
+  const { data, refetch, error, isFetching } = useSuspenseQuery({
+    ...listQuery,
+    ...SHARED_QUERY_CONFIG
+  });
+  if (error && !isFetching) {
+    throw error;
+  }
+  return {
+    conversations: data ?? [],
+    refetch
+  };
+}
+function useConversation(id, options = {}) {
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("ai-chat");
+  const client = createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const { enabled = true } = options;
+  const queries = createAiChatQueryKeys(client, headers);
+  const detailQuery = queries.conversations.detail(id ?? "");
+  const { data, isLoading, error, refetch } = useQuery({
+    ...detailQuery,
+    ...SHARED_QUERY_CONFIG,
+    enabled: enabled && !!client && !!id
+  });
+  return {
+    conversation: data || null,
+    isLoading,
+    error,
+    refetch
+  };
+}
+function useSuspenseConversation(id) {
+  const { apiBaseURL, apiBasePath, headers } = usePluginOverrides("ai-chat");
+  const client = createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queries = createAiChatQueryKeys(client, headers);
+  const detailQuery = queries.conversations.detail(id);
+  const { data, refetch, error, isFetching } = useSuspenseQuery({
+    ...detailQuery,
+    ...SHARED_QUERY_CONFIG
+  });
+  if (error && !isFetching) {
+    throw error;
+  }
+  return {
+    conversation: data || null,
+    refetch
+  };
+}
+function useCreateConversation() {
+  const { refresh, apiBaseURL, apiBasePath } = usePluginOverrides("ai-chat");
+  const client = createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queryClient = useQueryClient();
+  const queries = createAiChatQueryKeys(client);
+  return useMutation({
+    mutationKey: [...queries.conversations._def, "create"],
+    mutationFn: async (data) => {
+      const response = await client("@post/chat/conversations", {
+        method: "POST",
+        body: data
+      });
+      return response.data;
+    },
+    onSuccess: async (created) => {
+      await queryClient.invalidateQueries({
+        queryKey: queries.conversations.list().queryKey
+      });
+      if (refresh) {
+        await refresh();
+      }
+    }
+  });
+}
+function useRenameConversation() {
+  const { refresh, apiBaseURL, apiBasePath } = usePluginOverrides("ai-chat");
+  const client = createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queryClient = useQueryClient();
+  const queries = createAiChatQueryKeys(client);
+  return useMutation({
+    mutationKey: [...queries.conversations._def, "rename"],
+    mutationFn: async ({ id, title }) => {
+      const response = await client("@put/chat/conversations/:id", {
+        method: "PUT",
+        params: { id },
+        body: { title }
+      });
+      return response.data;
+    },
+    onSuccess: async (updated) => {
+      if (updated?.id) {
+        queryClient.setQueryData(
+          queries.conversations.detail(updated.id).queryKey,
+          (old) => old ? { ...old, ...updated } : null
+        );
+      }
+      await queryClient.invalidateQueries({
+        queryKey: queries.conversations.list().queryKey
+      });
+      if (refresh) {
+        await refresh();
+      }
+    }
+  });
+}
+function useDeleteConversation() {
+  const { refresh, apiBaseURL, apiBasePath } = usePluginOverrides("ai-chat");
+  const client = createApiClient({
+    baseURL: apiBaseURL,
+    basePath: apiBasePath
+  });
+  const queryClient = useQueryClient();
+  const queries = createAiChatQueryKeys(client);
+  return useMutation({
+    mutationKey: [...queries.conversations._def, "delete"],
+    mutationFn: async ({ id }) => {
+      const response = await client("@delete/chat/conversations/:id", {
+        method: "DELETE",
+        params: { id }
+      });
+      return response.data;
+    },
+    onSuccess: async (_, { id }) => {
+      queryClient.removeQueries({
+        queryKey: queries.conversations.detail(id).queryKey
+      });
+      await queryClient.invalidateQueries({
+        queryKey: queries.conversations.list().queryKey
+      });
+      if (refresh) {
+        await refresh();
+      }
+    }
+  });
+}
+
+export { useConversation, useConversations, useCreateConversation, useDeleteConversation, useRenameConversation, useSuspenseConversation, useSuspenseConversations };