nolo-cli 0.1.31 → 0.1.32

package/chat/hooks/useMessageInteraction.ts

@@ -1,412 +0,0 @@
-// hooks/useMessageInteraction.ts
-
-import { useState, useCallback, useEffect, useRef } from "react";
-
-/**
- * 检测设备类型工具
- */
-export const isTouchDevice = () => {
-  if (typeof window === "undefined" || typeof navigator === "undefined") {
-    return false;
-  }
-
-  const canHover = typeof window.matchMedia === "function"
-    ? window.matchMedia("(hover: hover) and (pointer: fine)").matches
-    : false;
-  if (canHover) return false;
-
-  const coarsePointer = typeof window.matchMedia === "function"
-    ? window.matchMedia("(pointer: coarse)").matches
-    : false;
-  if (coarsePointer) return true;
-
-  return navigator.maxTouchPoints > 0;
-};
-
-/**
- * 触觉反馈
- */
-export const triggerHapticFeedback = (duration = 50) => {
-  if (navigator.vibrate) {
-    navigator.vibrate(duration);
-  }
-};
-
-/**
- * 检查是否点击了交互元素
- */
-export const isInteractiveElement = (
-  target: Element
-): boolean | "text-content" => {
-  // 原有交互元素检测
-  const isOriginalInteractive =
-    target.closest(".actions") ||
-    target.closest(".actions-overlay") ||
-    target.closest("button") ||
-    target.closest(".thinking-toggle") ||
-    target.closest(".msg-image") ||
-    target.closest("a") ||
-    target.closest("input") ||
-    target.closest("textarea") ||
-    target.closest("[contenteditable]");
-
-  if (isOriginalInteractive) return true;
-
-  // 检测文本内容区域
-  const isTextContent =
-    target.closest(".message-text") ||
-    target.closest(".simple-text") ||
-    target.closest(".thinking-editor") ||
-    target.matches(".message-text") ||
-    target.matches(".simple-text") ||
-    target.matches(".thinking-editor");
-
-  if (isTextContent) {
-    return "text-content";
-  }
-
-  return false;
-};
-
-interface UseMessageInteractionProps {
-  messageId?: string;
-  onToggleActions: () => void;
-}
-
-interface TouchPosition {
-  x: number;
-  y: number;
-}
-
-interface InteractionState {
-  isTextSelectionMode: boolean;
-  selectionStarted: boolean;
-  isDragging: boolean;
-}
-
-// 常量配置
-const INTERACTION_CONFIG = {
-  LONG_PRESS_DELAY: 500,
-  INTENT_CHECK_DELAY: 100,
-  SELECTION_THRESHOLD: 10,
-  DRAG_THRESHOLD: 30,
-  MENU_HEIGHT: 200,
-  RESET_DELAY: 100,
-} as const;
-
-export const useMessageInteraction = ({
-  messageId,
-  onToggleActions,
-}: UseMessageInteractionProps) => {
-  // 核心状态
-  const [showActions, setShowActions] = useState(false);
-
-  // 使用 useRef 优化频繁变化的状态，避免重渲染
-  const timersRef = useRef<{
-    longPress: number | null;
-    intentCheck: number | null;
-    reset: number | null;
-  }>({
-    longPress: null,
-    intentCheck: null,
-    reset: null,
-  });
-
-  const touchStateRef = useRef<TouchPosition | null>(null);
-  const interactionStateRef = useRef<InteractionState>({
-    isTextSelectionMode: false,
-    selectionStarted: false,
-    isDragging: false,
-  });
-
-  const cleanupFnsRef = useRef<Map<Element, () => void>>(new Map());
-
-  const isTouch = isTouchDevice();
-
-  // 🎯 智能滚动优化：确保操作上下文可见
-  const ensureOptimalViewPosition = useCallback(
-    (messageElement: Element, touchY: number) => {
-      const rect = messageElement.getBoundingClientRect();
-      const viewportHeight = window.innerHeight;
-
-      // 如果消息底部被菜单遮挡，平滑滚动调整
-      const isBottomObscured =
-        rect.bottom > viewportHeight - INTERACTION_CONFIG.MENU_HEIGHT;
-      const isTouchInLowerHalf = touchY > viewportHeight / 2;
-
-      if (isBottomObscured || isTouchInLowerHalf) {
-        const scrollTarget = Math.max(
-          0,
-          window.scrollY +
-            rect.bottom -
-            viewportHeight +
-            INTERACTION_CONFIG.MENU_HEIGHT +
-            20
-        );
-
-        // 延迟滚动，避免与菜单动画冲突
-        setTimeout(() => {
-          window.scrollTo({
-            top: scrollTarget,
-            behavior: "smooth",
-          });
-        }, INTERACTION_CONFIG.INTENT_CHECK_DELAY);
-      }
-    },
-    []
-  );
-
-  // 清理所有定时器
-  const clearAllTimers = useCallback(() => {
-    Object.values(timersRef.current).forEach((timer) => {
-      if (timer) clearTimeout(timer);
-    });
-    timersRef.current = {
-      longPress: null,
-      intentCheck: null,
-      reset: null,
-    };
-  }, []);
-
-  // 清理文本选择样式
-  const clearTextSelection = useCallback(() => {
-    const textElements = document.querySelectorAll(
-      ".message-text, .simple-text, .thinking-editor"
-    );
-    textElements.forEach((el) => {
-      const htmlEl = el as HTMLElement;
-      htmlEl.style.userSelect = "";
-      htmlEl.style.webkitUserSelect = "";
-
-      // 清理绑定的清理函数
-      const cleanup = cleanupFnsRef.current.get(el);
-      if (cleanup) {
-        cleanup();
-        cleanupFnsRef.current.delete(el);
-      }
-    });
-  }, []);
-
-  // 重置交互状态
-  const resetInteractionState = useCallback(() => {
-    interactionStateRef.current = {
-      isTextSelectionMode: false,
-      selectionStarted: false,
-      isDragging: false,
-    };
-    touchStateRef.current = null;
-  }, []);
-
-  // 桌面端点击处理
-  const handleClick = useCallback(
-    (e: React.MouseEvent) => {
-      if (isTouch) return;
-      if (isInteractiveElement(e.target as Element)) return;
-      onToggleActions();
-    },
-    [isTouch, onToggleActions]
-  );
-
-  // 🎯 核心：智能长按开始处理
-  const handleTouchStart = useCallback(
-    (e: React.TouchEvent) => {
-      if (!isTouch) return;
-
-      const interactiveCheck = isInteractiveElement(e.target as Element);
-      if (interactiveCheck === true) return;
-
-      const touch = e.touches[0];
-      touchStateRef.current = { x: touch.clientX, y: touch.clientY };
-      resetInteractionState();
-      clearAllTimers();
-
-      const targetElement = e.target as Element;
-
-      // 🎯 文本内容的智能处理
-      if (interactiveCheck === "text-content") {
-        const textElement = targetElement.closest(
-          ".message-text, .simple-text, .thinking-editor"
-        );
-
-        // 短延迟后检查用户意图
-        timersRef.current.intentCheck = window.setTimeout(() => {
-          if (
-            !interactionStateRef.current.isDragging &&
-            !interactionStateRef.current.selectionStarted
-          ) {
-            // 用户没有开始选择文字 → 准备弹出菜单
-            e.preventDefault();
-            if (textElement) {
-              const htmlEl = textElement as HTMLElement;
-              htmlEl.style.userSelect = "none";
-              htmlEl.style.webkitUserSelect = "none";
-            }
-          }
-        }, INTERACTION_CONFIG.INTENT_CHECK_DELAY);
-
-        // 长按定时器：弹出菜单
-        timersRef.current.longPress = window.setTimeout(() => {
-          if (
-            !interactionStateRef.current.isDragging &&
-            !interactionStateRef.current.isTextSelectionMode
-          ) {
-            const messageElement = targetElement.closest(".msg");
-            if (messageElement) {
-              ensureOptimalViewPosition(messageElement, touch.clientY);
-            }
-            setShowActions(true);
-            triggerHapticFeedback();
-          }
-        }, INTERACTION_CONFIG.LONG_PRESS_DELAY);
-
-        // 监听文本选择开始
-        const handleSelectionStart = () => {
-          interactionStateRef.current.selectionStarted = true;
-          interactionStateRef.current.isTextSelectionMode = true;
-          clearAllTimers();
-        };
-
-        // 优化：使用 AbortController 管理事件监听器
-        const abortController = new AbortController();
-        document.addEventListener("selectionchange", handleSelectionStart, {
-          once: true,
-          signal: abortController.signal,
-        });
-
-        // 保存清理函数
-        const cleanup = () => {
-          abortController.abort();
-          clearAllTimers();
-        };
-
-        cleanupFnsRef.current.set(targetElement, cleanup);
-      } else {
-        // 非文本区域：直接长按弹出菜单
-        timersRef.current.longPress = window.setTimeout(() => {
-          if (!interactionStateRef.current.isDragging) {
-            const messageElement = targetElement.closest(".msg");
-            if (messageElement) {
-              ensureOptimalViewPosition(messageElement, touch.clientY);
-            }
-            setShowActions(true);
-            triggerHapticFeedback();
-          }
-        }, INTERACTION_CONFIG.LONG_PRESS_DELAY);
-      }
-    },
-    [isTouch, ensureOptimalViewPosition, clearAllTimers, resetInteractionState]
-  );
-
-  // 🎯 触摸移动：检测拖拽意图
-  const handleTouchMove = useCallback(
-    (e: React.TouchEvent) => {
-      if (!isTouch || !touchStateRef.current) return;
-
-      const touch = e.touches[0];
-      const deltaX = Math.abs(touch.clientX - touchStateRef.current.x);
-      const deltaY = Math.abs(touch.clientY - touchStateRef.current.y);
-      const moveDistance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
-
-      // 智能阈值：区分文本选择 vs 意外移动
-      if (
-        moveDistance > INTERACTION_CONFIG.SELECTION_THRESHOLD &&
-        !interactionStateRef.current.isTextSelectionMode
-      ) {
-        if (moveDistance > INTERACTION_CONFIG.DRAG_THRESHOLD) {
-          interactionStateRef.current.isDragging = true;
-          clearAllTimers();
-        } else {
-          // 小幅移动 → 可能是精确选择文字
-          const interactiveCheck = isInteractiveElement(e.target as Element);
-          if (interactiveCheck === "text-content") {
-            interactionStateRef.current.isTextSelectionMode = true;
-          }
-        }
-      }
-    },
-    [isTouch, clearAllTimers]
-  );
-
-  // 🎯 触摸结束：清理和状态重置
-  const handleTouchEnd = useCallback(() => {
-    if (!isTouch) return;
-
-    clearAllTimers();
-    clearTextSelection();
-
-    // 延迟重置状态，避免状态抖动
-    timersRef.current.reset = window.setTimeout(() => {
-      resetInteractionState();
-    }, INTERACTION_CONFIG.RESET_DELAY);
-  }, [isTouch, clearAllTimers, clearTextSelection, resetInteractionState]);
-
-  // 🎯 文本选择状态监听（优化：防抖处理）
-  useEffect(() => {
-    let timeoutId: number;
-
-    const handleSelectionChange = () => {
-      clearTimeout(timeoutId);
-      timeoutId = window.setTimeout(() => {
-        const selection = window.getSelection();
-        if (selection && selection.toString().length > 0) {
-          setShowActions(false);
-        }
-      }, 50); // 防抖50ms
-    };
-
-    document.addEventListener("selectionchange", handleSelectionChange);
-    return () => {
-      document.removeEventListener("selectionchange", handleSelectionChange);
-      clearTimeout(timeoutId);
-    };
-  }, []);
-
-  // 点击空白区域隐藏操作栏
-  useEffect(() => {
-    if (!showActions) return;
-
-    const handleOutsideClick = (e: Event) => {
-      const target = e.target as Element;
-
-      if (target.closest(".actions-overlay")) return;
-
-      const msgElement = target.closest(".msg");
-      const currentMsg = target.closest(`[data-message-id="${messageId}"]`);
-
-      if ((msgElement && !currentMsg) || !msgElement) {
-        setShowActions(false);
-      }
-    };
-
-    // 延迟绑定，避免立即触发
-    const timer = setTimeout(() => {
-      document.addEventListener("click", handleOutsideClick, true);
-      document.addEventListener("touchend", handleOutsideClick, true);
-    }, INTERACTION_CONFIG.INTENT_CHECK_DELAY);
-
-    return () => {
-      clearTimeout(timer);
-      document.removeEventListener("click", handleOutsideClick, true);
-      document.removeEventListener("touchend", handleOutsideClick, true);
-    };
-  }, [showActions, messageId]);
-
-  // 组件卸载时清理所有资源
-  useEffect(() => {
-    return () => {
-      clearAllTimers();
-      clearTextSelection();
-      resetInteractionState();
-    };
-  }, [clearAllTimers, clearTextSelection, resetInteractionState]);
-
-  return {
-    isTouch,
-    showActions,
-    setShowActions,
-    handleClick,
-    handleTouchStart,
-    handleTouchMove,
-    handleTouchEnd,
-  };
-};

