opencami 1.0.0

package/dist/server/assets/search-dialog-JY8C3mqa.js

@@ -0,0 +1,443 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useRef, useMemo, useEffect } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Search01Icon, Cancel01Icon, Loading03Icon } from "@hugeicons/core-free-icons";
+import { D as DialogRoot, a as DialogContent } from "./menu-D6n4DB0U.js";
+import { useQueryClient } from "@tanstack/react-query";
+import { c as chatQueryKeys } from "./_sessionKey-qlAPF_Ft.js";
+import { c as cn } from "./button-DtQ3rV1m.js";
+import "@base-ui/react/tooltip";
+import "@base-ui/react/dialog";
+import "@base-ui/react/menu";
+import "motion/react";
+import "@base-ui/react/alert-dialog";
+import "@base-ui/react/collapsible";
+import "@base-ui/react/scroll-area";
+import "marked";
+import "react-markdown";
+import "remark-breaks";
+import "remark-gfm";
+import "./index-COu2idHm.js";
+import "shiki";
+import "zustand";
+import "zustand/middleware";
+import "react-dom";
+import "./router-DbxyvprK.js";
+import "node:crypto";
+import "ws";
+import "@tanstack/router-core/ssr/client";
+import "node:fs/promises";
+import "node:os";
+import "node:path";
+import "path";
+import "@base-ui/react/merge-props";
+import "@base-ui/react/use-render";
+import "class-variance-authority";
+import "clsx";
+import "tailwind-merge";
+function extractTextFromContent(content) {
+  if (!Array.isArray(content)) return "";
+  return content.map((item) => {
+    if (item?.type === "text" && typeof item.text === "string") {
+      return item.text;
+    }
+    if (item?.type === "thinking" && typeof item.thinking === "string") {
+      return item.thinking;
+    }
+    return "";
+  }).filter(Boolean).join(" ");
+}
+function extractTextFromMessage(message) {
+  const contentText = extractTextFromContent(message.content);
+  if (contentText) return contentText;
+  if (typeof message.text === "string") {
+    return message.text;
+  }
+  return "";
+}
+function useSearch({ sessions, currentFriendlyId, currentSessionKey }) {
+  const queryClient = useQueryClient();
+  const [query, setQuery] = useState("");
+  const [isSearching, setIsSearching] = useState(false);
+  const [globalResults, setGlobalResults] = useState([]);
+  const searchCurrentConversation = useCallback(
+    (searchQuery) => {
+      if (!searchQuery.trim() || !currentFriendlyId || !currentSessionKey) {
+        return [];
+      }
+      const historyKey = chatQueryKeys.history(currentFriendlyId, currentSessionKey);
+      const historyData = queryClient.getQueryData(historyKey);
+      if (!historyData?.messages) return [];
+      const normalizedQuery = searchQuery.toLowerCase();
+      const results = [];
+      const session = sessions.find((s) => s.friendlyId === currentFriendlyId);
+      const sessionTitle = session?.label || session?.title || session?.derivedTitle || currentFriendlyId;
+      historyData.messages.forEach((message, index) => {
+        const text = extractTextFromMessage(message);
+        if (!text) return;
+        const lowerText = text.toLowerCase();
+        const matchIndex = lowerText.indexOf(normalizedQuery);
+        if (matchIndex !== -1) {
+          results.push({
+            sessionKey: currentSessionKey,
+            friendlyId: currentFriendlyId,
+            sessionTitle,
+            messageIndex: index,
+            messageRole: message.role || "unknown",
+            messageText: text,
+            matchStart: matchIndex,
+            matchEnd: matchIndex + searchQuery.length,
+            timestamp: message.timestamp
+          });
+        }
+      });
+      return results;
+    },
+    [currentFriendlyId, currentSessionKey, queryClient, sessions]
+  );
+  const searchAllSessions = useCallback(
+    async (searchQuery) => {
+      if (!searchQuery.trim()) {
+        setGlobalResults([]);
+        return [];
+      }
+      setIsSearching(true);
+      const normalizedQuery = searchQuery.toLowerCase();
+      const allResults = [];
+      try {
+        await Promise.all(
+          sessions.map(async (session) => {
+            try {
+              const historyKey = chatQueryKeys.history(session.friendlyId, session.key);
+              let historyData = queryClient.getQueryData(historyKey);
+              if (!historyData) {
+                const params = new URLSearchParams({
+                  sessionKey: session.key,
+                  friendlyId: session.friendlyId,
+                  limit: "200"
+                });
+                const res = await fetch(`/api/history?${params.toString()}`);
+                if (res.ok) {
+                  historyData = await res.json();
+                  queryClient.setQueryData(historyKey, historyData);
+                }
+              }
+              if (!historyData?.messages) return;
+              const sessionTitle = session.label || session.title || session.derivedTitle || session.friendlyId;
+              historyData.messages.forEach((message, index) => {
+                const text = extractTextFromMessage(message);
+                if (!text) return;
+                const lowerText = text.toLowerCase();
+                const matchIndex = lowerText.indexOf(normalizedQuery);
+                if (matchIndex !== -1) {
+                  allResults.push({
+                    sessionKey: session.key,
+                    friendlyId: session.friendlyId,
+                    sessionTitle,
+                    messageIndex: index,
+                    messageRole: message.role || "unknown",
+                    messageText: text,
+                    matchStart: matchIndex,
+                    matchEnd: matchIndex + searchQuery.length,
+                    timestamp: message.timestamp
+                  });
+                }
+              });
+            } catch {
+            }
+          })
+        );
+        allResults.sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0));
+        setGlobalResults(allResults);
+        return allResults;
+      } finally {
+        setIsSearching(false);
+      }
+    },
+    [sessions, queryClient]
+  );
+  const clearSearch = useCallback(() => {
+    setQuery("");
+    setGlobalResults([]);
+  }, []);
+  return {
+    query,
+    setQuery,
+    isSearching,
+    globalResults,
+    searchCurrentConversation,
+    searchAllSessions,
+    clearSearch
+  };
+}
+function highlightMatch(text, query) {
+  if (!query.trim()) return null;
+  const lowerText = text.toLowerCase();
+  const lowerQuery = query.toLowerCase();
+  const matchIndex = lowerText.indexOf(lowerQuery);
+  if (matchIndex === -1) return null;
+  const contextBefore = 40;
+  const contextAfter = 80;
+  let start = Math.max(0, matchIndex - contextBefore);
+  let end = Math.min(text.length, matchIndex + query.length + contextAfter);
+  if (start > 0) {
+    const spaceIndex = text.indexOf(" ", start);
+    if (spaceIndex !== -1 && spaceIndex < matchIndex) {
+      start = spaceIndex + 1;
+    }
+  }
+  if (end < text.length) {
+    const spaceIndex = text.lastIndexOf(" ", end);
+    if (spaceIndex > matchIndex + query.length) {
+      end = spaceIndex;
+    }
+  }
+  const before = (start > 0 ? "..." : "") + text.slice(start, matchIndex);
+  const match = text.slice(matchIndex, matchIndex + query.length);
+  const after = text.slice(matchIndex + query.length, end) + (end < text.length ? "..." : "");
+  return { before, match, after };
+}
+function SearchDialog({
+  open,
+  onOpenChange,
+  sessions,
+  currentFriendlyId,
+  currentSessionKey,
+  mode,
+  onJumpToMessage
+}) {
+  const navigate = useNavigate();
+  const inputRef = useRef(null);
+  const [localQuery, setLocalQuery] = useState("");
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const resultsRef = useRef(null);
+  const {
+    isSearching,
+    globalResults,
+    searchCurrentConversation,
+    searchAllSessions,
+    clearSearch
+  } = useSearch({
+    sessions,
+    currentFriendlyId,
+    currentSessionKey
+  });
+  const currentResults = useMemo(() => {
+    if (mode !== "current") return [];
+    return searchCurrentConversation(localQuery);
+  }, [mode, localQuery, searchCurrentConversation]);
+  const results = mode === "global" ? globalResults : currentResults;
+  useEffect(() => {
+    if (mode !== "global") return;
+    if (!localQuery.trim()) {
+      clearSearch();
+      return;
+    }
+    const timer = setTimeout(() => {
+      void searchAllSessions(localQuery);
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [localQuery, mode, searchAllSessions, clearSearch]);
+  useEffect(() => {
+    if (open) {
+      setLocalQuery("");
+      setSelectedIndex(0);
+      clearSearch();
+      setTimeout(() => {
+        inputRef.current?.focus();
+      }, 50);
+    }
+  }, [open, clearSearch]);
+  useEffect(() => {
+    setSelectedIndex(0);
+  }, [results]);
+  useEffect(() => {
+    if (!resultsRef.current) return;
+    const selected = resultsRef.current.querySelector('[data-selected="true"]');
+    if (selected) {
+      selected.scrollIntoView({ block: "nearest" });
+    }
+  }, [selectedIndex]);
+  const handleSelectResult = useCallback(
+    (result) => {
+      onOpenChange(false);
+      if (mode === "current" && onJumpToMessage) {
+        onJumpToMessage(result);
+      } else {
+        navigate({
+          to: "/chat/$sessionKey",
+          params: { sessionKey: result.friendlyId }
+        });
+      }
+    },
+    [mode, navigate, onJumpToMessage, onOpenChange]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault();
+          setSelectedIndex((i) => Math.min(i + 1, results.length - 1));
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          setSelectedIndex((i) => Math.max(i - 1, 0));
+          break;
+        case "Enter":
+          e.preventDefault();
+          if (results[selectedIndex]) {
+            handleSelectResult(results[selectedIndex]);
+          }
+          break;
+        case "Escape":
+          e.preventDefault();
+          onOpenChange(false);
+          break;
+      }
+    },
+    [results, selectedIndex, handleSelectResult, onOpenChange]
+  );
+  const placeholder = mode === "global" ? "Search across all conversations..." : "Search in this conversation...";
+  return /* @__PURE__ */ jsx(DialogRoot, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "w-[min(600px,92vw)] max-h-[80vh] flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-4 border-b border-primary-200", children: [
+      /* @__PURE__ */ jsx(
+        HugeiconsIcon,
+        {
+          icon: Search01Icon,
+          size: 20,
+          className: "text-primary-500 shrink-0"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          value: localQuery,
+          onChange: (e) => setLocalQuery(e.target.value),
+          onKeyDown: handleKeyDown,
+          placeholder,
+          className: "flex-1 bg-transparent text-primary-900 placeholder:text-primary-400 outline-none text-base"
+        }
+      ),
+      localQuery && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            setLocalQuery("");
+            clearSearch();
+          },
+          className: "p-1 hover:bg-primary-200 rounded transition-colors",
+          children: /* @__PURE__ */ jsx(
+            HugeiconsIcon,
+            {
+              icon: Cancel01Icon,
+              size: 16,
+              className: "text-primary-500"
+            }
+          )
+        }
+      ),
+      isSearching && /* @__PURE__ */ jsx(
+        HugeiconsIcon,
+        {
+          icon: Loading03Icon,
+          size: 20,
+          className: "text-primary-500 animate-spin"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: resultsRef,
+        className: "flex-1 overflow-y-auto p-2 min-h-0",
+        children: !localQuery.trim() ? /* @__PURE__ */ jsx("div", { className: "text-center text-primary-500 py-8 text-sm", children: mode === "global" ? "Type to search across all your conversations" : "Type to search within this conversation" }) : results.length === 0 && !isSearching ? /* @__PURE__ */ jsxs("div", { className: "text-center text-primary-500 py-8 text-sm", children: [
+          'No results found for "',
+          localQuery,
+          '"'
+        ] }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: results.map((result, index) => /* @__PURE__ */ jsx(
+          SearchResultItem,
+          {
+            result,
+            query: localQuery,
+            isSelected: index === selectedIndex,
+            showSessionTitle: mode === "global",
+            onClick: () => handleSelectResult(result),
+            onMouseEnter: () => setSelectedIndex(index)
+          },
+          `${result.friendlyId}-${result.messageIndex}`
+        )) })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-primary-200 text-xs text-primary-500", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 bg-primary-100 rounded text-[10px]", children: "↑" }),
+          /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 bg-primary-100 rounded text-[10px]", children: "↓" }),
+          "to navigate"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 bg-primary-100 rounded text-[10px]", children: "Enter" }),
+          "to select"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 bg-primary-100 rounded text-[10px]", children: "Esc" }),
+          "to close"
+        ] })
+      ] }),
+      results.length > 0 && /* @__PURE__ */ jsxs("span", { children: [
+        results.length,
+        " result",
+        results.length !== 1 ? "s" : ""
+      ] })
+    ] })
+  ] }) });
+}
+function SearchResultItem({
+  result,
+  query,
+  isSelected,
+  showSessionTitle,
+  onClick,
+  onMouseEnter
+}) {
+  const highlight = highlightMatch(result.messageText, query);
+  const roleLabel = result.messageRole === "assistant" ? "Assistant" : "You";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      onMouseEnter,
+      "data-selected": isSelected,
+      className: cn(
+        "w-full text-left px-3 py-2 rounded-lg transition-colors",
+        isSelected ? "bg-primary-200" : "hover:bg-primary-100"
+      ),
+      children: [
+        showSessionTitle && /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-primary-600 mb-1 truncate", children: result.sessionTitle }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mb-0.5", children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-[10px] font-medium px-1.5 py-0.5 rounded",
+              result.messageRole === "assistant" ? "bg-blue-100 text-blue-700" : "bg-green-100 text-green-700"
+            ),
+            children: roleLabel
+          }
+        ) }),
+        highlight && /* @__PURE__ */ jsxs("div", { className: "text-sm text-primary-700 line-clamp-2", children: [
+          /* @__PURE__ */ jsx("span", { children: highlight.before }),
+          /* @__PURE__ */ jsx("mark", { className: "bg-yellow-200 text-primary-900 rounded px-0.5", children: highlight.match }),
+          /* @__PURE__ */ jsx("span", { children: highlight.after })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  SearchDialog
+};

package/dist/server/assets/session-export-dialog-D87uafPD.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose } from "./menu-D6n4DB0U.js";
+import { B as Button } from "./button-DtQ3rV1m.js";
+import "@base-ui/react/tooltip";
+import "@base-ui/react/dialog";
+import "@base-ui/react/menu";
+import "@base-ui/react/merge-props";
+import "@base-ui/react/use-render";
+import "class-variance-authority";
+import "clsx";
+import "tailwind-merge";
+const formatOptions = [
+  {
+    value: "markdown",
+    label: "Markdown (.md)",
+    description: "Nicely formatted with headers and sections"
+  },
+  {
+    value: "json",
+    label: "JSON (.json)",
+    description: "Full data with metadata"
+  },
+  {
+    value: "txt",
+    label: "Plain Text (.txt)",
+    description: "Simple text format"
+  }
+];
+function SessionExportDialog({
+  open,
+  onOpenChange,
+  sessionTitle,
+  onExport,
+  onCancel
+}) {
+  const [selectedFormat, setSelectedFormat] = useState("markdown");
+  const handleExport = () => {
+    onExport(selectedFormat);
+  };
+  return /* @__PURE__ */ jsx(DialogRoot, { open, onOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+    /* @__PURE__ */ jsx(DialogTitle, { className: "mb-1", children: "Export Conversation" }),
+    /* @__PURE__ */ jsxs(DialogDescription, { className: "mb-4", children: [
+      'Export "',
+      sessionTitle,
+      '" in your preferred format'
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-2 mb-4", children: formatOptions.map((option) => /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: "flex items-start gap-3 p-3 rounded-lg border border-primary-200 cursor-pointer hover:bg-primary-100 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: "export-format",
+              value: option.value,
+              checked: selectedFormat === option.value,
+              onChange: (e) => setSelectedFormat(e.target.value),
+              className: "mt-1"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "font-medium text-sm text-primary-900", children: option.label }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-primary-600", children: option.description })
+          ] })
+        ]
+      },
+      option.value
+    )) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(DialogClose, { onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleExport, children: "Export" })
+    ] })
+  ] }) }) });
+}
+export {
+  SessionExportDialog
+};