opencami 1.9.1 → 2.1.0

package/dist/server/assets/follow-up-suggestions-DRQqO8_S.js

@@ -0,0 +1,183 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, memo } from "react";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Loading03Icon, ArrowRight01Icon } from "@hugeicons/core-free-icons";
+import { u as useChatSettings } from "./index-197lqzv2.js";
+import { c as cn } from "./button-kI8fEIZQ.js";
+import "zustand";
+import "zustand/middleware";
+import "@base-ui/react/merge-props";
+import "@base-ui/react/use-render";
+import "class-variance-authority";
+import "clsx";
+import "tailwind-merge";
+async function fetchFollowUpsViaOpenclaw(conversationContext, model, signal) {
+  const res = await fetch("/api/llm-features", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      action: "followups",
+      conversationContext,
+      model
+    }),
+    signal
+  });
+  if (!res.ok) {
+    throw new Error(`API error: ${res.status}`);
+  }
+  const data = await res.json();
+  if (data.ok && Array.isArray(data.suggestions) && data.suggestions.length > 0) {
+    return data.suggestions;
+  }
+  return [];
+}
+function useFollowUpSuggestions(responseText, conversationContext, options) {
+  const { settings } = useChatSettings();
+  const { minResponseLength = 50, heuristicsOnly = false, enabled = true } = options ?? {};
+  const [suggestions, setSuggestions] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [source, setSource] = useState(null);
+  const lastResponseRef = useRef("");
+  const abortControllerRef = useRef(null);
+  useEffect(() => {
+    if (!enabled) {
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
+      setSuggestions([]);
+      setSource(null);
+      setIsLoading(false);
+      setError(null);
+      return;
+    }
+    if (!responseText || responseText.trim().length < minResponseLength) {
+      setSuggestions([]);
+      setSource(null);
+      setIsLoading(false);
+      setError(null);
+      return;
+    }
+    const responseKey = `${settings.llmFeaturesModel}:${responseText.slice(0, 200)}${responseText.length}`;
+    if (responseKey === lastResponseRef.current) {
+      return;
+    }
+    lastResponseRef.current = responseKey;
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+    if (heuristicsOnly) {
+      setSuggestions([]);
+      setSource(null);
+      setIsLoading(false);
+      setError(null);
+      return;
+    }
+    const controller = new AbortController();
+    abortControllerRef.current = controller;
+    setIsLoading(true);
+    setError(null);
+    setSuggestions([]);
+    setSource(null);
+    const requestContext = conversationContext?.trim().length ? conversationContext.trim() : `Assistant's response:
+${responseText.slice(0, 2e3)}`;
+    fetchFollowUpsViaOpenclaw(
+      requestContext,
+      settings.llmFeaturesModel ? `openclaw/${settings.llmFeaturesModel}` : void 0,
+      controller.signal
+    ).then((openclawSuggestions) => {
+      if (controller.signal.aborted) return;
+      if (openclawSuggestions.length > 0) {
+        setSuggestions(openclawSuggestions);
+        setSource("openclaw");
+      }
+      setIsLoading(false);
+    }).catch((err) => {
+      if (controller.signal.aborted) return;
+      setSuggestions([]);
+      setSource(null);
+      setError(err instanceof Error ? err.message : String(err));
+      setIsLoading(false);
+    });
+  }, [
+    responseText,
+    conversationContext,
+    enabled,
+    minResponseLength,
+    heuristicsOnly,
+    settings.llmFeaturesModel
+  ]);
+  return { suggestions, isLoading, error, source };
+}
+function FollowUpSuggestionsComponent({
+  responseText,
+  conversationContext,
+  onSuggestionClick,
+  disabled = false,
+  className
+}) {
+  const { suggestions, isLoading, source } = useFollowUpSuggestions(
+    responseText,
+    conversationContext,
+    {
+      minResponseLength: 50
+    }
+  );
+  if (suggestions.length === 0 && !isLoading) {
+    return null;
+  }
+  const showHeader = isLoading || suggestions.length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 mt-3", className), children: [
+    showHeader ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-primary-500", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-primary-400", children: "✨" }),
+      /* @__PURE__ */ jsx("span", { children: isLoading ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+        "Thinking of follow-ups",
+        /* @__PURE__ */ jsx(
+          HugeiconsIcon,
+          {
+            icon: Loading03Icon,
+            size: 12,
+            strokeWidth: 2,
+            className: "animate-spin text-primary-400"
+          }
+        )
+      ] }) : source === "openclaw" ? "AI suggestions" : "Follow-up suggestions" })
+    ] }) : null,
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: () => onSuggestionClick(suggestion),
+        className: cn(
+          "group inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full",
+          "text-sm text-primary-700 bg-primary-50 border border-primary-200",
+          "hover:bg-primary-100 hover:border-primary-300 hover:text-primary-900",
+          "focus:outline-none focus:ring-2 focus:ring-primary-500/20 focus:ring-offset-1",
+          "transition-all duration-150 cursor-pointer",
+          "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-primary-50 disabled:hover:border-primary-200",
+          isLoading && "opacity-75"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: suggestion }),
+          /* @__PURE__ */ jsx(
+            HugeiconsIcon,
+            {
+              icon: ArrowRight01Icon,
+              size: 14,
+              strokeWidth: 2,
+              className: "text-primary-400 group-hover:text-primary-600 group-hover:translate-x-0.5 transition-all duration-150"
+            }
+          )
+        ]
+      },
+      `${index}-${suggestion.slice(0, 20)}`
+    )) })
+  ] });
+}
+const MemoizedFollowUpSuggestions = memo(FollowUpSuggestionsComponent);
+export {
+  MemoizedFollowUpSuggestions as FollowUpSuggestions
+};

