@slipstream-ui/ai 0.5.0 → 0.6.0

package/dist/index.mjs

@@ -14,6 +14,8 @@ var Message = React.forwardRef(
     avatarFallback,
     userLabel = "You",
     assistantLabel = "Assistant",
+    formatTime,
+    locale,
     renderContent,
     isStreaming = false,
     error,
@@ -67,7 +69,7 @@ var Message = React.forwardRef(
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
               /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: displayLabel }),
-              message.timestamp && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: new Date(message.timestamp).toLocaleTimeString() })
+              message.timestamp && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: formatTime ? formatTime(new Date(message.timestamp)) : new Date(message.timestamp).toLocaleTimeString(locale) })
             ] }),
             error ? /* @__PURE__ */ jsxs("div", { role: "alert", className: "text-sm", children: [
               /* @__PURE__ */ jsx("div", { className: "text-destructive mb-2", children: error }),
@@ -1291,7 +1293,7 @@ import * as React12 from "react";
 import { cn as cn12 } from "@slipstream-ui/core";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var Reasoning = React12.forwardRef(
-  ({ steps, className, collapsible = true, defaultExpanded = false, duration, isStreaming = false, labels, ...props }, ref) => {
+  ({ steps, className, collapsible = true, defaultExpanded = false, duration, isStreaming = false, labels, formatTime, locale, ...props }, ref) => {
     const [isExpanded, setIsExpanded] = React12.useState(defaultExpanded);
     const contentId = React12.useId();
     if (steps.length === 0) {
@@ -1330,7 +1332,7 @@ var Reasoning = React12.forwardRef(
         /* @__PURE__ */ jsxs10("div", { className: "text-sm flex-1", children: [
           /* @__PURE__ */ jsx12("div", { className: "font-medium text-foreground mb-1", children: labels?.step?.(index + 1) ?? `Step ${index + 1}` }),
           /* @__PURE__ */ jsx12("div", { className: "text-muted-foreground", children: step.content }),
-          step.timestamp && /* @__PURE__ */ jsx12("div", { className: "text-xs text-muted-foreground mt-1", children: new Date(step.timestamp).toLocaleTimeString() })
+          step.timestamp && /* @__PURE__ */ jsx12("div", { className: "text-xs text-muted-foreground mt-1", children: formatTime ? formatTime(new Date(step.timestamp)) : new Date(step.timestamp).toLocaleTimeString(locale) })
         ] })
       ] }, step.id)) })
     ] });
@@ -1576,7 +1578,10 @@ function CommandPalette({
   debounceMs = 200,
   renderCommand,
   loadingText = "Searching\u2026",
-  placeholder = "Type a command."
+  placeholder = "Type a command.",
+  dialogLabel = "Command palette",
+  listLabel = "Commands",
+  emptyText = "No matching commands."
 }) {
   const [query, setQuery] = React19.useState("");
   const [activeIndex, setActiveIndex] = React19.useState(0);
@@ -1663,7 +1668,7 @@ function CommandPalette({
             "aria-controls": listboxId,
             "aria-activedescendant": filtered.length > 0 ? optionId(activeIndex) : void 0,
             "aria-autocomplete": "list",
-            "aria-label": "Command palette",
+            "aria-label": dialogLabel,
             placeholder,
             value: query,
             onChange: (event) => {
@@ -1679,12 +1684,12 @@ function CommandPalette({
           {
             id: listboxId,
             role: "listbox",
-            "aria-label": "Commands",
+            "aria-label": listLabel,
             "aria-busy": loading || void 0,
             className: "max-h-72 overflow-y-auto py-1",
             children: [
               loading && filtered.length === 0 && /* @__PURE__ */ jsx19("li", { role: "presentation", className: "px-4 py-3 text-sm text-muted-foreground", children: loadingText }),
-              !loading && filtered.length === 0 && /* @__PURE__ */ jsx19("li", { role: "presentation", className: "px-4 py-3 text-sm text-muted-foreground", children: "No matching commands." }),
+              !loading && filtered.length === 0 && /* @__PURE__ */ jsx19("li", { role: "presentation", className: "px-4 py-3 text-sm text-muted-foreground", children: emptyText }),
               filtered.map((command, index) => {
                 const showSection = command.section && command.section !== lastSection;
                 lastSection = command.section ?? lastSection;