@geminilight/mindos 0.5.68 → 0.5.70

package/app/components/ask/AskContent.tsx

@@ -177,6 +177,17 @@ export default function AskContent({ visible, currentFile, initialMessage, onFir
   const upload = useFileUpload();
   const mention = useMention();
 
+  useEffect(() => {
+    const handler = (e: Event) => {
+      const files = (e as CustomEvent).detail?.files;
+      if (Array.isArray(files) && files.length > 0) {
+        upload.injectFiles(files);
+      }
+    };
+    window.addEventListener('mindos:inject-ask-files', handler);
+    return () => window.removeEventListener('mindos:inject-ask-files', handler);
+  }, [upload]);
+
   // Focus and init session when becoming visible (edge-triggered for panel, level-triggered for modal)
   const prevVisibleRef = useRef(false);
   useEffect(() => {

package/app/components/panels/AgentsPanelAgentGroups.tsx

@@ -34,13 +34,14 @@ export function AgentsPanelAgentGroups({
 }) {
   return (
     <div>
-      <div className="px-0 py-1 mb-0.5">
-        <span className="text-2xs font-semibold text-muted-foreground uppercase tracking-wider">{p.rosterLabel}</span>
+      <div className="px-0 py-1.5 mb-1">
+        <span className="text-2xs font-semibold text-muted-foreground/70 uppercase tracking-wider">{p.rosterLabel}</span>
       </div>
       {connected.length > 0 && (
         <section className="mb-3">
-          <h3 className="text-[11px] font-medium text-muted-foreground/90 uppercase tracking-wider mb-2 pl-0.5">
-            {p.sectionConnected} ({connected.length})
+          <h3 className="flex items-center gap-1.5 text-[11px] font-medium text-muted-foreground/80 uppercase tracking-wider mb-2 pl-0.5">
+            <span className="w-1 h-3 rounded-full bg-[var(--success)]/50" aria-hidden="true" />
+            {p.sectionConnected} <span className="text-muted-foreground/50 tabular-nums">({connected.length})</span>
           </h3>
           <div className="space-y-1.5">
             {connected.map(agent => (
@@ -60,8 +61,9 @@ export function AgentsPanelAgentGroups({
 
       {detected.length > 0 && (
         <section className="mb-3">
-          <h3 className="text-[11px] font-medium text-muted-foreground/90 uppercase tracking-wider mb-2 pl-0.5">
-            {p.sectionDetected} ({detected.length})
+          <h3 className="flex items-center gap-1.5 text-[11px] font-medium text-muted-foreground/80 uppercase tracking-wider mb-2 pl-0.5">
+            <span className="w-1 h-3 rounded-full bg-[var(--amber)]/50" aria-hidden="true" />
+            {p.sectionDetected} <span className="text-muted-foreground/50 tabular-nums">({detected.length})</span>
           </h3>
           <div className="space-y-1.5">
             {detected.map(agent => (

package/app/components/panels/AgentsPanelHubNav.tsx

@@ -27,18 +27,18 @@ export function AgentsPanelHubNav({
       <PanelNavRow
         icon={<LayoutDashboard size={14} className="text-[var(--amber)]" />}
         title={copy.navOverview}
-        badge={<span className="text-2xs tabular-nums text-muted-foreground">{connectedCount}</span>}
+        badge={<span className="text-2xs tabular-nums text-muted-foreground/60 px-1.5 py-0.5 rounded bg-muted/40 font-medium">{connectedCount}</span>}
         href="/agents"
         active={inAgentsRoute && (tab === null || tab === 'overview')}
       />
       <PanelNavRow
-        icon={<Server size={14} className="text-muted-foreground" />}
+        icon={<Server size={14} className={inAgentsRoute && tab === 'mcp' ? 'text-[var(--amber)]' : 'text-muted-foreground'} />}
         title={copy.navMcp}
         href="/agents?tab=mcp"
         active={inAgentsRoute && tab === 'mcp'}
       />
       <PanelNavRow
-        icon={<Zap size={14} className="text-muted-foreground" />}
+        icon={<Zap size={14} className={inAgentsRoute && tab === 'skills' ? 'text-[var(--amber)]' : 'text-muted-foreground'} />}
         title={copy.navSkills}
         href="/agents?tab=skills"
         active={inAgentsRoute && tab === 'skills'}

package/app/components/panels/DiscoverPanel.tsx

@@ -1,11 +1,15 @@
 'use client';
 
-import { Lightbulb, Blocks, Zap, LayoutTemplate, User, Download, RefreshCw, Repeat, Rocket, Search, Handshake, ShieldCheck } from 'lucide-react';
+import { useState, useEffect, useCallback, useRef } from 'react';
+import { useRouter } from 'next/navigation';
+import { Lightbulb, Blocks, Zap, LayoutTemplate, User, Download, RefreshCw, Repeat, Rocket, Search, Handshake, ShieldCheck, ChevronDown } from 'lucide-react';
 import PanelHeader from './PanelHeader';
 import { PanelNavRow, ComingSoonBadge } from './PanelNavRow';
 import { useLocale } from '@/lib/LocaleContext';
 import { useCases } from '@/components/explore/use-cases';
 import { openAskModal } from '@/hooks/useAskModal';
+import { getPluginRenderers, isRendererEnabled, setRendererEnabled, loadDisabledState } from '@/lib/renderers/registry';
+import { Toggle } from '../settings/Primitives';
 
 interface DiscoverPanelProps {
   active: boolean;
@@ -56,8 +60,44 @@ export default function DiscoverPanel({ active, maximized, onMaximize }: Discove
   const { t } = useLocale();
   const d = t.panels.discover;
   const e = t.explore;
+  const p = t.panels.plugins;
+  const router = useRouter();
+
+  const [pluginsMounted, setPluginsMounted] = useState(false);
+  const [showPlugins, setShowPlugins] = useState(false);
+  const [, forceUpdate] = useState(0);
+  const [existingFiles, setExistingFiles] = useState<Set<string>>(new Set());
+  const fetchedRef = useRef(false);
+
+  useEffect(() => {
+    loadDisabledState();
+    setPluginsMounted(true);
+  }, []);
+
+  useEffect(() => {
+    if (!pluginsMounted || fetchedRef.current) return;
+    fetchedRef.current = true;
+    const entryPaths = getPluginRenderers().map(r => r.entryPath).filter((ep): ep is string => !!ep);
+    if (entryPaths.length === 0) return;
+    fetch('/api/files')
+      .then(r => r.ok ? r.json() : [])
+      .then((allPaths: string[]) => {
+        const pathSet = new Set(allPaths);
+        setExistingFiles(new Set(entryPaths.filter(ep => pathSet.has(ep))));
+      })
+      .catch(() => {});
+  }, [pluginsMounted]);
+
+  const handleToggle = useCallback((id: string, enabled: boolean) => {
+    setRendererEnabled(id, enabled);
+    forceUpdate(n => n + 1);
+    window.dispatchEvent(new Event('renderer-state-changed'));
+  }, []);
+
+  const handleOpenPlugin = useCallback((entryPath: string) => {
+    router.push(`/view/${entryPath.split('/').map(encodeURIComponent).join('/')}`);
+  }, [router]);
 
-  /** Type-safe lookup for use case i18n */
   const getUseCaseText = (id: string): { title: string; prompt: string } | undefined => {
     const map: Record<string, { title: string; desc: string; prompt: string }> = {
       c1: e.c1, c2: e.c2, c3: e.c3, c4: e.c4, c5: e.c5,
@@ -66,6 +106,9 @@ export default function DiscoverPanel({ active, maximized, onMaximize }: Discove
     return map[id];
   };
 
+  const renderers = pluginsMounted ? getPluginRenderers() : [];
+  const enabledCount = pluginsMounted ? renderers.filter(r => isRendererEnabled(r.id)).length : 0;
+
   return (
     <div className={`flex flex-col h-full ${active ? '' : 'hidden'}`}>
       <PanelHeader title={d.title} maximized={maximized} onMaximize={onMaximize} />
@@ -97,6 +140,49 @@ export default function DiscoverPanel({ active, maximized, onMaximize }: Discove
 
         <div className="mx-4 border-t border-border" />
 
+        {/* Installed extensions (merged from Plugins panel) */}
+        <div className="py-2">
+          <button
+            type="button"
+            onClick={() => setShowPlugins(v => !v)}
+            className="w-full flex items-center gap-1.5 px-4 py-1.5 text-left"
+          >
+            <ChevronDown size={11} className={`text-muted-foreground transition-transform duration-150 ${showPlugins ? '' : '-rotate-90'}`} />
+            <Blocks size={13} className="text-muted-foreground shrink-0" />
+            <span className="text-2xs font-medium text-muted-foreground uppercase tracking-wider flex-1">
+              {p.title}
+            </span>
+            <span className="text-2xs text-muted-foreground tabular-nums">{enabledCount}/{renderers.length}</span>
+          </button>
+          {showPlugins && renderers.map(r => {
+            const enabled = isRendererEnabled(r.id);
+            const fileExists = r.entryPath ? existingFiles.has(r.entryPath) : false;
+            const canOpen = enabled && r.entryPath && fileExists;
+            return (
+              <div
+                key={r.id}
+                className={`flex items-center gap-2 px-4 py-1.5 mx-1 rounded-sm transition-colors ${canOpen ? 'cursor-pointer hover:bg-muted/50' : ''} ${!enabled ? 'opacity-50' : ''}`}
+                onClick={canOpen ? () => handleOpenPlugin(r.entryPath!) : undefined}
+                role={canOpen ? 'link' : undefined}
+                tabIndex={canOpen ? 0 : undefined}
+                onKeyDown={canOpen ? (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleOpenPlugin(r.entryPath!); } } : undefined}
+              >
+                <span className="text-sm shrink-0" suppressHydrationWarning>{r.icon}</span>
+                <span className="text-xs text-foreground truncate flex-1">{r.name}</span>
+                {r.core ? (
+                  <span className="text-2xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground shrink-0">{p.core}</span>
+                ) : (
+                  <div onClick={e => e.stopPropagation()}>
+                    <Toggle checked={enabled} onChange={v => handleToggle(r.id, v)} size="sm" />
+                  </div>
+                )}
+              </div>
+            );
+          })}
+        </div>
+
+        <div className="mx-4 border-t border-border" />
+
         {/* Quick try — use case list */}
         <div className="py-2">
           <div className="px-4 py-1.5">

package/app/hooks/useFileImport.ts

@@ -0,0 +1,191 @@
+'use client';
+
+import { useState, useCallback, useRef } from 'react';
+import { ALLOWED_IMPORT_EXTENSIONS } from '@/lib/core/file-convert';
+
+export type ImportIntent = 'archive' | 'digest';
+export type ImportStep = 'select' | 'archive_config' | 'importing' | 'done';
+export type ConflictMode = 'skip' | 'rename' | 'overwrite';
+
+export interface ImportFile {
+  file: File;
+  name: string;
+  size: number;
+  content: string | null;
+  loading: boolean;
+  error: string | null;
+}
+
+const MAX_FILE_SIZE = 5 * 1024 * 1024;
+const MAX_PDF_SIZE = 12 * 1024 * 1024;
+const MAX_FILES = 20;
+
+function getExt(name: string): string {
+  const idx = name.lastIndexOf('.');
+  return idx >= 0 ? name.slice(idx).toLowerCase() : '';
+}
+
+function formatSize(bytes: number): string {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+
+export function useFileImport() {
+  const [files, setFiles] = useState<ImportFile[]>([]);
+  const [step, setStep] = useState<ImportStep>('select');
+  const [intent, setIntent] = useState<ImportIntent>('archive');
+  const [targetSpace, setTargetSpace] = useState('');
+  const [conflict, setConflict] = useState<ConflictMode>('rename');
+  const [importing, setImporting] = useState(false);
+  const [result, setResult] = useState<{
+    created: Array<{ original: string; path: string }>;
+    skipped: Array<{ name: string; reason: string }>;
+    errors: Array<{ name: string; error: string }>;
+    updatedFiles: string[];
+  } | null>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const addFiles = useCallback(async (fileList: FileList | File[]) => {
+    const incoming = Array.from(fileList).slice(0, MAX_FILES);
+    const newFiles: ImportFile[] = [];
+
+    for (const file of incoming) {
+      const ext = getExt(file.name);
+      const maxSize = ext === '.pdf' ? MAX_PDF_SIZE : MAX_FILE_SIZE;
+
+      let error: string | null = null;
+      if (!ALLOWED_IMPORT_EXTENSIONS.has(ext)) {
+        error = 'unsupported';
+      } else if (file.size > maxSize) {
+        error = 'tooLarge';
+      }
+
+      newFiles.push({
+        file,
+        name: file.name,
+        size: file.size,
+        content: null,
+        loading: !error,
+        error,
+      });
+    }
+
+    setFiles(prev => {
+      const merged = [...prev];
+      for (const f of newFiles) {
+        const isDup = merged.some(m =>
+          m.name === f.name && m.size === f.size
+        );
+        if (!isDup && merged.length < MAX_FILES) merged.push(f);
+      }
+      return merged;
+    });
+
+    for (const f of newFiles) {
+      if (f.error) continue;
+      try {
+        const text = await f.file.text();
+        setFiles(prev => prev.map(p =>
+          p.name === f.name && p.size === f.size
+            ? { ...p, content: text, loading: false }
+            : p
+        ));
+      } catch {
+        setFiles(prev => prev.map(p =>
+          p.name === f.name && p.size === f.size
+            ? { ...p, loading: false, error: 'readFailed' }
+            : p
+        ));
+      }
+    }
+  }, []);
+
+  const removeFile = useCallback((index: number) => {
+    setFiles(prev => prev.filter((_, i) => i !== index));
+  }, []);
+
+  const clearFiles = useCallback(() => {
+    setFiles([]);
+    setStep('select');
+    setResult(null);
+  }, []);
+
+  const validFiles = files.filter(f => !f.error && f.content !== null);
+  const allReady = files.length > 0 && files.every(f => !f.loading);
+  const hasErrors = files.some(f => f.error);
+
+  const doArchive = useCallback(async () => {
+    if (validFiles.length === 0) return;
+    setImporting(true);
+    setStep('importing');
+
+    try {
+      const payload = {
+        files: validFiles.map(f => ({
+          name: f.name,
+          content: f.content!,
+        })),
+        targetSpace: targetSpace || undefined,
+        conflict,
+        organize: true,
+      };
+
+      const res = await fetch('/api/file/import', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(payload),
+      });
+
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
+
+      setResult(data);
+      setStep('done');
+    } catch (err) {
+      setResult({
+        created: [],
+        skipped: [],
+        errors: [{ name: '*', error: (err as Error).message }],
+        updatedFiles: [],
+      });
+      setStep('done');
+    } finally {
+      setImporting(false);
+    }
+  }, [validFiles, targetSpace, conflict]);
+
+  const reset = useCallback(() => {
+    setFiles([]);
+    setStep('select');
+    setIntent('archive');
+    setTargetSpace('');
+    setConflict('rename');
+    setImporting(false);
+    setResult(null);
+  }, []);
+
+  return {
+    files,
+    step,
+    intent,
+    targetSpace,
+    conflict,
+    importing,
+    result,
+    inputRef,
+    validFiles,
+    allReady,
+    hasErrors,
+    addFiles,
+    removeFile,
+    clearFiles,
+    setStep,
+    setIntent,
+    setTargetSpace,
+    setConflict,
+    doArchive,
+    reset,
+    formatSize,
+  };
+}

package/app/hooks/useFileUpload.ts

@@ -115,6 +115,16 @@ export function useFileUpload() {
     setUploadError('');
   }, []);
 
+  const injectFiles = useCallback((files: LocalAttachment[]) => {
+    setLocalAttachments(prev => {
+      const merged = [...prev];
+      for (const item of files) {
+        if (!merged.some(m => m.name === item.name)) merged.push(item);
+      }
+      return merged;
+    });
+  }, []);
+
   return {
     localAttachments,
     uploadError,
@@ -122,5 +132,6 @@ export function useFileUpload() {
     pickFiles,
     removeAttachment,
     clearAttachments,
+    injectFiles,
   };
 }

package/app/lib/agent/context.ts

@@ -227,7 +227,7 @@ export async function compactMessages(
 
     console.log(`[ask] Compacted ${earlyMessages.length} early messages into summary (${summaryText.length} chars)`);
 
-    const summaryContent = `[Summary of earlier conversation]\n\n${summaryText}`;
+    const summaryContent = `[System Note: Older conversation history has been truncated due to context length limits, but here is an AI-generated summary of what was discussed so far.]\n\n${summaryText}`;
 
     // If first recent message is also 'user', merge summary into it to avoid
     // consecutive user messages (Anthropic rejects user→user sequences).
@@ -316,10 +316,15 @@ export function hardPrune(
     console.log(`[ask] Hard pruned ${cutIdx} messages, injecting synthetic user message (${messages.length} → ${pruned.length + 1})`);
     const syntheticUser: UserMessage = {
       role: 'user',
-      content: '[Conversation context was pruned due to length. Continuing from here.]',
+      content: '[System Note: Older conversation history has been truncated due to context length limits. The user may refer to things you can no longer see. If so, kindly ask them to repeat the context.]',
       timestamp: Date.now(),
     };
     return [syntheticUser as AgentMessage, ...pruned];
+  } else if (cutIdx > 0 && pruned.length > 0 && (pruned[0] as any).role === 'user') {
+    // If we pruned and the first message IS a user message, prepend the warning to it
+    const firstMsg = { ...pruned[0] } as UserMessage;
+    firstMsg.content = `[System Note: Older conversation history has been truncated due to context length limits. The user may refer to things you can no longer see. If so, kindly ask them to repeat the context.]\n\n` + firstMsg.content;
+    pruned[0] = firstMsg as AgentMessage;
   }
 
   if (cutIdx > 0) {