package/chat/hooks/useSendPermission.ts

@@ -1,92 +0,0 @@
-// 路径: ai/hooks/useSendPermission.ts
-
-import { useAppSelector } from "../../app/store";
-import { selectUserId } from "../../auth/authSlice";
-import { useTranslation } from "react-i18next";
-import useAgentConfig from "../../ai/agent/hooks/useAgentConfig";
-import {
-  selectCurrentDialogConfig,
-  selectCurrentDialogKey,
-} from "../dialog/dialogSlice";
-import { getPrimaryDialogAgentId } from "../dialog/dialogAgents";
-import { getModelPricing } from "../../ai/llm/getPricing";
-
-import { resolveSendPermissionState } from "./sendPermissionResolver";
-
-export interface SendPermissionCheck {
-  allowed: boolean;
-  reason?:
-  | "NO_CONFIG"
-  | "AGENT_LOAD_FAILED"
-  | "NO_MODEL_PRICING"
-  | "INSUFFICIENT_BALANCE"
-  | "NOT_IN_WHITELIST";
-  requiredAmount?: number;
-  pricing?: {
-    modelName: string;
-    pricePerMessage: number;
-  };
-}
-
-export const useSendPermission = (userBalance: number = 0) => {
-  const { t } = useTranslation("chat");
-  const currentUserId = useAppSelector(selectUserId);
-  const currentDialogKey = useAppSelector(selectCurrentDialogKey);
-  const currentDialogConfig = useAppSelector(selectCurrentDialogConfig);
-  const agentKey = getPrimaryDialogAgentId(currentDialogConfig);
-  const { agentConfig, isLoading, loadState } = useAgentConfig();
-
-  const isCustomApi = agentConfig?.apiSource === "custom";
-  const isCliApi = agentConfig?.apiSource === "cli";
-
-  const serverPrices =
-    agentConfig && !isCustomApi && !isCliApi
-      ? getModelPricing(agentConfig.provider || "", agentConfig.model)
-      : null;
-
-  const resolved = resolveSendPermissionState({
-    currentDialogKey,
-    hasDialogConfig: !!currentDialogConfig,
-    agentKey,
-    agentConfig,
-    agentLoadState: loadState,
-    currentUserId,
-    userBalance,
-    serverPrices,
-  });
-
-  const getErrorMessage = (
-    reason?: SendPermissionCheck["reason"],
-    pricing?: SendPermissionCheck["pricing"]
-  ) => {
-    if (reason === "AGENT_LOAD_FAILED") {
-      return t(
-        "agentConfigLoadFailed",
-        "智能体配置加载失败，请重试。"
-      );
-    }
-    if (reason === "NOT_IN_WHITELIST") {
-      return t("notInWhitelist", "您不在该应用的白名单中，无法使用。");
-    }
-    if (reason === "INSUFFICIENT_BALANCE" && pricing) {
-      return t("insufficientBalanceDetailed", {
-        modelName: pricing.modelName,
-        pricePerMessage: pricing.pricePerMessage.toFixed(2),
-        balance: userBalance.toFixed(2),
-      });
-    }
-    return t(
-      reason === "NO_CONFIG"
-        ? "agentConfigMissing"
-        : reason === "NO_MODEL_PRICING"
-          ? "modelPricingMissing"
-          : "noAvailableAgentMessage"
-    );
-  };
-
-  return {
-    sendPermission: resolved.sendPermission,
-    getErrorMessage,
-    isLoading: isLoading || resolved.isLoading,
-  };
-};

