@btst/stack 2.12.2 → 3.0.0-rc.2

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

@@ -7,6 +7,8 @@ const markdownContent = require('../../../../../../ui/src/components/markdown-co
 const skeleton = require('../../../../../../ui/src/components/skeleton.cjs');
 const utils = require('../../../../../../ui/src/lib/utils.cjs');
 const LucideIcons = require('lucide-react');
+const context = require('@btst/stack/context');
+const index = require('../localization/index.cjs');
 
 function formatToolName(name) {
   return name.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase()).trim();
@@ -23,21 +25,6 @@ function getStatusIcon(state, isLoading) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.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;
@@ -65,8 +52,22 @@ function ToolCallDisplay({
   errorText,
   isLoading
 }) {
+  const { localization } = context.usePluginOverrides("ai-chat", {});
+  const tr = index.useAiChatTranslation(localization);
   const displayName = formatToolName(toolName);
-  const statusLabel = getStatusLabel(state, isLoading);
+  const statusLabel = isLoading || state === "input-streaming" ? tr("TOOL_STATUS_RUNNING", "aiChat.tools.status.running", "Running...") : state === "input-available" ? tr(
+    "TOOL_STATUS_EXECUTING",
+    "aiChat.tools.status.executing",
+    "Executing..."
+  ) : state === "output-error" ? tr("TOOL_STATUS_ERROR", "aiChat.tools.status.error", "Error") : state === "output-available" ? tr(
+    "TOOL_STATUS_COMPLETE",
+    "aiChat.tools.status.complete",
+    "Complete"
+  ) : tr(
+    "TOOL_STATUS_PENDING",
+    "aiChat.tools.status.pending",
+    "Pending"
+  );
   const statusIcon = getStatusIcon(state, isLoading);
   const isComplete = state === "output-available" || state === "output-error";
   const hasError = state === "output-error";
@@ -100,20 +101,35 @@ function ToolCallDisplay({
             /* @__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" }),
+          input !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            JsonDisplay,
+            {
+              data: input,
+              label: tr("TOOL_INPUT", "aiChat.tools.input", "Input")
+            }
+          ),
+          state === "output-available" && output !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            JsonDisplay,
+            {
+              data: output,
+              label: tr("TOOL_OUTPUT", "aiChat.tools.output", "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("span", { className: "text-xs font-medium text-destructive uppercase tracking-wide", children: tr(
+              "TOOL_STATUS_ERROR",
+              "aiChat.tools.status.error",
+              "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
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] text-muted-foreground/50 truncate", children: tr("TOOL_ID", "aiChat.tools.id", "ID: {{id}}", {
+            id: toolCallId
+          }) })
         ] }) })
       ]
     }

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

@@ -5,6 +5,8 @@ import { MarkdownContent } from '../../../../../../ui/src/components/markdown-co
 import { Skeleton } from '../../../../../../ui/src/components/skeleton.mjs';
 import { cn } from '../../../../../../ui/src/lib/utils.mjs';
 import { Wrench, Loader2, AlertCircle, Check } from 'lucide-react';
+import { usePluginOverrides } from '@btst/stack/context';
+import { useAiChatTranslation } from '../localization/index.mjs';
 
 function formatToolName(name) {
   return name.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase()).trim();
@@ -21,21 +23,6 @@ function getStatusIcon(state, isLoading) {
   }
   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;
@@ -63,8 +50,22 @@ function ToolCallDisplay({
   errorText,
   isLoading
 }) {
+  const { localization } = usePluginOverrides("ai-chat", {});
+  const tr = useAiChatTranslation(localization);
   const displayName = formatToolName(toolName);
-  const statusLabel = getStatusLabel(state, isLoading);
+  const statusLabel = isLoading || state === "input-streaming" ? tr("TOOL_STATUS_RUNNING", "aiChat.tools.status.running", "Running...") : state === "input-available" ? tr(
+    "TOOL_STATUS_EXECUTING",
+    "aiChat.tools.status.executing",
+    "Executing..."
+  ) : state === "output-error" ? tr("TOOL_STATUS_ERROR", "aiChat.tools.status.error", "Error") : state === "output-available" ? tr(
+    "TOOL_STATUS_COMPLETE",
+    "aiChat.tools.status.complete",
+    "Complete"
+  ) : tr(
+    "TOOL_STATUS_PENDING",
+    "aiChat.tools.status.pending",
+    "Pending"
+  );
   const statusIcon = getStatusIcon(state, isLoading);
   const isComplete = state === "output-available" || state === "output-error";
   const hasError = state === "output-error";
@@ -98,20 +99,35 @@ function ToolCallDisplay({
             /* @__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" }),
+          input !== void 0 && /* @__PURE__ */ jsx(
+            JsonDisplay,
+            {
+              data: input,
+              label: tr("TOOL_INPUT", "aiChat.tools.input", "Input")
+            }
+          ),
+          state === "output-available" && output !== void 0 && /* @__PURE__ */ jsx(
+            JsonDisplay,
+            {
+              data: output,
+              label: tr("TOOL_OUTPUT", "aiChat.tools.output", "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("span", { className: "text-xs font-medium text-destructive uppercase tracking-wide", children: tr(
+              "TOOL_STATUS_ERROR",
+              "aiChat.tools.status.error",
+              "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
-          ] })
+          /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground/50 truncate", children: tr("TOOL_ID", "aiChat.tools.id", "ID: {{id}}", {
+            id: toolCallId
+          }) })
         ] }) })
       ]
     }

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