package/dist/server/assets/{index-B_F4DTUu.js → index-197lqzv2.js}

@@ -12,7 +12,9 @@ const useChatSettingsStore = create()(
         showToolMessages: true,
         showReasoningBlocks: true,
         showSearchSources: true,
+        showFollowUps: true,
         inlineFilePreview: false,
+        llmFeaturesModel: "gpt54mini",
         theme: "system",
         fontFamily: "system",
         density: "comfortable",

package/dist/server/assets/{index-gRco4Ina.js → index-sXe2QC5V.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { R as Route } from "./router-DaKDqc9w.js";
+import { R as Route } from "./router-CZhxPkYW.js";
 import "@tanstack/react-router";
 import "@tanstack/react-query";
 import "node:crypto";

package/dist/server/assets/{markdown-CFdYXCRQ.js → markdown-Dk1YdosA.js}

@@ -4,7 +4,7 @@ import { memo, useId, useMemo, useState, useCallback, useEffect } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkBreaks from "remark-breaks";
 import remarkGfm from "remark-gfm";
-import { r as resolveLanguage, C as CodeBlock } from "./index-B_F4DTUu.js";
+import { r as resolveLanguage, C as CodeBlock } from "./index-197lqzv2.js";
 import { u as useFileExplorerState, D as DialogRoot, a as DialogContent, b as DialogTitle, d as DialogClose } from "./use-file-explorer-state-E6cUvMva.js";
 import { c as cn, B as Button } from "./button-kI8fEIZQ.js";
 import { useNavigate, Link } from "@tanstack/react-router";

package/dist/server/assets/{memory-screen-vqXczcVo.js → memory-screen-DA_o-N1Z.js}

@@ -3,7 +3,7 @@ import { useState, useEffect, useCallback } from "react";
 import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
 import { Link } from "@tanstack/react-router";
 import { c as cn, B as Button, b as buttonVariants } from "./button-kI8fEIZQ.js";
-import { M as Markdown } from "./markdown-CFdYXCRQ.js";
+import { M as Markdown } from "./markdown-Dk1YdosA.js";
 import "@base-ui/react/merge-props";
 import "@base-ui/react/use-render";
 import "class-variance-authority";
@@ -13,7 +13,7 @@ import "marked";
 import "react-markdown";
 import "remark-breaks";
 import "remark-gfm";
-import "./index-B_F4DTUu.js";
+import "./index-197lqzv2.js";
 import "@hugeicons/react";
 import "@hugeicons/core-free-icons";
 import "zustand";

package/dist/server/assets/{memory-rBB015W-.js → memory-woPzJFfs.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Suspense, lazy } from "react";
-const MemoryScreen = lazy(() => import("./memory-screen-vqXczcVo.js").then((m) => ({
+const MemoryScreen = lazy(() => import("./memory-screen-DA_o-N1Z.js").then((m) => ({
   default: m.MemoryScreen
 })));
 function MemoryRoute() {