package/chat/hooks/useThinkingVisibility.ts

@@ -1,27 +0,0 @@
-// hooks/useThinkingVisibility.ts
-
-import { useState, useCallback, useEffect } from "react";
-
-export const useThinkingVisibility = (
-  showThinking: boolean,
-  content: any,
-  thinkContent: string
-) => {
-  const init = showThinking && !!thinkContent && !content;
-  const [isExpanded, setIsExpanded] = useState(init);
-  const [manual, setManual] = useState(false);
-
-  const toggle = useCallback(() => {
-    setManual(true);
-    setIsExpanded((v) => !v);
-  }, []);
-
-  useEffect(() => {
-    if (content && isExpanded && !manual) {
-      const t = setTimeout(() => setIsExpanded(false), 300);
-      return () => clearTimeout(t);
-    }
-  }, [content, isExpanded, manual]);
-
-  return [isExpanded, toggle] as const;
-};

package/chat/messages/browserImageUrl.ts

@@ -1,48 +0,0 @@
-import { isLocalFileContentUrl } from "./fileUrl";
-
-type BrowserImageUrlDependencies = {
-  fetch?: typeof fetch;
-  blobToDataUrl?: (blob: Blob) => Promise<string | null>;
-};
-
-const blobToDataUrl = (blob: Blob): Promise<string | null> => {
-  if (typeof FileReader === "undefined") return Promise.resolve(null);
-
-  return new Promise((resolve) => {
-    const reader = new FileReader();
-    reader.onload = () => {
-      resolve(typeof reader.result === "string" ? reader.result : null);
-    };
-    reader.onerror = () => resolve(null);
-    reader.readAsDataURL(blob);
-  });
-};
-
-const buildAuthHeaders = (authToken: string | null | undefined): HeadersInit | undefined =>
-  authToken ? { Authorization: `Bearer ${authToken}` } : undefined;
-
-export const resolveBrowserModelImageUrl = async (
-  imageUrl: string,
-  args: {
-    authToken?: string | null;
-    deps?: BrowserImageUrlDependencies;
-  } = {}
-): Promise<string> => {
-  if (!isLocalFileContentUrl(imageUrl)) return imageUrl;
-
-  const fetchImpl = args.deps?.fetch ?? globalThis.fetch;
-  const blobToDataUrlImpl = args.deps?.blobToDataUrl ?? blobToDataUrl;
-  if (!fetchImpl) return imageUrl;
-
-  try {
-    const response = await fetchImpl(imageUrl, {
-      headers: buildAuthHeaders(args.authToken),
-    });
-    if (!response.ok) return imageUrl;
-
-    const dataUrl = await blobToDataUrlImpl(await response.blob());
-    return dataUrl || imageUrl;
-  } catch {
-    return imageUrl;
-  }
-};

