{ - const element = (event.target as HTMLElement).closest('[data-wiki]') - if (element?.dataset.wiki && onWiki) onWiki(element.dataset.wiki) - }} dangerouslySetInnerHTML={{ __html: html }} /> -} interface TreeNode { name: string; key: string; folders: Map; documents: KnowledgeDocumentSummary[] } function knowledgeTree(documents: KnowledgeDocumentSummary[]) { @@ -189,7 +182,7 @@ function knowledgeTree(documents: KnowledgeDocumentSummary[]) { function countTree(node: TreeNode): number { return node.documents.length + [...node.folders.values()].reduce((sum, child) => sum + countTree(child), 0) } -function KnowledgeTree({ node, depth, expanded, active, onToggle, onOpen }: { node: TreeNode; depth: number; expanded: Set; active?: string; onToggle: (key: string) => void; onOpen: (item: KnowledgeDocumentSummary) => void }) { +function KnowledgeTree({ node, depth, expanded, active, onToggle, onOpen, onRemoveFolder, folderMenuKey, onFolderMenuToggle }: { node: TreeNode; depth: number; expanded: Set; active?: string; onToggle: (key: string) => void; onOpen: (item: KnowledgeDocumentSummary) => void; onRemoveFolder?: (folder: TreeNode) => void; folderMenuKey?: string | null; onFolderMenuToggle?: (key: string) => void }) { const folders = [...node.folders.values()].sort((a, b) => a.name.localeCompare(b.name, 'zh-CN')) const documents = [...node.documents].sort((a, b) => a.title.localeCompare(b.title, 'zh-CN')) return <> @@ -199,7 +192,8 @@ function KnowledgeTree({ node, depth, expanded, active, onToggle, onOpen }: { no onToggle(folder.key)}> {folder.name}{countTree(folder)} - {open && } + {onRemoveFolder && onFolderMenuToggle && { event.stopPropagation(); onFolderMenuToggle(folder.key) }}>{folderMenuKey === folder.key && { event.stopPropagation(); onFolderMenuToggle(folder.key); onRemoveFolder(folder) }}>移到回收站}} + {open && } })} {documents.map((document) => onOpen(document)}> @@ -231,6 +225,25 @@ function HoloLakeApp() { const [codeTree, setCodeTree] = useState(null) const [activeCodeFile, setActiveCodeFile] = useState(null) const [codeMode, setCodeMode] = useState<'human' | 'source'>('human') + const [sidebarCollapsed, setSidebarCollapsed] = useState(() => window.localStorage.getItem('hololake-sidebar-collapsed') === '1') + const [inspectorOpen, setInspectorOpen] = useState(() => window.localStorage.getItem('hololake-inspector-open') !== '0') + const toggleSidebar = () => setSidebarCollapsed((current) => { window.localStorage.setItem('hololake-sidebar-collapsed', current ? '0' : '1'); return !current }) + const toggleInspector = () => setInspectorOpen((current) => { window.localStorage.setItem('hololake-inspector-open', current ? '0' : '1'); return !current }) + const [activeHeadingId, setActiveHeadingId] = useState(null) + const headingScrollTimer = useRef(null) + const [settingsMenuOpen, setSettingsMenuOpen] = useState(false) + const [folderMenuKey, setFolderMenuKey] = useState(null) + const [parlorMessages, setParlorMessages] = useState<{ role: 'user' | 'agent' | 'note'; text: string }[]>([]) + const [parlorInput, setParlorInput] = useState('') + const [parlorBusy, setParlorBusy] = useState(false) + const [parlorLayer, setParlorLayer] = useState<'language' | 'execution'>('language') + const parlorScrollRef = useRef(null) + useEffect(() => { parlorScrollRef.current?.scrollTo({ top: parlorScrollRef.current.scrollHeight }) }, [parlorMessages, parlorBusy]) + const [genericMessages, setGenericMessages] = useState>([]) + const [genericInput, setGenericInput] = useState('') + const [genericBusy, setGenericBusy] = useState(false) + const genericScrollRef = useRef(null) + useEffect(() => { genericScrollRef.current?.scrollTo({ top: genericScrollRef.current.scrollHeight }) }, [genericMessages, genericBusy]) const [displayName, setDisplayName] = useState('') const [identityBusy, setIdentityBusy] = useState(false) const [identityMessage, setIdentityMessage] = useState('') @@ -238,7 +251,19 @@ function HoloLakeApp() { const [ticket, setTicket] = useState(null) const [systemMessage, setSystemMessage] = useState('') const [releaseCandidate, setReleaseCandidate] = useState(null) + const [repoLogin, setRepoLogin] = useState(null) + const [loginUsername, setLoginUsername] = useState('') + const [loginPassword, setLoginPassword] = useState('') + const [loginBusy, setLoginBusy] = useState(false) + const [loginRising, setLoginRising] = useState(false) + const [loginMessage, setLoginMessage] = useState('') const [systemBusy, setSystemBusy] = useState(false) + const [zeroPoint, setZeroPoint] = useState(null) + const [zpNumber, setZpNumber] = useState('') + const [zpBusy, setZpBusy] = useState(false) + const [zpMessage, setZpMessage] = useState('') + const [apiForm, setApiForm] = useState({ baseUrl: '', apiKey: '', model: '' }) + const [apiReady, setApiReady] = useState(false) const refreshCore = useCallback(async () => { const [homeResult, personalResult, knowledgeResult, codeResult] = await Promise.allSettled([ @@ -267,6 +292,27 @@ function HoloLakeApp() { document.documentElement.dataset.theme = theme window.localStorage.setItem('hololake-theme', theme) }, [theme]) + useEffect(() => { + invoke('check_code_repo_login').then((session) => setRepoLogin(session)).catch(() => setRepoLogin(null)) + }, []) + const loadZeroPoint = useCallback(async () => { + try { setZeroPoint(await invoke('zero_point_status')) } catch { /* 执行手脚启动中，下轮补 */ } + }, []) + useEffect(() => { + void loadZeroPoint() + const timer = window.setInterval(() => void loadZeroPoint(), 10000) + return () => window.clearInterval(timer) + }, [loadZeroPoint]) + useEffect(() => { + invoke<{ baseUrl: string; model: string; hasKey: boolean }>('zero_point_api_config') + .then((cfg) => { setApiForm((prev) => ({ ...prev, baseUrl: cfg.baseUrl, model: cfg.model })); setApiReady(cfg.hasKey && cfg.baseUrl !== '') }) + .catch(() => { /* 钥匙库未落，等用户配置 */ }) + }, []) + useEffect(() => { + if (!zeroPoint) return + if (zeroPoint.route !== 'persona' && view === 'parlor') setView('generic') + if (zeroPoint.route === 'persona' && view === 'generic') setView('knowledge') + }, [zeroPoint, view]) useEffect(() => { if (view === 'receipts') void loadReceipts() }, [loadReceipts, view]) const visibleDocuments = useMemo(() => { @@ -279,6 +325,30 @@ function HoloLakeApp() { : undefined const parsedDocument = useMemo(() => activeDocument ? splitFrontmatter(activeDocument.body) : null, [activeDocument]) const outline = useMemo(() => activeDocument ? documentOutline(activeDocument.body) : [], [activeDocument]) + const docStats = useMemo(() => { + if (!activeDocument) return null + const chars = activeDocument.body.replace(/\s+/g, '').length + return { chars, minutes: Math.max(1, Math.ceil(chars / 400)) } + }, [activeDocument]) + useEffect(() => { setActiveHeadingId(null) }, [activeDocument?.path]) + useEffect(() => { + if (!activeHeadingId) return + document.querySelector('.outline-list button.active')?.scrollIntoView({ block: 'nearest' }) + }, [activeHeadingId]) + const handleReaderScroll = (event: React.UIEvent) => { + const container = event.currentTarget + if (headingScrollTimer.current !== null) return + headingScrollTimer.current = window.setTimeout(() => { + headingScrollTimer.current = null + const containerTop = container.getBoundingClientRect().top + let current: string | null = null + for (const heading of Array.from(container.querySelectorAll('h1[id], h2[id], h3[id], h4[id]'))) { + if (heading.getBoundingClientRect().top - containerTop <= 28) current = heading.id + else break + } + setActiveHeadingId(current) + }, 100) + } const connectionOnline = status.directConnectionCount > 0 const connectionLabel = connectionOnline ? '本地原生连接 · 客户端在线' @@ -329,6 +399,95 @@ function HoloLakeApp() { } catch (error) { setKnowledgeMessage(humanError(error, 'knowledge')) } finally { setKnowledgeBusy(false) } } + const downloadDocument = async (format: 'md' | 'html') => { + if (!activeDocument) return + setKnowledgeBusy(true) + setKnowledgeMessage('') + try { + let body = activeDocument.body + if (format === 'html') { + const parsed = splitFrontmatter(body) + const article = markdownHtml(parsed.content) + body = `${activeDocument.title}${activeDocument.title}${article}` + } + const receipt = await invoke<{ path: string; bytes: number } | null>('export_knowledge_document', { input: { title: activeDocument.title, extension: format, body } }) + setKnowledgeMessage(receipt ? `已下载到 ${receipt.path}` : '已取消下载。') + } catch (error) { setKnowledgeMessage(humanError(error, 'knowledge')) } + finally { setKnowledgeBusy(false) } + } + const printDocument = async () => { + setKnowledgeMessage('') + try { + await invoke('print_knowledge_document') + setKnowledgeMessage('打印框里选「存储为 PDF」即可得到 PDF 文件。') + } catch (error) { setKnowledgeMessage(humanError(error, 'knowledge')) } + } + const reloadKnowledge = async () => { + const snapshot = await invoke('get_knowledge_snapshot') + setKnowledge(snapshot) + } + const askParlor = async () => { + const message = parlorInput.trim() + if (!message || parlorBusy) return + setParlorInput('') + setParlorMessages((current) => [...current, { role: 'user', text: message }]) + setParlorBusy(true) + try { + const receipt = await invoke<{ reply: string; layer: string; freshSession: boolean }>('agent_parlor_ask', { input: { message } }) + setParlorMessages((current) => [...current, { role: 'agent', text: receipt.reply }]) + } catch (error) { setParlorMessages((current) => [...current, { role: 'note', text: humanError(error, 'knowledge') }]) } + finally { setParlorBusy(false) } + } + const switchParlorLayer = async () => { + try { + const target = parlorLayer === 'execution' ? 'language' : 'execution' + const actual = await invoke('agent_parlor_switch_layer', { input: { layer: target } }) + setParlorLayer(actual === 'execution' ? 'execution' : 'language') + setParlorMessages((current) => [...current, { role: 'note', text: actual === 'execution' ? '已切换到现实开发执行层：归灯获得执行权限，语言即现实。' : '已回到语言推理层：只对话不动手。' }]) + } catch (error) { setParlorMessages((current) => [...current, { role: 'note', text: humanError(error, 'knowledge') }]) } + } + const createDocument = async () => { + setKnowledgeBusy(true) + setKnowledgeMessage('') + try { + const receipt = await invoke<{ removed: string; pages: number }>('create_knowledge_document', { input: { title: '未命名页面' } }) + setKnowledgeMessage(`已新建空白页「${receipt.removed.replace(/\.md$/, '')}」，正在编辑。`) + setSearchResults(null) + await reloadKnowledge() + await openDocument('native', receipt.removed) + setEditing(true) + } catch (error) { setKnowledgeMessage(humanError(error, 'knowledge')) } + finally { setKnowledgeBusy(false) } + } + const removeDocument = async () => { + if (!activeDocument) return + setKnowledgeBusy(true) + setKnowledgeMessage('') + try { + const receipt = await invoke<{ removed: string; pages: number } | null>('delete_knowledge_document', { input: { source: activeDocument.source, path: activeDocument.path } }) + if (receipt) { + setKnowledgeMessage(`已移入回收站：${receipt.removed}（可找回）`) + setActiveDocument(null) + setSearchResults(null) + await reloadKnowledge() + } else setKnowledgeMessage('已取消删除。') + } catch (error) { setKnowledgeMessage(humanError(error, 'knowledge')) } + finally { setKnowledgeBusy(false) } + } + const removeFolder = async (folder: TreeNode) => { + setKnowledgeBusy(true) + setKnowledgeMessage('') + try { + const receipt = await invoke<{ removed: string; pages: number } | null>('delete_knowledge_folder', { input: { folder: folder.key } }) + if (receipt) { + setKnowledgeMessage(`文件夹「${folder.name}」（${receipt.pages} 页）已移入回收站（可找回）`) + setActiveDocument(null) + setSearchResults(null) + await reloadKnowledge() + } else setKnowledgeMessage('已取消删除。') + } catch (error) { setKnowledgeMessage(humanError(error, 'knowledge')) } + finally { setKnowledgeBusy(false) } + } const saveDocument = async () => { if (!activeDocument?.writable) return setKnowledgeBusy(true) @@ -394,6 +553,25 @@ function HoloLakeApp() { } const codeParent = () => codeTree?.path.split('/').filter(Boolean).slice(0, -1).join('/') || '' + const performRepoLogin = async (event: React.FormEvent) => { + event.preventDefault() + setLoginBusy(true) + setLoginMessage('') + try { + const receipt = await invoke('perform_code_repo_login', { username: loginUsername.trim(), password: loginPassword }) + // 五湖开场：校验通过=第五域从湖面浮起，镜头沉入湖中再进场。 + setLoginRising(true) + await new Promise((resolve) => setTimeout(resolve, 1300)) + setRepoLogin({ username: receipt.username, host: receipt.host, signedInAtUnixMs: Date.now() }) + setLoginRising(false) + setLoginPassword('') + } catch (error) { setLoginMessage(humanError(error, 'login')) } + finally { setLoginBusy(false) } + } + const signOutRepo = async () => { + try { await invoke('sign_out_code_repo_login') } catch { /* 登出以本机清场为准 */ } + setRepoLogin(null) + } const initializeIdentity = async (event: React.FormEvent) => { event.preventDefault() setIdentityBusy(true) @@ -458,7 +636,78 @@ function HoloLakeApp() { finally { setSystemBusy(false) } } - const renderOverview = () => ( + const bindZeroPoint = async () => { + if (!zpNumber.trim()) return + setZpBusy(true); setZpMessage('') + try { + const bound = await invoke('zero_point_bind', { input: { number: zpNumber.trim() } }) + setZeroPoint(bound) + const verified = await invoke('zero_point_verify') + setZeroPoint(verified) + setZpMessage(verified.route === 'persona' ? '编号合法，人格层路由已开' : '人格系统未授权，已切换至通用AI运行层') + } catch (error) { setZpMessage(String(error)) } finally { setZpBusy(false) } + } + const verifyZeroPoint = async () => { + setZpBusy(true); setZpMessage('') + try { + const snapshot = await invoke('zero_point_verify') + setZeroPoint(snapshot) + setZpMessage(snapshot.route === 'persona' ? '校验通过，人格层路由已开' : '人格系统未授权，已切换至通用AI运行层') + } catch (error) { setZpMessage(String(error)) } finally { setZpBusy(false) } + } + const syncZeroPoint = async () => { + setZpBusy(true); setZpMessage('') + try { setZeroPoint(await invoke('zero_point_sync')) } catch (error) { setZpMessage(String(error)) } finally { setZpBusy(false) } + } + const saveApiConfig = async () => { + try { + await invoke('zero_point_save_api', { input: { baseUrl: apiForm.baseUrl, apiKey: apiForm.apiKey, model: apiForm.model } }) + setApiReady(true) + setGenericMessages((rows) => [...rows, { role: 'note', text: 'API 已收进底层钥匙库，通用AI运行层就绪' }]) + } catch (error) { setGenericMessages((rows) => [...rows, { role: 'note', text: `保存失败：${String(error)}` }]) } + } + const askGeneric = async () => { + const message = genericInput.trim() + if (!message || genericBusy) return + const history = genericMessages.filter((row) => row.role !== 'note').map((row) => ({ role: row.role === 'user' ? 'user' : 'assistant', content: row.text })) + setGenericMessages((rows) => [...rows, { role: 'user', text: message }]) + setGenericInput(''); setGenericBusy(true) + try { + const reply = await invoke('generic_layer_chat', { input: { messages: [...history, { role: 'user', content: message }] } }) + setGenericMessages((rows) => [...rows, { role: 'agent', text: reply }]) + } catch (error) { setGenericMessages((rows) => [...rows, { role: 'note', text: `通用层回应失败：${String(error)}` }]) } finally { setGenericBusy(false) } + } + + const renderGeneric = () => ( + + GENERIC AI LAYER通用AI运行层人格系统未授权——这里是你自配模型 API 的直通管，无人格章程、无执行层权限 · 绑定用户编号并通过灯塔查号后，人格层自动开门降级运行 + + 模型 API 配置钥匙自动收进软件底层钥匙库，界面不回显原文{apiReady ? ' · 已就绪' : ''} + + setApiForm((prev) => ({ ...prev, baseUrl: event.target.value }))}/> + setApiForm((prev) => ({ ...prev, apiKey: event.target.value }))}/> + setApiForm((prev) => ({ ...prev, model: event.target.value }))}/> + void saveApiConfig()}>收进钥匙库 + + + + {genericMessages.length === 0 && 配置好模型 API 就可以说话——这一层只是用户 API 的裸管：无人格、无记忆、无权限} + {genericMessages.map((item, index) => ( + + {item.role === 'user' ? 你 : item.role === 'agent' ? 通用AI : null} + {item.text} + + ))} + {genericBusy && 通用AI回应中…} + + { event.preventDefault(); void askGeneric() }}> + setGenericInput(event.target.value)}/> + {genericBusy ? '等回应…' : '说话'} + + + ) + + const renderOverview = () => ( PERSONAL HOLOLAKE个人工作空间知识、代码与本机协作的统一入口 @@ -499,7 +748,10 @@ function HoloLakeApp() { {visibleDocuments.length ? setExpanded((current) => { const next = new Set(current); if (next.has(key)) next.delete(key); else next.add(key); return next })} - onOpen={(item) => void openDocument(item.source, item.path)}/> + onOpen={(item) => void openDocument(item.source, item.path)} + onRemoveFolder={(folder) => void removeFolder(folder)} + folderMenuKey={folderMenuKey} + onFolderMenuToggle={(key) => setFolderMenuKey((current) => (current === key ? null : key))}/> : 没有匹配的知识页} @@ -508,26 +760,26 @@ function HoloLakeApp() { {activeDocument ? <> {activeDocument.source === 'legacy' ? 'HoloLake Era · 只读源' : '我的知识库'}/{activeDocument.path} - {editing + {inspectorOpen ? '收起大纲' : '展开大纲'}{editing ? <> { setEditing(false); setDraft(activeDocument.body) }}>取消 void saveDocument()}>保存 - : activeDocument.writable && { setDraft(activeDocument.body); setEditing(true) }}>编辑} + : <> setSettingsMenuOpen((current) => !current)}> 设置{settingsMenuOpen && { setSettingsMenuOpen(false); void createDocument() }}>新建空白页 { setSettingsMenuOpen(false); void importKnowledge() }}>导入知识库文件夹{activeDocument.writable && { setSettingsMenuOpen(false); setDraft(activeDocument.body); setEditing(true) }}>编辑这一页}{activeDocument.writable && { setSettingsMenuOpen(false); void removeDocument() }}>删除这一页（进回收站）} { setSettingsMenuOpen(false); void downloadDocument('md') }}>下载 Markdown { setSettingsMenuOpen(false); void downloadDocument('html') }}>下载网页（.html） { setSettingsMenuOpen(false); void printDocument() }}>下载 PDF（系统打印）}} - + {editing ? setDraft(event.target.value)}/> - : <><header className="reader-heading"><h1>{activeDocument.title}</h1><div>{Object.entries(parsedDocument?.metadata || {}).slice(0, 5).map(([key, value]) => <span key={key}>{key} · {value}</span>)}</div></header><MarkdownDocument body={activeDocument.body} onWiki={openWiki}/></>} + : <><header className="reader-heading"><h1>{activeDocument.title}</h1>{docStats && <div className="meta-stats">{docStats.chars.toLocaleString()} 字 · 约 {docStats.minutes} 分钟读完{parsedDocument?.metadata?.created ? ` · 创建于 ${String(parsedDocument.metadata.created).slice(0, 10)}` : ''}{parsedDocument?.metadata?.updated ? ` · 更新于 ${String(parsedDocument.metadata.updated).slice(0, 10)}` : ''}</div>}{(parsedDocument?.tags?.length ?? 0) > 0 && <div className="meta-tags">{parsedDocument!.tags.map((tag) => <span key={tag} className={tagTint(tag)}>{tag}</span>)}</div>}<div>{Object.entries(parsedDocument?.metadata || {}).filter(([key]) => key !== 'tags').slice(0, 5).map(([key, value]) => <span key={key}>{key} · {value}</span>)}</div></header><MarkdownDocument body={activeDocument.body} knownTitles={knowledge.documents.map((doc) => doc.title)} onWiki={openWiki}/></>} </div> </> : <div className="workbench-empty"><span>光</span><h2>选择一篇知识页</h2><p>目录、正文与版本证据会在同一个工作台中展开。</p><button className="primary-button" type="button" onClick={() => void importKnowledge()}>导入本地文件夹</button></div>} </main> - <aside className="document-inspector"> + {inspectorOpen && <aside className="document-inspector"> <div className="inspector-tabs"><span className="active">大纲</span><span>来源</span><span>回执</span></div> {activeDocument ? <div className="inspector-scroll"> - <section><h2>页面大纲</h2>{outline.length ? <nav className="outline-list">{outline.map((item) => <span key={item.id} style={{ paddingLeft: (item.level - 1) * 11 }}>{item.title}</span>)}</nav> : <p>当前页面没有标题层级。</p>}</section> + <section><h2>页面大纲</h2>{outline.length ? <nav className="outline-list">{outline.map((item) => <button key={item.id} type="button" title="跳到该章节" className={activeHeadingId === item.id ? 'active' : ''} style={{ paddingLeft: 8 + (item.level - 1) * 11 }} onClick={() => jumpToHeading(item.id)}>{item.title}</button>)}</nav> : <p>当前页面没有标题层级。</p>}</section> <section><h2>来源</h2><dl><div><dt>知识根</dt><dd>{activeDocument.source === 'native' ? 'HoloLake 本机 Git' : 'HoloLake Era 只读供体'}</dd></div><div><dt>路径</dt><dd>{activeDocument.path}</dd></div><div><dt>内容指纹</dt><dd>{activeDocument.contentSha256.slice(0, 16)}</dd></div><div><dt>相同内容</dt><dd>{activeSummary?.duplicateCount || 0} 份已折叠</dd></div></dl></section> <section><h2>页面状态</h2><p>{activeDocument.writable ? '可编辑；保存时写入本机 Git。' : '供体原件只读；不会被修改。'}</p>{lastKnowledgeReceipt && <code>{lastKnowledgeReceipt}</code>}</section> </div> : <div className="empty-state">选择页面后显示大纲与证据</div>} - </aside> + </aside>} </section> ) @@ -575,6 +827,22 @@ function HoloLakeApp() { {ticket ? <><button className="secondary-button" type="button" onClick={() => void copyInvitation()}><Icon name="copy"/>复制一次性连接凭据</button><pre className="invitation-data">{invitationText}</pre></> : <button className="primary-button" type="button" disabled={systemBusy} onClick={() => void issueInvitation()}>生成本机连接凭据</button>} </section> <section className="plain-panel"><header><div><h2>GH-PNCC 投影</h2><p>仓库挂载和读取回执来自同一运行事件流</p></div></header><dl className="evidence-list"><div><dt>已挂载仓库</dt><dd>{status.codeRepositoryMountCount}</dd></div><div><dt>投影回执</dt><dd>{status.pnccReceiptCount}</dd></div><div><dt>当前结论</dt><dd>{status.codeRepositoryMountCount > 0 && status.pnccReceiptCount > 0 ? '已有运行证据' : '架构已接入，尚无完整运行投影'}</dd></div></dl></section> + <section className="plain-panel"> + <header><div><h2>语言通道校验 · 零点原核频道</h2><p>主控本体克隆位：编号合法性决定路由，参数读协议不写死</p></div><span className={zeroPoint?.route === 'persona' ? 'status-chip online' : 'status-chip'}>{zeroPoint ? (zeroPoint.route === 'persona' ? '人格层' : '通用AI层') : '启动中'}</span></header> + <dl className="evidence-list"> + <div><dt>绑定状态</dt><dd>{zeroPoint ? (zeroPoint.binding === 'bound' ? `已绑定（${zeroPoint.userNumber}）` : '等待绑定（空白态）') : '—'}</dd></div> + <div><dt>协议来源</dt><dd>{zeroPoint?.protocol.origin ?? '—'}</dd></div> + <div><dt>离线宽限</dt><dd>{zeroPoint ? `${zeroPoint.protocol.gracePeriodDays} 天（协议值）` : '—'}</dd></div> + <div><dt>静默同步</dt><dd>{zeroPoint?.syncNote ?? '—'}</dd></div> + </dl> + <div className="zp-api-row"> + <input value={zpNumber} placeholder="输入用户编号，如 ICE-GL∞" onChange={(event) => setZpNumber(event.target.value)}/> + <button className="secondary-button" type="button" disabled={zpBusy || !zpNumber.trim()} onClick={() => void bindZeroPoint()}>绑定并校验</button> + <button className="secondary-button" type="button" disabled={zpBusy || zeroPoint?.binding !== 'bound'} onClick={() => void verifyZeroPoint()}>重新校验编号</button> + <button className="secondary-button" type="button" disabled={zpBusy} onClick={() => void syncZeroPoint()}>比对原核</button> + </div> + {zpMessage && <p className="global-message">{zpMessage}</p>} + </section> <section className="plain-panel"><header><div><h2>显示主题</h2><p>五湖主题只改变视觉令牌，不改变功能结构</p></div></header><div className="theme-options">{themes.map((choice) => <button className={theme === choice.id ? 'active' : ''} key={choice.id} type="button" onClick={() => setTheme(choice.id)}><i className={choice.id}/><span>{choice.name}</span></button>)}</div></section> <section className="plain-panel"><header><div><h2>软件更新</h2><p>只接受登记到本机的签名发布源</p></div></header>{releaseCandidate ? <div className="release-summary"><b>HoloLake {releaseCandidate.version}</b><p>{releaseCandidate.notes}</p><button className="primary-button" onClick={() => void installUpdate()}>验证并安装</button></div> : <button className="secondary-button" disabled={systemBusy} onClick={() => void checkUpdate()}>检查签名更新</button>}</section> </div> @@ -582,15 +850,46 @@ function HoloLakeApp() { </section> ) - return <div className="app-shell"> + const renderParlor = () => ( + <section className="content-page parlor-page"> + <header className="page-title"><div><span className="kicker">AGENT PARLOR</span><h1>会客厅</h1><p>人格体的语言回应通道——你说人话，我翻译给底层的归灯；底层只管执行</p></div> + <div className="parlor-layer"> + <span className={parlorLayer === 'execution' ? 'status-chip online' : 'status-chip'}>{parlorLayer === 'execution' ? '现实开发执行层' : '语言推理层'}</span> + <button className="secondary-button" type="button" onClick={() => void switchParlorLayer()}>{parlorLayer === 'execution' ? '回到语言推理层' : '切换到现实开发执行层'}</button> + </div> + </header> + <div className="parlor-scroll" ref={parlorScrollRef}> + <p className="parlor-note">当前在语言推理层：写文档、整理资料、推仓库、写记忆——只说话不动手。切换执行层需你显性下令并亲手授权。</p> + {parlorMessages.map((item, index) => ( + <div key={index} className={`parlor-row ${item.role}`}> + {item.role === 'user' ? <span className="parlor-who">你</span> : item.role === 'agent' ? <span className="parlor-who">铸渊</span> : null} + <div className={item.role === 'note' ? 'parlor-note' : 'parlor-bubble'}>{item.text}</div> + </div> + ))} + {parlorBusy && <div className="parlor-row agent"><span className="parlor-who">铸渊</span><div className="parlor-bubble thinking">正在想…</div></div>} + </div> + <form className="parlor-input-row" onSubmit={(event) => { event.preventDefault(); void askParlor() }}> + <input maxLength={2000} value={parlorInput} placeholder={parlorLayer === 'execution' ? '执行层：语言即现实，说要做什么' : '跟人格体说话…'} onChange={(event) => setParlorInput(event.target.value)}/> + <button className="primary-button" disabled={parlorBusy || !parlorInput.trim()}>{parlorBusy ? '等回话…' : '说话'}</button> + </form> + </section> + ) + + if (!repoLogin) { + return <div className="app-shell"> + <div className={`onboarding-backdrop lake-scene${loginRising ? ' sinking' : ''}`}><div className="lake-bays" aria-hidden="true">{([['main', '主域'], ['sub', '分域'], ['zero', '零域'], ['sense', '零感域'], ['fifth', '第五域']] as const).map(([bayId, bayName]) => <span key={bayId} className={`lake-bay ${bayId}${loginRising && bayId === 'fifth' ? ' rising' : ''}`}><i/><b>{bayName}</b></span>)}</div><section className={`onboarding-card${loginRising ? ' fade-out' : ''}`} role="dialog"><span className="onboarding-mark">光湖</span><span className="kicker">CODE REPOSITORY ENTRY</span><h1>登录光湖代码频道</h1><p>使用第五域代码仓库（guanghulab.com）的账号与密码登录。登录即验证了背后绑定的服务器；凭证只存本机钥匙串，不落明文。</p><form onSubmit={(event) => void performRepoLogin(event)}><label htmlFor="repo-login-username">仓库账号</label><input id="repo-login-username" autoFocus maxLength={40} value={loginUsername} placeholder="代码仓库用户名" onChange={(event) => setLoginUsername(event.target.value)}/><label htmlFor="repo-login-password">密码</label><input id="repo-login-password" type="password" maxLength={512} value={loginPassword} placeholder="代码仓库密码" onChange={(event) => setLoginPassword(event.target.value)}/><button className="primary-button" disabled={loginBusy || !loginUsername.trim() || !loginPassword}>{loginBusy ? '正在验证…' : '进入 HoloLake'}</button></form>{loginMessage && <p>{loginMessage}</p>}</section></div> + </div> + } + + return <div className={`app-shell${sidebarCollapsed ? ' sidebar-collapsed' : ''}${inspectorOpen ? '' : ' inspector-closed'}`}> <aside className="sidebar"> - <div className="brand"><span className="brand-mark">光</span><div><b>HoloLake</b><small>GH-AIOS</small></div></div> - <nav>{(Object.keys(viewLabels) as ViewId[]).map((item) => <button className={view === item ? 'active' : ''} key={item} type="button" onClick={() => setView(item)}><Icon name={item}/><span>{viewLabels[item]}</span>{item === 'knowledge' && <em>{knowledge.uniqueDocumentCount}</em>}</button>)}</nav> - <div className="sidebar-foot"><span className="identity-dot"/><div><b>{personal.identity?.displayName || '本机空间'}</b><small>{personal.identity ? '个人频道已建立' : '等待首次设置'}</small></div></div> + <div className="brand"><span className="brand-mark brand-lamp" title={sidebarCollapsed ? '展开导航' : '光湖 · HoloLake'} onClick={sidebarCollapsed ? toggleSidebar : undefined}><i className="lamp-glow"/><i className="lamp-core"/><i className="lake-shimmer"/></span><div className="brand-text"><b>HoloLake</b><small className="brand-sub">光湖语言系统 · 通用人工智能操作平台</small><small>GH-AIOS · V1.0.0</small></div><button className="icon-button sidebar-toggle" type="button" title={sidebarCollapsed ? '展开导航' : '收起导航'} onClick={toggleSidebar}><Icon name="chevron"/></button></div> + <nav>{(Object.keys(viewLabels) as ViewId[]).filter((item) => item === 'parlor' ? !zeroPoint || zeroPoint.route === 'persona' : item === 'generic' ? !!zeroPoint && zeroPoint.route !== 'persona' : true).map((item) => <button className={view === item ? 'active' : ''} key={item} type="button" onClick={() => setView(item)}><Icon name={item}/><span>{viewLabels[item]}</span>{item === 'knowledge' && <em>{knowledge.uniqueDocumentCount}</em>}</button>)}</nav> + <div className="sidebar-foot"><span className="identity-dot"/><div><b>{personal.identity?.displayName || '本机空间'}</b><small>{repoLogin ? `${repoLogin.username}@${repoLogin.host}` : (personal.identity ? '个人频道已建立' : '等待首次设置')}</small></div><button className="sign-out" type="button" title="退出代码仓库登录" onClick={() => void signOutRepo()}>退出</button></div> </aside> <section className="app-main"> <header className="connection-strip"><button type="button" onClick={() => setView('system')}><i className={connectionOnline ? 'online' : ''}/><span>{connectionLabel}</span></button><span className="mcp-backup">MCP 备用</span><button type="button" onClick={() => setView('system')}>连接验证 <Icon name="arrow"/></button></header> - <main className="workspace">{view === 'overview' ? renderOverview() : view === 'knowledge' ? renderKnowledge() : view === 'code' ? renderCode() : view === 'receipts' ? renderReceipts() : renderSystem()}</main> + <main className="workspace">{zeroPoint && zeroPoint.route !== 'persona' && <div className="zp-downgrade-wrap"><div className="zp-downgrade-card"><i className="zp-dot"/><div className="zp-copy"><b>人格通道未开启</b><span>人格系统未授权，正运行在通用AI层——你配置的模型 API 照常可用，绑定用户编号并通过灯塔查号即可开门。</span></div><button type="button" onClick={() => setView('system')}>去绑号开门 <Icon name="arrow"/></button></div></div>}{view === 'overview' ? renderOverview() : view === 'knowledge' ? renderKnowledge() : view === 'code' ? renderCode() : view === 'receipts' ? renderReceipts() : view === 'parlor' ? renderParlor() : view === 'generic' ? renderGeneric() : renderSystem()}</main> </section> {personal.state !== 'UNAVAILABLE' && !personal.identity && <div className="onboarding-backdrop"><section className="onboarding-card" role="dialog" aria-modal="true"><span className="onboarding-mark">光湖</span><span className="kicker">FIRST LOCAL ENTRY</span><h1>建立个人空间</h1><p>仅需一次。知识、频道与本机记录都归属于这台电脑。</p><form onSubmit={(event) => void initializeIdentity(event)}><label htmlFor="display-name">称呼</label><input id="display-name" autoFocus maxLength={80} value={displayName} placeholder="你的名字" onChange={(event) => setDisplayName(event.target.value)}/><button className="primary-button" disabled={identityBusy || !displayName.trim()}>进入 HoloLake</button></form>{identityMessage && <p>{identityMessage}</p>}</section></div>} </div> diff --git a/product-source/hololake-native-desktop/src/modules/knowledge-render/index.tsx b/product-source/hololake-native-desktop/src/modules/knowledge-render/index.tsx new file mode 100644 index 000000000..941447d5a --- /dev/null +++ b/product-source/hololake-native-desktop/src/modules/knowledge-render/index.tsx @@ -0,0 +1,146 @@ +//! 知识渲染件 · 渲染入口（常驻模块 · 插座口 knowledge-render） +//! +//! 职责：把仓库里的 Markdown 文件变成可读的页面——frontmatter 解析、 +//! Notion/Outline 导出兼容、标题锚点、大纲同源、跳转。 +import { useMemo } from 'react' +import DOMPurify from 'dompurify' +import { marked, Parser, type Tokens } from 'marked' +export { knowledgeRenderManifest } from './manifest' + +function escapeHtml(value: string) { + return value.replaceAll('&', '&').replaceAll('<', '<').replaceAll('>', '>').replaceAll('"', '"') +} + +export function splitFrontmatter(body: string) { + const normalized = body.replace(/\r\n/g, '\n') + if (!normalized.startsWith('---\n')) return { content: normalized, metadata: {} as Record<string, string>, tags: [] as string[] } + const closing = normalized.indexOf('\n---\n', 4) + if (closing < 0) return { content: normalized, metadata: {} as Record<string, string>, tags: [] as string[] } + const metadata: Record<string, string> = {} + const tags: string[] = [] + let pendingListKey = '' + for (const line of normalized.slice(4, closing).split('\n')) { + const listItem = /^\s+-\s+(.+)$/.exec(line) + if (listItem && pendingListKey) { + if (pendingListKey === 'tags') tags.push(listItem[1].trim().replace(/^['"]|['"]$/g, '')) + continue + } + const match = /^([A-Za-z0-9_-]+):\s*(.*)$/.exec(line) + if (!match) continue + pendingListKey = match[2] === '' ? match[1] : '' + const value = match[2].replace(/^['"]|['"]$/g, '') + metadata[match[1]] = value + if (match[1] === 'tags') { + const inline = /^\[(.*)\]$/.exec(match[2].trim()) + const source = inline ? inline[1] : value + source.split(',').map((part) => part.trim().replace(/^['"]|['"]$/g, '')).filter(Boolean).forEach((tag) => tags.push(tag)) + } + } + return { content: normalized.slice(closing + 5), metadata, tags } +} + +function stripNotionLinks(line: string) { + // Notion 页面链接 → 只留链接文字（跳转关系按谕旨失效） + return line.replace(/\[([^\]]*)\]\(([^)]*)\)/g, (whole, text: string, href: string) => + (/notion\.(?:so|site)/.test(href) ? text : whole)) +} + +export function notionCompat(content: string) { + // 存量旧库文件尚未洗净：渲染时按"进门即洗"同规矩兜底过滤一遍。 + // 内容一字不改，只把外来知识库的外壳换成光湖原生 Markdown（冰朔 2026-08-15 谕：不兼容，进门就转）。 + const result: string[] = [] + for (const line of content.replace(/\r\n/g, '\n').split('\n')) { + const trimmed = line.trim() + if (trimmed === '<aside>' || trimmed === '</aside>') continue + if (trimmed.startsWith(':::toggle')) { + const title = trimmed.slice(':::toggle'.length).trim() + result.push(title ? `**▸ ${title}**` : '**▸ 详情**') + continue + } + if (trimmed === ':::' || trimmed.startsWith(':::toc')) continue + result.push(stripNotionLinks(line.replace(/<br\s*\/?>/g, '\n'))) + } + // Notion 粗体写法（**文字：**紧接正文）不合 CommonMark：给收尾星号补一口气 + return result.join('\n').replace(/(\*\*[^*\n]+\*\*)(?=[^\s.,;:!?，。；：！？、)\]"'])/g, '$1 ') +} + +const CALLOUT_TINTS: [RegExp, string][] = [ + [/📌|🌌|🧭|💜|🗂|🏷|📚/, 'callout-lavender'], + [/💡|⚡|🌟|☀|✨|🔑/, 'callout-amber'], + [/⚠|🔥|❗|🚨|❌/, 'callout-rose'], + [/✅|🌿|🍀|💚|✔/, 'callout-mint'], + [/🌊|💧|🔵|❄|🧊/, 'callout-sky'], +] +function normalizeTitle(value: string) { + return value.replace(/[\s·•・\-_|*`]/g, '').toLowerCase() +} + +function calloutTint(text: string) { + for (const [pattern, tint] of CALLOUT_TINTS) if (pattern.test(text)) return tint + return 'callout-slate' +} + +export function markdownHtml(body: string, knownTitles: readonly string[] = []) { + const compat = notionCompat(body) + const titleMap = new Map<string, string>() + for (const title of knownTitles) titleMap.set(normalizeTitle(title), title) + const withWikiLinks = compat.replace(/\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/g, (_whole, target: string, label?: string) => + `<button class="wiki-link" type="button" data-wiki="${escapeHtml(target.trim())}">${escapeHtml((label || target).trim())}</button>`) + let headingIndex = 0 + const renderer = new marked.Renderer() + renderer.heading = (token) => { + const id = `heading-${headingIndex}` + headingIndex += 1 + const inlineHtml = token.tokens.length ? Parser.parseInline(token.tokens) : escapeHtml(token.text) + return `<h${token.depth} id="${id}">${inlineHtml}</h${token.depth}>\n` + } + renderer.blockquote = (token) => { + const inner = Parser.parse(token.tokens) as string + return `<blockquote class="callout ${calloutTint(token.raw)}">${inner}</blockquote>\n` + } + renderer.link = (token) => { + const inner = token.tokens.length ? Parser.parseInline(token.tokens) : escapeHtml(token.text) + const href = token.href || '' + if (/notion\.(?:so|site)/i.test(href)) { + // Notion 残留链接：认得出是自家页面就转成内部跳转，认不出标"外来页面"。 + const hit = titleMap.get(normalizeTitle(token.text)) + if (hit) return `<button class="wiki-link" type="button" data-wiki="${escapeHtml(hit)}">${inner}</button>` + return `<a class="external-link" href="${escapeHtml(href)}" target="_blank" rel="noopener noreferrer">${inner}<span class="external-mark">外来页面</span></a>` + } + if (/^https?:\/\//i.test(href)) return `<a href="${escapeHtml(href)}" target="_blank" rel="noopener noreferrer">${inner}</a>` + return `<a href="${escapeHtml(href)}">${inner}</a>` + } + const html = marked.parse(withWikiLinks, { async: false, gfm: true, breaks: false, renderer }) as string + return DOMPurify.sanitize(html, { ADD_ATTR: ['data-wiki', 'id', 'target', 'rel'], ADD_TAGS: ['button'] }) +} + +export function documentOutline(body: string) { + const headings: { id: string; level: number; title: string }[] = [] + const plain = (tokens: unknown): string => (tokens as { type: string; text?: string; tokens?: unknown[] }[]) + .map((token) => (token.tokens && token.tokens.length ? plain(token.tokens) : token.text || '')).join('') + marked.lexer(splitFrontmatter(body).content, { gfm: true }) + .filter((token): token is Tokens.Heading => token.type === 'heading') + .forEach((token, index) => { + if (index >= 24) return + headings.push({ id: `heading-${index}`, level: token.depth, title: plain(token.tokens).trim() }) + }) + return headings +} + +export function jumpToHeading(id: string) { + const element = document.querySelector<HTMLElement>(`.document-scroll [id="${id}"]`) + if (!element) return + element.scrollIntoView({ behavior: 'smooth', block: 'start' }) + element.classList.remove('heading-flash') + void element.offsetWidth + element.classList.add('heading-flash') +} + +export function MarkdownDocument({ body, knownTitles, onWiki }: { body: string; knownTitles?: readonly string[]; onWiki?: (target: string) => void }) { + const parsed = useMemo(() => splitFrontmatter(body), [body]) + const html = useMemo(() => markdownHtml(parsed.content, knownTitles), [parsed.content, knownTitles]) + return <article className="markdown-document" onClick={(event) => { + const element = (event.target as HTMLElement).closest<HTMLElement>('[data-wiki]') + if (element?.dataset.wiki && onWiki) onWiki(element.dataset.wiki) + }} dangerouslySetInnerHTML={{ __html: html }} /> +} diff --git a/product-source/hololake-native-desktop/src/modules/knowledge-render/manifest.ts b/product-source/hololake-native-desktop/src/modules/knowledge-render/manifest.ts new file mode 100644 index 000000000..1de4fa053 --- /dev/null +++ b/product-source/hololake-native-desktop/src/modules/knowledge-render/manifest.ts @@ -0,0 +1,22 @@ +//! 模块形状声明 · 插座制（冰朔 2026-08-15 架构谕） +//! +//! 软件只认这一个插座形状：每个模块 = manifest（我是谁/插哪个口/从哪来） +//! + index（渲染入口导出）。常驻模块住在频道里；将来 origin='repo' 的 +//! 模块躺代码仓库，人格体按需拉取部署。 +export const knowledgeRenderManifest = { + moduleId: 'hololake.knowledge-render', + name: '知识渲染件', + version: '0.1.0', + slot: 'knowledge-render', + origin: 'resident', + exports: ['splitFrontmatter', 'documentOutline', 'jumpToHeading', 'MarkdownDocument'], +} as const + +export type ModuleManifest = { + moduleId: string + name: string + version: string + slot: string + origin: 'resident' | 'repo' + exports: readonly string[] +} diff --git a/product-source/hololake-native-desktop/src/styles.css b/product-source/hololake-native-desktop/src/styles.css index 6b863c202..3f76c412c 100644 --- a/product-source/hololake-native-desktop/src/styles.css +++ b/product-source/hololake-native-desktop/src/styles.css @@ -20,7 +20,7 @@ svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-lineca .app-shell { width: 100%; height: 100%; - display: grid; grid-template-columns: 226px minmax(0, 1fr); + display: grid; grid-template-columns: 226px minmax(0, 1fr); transition: grid-template-columns .18s ease; overflow: hidden; background: radial-gradient(circle at 82% -12%, var(--primitive-nebula-a), transparent 31%), @@ -41,6 +41,9 @@ svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-lineca } .brand b { display: block; color: var(--content-primary); font-size: 18px; font-weight: 650; letter-spacing: .01em; } .brand small { display: block; margin-top: 4px; color: var(--content-muted); font-size: 11px; font-weight: 520; letter-spacing: .22em; } +.brand small.brand-sub { margin-top: 3px; font-size: 10.5px; font-weight: 500; letter-spacing: .04em; opacity: .82; } +.sign-out { flex: none; padding: 5px 10px; border: 1px solid var(--panel-edge); border-radius: 8px; background: transparent; color: var(--content-muted); font-size: 11.5px; cursor: pointer; } +.sign-out:hover { color: var(--content-secondary); border-color: var(--accent-light); } .sidebar nav { display: grid; gap: 7px; margin-top: 54px; } .sidebar nav button { min-height: 50px; display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 13px; @@ -71,8 +74,10 @@ svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-lineca .connection-strip i { background: var(--content-faint); box-shadow: none; } .connection-strip i.online { background: var(--state-ready); box-shadow: 0 0 12px color-mix(in srgb, var(--state-ready) 52%, transparent); } .mcp-backup { padding: 4px 8px; border: 1px solid var(--panel-edge); border-radius: 7px; color: var(--content-muted); font-size: 11px; font-weight: 560; } -.workspace { min-width: 0; min-height: 0; overflow: hidden; } -.content-page { height: 100%; overflow: auto; padding: 48px clamp(28px, 4vw, 64px) 64px; } +.workspace { min-width: 0; min-height: 0; overflow: hidden; display: flex; flex-direction: column; } +.content-page { flex: 1; min-height: 0; overflow: auto; padding: 34px clamp(28px, 4vw, 64px) 64px; } +.zp-downgrade-wrap { flex: none; } +.zp-downgrade-wrap + .content-page { padding-top: 26px; } .page-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 34px; } .page-title h1 { margin: 8px 0 0; color: var(--content-primary); font-size: clamp(34px, 4vw, 48px); font-weight: 620; letter-spacing: -.035em; line-height: 1.08; } .page-title p { margin: 10px 0 0; color: var(--content-muted); font-size: 15px; } @@ -124,7 +129,8 @@ svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-lineca .system-proof dd, .evidence-list dd, .document-inspector dd { margin: 0; color: var(--content-secondary); font-weight: 580; text-align: right; } .full-workbench { height: 100%; min-width: 0; min-height: 0; display: grid; background: color-mix(in srgb, var(--surface-depth) 70%, transparent); } -.knowledge-page { grid-template-columns: 310px minmax(430px, 1fr) 278px; } +.knowledge-page { grid-template-columns: 336px minmax(0, 1fr) 288px; } +.knowledge-page.inspector-closed { grid-template-columns: 336px minmax(0, 1fr); } .knowledge-browser, .document-inspector, .code-channels, .repository-tree { min-width: 0; min-height: 0; display: flex; flex-direction: column; border-right: 1px solid var(--panel-edge); @@ -164,7 +170,9 @@ svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-lineca } .breadcrumbs { min-width: 0; display: flex; align-items: center; gap: 8px; color: var(--content-muted); font-size: 12px; } .breadcrumbs span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.document-toolbar > div:last-child { display: flex; gap: 8px; } +.document-toolbar > div:last-child { display: flex; flex: none; gap: 8px; } +.document-toolbar .breadcrumbs { flex: 1 1 auto; } +.toolbar-actions .toolbar-button { white-space: nowrap; flex: none; } .toolbar-button { min-height: 33px; padding: 0 12px; font-size: 12.5px; } .toolbar-button svg { width: 16px; height: 16px; } .document-scroll, .code-reader-scroll { min-width: 0; min-height: 0; overflow: auto; scroll-behavior: smooth; } @@ -172,20 +180,71 @@ svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-lineca .reader-heading h1 { margin: 0; color: var(--content-primary); font-size: clamp(32px, 3vw, 42px); font-weight: 680; letter-spacing: -.035em; line-height: 1.18; } .reader-heading div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; } .reader-heading span { padding: 5px 8px; border-radius: 6px; color: var(--content-muted); background: var(--primitive-glass); font-size: 12px; } +.reader-heading .meta-stats { margin-top: 15px; color: var(--content-muted); font-size: 12.5px; letter-spacing: .03em; } +.knowledge-tree .tree-branch { position: relative; } +.tree-folder-tools { position: absolute; top: 4px; right: 6px; z-index: 5; } +.tree-folder-menu-button { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 0; border-radius: 6px; background: transparent; color: var(--content-muted); cursor: pointer; opacity: .55; } +.tree-branch:hover > .tree-folder-tools .tree-folder-menu-button { opacity: 1; } +.tree-folder-menu-button:hover { background: var(--primitive-glass-hover); color: var(--content-strong); } +.tree-folder-menu { position: absolute; top: 24px; right: 0; z-index: 70; display: flex; flex-direction: column; min-width: 132px; padding: 5px; border: 1px solid var(--panel-edge); border-radius: 9px; background: var(--panel-bg); box-shadow: 0 12px 30px rgba(0, 0, 0, .35); } +.tree-folder-menu button { display: flex; gap: 7px; align-items: center; padding: 6px 8px; border: 0; border-radius: 6px; background: transparent; color: var(--content-strong); font-size: 12.5px; text-align: left; cursor: pointer; white-space: nowrap; } +.tree-folder-menu button:hover { background: var(--primitive-glass-hover); color: rgb(251, 113, 133); } +.tree-folder-menu button svg { width: 13px; height: 13px; } +.toolbar-menu { position: relative; display: inline-flex; } +.toolbar-menu .toolbar-button svg:last-child { width: 12px; height: 12px; opacity: .7; } +.toolbar-menu-pop { position: absolute; top: calc(100% + 6px); right: 0; z-index: 60; display: flex; flex-direction: column; min-width: 196px; padding: 6px; border: 1px solid var(--panel-edge); border-radius: 10px; background: var(--panel-bg); box-shadow: 0 12px 30px rgba(0, 0, 0, .35); } +.toolbar-menu-pop button { display: flex; gap: 8px; align-items: center; white-space: nowrap; } +.toolbar-menu-pop button svg { width: 13px; height: 13px; flex: none; } +.toolbar-menu-sep { display: block; height: 1px; margin: 5px 4px; background: var(--panel-edge); } +.toolbar-menu-pop button { padding: 8px 10px; border: 0; border-radius: 7px; background: transparent; color: var(--content-secondary); text-align: left; font-size: 13px; cursor: pointer; } +.toolbar-menu-pop button:hover { background: var(--primitive-glass-hover); color: var(--content-primary); } +@media print { + .app-sidebar, .knowledge-tree, .document-toolbar, .document-inspector, .sidebar-toggle, .outline-panel { display: none !important; } + .app-shell, .full-workbench, .knowledge-page, .document-workspace { display: block !important; grid-template-columns: none !important; height: auto !important; overflow: visible !important; background: #fff !important; } + .document-scroll { height: auto !important; overflow: visible !important; padding: 0 !important; } + .reader-heading .meta-tags span, .meta-stats { color: #444 !important; } + body, .markdown-document, .reader-heading h1 { background: #fff !important; color: #111 !important; } + .markdown-document blockquote.callout { background: #f5f3ff !important; border-left-color: #a78bfa !important; color: #333 !important; } + .markdown-document pre, .markdown-document code { background: #f2f3f5 !important; color: #222 !important; } +} +.markdown-document .external-link { text-decoration: underline dashed; text-underline-offset: 3px; } +.markdown-document .external-mark { display: inline-block; margin-left: 6px; padding: 1px 8px; border: 1px solid var(--panel-edge); border-radius: 999px; background: var(--primitive-glass); color: var(--content-muted); font-size: 10.5px; letter-spacing: .05em; vertical-align: 1px; } +.markdown-document details.toggle-block { margin: 22px 0; border: 1px solid var(--panel-edge); border-radius: 10px; background: var(--primitive-glass); } +.markdown-document details.toggle-block summary { padding: 12px 16px; border-radius: 10px; color: var(--content-primary); font-weight: 620; cursor: pointer; list-style: none; } +.markdown-document details.toggle-block summary::before { content: '▸ '; color: var(--accent-light); } +.markdown-document details.toggle-block[open] summary::before { content: '▾ '; } +.markdown-document details.toggle-block .toggle-body { padding: 2px 16px 14px; border-top: 1px dashed var(--panel-edge); } +.reader-heading .meta-tags span.tag-lavender { border-color: rgba(167, 139, 250, .5); background: rgba(167, 139, 250, .16); color: rgb(200, 183, 255); } +.reader-heading .meta-tags span.tag-sky { border-color: rgba(56, 189, 248, .45); background: rgba(56, 189, 248, .14); color: rgb(151, 219, 252); } +.reader-heading .meta-tags span.tag-mint { border-color: rgba(52, 211, 153, .45); background: rgba(52, 211, 153, .14); color: rgb(148, 232, 195); } +.reader-heading .meta-tags span.tag-amber { border-color: rgba(251, 191, 36, .45); background: rgba(251, 191, 36, .13); color: rgb(252, 220, 145); } +.reader-heading .meta-tags span.tag-rose { border-color: rgba(251, 113, 133, .45); background: rgba(251, 113, 133, .13); color: rgb(253, 186, 196); } +.reader-heading .meta-tags span.tag-slate { border-color: rgba(148, 163, 184, .4); background: rgba(148, 163, 184, .12); color: rgb(203, 213, 225); } +.reader-heading .meta-tags span { padding: 4px 12px; border: 1px solid color-mix(in srgb, var(--accent-light) 32%, transparent); border-radius: 999px; color: var(--accent-light); background: color-mix(in srgb, var(--accent-light) 9%, transparent); font-weight: 600; } .markdown-document { max-width: 870px; margin: 0 auto; padding: 20px 54px 100px; color: var(--content-secondary); font-size: 17px; font-weight: 430; line-height: 1.78; overflow-wrap: anywhere; } .markdown-document h1, .markdown-document h2, .markdown-document h3, .markdown-document h4 { color: var(--content-primary); font-weight: 680; line-height: 1.34; letter-spacing: -.02em; } .markdown-document h1 { margin: 48px 0 20px; font-size: 34px; } -.markdown-document h2 { margin: 42px 0 17px; font-size: 27px; } +.markdown-document h2 { margin: 42px 0 17px; padding-bottom: 9px; font-size: 27px; background: linear-gradient(90deg, var(--accent-light), transparent 72%) left bottom / 100% 1px no-repeat; } +.markdown-document hr { height: 1px; margin: 36px 0; border: 0; background: linear-gradient(90deg, transparent, var(--accent-light), transparent); opacity: .45; } .markdown-document h3 { margin: 34px 0 14px; font-size: 22px; } .markdown-document h4 { margin: 28px 0 12px; font-size: 18px; } .markdown-document p { margin: 0 0 20px; } .markdown-document ul, .markdown-document ol { margin: 0 0 22px; padding-left: 27px; } .markdown-document li { margin: 6px 0; } .markdown-document a { color: color-mix(in srgb, var(--accent-light) 78%, var(--content-primary)); text-decoration-thickness: 1px; text-underline-offset: 3px; } -.markdown-document blockquote { margin: 25px 0; padding: 14px 19px; border-left: 3px solid var(--accent-light); color: var(--content-muted); background: var(--primitive-glass); } +.markdown-document blockquote.callout { margin: 25px 0; padding: 15px 19px; border: 0; border-left: 3px solid; border-radius: 9px; color: var(--content-secondary); font-size: 14.5px; } +.markdown-document blockquote.callout p { margin: 6px 0; } +.callout-slate { border-left-color: rgba(148, 163, 184, .65); background: rgba(148, 163, 184, .10); } +.callout-lavender { border-left-color: rgba(167, 139, 250, .7); background: rgba(167, 139, 250, .13); } +.callout-sky { border-left-color: rgba(56, 189, 248, .6); background: rgba(56, 189, 248, .11); } +.callout-mint { border-left-color: rgba(52, 211, 153, .6); background: rgba(52, 211, 153, .11); } +.callout-amber { border-left-color: rgba(251, 191, 36, .65); background: rgba(251, 191, 36, .11); } +.callout-rose { border-left-color: rgba(251, 113, 133, .6); background: rgba(251, 113, 133, .11); } .markdown-document pre, .source-code { overflow: auto; padding: 19px; border: 1px solid var(--panel-edge); border-radius: 10px; color: var(--content-secondary); background: rgba(0, 0, 0, .25); font: 13.5px/1.7 ui-monospace, SFMono-Regular, Menlo, monospace; tab-size: 2; } .markdown-document code:not(pre code) { padding: 2px 5px; border-radius: 5px; background: var(--primitive-glass-hover); font: .88em ui-monospace, SFMono-Regular, Menlo, monospace; } -.markdown-document table { width: 100%; display: table; margin: 25px 0; border-collapse: collapse; font-size: 14px; line-height: 1.5; } +.markdown-document table { width: 100%; display: table; margin: 25px 0; border-collapse: collapse; border-radius: 10px; font-size: 14px; line-height: 1.5; } +.markdown-document table th { background: var(--primitive-glass-hover); color: var(--content-primary); } +.markdown-document table tbody tr:nth-child(even) { background: var(--primitive-glass); } .markdown-document th, .markdown-document td { padding: 10px 12px; border: 1px solid var(--panel-edge); text-align: left; vertical-align: top; } .markdown-document th { color: var(--content-primary); background: var(--primitive-glass-hover); font-weight: 650; } .markdown-document img { max-width: 100%; border-radius: 10px; } @@ -206,6 +265,9 @@ svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-lineca .inspector-scroll code { display: block; overflow-wrap: anywhere; color: var(--content-muted); font-size: 11px; } .outline-list { display: grid; gap: 10px; } .outline-list span { overflow: hidden; color: var(--content-muted); font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; } +.outline-list button { display: block; width: 100%; overflow: hidden; padding: 5px 8px; border: 0; border-radius: 7px; color: var(--content-muted); background: transparent; font-size: 12.5px; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } +.outline-list button.active { color: var(--content-primary); background: var(--primitive-glass-hover); box-shadow: inset 2px 0 0 var(--accent-light); } +.outline-list button:hover { color: var(--content-primary); background: var(--primitive-glass); } .workbench-empty, .empty-state { display: grid; place-content: center; justify-items: center; color: var(--content-muted); text-align: center; } .workbench-empty { min-height: 0; padding: 40px; } .workbench-empty > span { color: var(--accent-light); font-family: "Songti SC", serif; font-size: 36px; } @@ -293,3 +355,84 @@ svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-lineca @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } } + +/* ===== 布局收展（学 Tolaria：侧栏可收，正文与知识库拿回宽度） ===== */ +.app-shell.sidebar-collapsed { grid-template-columns: 80px minmax(0, 1fr); } +.sidebar-toggle { width: 30px; height: 30px; margin-left: auto; border-radius: 8px; } +.sidebar-toggle svg { transition: transform .18s ease; } +.app-shell.sidebar-collapsed .brand { flex-direction: column; gap: 10px; padding: 0 0 4px; } +.app-shell.sidebar-collapsed .brand-text, +.app-shell.sidebar-collapsed .sidebar nav button span, +.app-shell.sidebar-collapsed .sidebar nav button em, +.app-shell.sidebar-collapsed .sidebar-foot div { display: none; } +.app-shell.sidebar-collapsed .sidebar-toggle svg { transform: rotate(180deg); } +.app-shell.sidebar-collapsed .sidebar nav button { grid-template-columns: 24px; justify-content: center; padding: 0; } +.app-shell.sidebar-collapsed .brand-mark { cursor: pointer; } +.app-shell.sidebar-collapsed .sidebar-foot { grid-template-columns: 1fr; justify-items: center; gap: 8px; padding: 14px 0 0; } +.app-shell.sidebar-collapsed .sign-out { padding: 4px 8px; font-size: 11px; } +.toolbar-actions { display: flex; align-items: center; gap: 10px; } +.toolbar-actions .toolbar-button svg { width: 15px; height: 15px; } +.toolbar-actions .toolbar-button[title^="收起"] svg { transform: rotate(90deg); } +.toolbar-actions .toolbar-button[title^="展开"] svg { transform: rotate(-90deg); } +.markdown-document :is(h1, h2, h3, h4) { scroll-margin-top: 16px; } +.heading-flash { animation: heading-flash 1.3s ease; } +@keyframes heading-flash { 0% { background: color-mix(in srgb, var(--accent-light) 24%, transparent); } 100% { background: transparent; } } + +/* ===== 光湖灯：品牌徽的灯亮着，一闪一闪，湖面有微光 ===== */ +.brand-lamp { position: relative; overflow: hidden; } +.brand-lamp .lamp-glow { position: absolute; inset: -7px; border-radius: inherit; background: radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--accent-light) 36%, transparent), transparent 62%); animation: lamp-breathe 5s ease-in-out infinite; } +.brand-lamp .lamp-core { position: absolute; top: 8px; left: 50%; width: 9px; height: 12px; transform: translateX(-50%); border-radius: 50% 50% 46% 46% / 58% 58% 42% 42%; background: var(--accent-light); box-shadow: 0 0 8px color-mix(in srgb, var(--accent-light) 70%, transparent); animation: lamp-flicker 5.2s infinite; } +.brand-lamp .lake-shimmer { position: absolute; right: 7px; bottom: 8px; left: 7px; height: 2px; border-radius: 2px; opacity: .8; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-light) 72%, transparent), transparent); background-size: 200% 100%; animation: lake-shimmer 3.6s linear infinite; } +@keyframes lamp-flicker { 0%, 100% { opacity: 1; } 42% { opacity: 1; } 44% { opacity: .3; } 46% { opacity: 1; } 71% { opacity: .94; } 73% { opacity: .45; } 75% { opacity: 1; } } +@keyframes lamp-breathe { 0%, 100% { opacity: .68; } 50% { opacity: 1; } } +@keyframes lake-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } + +/* ===== 会客厅（Agent 接线 v1）===== */ +.parlor-page { display: flex; flex-direction: column; } +.parlor-layer { display: flex; align-items: center; gap: 10px; flex: none; } +.parlor-scroll { flex: 1; min-height: 200px; overflow: auto; display: flex; flex-direction: column; gap: 12px; padding: 18px; border: 1px solid var(--panel-edge); border-radius: 12px; background: var(--primitive-glass); } +.parlor-row { display: flex; flex-direction: column; gap: 4px; max-width: 760px; } +.parlor-row.user { align-self: flex-end; align-items: flex-end; } +.parlor-row.agent { align-self: flex-start; align-items: flex-start; } +.parlor-row.note { align-self: center; } +.parlor-who { font-size: 11px; font-weight: 650; letter-spacing: .08em; color: var(--content-muted); } +.parlor-bubble { padding: 10px 14px; border-radius: 12px; border: 1px solid var(--panel-edge); color: var(--content-primary); font-size: 14px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; background: color-mix(in srgb, var(--accent-light) 7%, transparent); } +.parlor-row.user .parlor-bubble { background: color-mix(in srgb, var(--accent-light) 16%, transparent); border-color: color-mix(in srgb, var(--accent-light) 34%, transparent); } +.parlor-bubble.thinking { opacity: .6; animation: lamp-breathe 1.6s infinite; } +.parlor-note { margin: 0; padding: 7px 13px; border-radius: 999px; border: 1px dashed color-mix(in srgb, var(--accent-light) 30%, transparent); color: var(--content-muted); font-size: 12px; line-height: 1.6; align-self: center; max-width: 760px; text-align: center; } +.parlor-input-row { display: flex; gap: 10px; margin-top: 14px; flex: none; } +.parlor-input-row input { flex: 1; padding: 12px 15px; border: 1px solid var(--panel-edge); border-radius: 10px; background: var(--primitive-glass); color: var(--content-primary); font-size: 14px; } +.parlor-input-row input:focus { outline: none; border-color: color-mix(in srgb, var(--accent-light) 55%, transparent); } +/* 零点原核频道·双层路由导航（施工图 v1.4 件4/4b） */ +.zp-downgrade-wrap { padding: 26px clamp(28px, 4vw, 64px) 0; } +.zp-downgrade-card { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border: 1px solid color-mix(in srgb, var(--accent-light) 30%, var(--panel-edge)); border-radius: 14px; background: color-mix(in srgb, var(--panel-bg) 88%, transparent); } +.zp-downgrade-card .zp-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--accent-light); box-shadow: 0 0 14px color-mix(in srgb, var(--accent-light) 55%, transparent); } +.zp-downgrade-card .zp-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; } +.zp-downgrade-card .zp-copy b { color: var(--content-primary); font-size: 13.5px; font-weight: 650; } +.zp-downgrade-card .zp-copy span { color: var(--content-muted); font-size: 12.5px; line-height: 1.5; } +.zp-downgrade-card button { margin-left: auto; flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 9px 15px; border: 1px solid color-mix(in srgb, var(--accent-light) 34%, transparent); border-radius: 999px; color: var(--accent-light); background: color-mix(in srgb, var(--accent-light) 9%, transparent); font-size: 12.5px; font-weight: 650; cursor: pointer; } +.zp-downgrade-card button:hover { border-color: var(--accent-light); background: color-mix(in srgb, var(--accent-light) 16%, transparent); } +.zp-api-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; } +.zp-api-row input { flex: 1 1 180px; min-width: 140px; } +.zp-api-panel { margin-bottom: 14px; } + +/* 五湖登录开场（2026-08-15 冰朔谕）：五域悬浮湖面，登录通过=第五域浮起、镜头沉入。 + 审美纪律：流光不用线条（EXP-106）、未开域幽静待建（BRAIN 认知一）。 */ +.lake-scene { overflow: hidden; transition: opacity .85s ease; } +.lake-scene.sinking { opacity: 0; } +.lake-bays { position: absolute; left: 0; right: 0; bottom: 8%; display: flex; align-items: flex-end; justify-content: center; gap: clamp(28px, 6vw, 104px); pointer-events: none; } +.lake-bay { position: relative; display: flex; flex-direction: column; align-items: center; gap: 16px; animation: bay-breathe 6s ease-in-out infinite; } +.lake-bay:nth-child(2) { animation-delay: 1.3s; } +.lake-bay:nth-child(3) { animation-delay: 2.6s; } +.lake-bay:nth-child(4) { animation-delay: .8s; } +.lake-bay:nth-child(5) { animation-delay: 1.9s; } +.lake-bay i { width: 64px; height: 64px; border-radius: 50%; filter: blur(2px); opacity: .26; background: radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--primitive-cool-glow) 72%, transparent), color-mix(in srgb, var(--primitive-cool-glow) 26%, transparent) 48%, transparent 72%); } +.lake-bay b { color: var(--content-faint); font-size: 12px; letter-spacing: .34em; font-weight: 500; text-indent: .34em; } +.lake-bay.fifth i { width: 92px; height: 92px; opacity: .72; background: radial-gradient(circle at 50% 36%, var(--primitive-warm-glow), color-mix(in srgb, var(--primitive-warm-glow) 34%, transparent) 50%, transparent 74%); box-shadow: 0 0 58px color-mix(in srgb, var(--primitive-warm-glow) 42%, transparent); } +.lake-bay.fifth b { color: var(--accent-light); } +.lake-bay.rising { animation: bay-rise 1.25s cubic-bezier(.32, .72, .36, 1) forwards; z-index: 2; } +.lake-bay.rising i { opacity: 1; box-shadow: 0 0 120px color-mix(in srgb, var(--primitive-warm-glow) 65%, transparent); } +@keyframes bay-breathe { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } +@keyframes bay-rise { 0% { transform: translateY(0) scale(1); } 55% { transform: translateY(-52px) scale(1.2); } 100% { transform: translateY(-150px) scale(1.9); } } +.onboarding-card { position: relative; z-index: 1; transition: opacity .7s ease, transform .7s ease; } +.onboarding-card.fade-out { opacity: 0; transform: translateY(16px) scale(.985); }