@geminilight/mindos 0.6.59 → 0.6.61

package/_standalone/components/home/InboxSection.tsx

@@ -15,7 +15,13 @@ import {
   Check,
   Clock,
   ChevronDown,
+  X,
+  ExternalLink,
+  Copy,
+  Trash2,
 } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { toast } from '@/lib/toast';
 import { useLocale } from '@/lib/stores/locale-store';
 import { encodePath } from '@/lib/utils';
 import { quickDropToInbox } from '@/lib/inbox-upload';
@@ -55,6 +61,22 @@ export function InboxSection({ isOrganizing: externalOrganizing = false }: Inbox
     );
   }, [files, isOrganizing]);
 
+  const handleDeleteFile = useCallback(async (name: string) => {
+    try {
+      const res = await fetch('/api/inbox', {
+        method: 'DELETE',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ names: [name] }),
+      });
+      if (!res.ok) throw new Error('Failed to delete');
+      setFiles(prev => prev.filter(f => f.name !== name));
+      window.dispatchEvent(new Event('mindos:inbox-updated'));
+      toast.success(t.inbox.fileRemoved);
+    } catch {
+      toast.error(t.inbox.fileRemoveFailed);
+    }
+  }, [t]);
+
   const handleUpload = useCallback((selected: FileList | null) => {
     if (!selected || selected.length === 0) return;
     quickDropToInbox(Array.from(selected), t);
@@ -208,7 +230,7 @@ export function InboxSection({ isOrganizing: externalOrganizing = false }: Inbox
         <>
           <div className="flex flex-col gap-0.5 mb-3">
             {visibleFiles.map((file) => (
-              <InboxFileRow key={file.path} file={file} />
+              <InboxFileRow key={file.path} file={file} onDelete={handleDeleteFile} />
             ))}
           </div>
           {overflowCount > 0 && (
@@ -312,45 +334,139 @@ export function InboxSection({ isOrganizing: externalOrganizing = false }: Inbox
   );
 }
 
-function InboxFileRow({ file }: { file: InboxFile }) {
+function InboxFileRow({ file, onDelete }: { file: InboxFile; onDelete: (name: string) => void }) {
   const { t } = useLocale();
+  const router = useRouter();
   const isCSV = file.name.endsWith('.csv');
   const age = formatRelativeTime(file.modifiedAt, t.home.relativeTime);
+  const [ctxMenu, setCtxMenu] = useState<{ x: number; y: number } | null>(null);
+
+  const handleNavigate = () => {
+    router.push(`/view/${encodePath(file.path)}`);
+  };
+
+  const handleDelete = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    e.preventDefault();
+    onDelete(file.name);
+  };
+
+  const handleContextMenu = (e: React.MouseEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setCtxMenu({ x: e.clientX, y: e.clientY });
+  };
 
   return (
-    <Link
-      href={`/view/${encodePath(file.path)}`}
-      className="flex items-center gap-3 px-3 py-2 rounded-lg transition-all duration-100 hover:translate-x-0.5 hover:bg-muted group"
-    >
-      <span
-        className={`w-1.5 h-1.5 rounded-full shrink-0 ${
-          file.isAging ? 'bg-[var(--amber)]/60' : 'bg-[var(--amber)]'
-        }`}
-      />
-      {isCSV ? (
-        <Table size={12} className="shrink-0 text-success" />
-      ) : (
-        <FileText size={12} className="shrink-0 text-muted-foreground" />
-      )}
-      <span
-        className="text-sm truncate flex-1 text-foreground"
-        title={file.name}
-        suppressHydrationWarning
+    <>
+      <div
+        role="button"
+        tabIndex={0}
+        onClick={handleNavigate}
+        onKeyDown={(e) => { if (e.key === 'Enter') handleNavigate(); }}
+        onContextMenu={handleContextMenu}
+        className="flex items-center gap-3 px-3 py-2 rounded-lg transition-all duration-100 hover:translate-x-0.5 hover:bg-muted group cursor-pointer"
       >
-        {file.name}
-      </span>
-      <span className="text-2xs text-muted-foreground/50 tabular-nums shrink-0">
-        {age}
-      </span>
-      {file.isAging && (
-        <span title="7+ days">
-          <AlertCircle
-            size={11}
-            className="shrink-0 text-[var(--amber)]/60"
-          />
+        <span
+          className={`w-1.5 h-1.5 rounded-full shrink-0 ${
+            file.isAging ? 'bg-[var(--amber)]/60' : 'bg-[var(--amber)]'
+          }`}
+        />
+        {isCSV ? (
+          <Table size={12} className="shrink-0 text-success" />
+        ) : (
+          <FileText size={12} className="shrink-0 text-muted-foreground" />
+        )}
+        <span
+          className="text-sm truncate flex-1 text-foreground"
+          title={file.name}
+          suppressHydrationWarning
+        >
+          {file.name}
+        </span>
+        <span className="text-2xs text-muted-foreground/50 tabular-nums shrink-0 group-hover:hidden">
+          {age}
         </span>
+        {file.isAging && (
+          <span title="7+ days" className="group-hover:hidden">
+            <AlertCircle
+              size={11}
+              className="shrink-0 text-[var(--amber)]/60"
+            />
+          </span>
+        )}
+        {/* Hover delete button */}
+        <button
+          type="button"
+          onClick={handleDelete}
+          className="hidden group-hover:flex items-center justify-center w-5 h-5 rounded shrink-0 text-muted-foreground/50 hover:text-destructive hover:bg-destructive/10 transition-colors"
+          title={t.inbox.removeFile}
+        >
+          <X size={12} />
+        </button>
+      </div>
+      {ctxMenu && (
+        <InboxFileContextMenu
+          x={ctxMenu.x}
+          y={ctxMenu.y}
+          file={file}
+          onDelete={() => { setCtxMenu(null); onDelete(file.name); }}
+          onClose={() => setCtxMenu(null)}
+        />
       )}
-    </Link>
+    </>
+  );
+}
+
+/** Right-click context menu for Inbox file items */
+function InboxFileContextMenu({ x, y, file, onDelete, onClose }: {
+  x: number; y: number; file: InboxFile; onDelete: () => void; onClose: () => void;
+}) {
+  const menuRef = useRef<HTMLDivElement>(null);
+  const router = useRouter();
+  const { t } = useLocale();
+
+  useEffect(() => {
+    const handleClick = (e: MouseEvent) => {
+      if (menuRef.current && !menuRef.current.contains(e.target as Node)) onClose();
+    };
+    const handleKey = (e: KeyboardEvent) => { if (e.key === 'Escape') onClose(); };
+    document.addEventListener('mousedown', handleClick);
+    document.addEventListener('keydown', handleKey);
+    return () => { document.removeEventListener('mousedown', handleClick); document.removeEventListener('keydown', handleKey); };
+  }, [onClose]);
+
+  const adjX = typeof window !== 'undefined' ? Math.min(x, window.innerWidth - 200) : x;
+  const adjY = typeof window !== 'undefined' ? Math.min(y, window.innerHeight - 120) : y;
+
+  const menuItemClass = 'w-full flex items-center gap-2 px-3 py-1.5 text-sm text-foreground hover:bg-muted transition-colors text-left';
+
+  return (
+    <div
+      ref={menuRef}
+      className="fixed z-50 min-w-[160px] bg-card border border-border rounded-lg shadow-lg py-1"
+      style={{ top: adjY, left: adjX }}
+    >
+      <button
+        className={menuItemClass}
+        onClick={() => { router.push(`/view/${encodePath(file.path)}`); onClose(); }}
+      >
+        <ExternalLink size={14} className="shrink-0" /> {t.inbox.openFile}
+      </button>
+      <button
+        className={menuItemClass}
+        onClick={() => { navigator.clipboard.writeText(file.name); toast.copy(); onClose(); }}
+      >
+        <Copy size={14} className="shrink-0" /> {t.inbox.copyName}
+      </button>
+      <div className="border-t border-border my-1" />
+      <button
+        className={`${menuItemClass} text-destructive hover:text-destructive`}
+        onClick={onDelete}
+      >
+        <Trash2 size={14} className="shrink-0" /> {t.inbox.removeFile}
+      </button>
+    </div>
   );
 }
 

package/_standalone/components/walkthrough/WalkthroughTooltip.tsx

@@ -50,7 +50,9 @@ export default function WalkthroughTooltip({ stepIndex, rect, position }: Walkth
 
   return (
     <div
-      className="fixed z-[102] w-[280px] rounded-xl border shadow-lg animate-in fade-in slide-in-from-left-2 duration-200"
+      className={`fixed z-[102] w-[280px] rounded-xl border shadow-lg animate-in fade-in duration-200 ${
+        position === 'right' ? 'slide-in-from-left-2' : 'slide-in-from-top-2'
+      }`}
       style={{
         top: `${top}px`,
         left: `${left}px`,

package/_standalone/components/walkthrough/steps.ts

@@ -18,6 +18,6 @@ export interface WalkthroughStep {
  */
 export const walkthroughSteps: WalkthroughStep[] = [
   { anchor: 'files-panel', position: 'right' },
-  { anchor: 'ask-button', position: 'right' },
+  { anchor: 'ask-button', position: 'bottom' },
   { anchor: 'agents-panel', position: 'right' },
 ];

package/_standalone/hooks/useAskChat.ts

@@ -1,7 +1,7 @@
 'use client';
 
 import { useRef, useState, useCallback } from 'react';
-import type { Message, ImagePart, AskMode } from '@/lib/types';
+import type { Message, ImagePart, AskMode, LocalAttachment } from '@/lib/types';
 import type { ProviderId } from '@/lib/agent/providers';
 import { consumeUIMessageStream } from '@/lib/agent/stream-consumer';
 import { isRetryableError, retryDelay, sleep } from '@/lib/agent/reconnect';
@@ -18,7 +18,7 @@ export interface AskChatRefs {
     setMessages: React.Dispatch<React.SetStateAction<Message[]>>;
   }>;
   uploadRef: React.RefObject<{
-    localAttachments: { name: string; content: string }[];
+    localAttachments: LocalAttachment[];
   }>;
   selectedSkillRef: React.RefObject<{ name: string } | null>;
   selectedAcpAgentRef: React.RefObject<unknown>;
@@ -103,12 +103,14 @@ export function useAskChat({
       messages: requestMessages,
       currentFile,
       attachedFiles: refs.attachedFilesRef.current,
-      uploadedFiles: upl.localAttachments.map(f => ({
-        name: f.name,
-        content: f.content.length > 20_000
-          ? f.content.slice(0, 20_000) + '\n\n[...truncated to first ~20000 chars]'
-          : f.content,
-      })),
+      uploadedFiles: upl.localAttachments
+        .filter(f => f.status !== 'loading')
+        .map(f => ({
+          name: f.name,
+          content: f.content.length > 80_000
+            ? f.content.slice(0, 80_000) + '\n\n[...truncated to first ~80000 chars]'
+            : f.content,
+        })),
       selectedAcpAgent: acpAgent,
       mode: chatMode,
       providerOverride: providerOverride ?? undefined,

package/_standalone/hooks/useFileUpload.ts

@@ -22,28 +22,76 @@ function uint8ToBase64(bytes: Uint8Array): string {
   return btoa(binary);
 }
 
-async function extractPdfText(file: File): Promise<string> {
-  const buffer = await file.arrayBuffer();
-  const dataBase64 = uint8ToBase64(new Uint8Array(buffer));
+/**
+ * Extract text from a PDF file via the backend API.
+ * Returns a LocalAttachment with `status` reflecting the outcome.
+ */
+async function extractPdfToAttachment(file: File): Promise<LocalAttachment> {
+  const name = file.name;
 
-  const res = await fetch('/api/extract-pdf', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ name: file.name, dataBase64 }),
-  });
-
-  let payload: { text?: string; extracted?: boolean; error?: string } = {};
   try {
-    payload = await res.json();
-  } catch {
-    // ignore JSON parse error
-  }
+    const buffer = await file.arrayBuffer();
+    const dataBase64 = uint8ToBase64(new Uint8Array(buffer));
 
-  if (!res.ok) {
-    throw new Error(payload.error || `PDF extraction failed (${res.status})`);
-  }
+    const res = await fetch('/api/extract-pdf', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ name, dataBase64 }),
+    });
+
+    let payload: {
+      text?: string;
+      extracted?: boolean;
+      error?: string;
+      truncated?: boolean;
+      totalChars?: number;
+      pagesParsed?: number;
+    } = {};
+    try {
+      payload = await res.json();
+    } catch {
+      throw new Error('Failed to parse extraction response');
+    }
+
+    if (!res.ok) {
+      throw new Error(payload.error || `PDF extraction failed (${res.status})`);
+    }
+
+    const extracted = payload.extracted ? (payload.text || '') : '';
+
+    if (!extracted) {
+      return {
+        name,
+        content: `[PDF: ${name}] Could not extract readable text (possibly scanned/image PDF).`,
+        status: 'error',
+        error: 'Scanned or image-only PDF — no extractable text',
+      };
+    }
+
+    const att: LocalAttachment = {
+      name,
+      content: `[PDF TEXT EXTRACTED: ${name}]\n\n${extracted}`,
+      status: 'success',
+    };
+
+    if (payload.truncated && payload.totalChars) {
+      att.truncatedInfo = {
+        totalChars: payload.totalChars,
+        includedChars: extracted.length,
+        totalPages: payload.pagesParsed ?? 0,
+      };
+    }
 
-  return payload.extracted ? (payload.text || '') : '';
+    return att;
+  } catch (err) {
+    const msg = err instanceof Error ? err.message : 'Unknown error';
+    return {
+      name,
+      content: `[PDF: ${name}] Failed to extract text from this PDF.`,
+      status: 'error',
+      error: msg,
+    };
+  }
 }
 
 export function useFileUpload() {
@@ -73,37 +121,43 @@ export function useFileUpload() {
       setUploadError('');
     }
 
-    const loaded = await Promise.all(
-      accepted.map(async (f) => {
-        const ext = getExt(f.name);
-        if (ext === '.pdf') {
-          try {
-            const extracted = await extractPdfText(f);
-            return {
-              name: f.name,
-              content: extracted
-                ? `[PDF TEXT EXTRACTED: ${f.name}]\n\n${extracted}`
-                : `[PDF: ${f.name}] Could not extract readable text (possibly scanned/image PDF).`,
-            };
-          } catch {
-            return {
-              name: f.name,
-              content: `[PDF: ${f.name}] Failed to extract text from this PDF.`,
-            };
-          }
-        }
-        return { name: f.name, content: await f.text() };
-      }),
-    );
+    // Phase 1: Immediately add all files — PDFs start in 'loading' state
+    const pdfFiles: File[] = [];
+    const immediateItems: LocalAttachment[] = [];
+
+    for (const f of accepted) {
+      if (getExt(f.name) === '.pdf') {
+        immediateItems.push({ name: f.name, content: '', status: 'loading' });
+        pdfFiles.push(f);
+      } else {
+        immediateItems.push({
+          name: f.name,
+          content: await f.text(),
+          status: 'success',
+        });
+      }
+    }
 
     setLocalAttachments((prev) => {
       const merged = [...prev];
-      for (const item of loaded) {
-        if (!merged.some((m) => m.name === item.name && m.content === item.content))
-          merged.push(item);
+      for (const item of immediateItems) {
+        if (!merged.some((m) => m.name === item.name)) merged.push(item);
       }
       return merged;
     });
+
+    // Phase 2: Extract PDFs in parallel, then update each one in-place
+    if (pdfFiles.length > 0) {
+      const results = await Promise.all(pdfFiles.map(extractPdfToAttachment));
+
+      setLocalAttachments((prev) =>
+        prev.map((att) => {
+          if (att.status !== 'loading') return att;
+          const result = results.find((r) => r.name === att.name);
+          return result ?? att;
+        }),
+      );
+    }
   }, []);
 
   const removeAttachment = useCallback((idx: number) => {

package/_standalone/hooks/useImageUpload.ts

@@ -86,7 +86,7 @@ export function useImageUpload() {
       }
       try {
         const { data, mimeType } = await compressImage(file);
-        results.push({ type: 'image', data, mimeType });
+        results.push({ type: 'image', data, mimeType, fileName: file.name || undefined });
       } catch {
         setImageError(`Failed to process image: ${file.name}`);
       }

package/_standalone/lib/inbox-upload.ts

@@ -91,3 +91,89 @@ export async function quickDropToInbox(
     toast.error(t.inbox.saveFailed, 4000);
   }
 }
+
+/**
+ * Drop files into a specific directory via /api/file/import.
+ * Used when user drags external files onto a directory in the file tree.
+ */
+export async function quickDropToDirectory(
+  files: File[],
+  targetDir: string,
+  t: ReturnType<typeof useLocale>['t'],
+) {
+  const payload: Array<{ name: string; content: string; encoding?: string }> = [];
+  let oversizedCount = 0;
+
+  const BINARY_EXTS = new Set([
+    'pdf', 'png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'ico',
+    'mp3', 'wav', 'm4a', 'ogg', 'flac', 'aac', 'mp4', 'webm', 'mov', 'mkv',
+  ]);
+
+  for (const file of files) {
+    if (file.size > MAX_FILE_SIZE) {
+      oversizedCount++;
+      continue;
+    }
+    try {
+      const ext = (file.name.split('.').pop() ?? '').toLowerCase();
+      if (BINARY_EXTS.has(ext)) {
+        const buf = await file.arrayBuffer();
+        payload.push({ name: file.name, content: arrayBufferToBase64(buf), encoding: 'base64' });
+      } else {
+        const text = await file.text();
+        payload.push({ name: file.name, content: text });
+      }
+    } catch {
+      /* skip unreadable files */
+    }
+  }
+
+  if (payload.length === 0) {
+    if (oversizedCount > 0) {
+      toast.error(t.inbox.tooLarge(oversizedCount), 4000);
+    } else if (files.length > 0) {
+      toast.error(t.inbox.saveFailed, 4000);
+    }
+    return;
+  }
+
+  const dirName = targetDir.split('/').pop() || targetDir;
+
+  try {
+    const res = await fetch('/api/file/import', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        files: payload,
+        targetSpace: targetDir,
+        organize: false,
+        conflict: 'rename',
+      }),
+    });
+
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      console.error('[TreeDrop] Save failed:', data.error);
+      toast.error(t.inbox.saveFailed, 4000);
+      return;
+    }
+
+    const result = await res.json();
+    const saved = result.created?.length ?? 0;
+    const skipped = result.skipped?.length ?? 0;
+
+    if (saved > 0 && (skipped + oversizedCount) > 0) {
+      toast.success(t.inbox.savedWithSkipped(saved, skipped + oversizedCount), 4000);
+    } else if (saved > 0) {
+      toast.success(t.inbox.savedToDir(saved, dirName), 3000);
+    } else {
+      if (oversizedCount > 0) toast.error(t.inbox.tooLarge(oversizedCount), 4000);
+      if (skipped > 0) toast.error(t.inbox.savedWithSkipped(0, skipped), 4000);
+    }
+
+    window.dispatchEvent(new Event('mindos:files-changed'));
+  } catch (err) {
+    console.error('[TreeDrop] Network error:', err);
+    toast.error(t.inbox.saveFailed, 4000);
+  }
+}

package/_standalone/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "wiki-app",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "wiki-app",
-      "version": "0.1.0",
+      "version": "0.1.1",
       "hasInstallScript": true,
       "dependencies": {
         "@base-ui/react": "^1.2.0",

package/_standalone/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wiki-app",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": true,
   "scripts": {
     "generate": "npx tsx scripts/generate-explore.ts",