package/chat/messages/deleteMessages.ts

@@ -1,47 +0,0 @@
-// chat/messages/deleteMessages.ts
-import { createKey } from "../../database/keys";
-
-export interface KeyValueDB {
-  batch: () => {
-    del: (key: string) => void;
-    write: () => Promise<void>;
-  };
-  iterator: (options: { gte: string; lte: string }) => AsyncIterable<[string, unknown]>;
-}
-
-/**
- * 通用的按前缀批量删除
- */
-export async function deleteRows(db: KeyValueDB, prefix: string) {
-  const batch = db.batch();
-  const deletedKeys: string[] = [];
-
-  let iterator = (db as any).iterator({
-    gte: prefix,
-    lte: prefix + "\uffff",
-  });
-
-  if (iterator && typeof iterator.then === 'function') {
-    iterator = await iterator;
-  }
-
-  for await (const [key] of iterator) {
-    batch.del(key);
-    deletedKeys.push(key);
-  }
-
-  await batch.write();
-
-  return {
-    message: "Rows deleted successfully",
-    processingIds: deletedKeys,
-  };
-}
-
-/**
- * 删除某个对话下的所有消息
- */
-export function deleteMessages(db: KeyValueDB, dialogId: string) {
-  const prefix = createKey("dialog", dialogId, "msg");
-  return deleteRows(db, prefix);
-}