079project 6.0.0 → 8.0.0

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

@@ -0,0 +1,643 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { api } from '../api/client';
+
+const asNum = (v, fallback) => {
+  const n = Number(v);
+  return Number.isFinite(n) ? n : fallback;
+};
+
+function FieldRow({ label, hint, children }) {
+  return (
+    <div className="cfg-row">
+      <div className="cfg-label">
+        <div className="cfg-label-title">{label}</div>
+        {hint ? <div className="cfg-label-hint">{hint}</div> : null}
+      </div>
+      <div className="cfg-control">{children}</div>
+    </div>
+  );
+}
+
+export default function ConfigPanel({ onError }) {
+  const [loading, setLoading] = useState(false);
+  const [features, setFeatures] = useState(null);
+  const [patchBusy, setPatchBusy] = useState(false);
+  const [studyStatus, setStudyStatus] = useState(null);
+  const [systemConfig, setSystemConfig] = useState(null);
+  const [groupsInfo, setGroupsInfo] = useState(null);
+
+  const [maliciousThreshold, setMaliciousThreshold] = useState('');
+  const [rlEvery, setRlEvery] = useState('');
+  const [advEvery, setAdvEvery] = useState('');
+
+  const [testsDir, setTestsDir] = useState('');
+  const [testsFiles, setTestsFiles] = useState([]);
+  const [newTestName, setNewTestName] = useState('');
+  const [newTestContent, setNewTestContent] = useState('');
+
+  const [robotsFiles, setRobotsFiles] = useState([]);
+  const [robotsSelected, setRobotsSelected] = useState([]);
+  const [robotsLimit, setRobotsLimit] = useState('10');
+  const [robotsShuffle, setRobotsShuffle] = useState(true);
+  const [robotsEnqueueStudy, setRobotsEnqueueStudy] = useState(true);
+
+  const [searchConfig, setSearchConfig] = useState(null);
+  const [searchAddUrl, setSearchAddUrl] = useState('');
+  const [searchTestQuery, setSearchTestQuery] = useState('');
+  const [searchTestResult, setSearchTestResult] = useState(null);
+
+  const [graphGroupId, setGraphGroupId] = useState('');
+  const [graphSeedsText, setGraphSeedsText] = useState('');
+  const [graphRadius, setGraphRadius] = useState('2');
+  const [graphExportBusy, setGraphExportBusy] = useState(false);
+  const [graphExportResult, setGraphExportResult] = useState(null);
+
+  const featureSummary = useMemo(() => {
+    if (!features) return null;
+    return {
+      memebarrier: features.memebarrier,
+      rl: features.rl,
+      adv: features.adv,
+      thresholds: features.dialogThresholds
+    };
+  }, [features]);
+
+  const refreshAll = async () => {
+    setLoading(true);
+    try {
+      const [f, t, r, s, sc, cfg, groups] = await Promise.all([
+        api.runtimeFeatures(),
+        api.testsList(),
+        api.robotsList(),
+        api.studyStatus(),
+        api.searchConfig(),
+        api.systemConfig().catch(() => null),
+        api.groups().catch(() => null)
+      ]);
+      setFeatures(f?.features || null);
+      setMaliciousThreshold(String(f?.features?.memebarrier?.threshold ?? ''));
+      setRlEvery(String(f?.features?.dialogThresholds?.rlEvery ?? ''));
+      setAdvEvery(String(f?.features?.dialogThresholds?.advEvery ?? ''));
+
+      setTestsDir(t?.directory || '');
+      setTestsFiles(Array.isArray(t?.files) ? t.files : []);
+
+      setRobotsFiles(Array.isArray(r?.files) ? r.files : []);
+      setStudyStatus(s || null);
+      setSearchConfig(sc?.config || null);
+
+      setSystemConfig(cfg?.config || null);
+      setGroupsInfo(groups || null);
+
+      const firstGroup = (groups?.groups && groups.groups[0]?.gid) || (cfg?.config?.groupIds && cfg.config.groupIds[0]) || '';
+      if (!graphGroupId && firstGroup) setGraphGroupId(firstGroup);
+    } catch (e) {
+      onError?.(e.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const parseSeeds = (text) => {
+    const raw = String(text || '')
+      .split(/\r?\n|,|;/g)
+      .map((s) => s.trim())
+      .filter(Boolean);
+    return raw.length ? raw : undefined;
+  };
+
+  const exportGraphForGroup = async () => {
+    if (!graphGroupId) {
+      onError?.('groupId required');
+      return;
+    }
+    setGraphExportBusy(true);
+    try {
+      const seeds = parseSeeds(graphSeedsText);
+      const radius = asNum(graphRadius, 2);
+      const r = await api.exportGraphGroup(graphGroupId, seeds, radius);
+      setGraphExportResult(r || null);
+    } catch (e) {
+      onError?.(e.message);
+    } finally {
+      setGraphExportBusy(false);
+    }
+  };
+
+  const downloadGraphTxt = () => {
+    const content = graphExportResult?.content;
+    if (!content) return;
+    const nameFromApi = graphExportResult?.file;
+    const safeGroup = String(graphGroupId || 'group').replace(/[^a-zA-Z0-9_-]/g, '_');
+    const filename = nameFromApi ? String(nameFromApi).replace(/\.(json|txt)$/i, '') + '.txt' : `graph_${safeGroup}.txt`;
+    const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(url);
+  };
+
+  const updateSearchConfig = async (patch) => {
+    try {
+      const current = searchConfig || { enabled: true, active: '', endpoints: [] };
+      const next = { ...current, ...(patch || {}) };
+      const r = await api.setSearchConfig(next);
+      setSearchConfig(r?.config || null);
+    } catch (e) {
+      onError?.(e.message);
+    }
+  };
+
+  useEffect(() => {
+    refreshAll();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const applyPatch = async (patch) => {
+    setPatchBusy(true);
+    try {
+      const r = await api.runtimePatch(patch);
+      setFeatures(r?.features || null);
+      setMaliciousThreshold(String(r?.features?.memebarrier?.threshold ?? ''));
+      setRlEvery(String(r?.features?.dialogThresholds?.rlEvery ?? ''));
+      setAdvEvery(String(r?.features?.dialogThresholds?.advEvery ?? ''));
+      if (Array.isArray(r?.result?.warnings) && r.result.warnings.length) {
+        onError?.(r.result.warnings.join(' | '));
+      }
+    } catch (e) {
+      onError?.(e.message);
+    } finally {
+      setPatchBusy(false);
+    }
+  };
+
+  const saveThresholds = async () => {
+    await applyPatch({ rlEvery: asNum(rlEvery, undefined), advEvery: asNum(advEvery, undefined) });
+  };
+
+  const saveBarrierThreshold = async () => {
+    await applyPatch({ maliciousThreshold: asNum(maliciousThreshold, undefined) });
+  };
+
+  const createTestCase = async () => {
+    if (!newTestName.trim()) {
+      onError?.('name required');
+      return;
+    }
+    try {
+      await api.testsCase(newTestName.trim(), newTestContent);
+      setNewTestName('');
+      setNewTestContent('');
+      const t = await api.testsList();
+      setTestsDir(t?.directory || '');
+      setTestsFiles(Array.isArray(t?.files) ? t.files : []);
+    } catch (e) {
+      onError?.(e.message);
+    }
+  };
+
+  const refreshTests = async () => {
+    try {
+      await api.testsRefresh();
+    } catch (e) {
+      onError?.(e.message);
+    }
+  };
+
+  const retrainRobots = async () => {
+    try {
+      await api.robotsRetrain({
+        files: robotsSelected.length ? robotsSelected : undefined,
+        limit: asNum(robotsLimit, undefined),
+        shuffle: Boolean(robotsShuffle),
+        enqueueStudy: Boolean(robotsEnqueueStudy)
+      });
+    } catch (e) {
+      onError?.(e.message);
+    }
+  };
+
+  return (
+    <div className="cfg">
+      <div className="cfg-head">
+        <div>
+          <div className="cfg-title">Config</div>
+          <div className="cfg-sub">运行时开关 / tests 刷新 / robots 重训</div>
+        </div>
+        <div className="cfg-actions">
+          <button className="btn btn-ghost" disabled={loading} onClick={refreshAll}>
+            刷新
+          </button>
+        </div>
+      </div>
+
+      <div className="cfg-grid">
+        <section className="card">
+          <div className="card-title">工作组 / 图导出</div>
+          <div className="muted">组数/组大小为启动配置（修改需重启）</div>
+
+          <div className="cfg-kv" style={{ marginTop: 10 }}>
+            <div className="muted">groupCount / groupSize</div>
+            <div className="mono">{String(systemConfig?.groupCount ?? '-')}/{String(systemConfig?.groupSize ?? '-')}</div>
+          </div>
+          <div className="cfg-kv">
+            <div className="muted">groupIds</div>
+            <div className="mono">{Array.isArray(systemConfig?.groupIds) ? systemConfig.groupIds.join(', ') : '-'}</div>
+          </div>
+
+          <div className="hr" />
+
+          <div className="card-subtitle">按组导出 graph JSON</div>
+          <FieldRow label="Group" hint="选择一个工作组导出其 graph">
+            <select className="input" value={graphGroupId} onChange={(e) => setGraphGroupId(e.target.value)}>
+              {(groupsInfo?.groups || []).map((g) => (
+                <option key={g.gid} value={g.gid}>
+                  {g.gid}
+                </option>
+              ))}
+            </select>
+          </FieldRow>
+          <FieldRow label="Radius" hint="图窗口半径">
+            <input className="input" value={graphRadius} onChange={(e) => setGraphRadius(e.target.value)} placeholder="2" />
+          </FieldRow>
+          <FieldRow label="Seeds（可选）" hint="逗号/分号/换行分隔；留空表示导出默认窗口">
+            <textarea className="textarea" value={graphSeedsText} onChange={(e) => setGraphSeedsText(e.target.value)} placeholder="seedA, seedB\nseedC" />
+          </FieldRow>
+          <div className="cfg-inline">
+            <button className="btn" disabled={graphExportBusy || !graphGroupId} onClick={exportGraphForGroup}>
+              {graphExportBusy ? '导出中…' : '导出'}
+            </button>
+            <button
+              className="btn btn-ghost"
+              disabled={!graphExportResult?.content}
+              onClick={() => {
+                if (!graphExportResult?.content) return;
+                navigator.clipboard?.writeText(graphExportResult.content).catch(() => {});
+              }}
+            >
+              复制 JSON
+            </button>
+            <button className="btn btn-ghost" disabled={!graphExportResult?.content} onClick={downloadGraphTxt}>
+              下载 .txt
+            </button>
+          </div>
+          {graphExportResult?.content ? (
+            <pre className="mono" style={{ whiteSpace: 'pre-wrap', marginTop: 10, maxHeight: 260, overflow: 'auto' }}>
+              {graphExportResult.content}
+            </pre>
+          ) : null}
+        </section>
+
+        <section className="card">
+          <div className="card-title">运行时开关</div>
+
+          <FieldRow label="MemeBarrier" hint="启用/停用隔离扫描">
+            <div className="cfg-inline">
+              <button className="btn" disabled={patchBusy} onClick={() => applyPatch({ memebarrierEnabled: true })}>
+                启用
+              </button>
+              <button className="btn btn-ghost" disabled={patchBusy} onClick={() => applyPatch({ memebarrierEnabled: false })}>
+                停用
+              </button>
+              <span className="pill">{featureSummary?.memebarrier?.enabled ? 'running' : 'stopped'}</span>
+            </div>
+          </FieldRow>
+
+          <FieldRow label="Barrier 阈值" hint="maliciousThreshold">
+            <div className="cfg-inline">
+              <input className="input" value={maliciousThreshold} onChange={(e) => setMaliciousThreshold(e.target.value)} placeholder="e.g. 0.82" />
+              <button className="btn" disabled={patchBusy} onClick={saveBarrierThreshold}>
+                保存
+              </button>
+            </div>
+          </FieldRow>
+
+          <FieldRow label="RL" hint="强化学习端点与对话触发">
+            <div className="cfg-inline">
+              <button className="btn" disabled={patchBusy} onClick={() => applyPatch({ rlEnabled: true })}>
+                启用
+              </button>
+              <button className="btn btn-ghost" disabled={patchBusy} onClick={() => applyPatch({ rlEnabled: false })}>
+                停用
+              </button>
+              <span className="pill">{featureSummary?.rl?.enabled ? 'enabled' : 'disabled'}</span>
+            </div>
+          </FieldRow>
+
+          <FieldRow label="ADV" hint="对抗学习端点与对话触发">
+            <div className="cfg-inline">
+              <button className="btn" disabled={patchBusy} onClick={() => applyPatch({ advEnabled: true })}>
+                启用
+              </button>
+              <button className="btn btn-ghost" disabled={patchBusy} onClick={() => applyPatch({ advEnabled: false })}>
+                停用
+              </button>
+              <span className="pill">{featureSummary?.adv?.enabled ? 'enabled' : 'disabled'}</span>
+            </div>
+          </FieldRow>
+
+          <FieldRow label="对话触发学习" hint="开启后才会按阈值触发 RL/ADV">
+            <div className="cfg-inline">
+              <button
+                className="btn"
+                disabled={patchBusy}
+                onClick={() => applyPatch({ dialogLearningEnabled: true })}
+              >
+                启用
+              </button>
+              <button
+                className="btn btn-ghost"
+                disabled={patchBusy}
+                onClick={() => applyPatch({ dialogLearningEnabled: false })}
+              >
+                停用
+              </button>
+              <span className="pill">{features?.dialogLearning?.enabled ? 'enabled' : 'disabled'}</span>
+              <button
+                className="btn btn-ghost"
+                disabled={patchBusy}
+                onClick={async () => {
+                  try {
+                    await api.dialogReset();
+                    const f = await api.runtimeFeatures();
+                    setFeatures(f?.features || null);
+                  } catch (e) {
+                    onError?.(e.message);
+                  }
+                }}
+              >
+                重置计数
+              </button>
+            </div>
+          </FieldRow>
+
+          <div className="hr" />
+
+          <FieldRow label="对话触发阈值" hint="每 N 次对话触发学习">
+            <div className="cfg-inline">
+              <input className="input" value={rlEvery} onChange={(e) => setRlEvery(e.target.value)} placeholder="rlEvery" />
+              <input className="input" value={advEvery} onChange={(e) => setAdvEvery(e.target.value)} placeholder="advEvery" />
+              <button className="btn" disabled={patchBusy} onClick={saveThresholds}>
+                保存
+              </button>
+            </div>
+          </FieldRow>
+
+          <div className="cfg-kv">
+            <div className="muted">对话计数</div>
+            <div className="mono">total={features?.dialogCounters?.total ?? 0}, lastRL={features?.dialogCounters?.lastRL ?? 0}, lastADV={features?.dialogCounters?.lastADV ?? 0}</div>
+          </div>
+        </section>
+
+        <section className="card">
+          <div className="card-title">Study 状态</div>
+          <div className="muted">显示 study 队列与 worker 错误（用于排查为何未学习）</div>
+
+          <div className="cfg-kv" style={{ marginTop: 10 }}>
+            <div className="muted">running</div>
+            <div className="mono">{String(studyStatus?.running ?? false)}</div>
+          </div>
+          <div className="cfg-kv">
+            <div className="muted">queue</div>
+            <div className="mono">{String(studyStatus?.queue ?? 0)}</div>
+          </div>
+          <div className="cfg-kv">
+            <div className="muted">metrics</div>
+            <div className="mono">
+              enqueued={studyStatus?.metrics?.enqueued ?? 0}, processed={studyStatus?.metrics?.processed ?? 0}, lastError={studyStatus?.metrics?.lastError ?? 'null'}
+            </div>
+          </div>
+
+          <div className="cfg-inline" style={{ marginTop: 10 }}>
+            <button
+              className="btn"
+              onClick={async () => {
+                try {
+                  const s = await api.studyStatus();
+                  setStudyStatus(s || null);
+                } catch (e) {
+                  onError?.(e.message);
+                }
+              }}
+            >
+              刷新 Study 状态
+            </button>
+          </div>
+        </section>
+
+        <section className="card">
+          <div className="card-title">Tests 用例（运行时刷新）</div>
+          <div className="muted">目录：{testsDir || '-'}</div>
+
+          <div className="cfg-inline" style={{ marginTop: 10 }}>
+            <button className="btn" onClick={refreshTests}>
+              刷新 tests 词表
+            </button>
+            <button
+              className="btn btn-ghost"
+              onClick={async () => {
+                try {
+                  const t = await api.testsList();
+                  setTestsDir(t?.directory || '');
+                  setTestsFiles(Array.isArray(t?.files) ? t.files : []);
+                } catch (e) {
+                  onError?.(e.message);
+                }
+              }}
+            >
+              重新列出
+            </button>
+          </div>
+
+          <div className="cfg-list">
+            {(testsFiles || []).slice(0, 50).map((f) => (
+              <div key={f} className="cfg-list-item">
+                <span className="mono">{f}</span>
+              </div>
+            ))}
+            {testsFiles.length > 50 ? <div className="muted">仅显示前 50 个</div> : null}
+          </div>
+
+          <div className="hr" />
+
+          <div className="card-subtitle">新增/覆盖用例</div>
+          <FieldRow label="文件名" hint="自动补 .txt，非法字符会被替换">
+            <input className="input" value={newTestName} onChange={(e) => setNewTestName(e.target.value)} placeholder="case_001" />
+          </FieldRow>
+          <FieldRow label="内容" hint="任意文本；RL 侧按你的实现读取">
+            <textarea className="textarea" value={newTestContent} onChange={(e) => setNewTestContent(e.target.value)} placeholder="输入测试文本…" />
+          </FieldRow>
+          <button className="btn" onClick={createTestCase}>
+            写入用例
+          </button>
+        </section>
+
+        <section className="card">
+          <div className="card-title">Robots 重训（重新 ingest）</div>
+          <div className="muted">选择 robots 文件并触发重新训练/重建词表</div>
+
+          <FieldRow label="limit" hint="本次 ingest 文档数量（可空）">
+            <input className="input" value={robotsLimit} onChange={(e) => setRobotsLimit(e.target.value)} placeholder="10" />
+          </FieldRow>
+          <FieldRow label="shuffle" hint="随机抽样">
+            <label className="toggle">
+              <input type="checkbox" checked={robotsShuffle} onChange={(e) => setRobotsShuffle(e.target.checked)} />
+              <span>启用</span>
+            </label>
+          </FieldRow>
+          <FieldRow label="enqueueStudy" hint="同时推送到 study 队列">
+            <label className="toggle">
+              <input type="checkbox" checked={robotsEnqueueStudy} onChange={(e) => setRobotsEnqueueStudy(e.target.checked)} />
+              <span>启用</span>
+            </label>
+          </FieldRow>
+
+          <div className="card-subtitle">选择文件（可多选）</div>
+          <div className="cfg-checklist">
+            {(robotsFiles || []).slice(0, 80).map((f) => {
+              const checked = robotsSelected.includes(f);
+              return (
+                <label key={f} className="check">
+                  <input
+                    type="checkbox"
+                    checked={checked}
+                    onChange={(e) => {
+                      const on = e.target.checked;
+                      setRobotsSelected((prev) => (on ? Array.from(new Set([...prev, f])) : prev.filter((x) => x !== f)));
+                    }}
+                  />
+                  <span className="mono">{f}</span>
+                </label>
+              );
+            })}
+            {robotsFiles.length > 80 ? <div className="muted">仅显示前 80 个</div> : null}
+          </div>
+
+          <div className="cfg-inline" style={{ marginTop: 10 }}>
+            <button className="btn" onClick={retrainRobots}>
+              触发重训
+            </button>
+            <button className="btn btn-ghost" onClick={() => setRobotsSelected([])}>
+              清空选择
+            </button>
+          </div>
+        </section>
+
+        <section className="card">
+          <div className="card-title">线上搜索（Online Research）</div>
+          <div className="muted">运行时开关 + 搜索网址库（endpoint 列表）</div>
+
+          <FieldRow label="启用线上搜索" hint="关闭后 /api/corpus/online 将直接走本地 fallback">
+            <div className="cfg-inline">
+              <button className="btn" onClick={() => updateSearchConfig({ enabled: true })}>
+                启用
+              </button>
+              <button className="btn btn-ghost" onClick={() => updateSearchConfig({ enabled: false })}>
+                停用
+              </button>
+              <span className="pill">{searchConfig?.enabled ? 'enabled' : 'disabled'}</span>
+            </div>
+          </FieldRow>
+
+          <FieldRow label="当前 endpoint" hint="用于远程 GET 请求的 base URL">
+            <div className="cfg-inline">
+              <select
+                className="input"
+                value={searchConfig?.active || ''}
+                onChange={(e) => updateSearchConfig({ active: e.target.value })}
+              >
+                <option value="">(空)</option>
+                {(searchConfig?.endpoints || []).map((u) => (
+                  <option key={u} value={u}>
+                    {u}
+                  </option>
+                ))}
+              </select>
+              <button
+                className="btn btn-ghost"
+                onClick={() => {
+                  if (!searchConfig?.active) return;
+                  navigator.clipboard?.writeText(searchConfig.active).catch(() => {});
+                }}
+              >
+                复制
+              </button>
+            </div>
+          </FieldRow>
+
+          <div className="hr" />
+
+          <div className="card-subtitle">添加 endpoint</div>
+          <div className="cfg-inline">
+            <input className="input" value={searchAddUrl} onChange={(e) => setSearchAddUrl(e.target.value)} placeholder="https://example.com/search" />
+            <button
+              className="btn"
+              onClick={async () => {
+                const url = searchAddUrl.trim();
+                if (!url) return;
+                try {
+                  const r = await api.searchEndpointAdd(url);
+                  setSearchConfig(r?.config || null);
+                  setSearchAddUrl('');
+                } catch (e) {
+                  onError?.(e.message);
+                }
+              }}
+            >
+              添加
+            </button>
+          </div>
+
+          <div className="cfg-list">
+            {(searchConfig?.endpoints || []).map((u) => (
+              <div key={u} className="cfg-list-item" style={{ display: 'flex', justifyContent: 'space-between', gap: 10, alignItems: 'center' }}>
+                <span className="mono" style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>{u}</span>
+                <button
+                  className="btn btn-ghost"
+                  onClick={async () => {
+                    try {
+                      const r = await api.searchEndpointRemove(u);
+                      setSearchConfig(r?.config || null);
+                    } catch (e) {
+                      onError?.(e.message);
+                    }
+                  }}
+                >
+                  删除
+                </button>
+              </div>
+            ))}
+            {!searchConfig?.endpoints?.length ? <div className="muted">暂无 endpoint</div> : null}
+          </div>
+
+          <div className="hr" />
+
+          <div className="card-subtitle">快速测试</div>
+          <div className="cfg-inline">
+            <input className="input" value={searchTestQuery} onChange={(e) => setSearchTestQuery(e.target.value)} placeholder="输入 query，然后走 /api/corpus/online" />
+            <button
+              className="btn"
+              onClick={async () => {
+                try {
+                  const q = searchTestQuery.trim();
+                  if (!q) return;
+                  const r = await api.requestOnline(q);
+                  setSearchTestResult(r?.result || r);
+                } catch (e) {
+                  onError?.(e.message);
+                }
+              }}
+            >
+              测试
+            </button>
+          </div>
+          {searchTestResult ? <pre className="mono" style={{ whiteSpace: 'pre-wrap', marginTop: 10 }}>{JSON.stringify(searchTestResult, null, 2)}</pre> : null}
+        </section>
+      </div>
+    </div>
+  );
+}

package/079project_frontend/src/index.css

@@ -0,0 +1,21 @@
+body {
+  margin: 0;
+  background: #0b0f19;
+  color: #e6e8ee;
+  overflow-x: hidden;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+html, body, #root {
+  height: 100%;
+  background: #0b0f19;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

package/079project_frontend/src/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

package/079project_frontend/src/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>