079project 6.0.0 → 8.0.0

package/079project_frontend/src/App.js

@@ -0,0 +1,286 @@
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import './App.css';
+import AuthGate from './components/AuthGate';
+import { api } from './api/client';
+import ConfigPanel from './components/ConfigPanel';
+
+const loadJson = (key, fallback) => {
+  try {
+    const raw = localStorage.getItem(key);
+    if (!raw) return fallback;
+    return JSON.parse(raw);
+  } catch (_e) {
+    return fallback;
+  }
+};
+
+const saveJson = (key, value) => {
+  try {
+    localStorage.setItem(key, JSON.stringify(value));
+  } catch (_e) {}
+};
+
+function App() {
+  const [account, setAccount] = useState(() => loadJson('phoenix.account', { id: 'local', name: 'Local User' }));
+  const [sessions, setSessions] = useState(() => loadJson('phoenix.sessions', []));
+  const [activeSessionId, setActiveSessionId] = useState(() => loadJson('phoenix.activeSessionId', null));
+  const [activePage, setActivePage] = useState(() => loadJson('phoenix.activePage', 'chat'));
+  const [message, setMessage] = useState('');
+  const [busy, setBusy] = useState(false);
+  const [status, setStatus] = useState(null);
+  const [error, setError] = useState(null);
+  const inputRef = useRef(null);
+
+  const activeSession = useMemo(() => {
+    const found = sessions.find((s) => s.id === activeSessionId);
+    return found || null;
+  }, [sessions, activeSessionId]);
+
+  useEffect(() => {
+    saveJson('phoenix.account', account);
+  }, [account]);
+  useEffect(() => {
+    saveJson('phoenix.sessions', sessions);
+  }, [sessions]);
+  useEffect(() => {
+    saveJson('phoenix.activeSessionId', activeSessionId);
+  }, [activeSessionId]);
+  useEffect(() => {
+    saveJson('phoenix.activePage', activePage);
+  }, [activePage]);
+
+  useEffect(() => {
+    let cancelled = false;
+    api.systemStatus()
+      .then((r) => {
+        if (!cancelled) setStatus(r);
+      })
+      .catch((e) => {
+        if (!cancelled) setStatus({ ok: false, error: e.message });
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  const ensureSession = () => {
+    if (activeSession) return activeSession;
+    const id = `s_${Date.now().toString(36)}_${Math.random().toString(16).slice(2)}`;
+    const session = { id, title: 'New chat', createdAt: Date.now(), messages: [] };
+    setSessions((prev) => [session, ...prev]);
+    setActiveSessionId(id);
+    return session;
+  };
+
+  const appendMessage = (sessionId, msg) => {
+    setSessions((prev) =>
+      prev.map((s) =>
+        s.id === sessionId
+          ? {
+              ...s,
+              messages: [...s.messages, msg],
+              title: s.title === 'New chat' ? (msg.role === 'user' ? msg.text.slice(0, 24) || 'Chat' : s.title) : s.title
+            }
+          : s
+      )
+    );
+  };
+
+  const onSend = async () => {
+    const text = message.trim();
+    if (!text || busy) return;
+    setError(null);
+    setBusy(true);
+    const session = ensureSession();
+    const sid = session.id;
+    appendMessage(sid, { id: `m_${Date.now()}`, role: 'user', text, ts: Date.now() });
+    setMessage('');
+    try {
+      const r = await api.chat(text, sid);
+      const reply = r?.result?.reply ?? '';
+      appendMessage(sid, {
+        id: `m_${Date.now()}_ai`,
+        role: 'assistant',
+        text: reply,
+        ts: Date.now(),
+        meta: {
+          latency: r?.result?.latency,
+          seeds: r?.result?.seeds,
+          memes: r?.result?.memes
+        }
+      });
+    } catch (e) {
+      setError(e.message);
+      appendMessage(sid, { id: `m_${Date.now()}_err`, role: 'system', text: `Error: ${e.message}`, ts: Date.now() });
+    } finally {
+      setBusy(false);
+      setTimeout(() => inputRef.current?.focus(), 0);
+    }
+  };
+
+  const newSession = () => {
+    const id = `s_${Date.now().toString(36)}_${Math.random().toString(16).slice(2)}`;
+    const session = { id, title: 'New chat', createdAt: Date.now(), messages: [] };
+    setSessions((prev) => [session, ...prev]);
+    setActiveSessionId(id);
+    setTimeout(() => inputRef.current?.focus(), 0);
+  };
+
+  const deleteSession = (id) => {
+    setSessions((prev) => prev.filter((s) => s.id !== id));
+    if (activeSessionId === id) {
+      setActiveSessionId(null);
+    }
+  };
+
+  return (
+    <AuthGate>
+      <div className="phoenix-root">
+      <aside className="sidebar">
+        <div className="brand">
+          <div className="brand-title">079 Phoenix</div>
+          <div className="brand-sub">AI workspace</div>
+        </div>
+
+        <div className="account">
+          <div className="account-row">
+            <div className="avatar">{(account?.name || 'U').slice(0, 1).toUpperCase()}</div>
+            <div className="account-meta">
+              <div className="account-name">{account?.name || 'User'}</div>
+              <div className="account-id">{account?.id || 'local'}</div>
+            </div>
+          </div>
+          <div className="account-actions">
+            <button className="btn btn-ghost" onClick={() => setAccount((a) => ({ ...a, name: a.name === 'Local User' ? 'Operator' : 'Local User' }))}>
+              切换昵称
+            </button>
+            <button className="btn" onClick={newSession}>
+              新会话
+            </button>
+          </div>
+        </div>
+
+        <div className="sessions">
+          <div className="section-title">会话</div>
+          <div className="session-list">
+            {sessions.length === 0 ? (
+              <div className="muted">暂无会话</div>
+            ) : (
+              sessions.map((s) => (
+                <div key={s.id} className={`session-item ${s.id === activeSessionId ? 'active' : ''}`}>
+                  <button className="session-main" onClick={() => setActiveSessionId(s.id)}>
+                    <div className="session-title">{s.title || 'Chat'}</div>
+                    <div className="session-sub">{new Date(s.createdAt).toLocaleString()}</div>
+                  </button>
+                  <button className="session-del" onClick={() => deleteSession(s.id)} title="删除">
+                    ×
+                  </button>
+                </div>
+              ))
+            )}
+          </div>
+        </div>
+
+        <div className="nav">
+          <div className="section-title">导航</div>
+          <div className="nav-list">
+            <button className={`nav-item ${activePage === 'chat' ? 'active' : ''}`} onClick={() => setActivePage('chat')}>
+              Chat
+            </button>
+            <button className={`nav-item ${activePage === 'config' ? 'active' : ''}`} onClick={() => setActivePage('config')}>
+              Config
+            </button>
+          </div>
+        </div>
+
+        <div className="status">
+          <div className="section-title">后端</div>
+          <div className="status-row">
+            <span className={`dot ${status?.ok ? 'ok' : 'bad'}`} />
+            <span className="muted">{status?.ok ? 'connected' : 'disconnected'}</span>
+          </div>
+        </div>
+      </aside>
+
+      <main className="main">
+        {activePage === 'chat' ? (
+          <>
+            <header className="topbar">
+              <div className="topbar-title">{activeSession ? activeSession.title : '请选择或新建会话'}</div>
+              <div className="topbar-actions">
+                <button
+                  className="btn btn-ghost"
+                  onClick={() => api.snapshotCreate('ui').then(() => api.systemStatus().then(setStatus)).catch((e) => setError(e.message))}
+                >
+                  保存快照
+                </button>
+                <button className="btn btn-ghost" onClick={() => api.barrierStats().then(() => {}).catch((e) => setError(e.message))}>
+                  Barrier
+                </button>
+              </div>
+            </header>
+
+            <section className="chat">
+              <div className="chat-scroll">
+                {(activeSession?.messages || []).map((m) => (
+                  <div key={m.id} className={`msg ${m.role}`}>
+                    <div className="msg-role">{m.role}</div>
+                    <div className="msg-bubble">
+                      <div className="msg-text">{m.text}</div>
+                      {m.meta ? (
+                        <div className="msg-meta">
+                          {m.meta.latency != null ? <span>latency: {m.meta.latency}ms</span> : null}
+                          {Array.isArray(m.meta.seeds) ? <span> seeds: {m.meta.seeds.length}</span> : null}
+                          {Array.isArray(m.meta.memes) ? <span> memes: {m.meta.memes.length}</span> : null}
+                        </div>
+                      ) : null}
+                    </div>
+                  </div>
+                ))}
+              </div>
+
+              <div className="composer">
+                <input
+                  ref={inputRef}
+                  className="composer-input"
+                  value={message}
+                  placeholder={busy ? '生成中…' : '输入消息，Enter 发送'}
+                  onChange={(e) => setMessage(e.target.value)}
+                  onKeyDown={(e) => {
+                    if (e.key === 'Enter' && !e.shiftKey) {
+                      e.preventDefault();
+                      onSend();
+                    }
+                  }}
+                />
+                <button className="btn" disabled={busy || !message.trim()} onClick={onSend}>
+                  发送
+                </button>
+              </div>
+
+              {error ? <div className="error">{error}</div> : null}
+            </section>
+          </>
+        ) : (
+          <>
+            <header className="topbar">
+              <div className="topbar-title">Config</div>
+              <div className="topbar-actions">
+                <button className="btn btn-ghost" onClick={() => api.systemStatus().then(setStatus).catch((e) => setError(e.message))}>
+                  刷新后端状态
+                </button>
+              </div>
+            </header>
+            <section className="cfg-wrap">
+              <ConfigPanel onError={(msg) => setError(msg)} />
+              {error ? <div className="error">{error}</div> : null}
+            </section>
+          </>
+        )}
+      </main>
+    </div>
+    </AuthGate>
+  );
+}
+
+export default App;

package/079project_frontend/src/App.test.js

@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders shell', () => {
+  render(<App />);
+  expect(screen.getByText(/079 phoenix/i)).toBeInTheDocument();
+  expect(screen.getByText('新会话')).toBeInTheDocument();
+});

package/079project_frontend/src/api/client.js

@@ -0,0 +1,103 @@
+const API_BASE = process.env.REACT_APP_API_BASE || '';
+
+const TOKEN_KEY = 'phoenix_auth_token';
+
+export function getAuthToken() {
+  try {
+    return localStorage.getItem(TOKEN_KEY) || '';
+  } catch (_e) {
+    return '';
+  }
+}
+
+export function setAuthToken(token) {
+  try {
+    if (!token) localStorage.removeItem(TOKEN_KEY);
+    else localStorage.setItem(TOKEN_KEY, String(token));
+  } catch (_e) {
+    // ignore
+  }
+}
+
+async function request(path, { method = 'GET', body, headers } = {}) {
+  const token = getAuthToken();
+  const res = await fetch(`${API_BASE}${path}`, {
+    method,
+    headers: {
+      'Content-Type': 'application/json',
+      ...(token ? { Authorization: `Bearer ${token}` } : {}),
+      ...(headers || {})
+    },
+    body: body !== undefined ? JSON.stringify(body) : undefined
+  });
+  const text = await res.text();
+  let json;
+  try {
+    json = text ? JSON.parse(text) : null;
+  } catch (_e) {
+    json = { ok: false, error: 'invalid-json', raw: text };
+  }
+  if (!res.ok) {
+    const msg = json && typeof json === 'object' ? (json.error || json.message || res.statusText) : res.statusText;
+    const err = new Error(msg);
+    err.status = res.status;
+    err.payload = json;
+    throw err;
+  }
+  return json;
+}
+
+export const api = {
+  authConfig: () => request('/auth/config'),
+  authBootstrap: (username, password) => request('/auth/bootstrap', { method: 'POST', body: { username, password } }),
+  authLogin: async (username, password) => {
+    const out = await request('/auth/login', { method: 'POST', body: { username, password } });
+    if (out?.token) setAuthToken(out.token);
+    return out;
+  },
+  authMe: () => request('/auth/me'),
+  authLogout: async () => {
+    const out = await request('/auth/logout', { method: 'POST', body: {} });
+    setAuthToken('');
+    return out;
+  },
+  chat: (text, sessionId) => request('/api/chat', { method: 'POST', body: { text, sessionId } }),
+  arrayChat: (text, sessionId, options) => request('/api/array/chat', { method: 'POST', body: { text, sessionId, options } }),
+  runtimeFeatures: () => request('/api/runtime/features'),
+  runtimePatch: (patch) => request('/api/runtime/features', { method: 'PATCH', body: patch || {} }),
+  studyStatus: () => request('/api/study/status'),
+  dialogReset: () => request('/api/learn/dialog/reset', { method: 'POST', body: {} }),
+  searchConfig: () => request('/api/search/config'),
+  setSearchConfig: (config) => request('/api/search/config', { method: 'PUT', body: config || {} }),
+  searchEndpointAdd: (url) => request('/api/search/endpoints/add', { method: 'POST', body: { url } }),
+  searchEndpointRemove: (url) => request('/api/search/endpoints/remove', { method: 'POST', body: { url } }),
+  getParams: () => request('/api/model/params'),
+  setParams: (params) => request('/api/model/params', { method: 'POST', body: params }),
+  resetParams: () => request('/api/model/params/reset', { method: 'POST', body: {} }),
+  snapshots: () => request('/api/snapshots'),
+  snapshotCreate: (name) => request('/api/snapshots/create', { method: 'POST', body: { name } }),
+  snapshotRestore: (id) => request(`/api/snapshots/restore/${encodeURIComponent(id)}`, { method: 'POST', body: {} }),
+  snapshotDelete: (id) => request(`/api/snapshots/${encodeURIComponent(id)}`, { method: 'DELETE' }),
+  systemStatus: () => request('/api/system/status'),
+  systemConfig: () => request('/api/system/config'),
+  groups: () => request('/api/groups'),
+  groupMetrics: (gid) => request(`/api/groups/${encodeURIComponent(gid)}/metrics`),
+  requestOnline: (query, options) => request('/api/corpus/online', { method: 'POST', body: { query, options: options || {} } }),
+  shards: () => request('/api/shards'),
+  robotsList: () => request('/robots/list'),
+  robotsIngest: (options) => request('/robots/ingest', { method: 'POST', body: options || {} }),
+  robotsRetrain: (options) => request('/api/robots/retrain', { method: 'POST', body: options || {} }),
+  testsList: () => request('/api/tests/list'),
+  testsCase: (name, content) => request('/api/tests/case', { method: 'POST', body: { name, content } }),
+  testsRefresh: () => request('/api/tests/refresh', { method: 'POST', body: {} }),
+  exportGraph: (seeds, radius) => request('/api/export/graph', { method: 'POST', body: { seeds, radius } }),
+  exportGraphGroup: (groupId, seeds, radius) => request('/api/export/graph/group', { method: 'POST', body: { groupId, seeds, radius } }),
+  rlLearn: (cycles) => request('/api/learn/reinforce', { method: 'POST', body: { cycles } }),
+  rlLatest: () => request('/api/learn/reinforce/latest'),
+  advLearn: (samples) => request('/api/learn/adversarial', { method: 'POST', body: { samples } }),
+  advLatest: () => request('/api/learn/adversarial/latest'),
+  learnThresholds: (rlEvery, advEvery) => request('/api/learn/thresholds', { method: 'POST', body: { rlEvery, advEvery } }),
+  barrierStart: (maliciousThreshold) => request('/api/memebarrier/start', { method: 'POST', body: { maliciousThreshold } }),
+  barrierStop: () => request('/api/memebarrier/stop', { method: 'POST', body: {} }),
+  barrierStats: () => request('/api/memebarrier/stats')
+};

package/079project_frontend/src/components/AuthGate.js

@@ -0,0 +1,153 @@
+import React, { useEffect, useState } from 'react';
+import { api } from '../api/client';
+
+export default function AuthGate({ children }) {
+  const [state, setState] = useState({ loading: true, user: null, error: null, needsBootstrap: false });
+
+  useEffect(() => {
+    let alive = true;
+    (async () => {
+      try {
+        const out = await api.authMe();
+        if (!alive) return;
+        setState({ loading: false, user: out.user, error: null, needsBootstrap: false });
+      } catch (e) {
+        if (!alive) return;
+        // If backend hasn't been bootstrapped yet, login will 401 but bootstrap should be allowed.
+        setState({ loading: false, user: null, error: e, needsBootstrap: false });
+      }
+    })();
+    return () => {
+      alive = false;
+    };
+  }, []);
+
+  if (state.loading) {
+    return (
+      <div style={{ padding: 24, color: '#e5e7eb' }}>
+        <div style={{ fontSize: 18, fontWeight: 700 }}>正在验证身份…</div>
+      </div>
+    );
+  }
+
+  if (state.user) {
+    return children;
+  }
+
+  return <LoginPanel onAuthed={(user) => setState({ loading: false, user, error: null, needsBootstrap: false })} />;
+}
+
+function LoginPanel({ onAuthed }) {
+  const [mode, setMode] = useState('login'); // login | bootstrap
+  const [username, setUsername] = useState('admin');
+  const [password, setPassword] = useState('');
+  const [status, setStatus] = useState({ busy: false, error: null, info: null });
+
+  async function handleLogin() {
+    setStatus({ busy: true, error: null, info: null });
+    try {
+      const out = await api.authLogin(username, password);
+      const me = await api.authMe();
+      onAuthed(me.user);
+      setStatus({ busy: false, error: null, info: `欢迎 ${out.user?.username || username}` });
+    } catch (e) {
+      setStatus({ busy: false, error: e?.message || '登录失败', info: null });
+    }
+  }
+
+  async function handleBootstrap() {
+    setStatus({ busy: true, error: null, info: null });
+    try {
+      await api.authBootstrap(username, password);
+      await handleLogin();
+    } catch (e) {
+      setStatus({ busy: false, error: e?.message || '初始化失败', info: null });
+    }
+  }
+
+  return (
+    <div style={{ minHeight: '100vh', background: '#0b0f19', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+      <div style={{ width: 420, background: '#121a2a', border: '1px solid rgba(255,255,255,0.08)', borderRadius: 12, padding: 18 }}>
+        <div style={{ color: '#e5e7eb', fontSize: 18, fontWeight: 800, marginBottom: 8 }}>身份验证</div>
+        <div style={{ color: '#9aa4b2', fontSize: 12, marginBottom: 12 }}>
+          {mode === 'login' ? '请输入用户名与密码登录。' : '首次启动：创建管理员账号（只允许一次）。'}
+        </div>
+
+        <div style={{ display: 'grid', gap: 10 }}>
+          <label style={{ color: '#cbd5e1', fontSize: 12 }}>
+            用户名
+            <input
+              value={username}
+              onChange={(e) => setUsername(e.target.value)}
+              style={inputStyle}
+              placeholder="admin"
+              autoComplete="username"
+            />
+          </label>
+          <label style={{ color: '#cbd5e1', fontSize: 12 }}>
+            密码
+            <input
+              type="password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              style={inputStyle}
+              placeholder="至少 6 位"
+              autoComplete={mode === 'login' ? 'current-password' : 'new-password'}
+            />
+          </label>
+
+          {status.error ? <div style={{ color: '#fca5a5', fontSize: 12 }}>{String(status.error)}</div> : null}
+          {status.info ? <div style={{ color: '#86efac', fontSize: 12 }}>{String(status.info)}</div> : null}
+
+          <div style={{ display: 'flex', gap: 10, alignItems: 'center', justifyContent: 'space-between' }}>
+            <button
+              onClick={mode === 'login' ? handleLogin : handleBootstrap}
+              disabled={status.busy}
+              style={primaryBtn}
+            >
+              {status.busy ? '处理中…' : mode === 'login' ? '登录' : '创建管理员并登录'}
+            </button>
+
+            <button
+              onClick={() => setMode(mode === 'login' ? 'bootstrap' : 'login')}
+              disabled={status.busy}
+              style={linkBtn}
+            >
+              {mode === 'login' ? '首次启动？去初始化' : '返回登录'}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+const inputStyle = {
+  width: '100%',
+  marginTop: 6,
+  padding: '10px 12px',
+  borderRadius: 10,
+  border: '1px solid rgba(255,255,255,0.12)',
+  background: '#0b1220',
+  color: '#e5e7eb',
+  outline: 'none'
+};
+
+const primaryBtn = {
+  padding: '10px 12px',
+  borderRadius: 10,
+  border: '1px solid rgba(255,255,255,0.10)',
+  background: '#2563eb',
+  color: 'white',
+  fontWeight: 700,
+  cursor: 'pointer'
+};
+
+const linkBtn = {
+  padding: '10px 8px',
+  borderRadius: 10,
+  border: 'none',
+  background: 'transparent',
+  color: '#93c5fd',
+  cursor: 'pointer'
+};