@@ -0,0 +1,12 @@
+"use client";
+'use strict';
+
+const hooks = require('@btst/stack/plugins/client/hooks');
+const plugins_aiChat_queryKeys = require('../../../../../../../plugins/ai-chat/query-keys.cjs');
+
+const aiChat = hooks.createResource({
+  plugin: "ai-chat",
+  resources: plugins_aiChat_queryKeys.aiChatResources
+});
+
+exports.aiChat = aiChat;

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

@@ -0,0 +1,10 @@
+"use client";
+import { createResource } from '@btst/stack/plugins/client/hooks';
+import { aiChatResources } from '../../../../../../../plugins/ai-chat/query-keys.mjs';
+
+const aiChat = createResource({
+  plugin: "ai-chat",
+  resources: aiChatResources
+});
+
+export { aiChat };

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

@@ -1,192 +1,73 @@
 "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 aiChatResource = require('./ai-chat-resource.cjs');
 
-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
+  const query = aiChatResource.aiChat.conversations.list.use([], {
+    enabled: options.enabled ?? true
   });
   return {
-    conversations: data ?? [],
-    isLoading,
-    error,
-    refetch
+    conversations: query.data ?? [],
+    isLoading: query.isLoading,
+    error: query.error,
+    refetch: query.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;
-  }
+  const query = aiChatResource.aiChat.conversations.list.useSuspense([]);
   return {
-    conversations: data ?? [],
-    refetch
+    conversations: query.data ?? [],
+    refetch: query.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
+  const query = aiChatResource.aiChat.conversations.detail.use([id ?? ""], {
+    enabled: (options.enabled ?? true) && !!id
   });
   return {
-    conversation: data || null,
-    isLoading,
-    error,
-    refetch
+    conversation: query.data ?? null,
+    isLoading: query.isLoading,
+    error: query.error,
+    refetch: query.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;
-  }
+  const query = aiChatResource.aiChat.conversations.detail.useSuspense([id]);
   return {
-    conversation: data || null,
-    refetch
+    conversation: query.data ?? null,
+    refetch: query.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();
-      }
-    }
-  });
+  return aiChatResource.aiChat.conversations.create.use();
 }
 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();
-      }
-    }
-  });
+  return aiChatResource.aiChat.conversations.rename.use();
 }
 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();
+  return aiChatResource.aiChat.conversations.delete.use();
+}
+function useRenameConversationForm(options) {
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("ai-chat");
+  return aiChatResource.aiChat.conversations.useForm({
+    action: "edit",
+    updateMutation: "rename",
+    record: options.conversation,
+    defaults: (conversation) => ({ title: conversation?.title ?? "" }),
+    toUpdateVars: (values, conversation) => {
+      if (!conversation) {
+        throw new Error(
+          t("aiChat.errors.missingConversation", "Conversation is required")
+        );
       }
-    }
+      return { id: conversation.id, title: values.title.trim() };
+    },
+    successMessage: localization?.CONVERSATION_RENAME_SUCCESS ?? t("aiChat.toasts.renameSuccess", "Conversation renamed"),
+    errorMessage: () => localization?.CONVERSATION_RENAME_FAILURE ?? t("aiChat.toasts.renameFailure", "Failed to rename conversation"),
+    onSuccess: options.onSuccess
   });
 }
 
@@ -195,5 +76,6 @@ exports.useConversations = useConversations;
 exports.useCreateConversation = useCreateConversation;
 exports.useDeleteConversation = useDeleteConversation;
 exports.useRenameConversation = useRenameConversation;
+exports.useRenameConversationForm = useRenameConversationForm;
 exports.useSuspenseConversation = useSuspenseConversation;
 exports.useSuspenseConversations = useSuspenseConversations;