Ask alienintel anything.

I've read FBI file 62-HQ-83894 — the Bureau's master file on flying-disc reports, 1944–1973. Six sections, 1,262 OCR'd pages, released by DoD on 8 May 2026 as part of PURSUE Release 01. Every answer comes with citations and a confidence score.

{SUGGESTIONS.map((s) => ( onPick(s)}>{s} ))}

{ setVal(e.target.value); grow(); }}
              onKeyDown={onKey}
              rows={1}
              disabled={busy}
            />
            <div className="composer-actions">
              <button className="composer-btn" title="Attach document" aria-label="Attach document" onClick={() => fileRef.current && fileRef.current.click()}>
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
              </button>
              <button className="composer-btn composer-send" title="Send" aria-label="Send" onClick={submit} disabled={!val.trim() || busy}>
                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true"><path d="M12 19V5M5 12l7-7 7 7"/></svg>
              </button>
            </div>
          </div>
          <input
            ref={fileRef}
            type="file"
            className="hidden-file"
            multiple
            accept=".pdf,.txt,.docx,.doc,.md,.json,.csv,.mp3,.wav"
            onChange={(e) => onAttach(Array.from(e.target.files || []))}
          />
        </div>
        <div className="composer-foot">
          <div className="left">
            <span><kbd>↵</kbd> send</span>
            <span><kbd>⇧↵</kbd> newline</span>
            <span><kbd>+</kbd> attach</span>
          </div>
          <span>alienintel-2.6 · grounded · cites every claim</span>
        </div>
      </div>
    </div>
  );
}

// ---------- APP ----------
function ChatApp() {
  const [docs, setDocs] = useState(CORPUS_SEED);
  const [messages, setMessages] = useState([]);
  const [busy, setBusy] = useState(false);
  const [thinkingId, setThinkingId] = useState(null);
  const [phase, setPhase] = useState("Indexing query");
  const [threads, setThreads] = useState([
    { id: "t1", title: "Hottel memo provenance", ts: "now" },
    { id: "t2", title: "Roswell wire vs. RAAF release", ts: "2h" },
    { id: "t3", title: "Bureau policy 1947–49", ts: "yesterday" },
  ]);
  const [activeThread, setActiveThread] = useState("t1");
  const [dragOver, setDragOver] = useState(false);
  const streamRef = useRef(null);
  const dragCounter = useRef(0);

// auto-scroll
  useEffect(() => {
    const el = streamRef.current;
    if (!el) return;
    el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
  }, [messages, thinkingId]);

// simulate phase rotation while busy
  useEffect(() => {
    if (!busy) return;
    const phases = ["Indexing query", "Cross-referencing reports", "Verifying sources", "Calculating confidence"];
    let i = 0;
    setPhase(phases[0]);
    const id = setInterval(() => {
      i = (i + 1) % phases.length;
      setPhase(phases[i]);
    }, 700);
    return () => clearInterval(id);
  }, [busy]);

setBusy(true);
    const tid = uid();
    setThinkingId(tid);
    setMessages((m) => [...m, { id: tid, role: "thinking" }]);

// simulate ingestion
    newDocs.forEach((nd, idx) => {
      const start = Date.now();
      const total = 1800 + idx * 250;
      const tick = setInterval(() => {
        const elapsed = Date.now() - start;
        const pct = Math.min(100, Math.round((elapsed / total) * 100));
        setDocs((d) => d.map((x) => x.id === nd.id ? { ...x, progress: pct } : x));
        if (pct >= 100) {
          clearInterval(tick);
          setDocs((d) => d.map((x) => x.id === nd.id ? { ...x, uploading: false, progress: 100 } : x));
          // system message
          setMessages((m) => [...m, {
            id: uid(),
            role: "bot",
            ts: now(),
            body: [{ type: "p", text: `**${nd.name}** ingested. Indexed and added to the corpus. You can now ask questions that reference it.` }],
            sources: [],
          }]);
        }
      }, 120);
    });
  }, []);

// page-level drag and drop
  useEffect(() => {
    const onDragEnter = (e) => {
      e.preventDefault();
      if (e.dataTransfer && Array.from(e.dataTransfer.types || []).includes("Files")) {
        dragCounter.current++;
        setDragOver(true);
      }
    };
    const onDragOver = (e) => { e.preventDefault(); };
    const onDragLeave = (e) => {
      e.preventDefault();
      dragCounter.current--;
      if (dragCounter.current <= 0) {
        dragCounter.current = 0;
        setDragOver(false);
      }
    };
    const onDrop = (e) => {
      e.preventDefault();
      dragCounter.current = 0;
      setDragOver(false);
      const files = Array.from((e.dataTransfer && e.dataTransfer.files) || []);
      if (files.length) upload(files);
    };
    window.addEventListener("dragenter", onDragEnter);
    window.addEventListener("dragover", onDragOver);
    window.addEventListener("dragleave", onDragLeave);
    window.addEventListener("drop", onDrop);
    return () => {
      window.removeEventListener("dragenter", onDragEnter);
      window.removeEventListener("dragover", onDragOver);
      window.removeEventListener("dragleave", onDragLeave);
      window.removeEventListener("drop", onDrop);
    };
  }, [upload]);

const showWelcome = messages.length === 0;

return (
    <div className="chat-shell">
      <TopBar docCount={docs.length} />
      <Sidebar
        docs={docs}
        onUpload={upload}
        onPickSuggestion={send}
        threads={threads}
        activeThreadId={activeThread}
        onPickThread={setActiveThread}
      />
      <main className="cmain">
        <div className={"drag-overlay" + (dragOver ? " show" : "")}>
          <div className="inner">
            <div className="gly">↓</div>
            <h3>Drop to ingest</h3>
            <p>Document joins the corpus instantly</p>
          </div>
        </div>
        <div className="cstream" ref={streamRef}>
          <div className="cstream-inner">
            {showWelcome && <Welcome onPick={send} />}
            {messages.map((m) => <Message key={m.id} m={{ ...m, phase: m.role === "thinking" ? phase : undefined }} />)}
          </div>
        </div>
        <Composer onSend={send} onAttach={upload} busy={busy} />
      </main>
    </div>
  );
}

ReactDOM.createRoot(document.getElementById("app")).render(<ChatApp />);

Ask alienintel anything.