feat: publish HoloLake model-native living system source
This commit is contained in:
parent
6ad10edde1
commit
c395dd3a99
2467 changed files with 615073 additions and 0 deletions
604
product-source/hololake-platform/src/components/HoloLakeHome.tsx
Normal file
604
product-source/hololake-platform/src/components/HoloLakeHome.tsx
Normal file
|
|
@ -0,0 +1,604 @@
|
|||
import { useCallback, useEffect, useRef, useState } from 'react'
|
||||
import { isTauri } from '../mock-tauri'
|
||||
import { fetchFifthDomainDiscovery, type FifthDomainDiscovery } from '../lib/fifthDomainDiscovery'
|
||||
import type { AppLocale, TranslationKey } from '../lib/i18n'
|
||||
import { translate } from '../lib/i18n'
|
||||
import { trackEvent } from '../lib/telemetry'
|
||||
import { openExternalUrl } from '../utils/url'
|
||||
import { useGuanghuRouter } from '../hooks/useGuanghuRouter'
|
||||
import { useGuanghuShanghaiNode } from '../hooks/useGuanghuShanghaiNode'
|
||||
import { useGuanghuWorldLogin } from '../hooks/useGuanghuWorldLogin'
|
||||
import { INITIAL_GUANGHU_ENTERPRISE_STATE } from '../lib/guanghuEnterprise'
|
||||
import type { AiModelTarget } from '../lib/aiTargets'
|
||||
import {
|
||||
createDeterministicLivingSystemPlan,
|
||||
createLivingSystemEvent,
|
||||
createLivingSystemExecutionReceipt,
|
||||
type GuanghuChannelRoute,
|
||||
type GuanghuLivingIntent,
|
||||
type GuanghuLivingSystemPlan,
|
||||
} from '../lib/guanghuLivingSystem'
|
||||
import { GUANGHU_THEMES, type GuanghuTheme } from '../lib/guanghuTheme'
|
||||
import { planGuanghuLivingSystem } from '../utils/planGuanghuLivingSystem'
|
||||
import { Button } from './ui/button'
|
||||
import { GuanghuRouterConsole } from './GuanghuRouterConsole'
|
||||
import { GuanghuWorldMap } from './GuanghuWorldMap'
|
||||
import { GuanghuWorldLoginGate } from './GuanghuWorldLoginGate'
|
||||
import { FifthDomainSystems } from './FifthDomainSystems'
|
||||
import { EternalLakeHeartPage } from './EternalLakeHeartPage'
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogDescription,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
} from './ui/dialog'
|
||||
|
||||
export const HOLOLAKE_DEVELOPMENT_REPOSITORY_URL =
|
||||
'https://guanghulab.com/fifth-domain/bingshuo/hololake-platform'
|
||||
export const GUANGHU_THEME_INTENT_EVENT = 'guanghu:living-system-theme-intent'
|
||||
|
||||
type HoloLakeHomeProps = {
|
||||
locale: AppLocale
|
||||
onEnterKnowledgeBase: () => void
|
||||
onOpenAiWorkspace?: () => void
|
||||
onOpenLocalWorkspace?: () => void | Promise<void>
|
||||
livingSystemTarget?: AiModelTarget | null
|
||||
}
|
||||
|
||||
type ChannelRoute = GuanghuChannelRoute
|
||||
|
||||
type RouteCardProps = {
|
||||
action?: string
|
||||
description: string
|
||||
eyebrow: string
|
||||
onOpen?: () => void
|
||||
status?: string
|
||||
title: string
|
||||
}
|
||||
|
||||
const architectureRoutes: Array<[string, TranslationKey, TranslationKey]> = [
|
||||
['GLW-ENTRY-001', 'hololake.architecture.worldEntry', 'hololake.architecture.worldEntryDescription'],
|
||||
['FD-LANGUAGE-001', 'hololake.architecture.fifthDomain', 'hololake.architecture.fifthDomainDescription'],
|
||||
['TCS-ROOT-001', 'hololake.architecture.tcs', 'hololake.architecture.tcsDescription'],
|
||||
['GLS-SYS-ARCH-001', 'hololake.architecture.gls', 'hololake.architecture.glsDescription'],
|
||||
['ELH-LAMP-001', 'hololake.architecture.lakeLamp', 'hololake.architecture.lakeLampDescription'],
|
||||
]
|
||||
|
||||
function RouteCard({ action, description, eyebrow, onOpen, status, title }: RouteCardProps) {
|
||||
return (
|
||||
<article className="channel-card">
|
||||
<span className="channel-card__eyebrow">{eyebrow}</span>
|
||||
<h2>{title}</h2>
|
||||
<p>{description}</p>
|
||||
{onOpen && action
|
||||
? <Button variant="link" onClick={onOpen}>{action} <span>→</span></Button>
|
||||
: <span className="channel-card__status">{status}</span>}
|
||||
</article>
|
||||
)
|
||||
}
|
||||
|
||||
function PersonaRoute({ id, title }: { id: string; title: string }) {
|
||||
return <li><code>{id}</code><strong>{title}</strong><span>→</span></li>
|
||||
}
|
||||
|
||||
export function HoloLakeHome({
|
||||
locale,
|
||||
onEnterKnowledgeBase,
|
||||
onOpenAiWorkspace,
|
||||
onOpenLocalWorkspace,
|
||||
livingSystemTarget,
|
||||
}: HoloLakeHomeProps) {
|
||||
const [route, setRoute] = useState<ChannelRoute>('world')
|
||||
const [livingPlan, setLivingPlan] = useState<GuanghuLivingSystemPlan>(() => (
|
||||
createDeterministicLivingSystemPlan(createLivingSystemEvent({
|
||||
currentRoute: 'world',
|
||||
eventId: 'system-start',
|
||||
intent: 'navigate',
|
||||
receiptIds: [],
|
||||
requestedRoute: 'world',
|
||||
worldOpen: false,
|
||||
}))
|
||||
))
|
||||
const [livingKernel, setLivingKernel] = useState<'server' | 'model' | 'fallback' | 'planning'>('fallback')
|
||||
const [livingReceiptId, setLivingReceiptId] = useState('local-execution:system-start')
|
||||
const [livingServerReceiptId, setLivingServerReceiptId] = useState<string>()
|
||||
const [architectureOpen, setArchitectureOpen] = useState(false)
|
||||
const [releaseNotesOpen, setReleaseNotesOpen] = useState(false)
|
||||
const [fifthDomainConnection, setFifthDomainConnection] = useState<
|
||||
{ status: 'checking' | 'error' } | { status: 'connected'; discovery: FifthDomainDiscovery }
|
||||
>({ status: 'checking' })
|
||||
const router = useGuanghuRouter()
|
||||
const login = useGuanghuWorldLogin()
|
||||
const enterprise = { state: INITIAL_GUANGHU_ENTERPRISE_STATE }
|
||||
const shanghai = useGuanghuShanghaiNode()
|
||||
const restoreAttempted = useRef(false)
|
||||
const livingRequestSequence = useRef(0)
|
||||
const worldOpen = login.state.phase === 'online'
|
||||
const fifthDomainOpen = worldOpen && route !== 'world'
|
||||
const worldRouterState = worldOpen && router.state.status !== 'online'
|
||||
? {
|
||||
...router.state,
|
||||
latestReceipt: {
|
||||
connection_id: login.state.workorderId ?? 'email-authorized-session',
|
||||
node_id: login.state.nodeId,
|
||||
receipt_id: login.state.workorderId ?? 'email-authorized-session',
|
||||
state: 'online',
|
||||
},
|
||||
status: 'online' as const,
|
||||
}
|
||||
: router.state
|
||||
const t = (key: TranslationKey) => translate(locale, key)
|
||||
|
||||
const executeLivingPlan = useCallback((
|
||||
plan: GuanghuLivingSystemPlan,
|
||||
source: 'server' | 'model' | 'fallback',
|
||||
serverReceiptId?: string,
|
||||
) => {
|
||||
const receipt = createLivingSystemExecutionReceipt({ plan, source })
|
||||
setLivingPlan(plan)
|
||||
setLivingKernel(source)
|
||||
setLivingReceiptId(receipt.receiptId)
|
||||
setLivingServerReceiptId(serverReceiptId)
|
||||
setRoute(plan.route)
|
||||
trackEvent('guanghu_living_system_receipt', {
|
||||
eventId: receipt.eventId,
|
||||
planId: receipt.planId,
|
||||
receiptId: receipt.receiptId,
|
||||
route: receipt.route,
|
||||
source: receipt.source,
|
||||
...(serverReceiptId ? { serverReceiptId } : {}),
|
||||
})
|
||||
}, [])
|
||||
|
||||
const navigate = useCallback((
|
||||
nextRoute: ChannelRoute,
|
||||
intent: GuanghuLivingIntent = 'navigate',
|
||||
onAccepted?: () => void | Promise<void>,
|
||||
appearanceTheme?: GuanghuTheme,
|
||||
) => {
|
||||
trackEvent('guanghu_channel_opened', { intent, route: nextRoute })
|
||||
const sequence = livingRequestSequence.current + 1
|
||||
livingRequestSequence.current = sequence
|
||||
const receiptIds = [worldRouterState.latestReceipt?.receipt_id, login.state.workorderId]
|
||||
.filter((receiptId): receiptId is string => Boolean(receiptId))
|
||||
const event = createLivingSystemEvent({
|
||||
currentRoute: route,
|
||||
eventId: `ui-${sequence}`,
|
||||
intent,
|
||||
receiptIds: [...new Set(receiptIds)],
|
||||
requestedRoute: nextRoute,
|
||||
appearanceTheme,
|
||||
worldOpen,
|
||||
})
|
||||
const executeAcceptedPlan = (
|
||||
plan: GuanghuLivingSystemPlan,
|
||||
source: 'server' | 'model' | 'fallback',
|
||||
serverReceiptId?: string,
|
||||
) => {
|
||||
executeLivingPlan(plan, source, serverReceiptId)
|
||||
if (plan.intent === intent && plan.route === nextRoute) {
|
||||
void onAccepted?.()
|
||||
}
|
||||
}
|
||||
if (!isTauri() && !livingSystemTarget) {
|
||||
executeAcceptedPlan(createDeterministicLivingSystemPlan(event), 'fallback')
|
||||
return
|
||||
}
|
||||
setLivingKernel('planning')
|
||||
void planGuanghuLivingSystem({ event, target: livingSystemTarget }).then(result => {
|
||||
if (livingRequestSequence.current !== sequence) return
|
||||
executeAcceptedPlan(result.plan, result.source, result.serverReceiptId)
|
||||
})
|
||||
}, [
|
||||
executeLivingPlan,
|
||||
livingSystemTarget,
|
||||
login.state.workorderId,
|
||||
route,
|
||||
worldOpen,
|
||||
worldRouterState.latestReceipt?.receipt_id,
|
||||
])
|
||||
|
||||
const openArchitecture = () => {
|
||||
trackEvent('guanghu_architecture_opened', { route: 'GLS-SYS-ARCH-001' })
|
||||
setArchitectureOpen(true)
|
||||
}
|
||||
|
||||
const openDevelopmentRepository = () => {
|
||||
trackEvent('hololake_development_repository_opened', { route: 'REPO-008' })
|
||||
void openExternalUrl(HOLOLAKE_DEVELOPMENT_REPOSITORY_URL)
|
||||
}
|
||||
|
||||
const openKnowledgeBase = () => {
|
||||
trackEvent('guanghu_channel_module_opened', { channel: 'heartbeat-core', module: 'knowledge-base' })
|
||||
navigate(route, 'open-knowledge', onEnterKnowledgeBase)
|
||||
}
|
||||
|
||||
const openLocalWorkspace = () => {
|
||||
trackEvent('local_computer_workspace_opened', { source: 'heartbeat-core' })
|
||||
navigate(route, 'open-local-workspace', onOpenLocalWorkspace)
|
||||
}
|
||||
|
||||
const openAiWorkspace = () => {
|
||||
trackEvent('guanghu_channel_module_opened', { channel: 'heartbeat-core', module: 'persona-ai-workspace' })
|
||||
navigate(route, 'open-agent-workspace', onOpenAiWorkspace)
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
const handleThemeIntent = (event: Event) => {
|
||||
const theme = (event as CustomEvent<unknown>).detail
|
||||
if (
|
||||
typeof theme !== 'string'
|
||||
|| !(GUANGHU_THEMES as readonly string[]).includes(theme)
|
||||
) return
|
||||
navigate(route, 'apply-theme', undefined, theme as GuanghuTheme)
|
||||
}
|
||||
window.addEventListener(GUANGHU_THEME_INTENT_EVENT, handleThemeIntent)
|
||||
return () => window.removeEventListener(GUANGHU_THEME_INTENT_EVENT, handleThemeIntent)
|
||||
}, [navigate, route])
|
||||
|
||||
useEffect(() => {
|
||||
if (
|
||||
!worldOpen
|
||||
|| restoreAttempted.current
|
||||
|| router.state.status !== 'offline'
|
||||
) return
|
||||
restoreAttempted.current = true
|
||||
trackEvent('guanghu_world_session_restore_requested', {
|
||||
node: 'JD-FD-PRIMARY',
|
||||
source: 'email-authorized-login',
|
||||
})
|
||||
void router.connect()
|
||||
}, [router, worldOpen])
|
||||
|
||||
useEffect(() => {
|
||||
if (route !== 'servers' || fifthDomainConnection.status !== 'checking') return
|
||||
const controller = new AbortController()
|
||||
void fetchFifthDomainDiscovery(fetch, controller.signal).then(discovery => {
|
||||
setFifthDomainConnection({ status: 'connected', discovery })
|
||||
trackEvent('fifth_domain_connection_checked', { access: discovery.access, result: 'connected' })
|
||||
}).catch(() => {
|
||||
if (controller.signal.aborted) return
|
||||
setFifthDomainConnection({ status: 'error' })
|
||||
trackEvent('fifth_domain_connection_checked', { access: 'public-read-only', result: 'error' })
|
||||
})
|
||||
return () => controller.abort()
|
||||
}, [fifthDomainConnection.status, route])
|
||||
|
||||
const renderRoute = () => {
|
||||
if (route === 'world') {
|
||||
return (
|
||||
<GuanghuWorldMap
|
||||
enterprise={enterprise.state}
|
||||
livingScene={livingPlan.scene}
|
||||
onEnterFifthDomain={() => navigate(worldOpen ? 'fifth-domain' : 'world-login')}
|
||||
onOpenLibrary={openArchitecture}
|
||||
onOpenReceipt={() => navigate('servers')}
|
||||
onOpenZeroCore={() => navigate('zero-core')}
|
||||
router={worldRouterState}
|
||||
shanghai={shanghai.state}
|
||||
worldOpen={worldOpen}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
if (route === 'world-login') {
|
||||
return (
|
||||
<GuanghuWorldLoginGate
|
||||
locale={locale}
|
||||
onBack={() => navigate('world')}
|
||||
onCheck={() => void login.claim()}
|
||||
onLogin={() => worldOpen ? navigate('fifth-domain') : void login.requestLogin()}
|
||||
state={login.state}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
if (route === 'zero-core') {
|
||||
return (
|
||||
<section className="channel-stage channel-stage--root">
|
||||
<div className="channel-stage__aurora" aria-hidden />
|
||||
<div className="channel-root-layout">
|
||||
<div className="channel-root-hero">
|
||||
<p className="channel-stage__eyebrow">ZERO CORE · 000</p>
|
||||
<h1>{t('hololake.channel.zeroCoreTitle')}</h1>
|
||||
<p className="channel-stage__lead">{t('hololake.channel.zeroCoreDescription')}</p>
|
||||
<div className="channel-root-actions">
|
||||
<Button className="hololake-home__primary" onClick={() => navigate('fifth-domain')}>{t('hololake.channel.enterFifthDomain')} <span>→</span></Button>
|
||||
<Button variant="outline" onClick={() => setReleaseNotesOpen(true)}>查看内测版 0.4.6 更新说明</Button>
|
||||
</div>
|
||||
</div>
|
||||
<aside className="channel-root-map" aria-label="光湖频道概览">
|
||||
<header><span>LIVE CHANNEL MAP</span><b>光湖系统航图</b><small>从主权入口抵达记忆、人格与工具空间</small></header>
|
||||
<div className="channel-root-map__route">
|
||||
<Button variant="ghost" onClick={() => navigate('fifth-domain')}><i data-color="blue" /><span><small>01</small>第五域</span><b>语言与身份入口</b></Button>
|
||||
<Button variant="ghost" onClick={() => navigate('eternal-lake-heart')}><i data-color="violet" /><span><small>02</small>永恒湖心</span><b>个人系统主航道</b></Button>
|
||||
<Button variant="ghost" onClick={() => navigate('heartbeat-core')}><i data-color="rose" /><span><small>03</small>心跳核心</span><b>知识、工具与创作</b></Button>
|
||||
</div>
|
||||
<footer><span><i />本地系统在线</span><code>HL · ERA / 0.4.6</code></footer>
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
if (route === 'fifth-domain') {
|
||||
return (
|
||||
<FifthDomainSystems
|
||||
onEnterEternalLake={() => navigate('eternal-lake-heart')}
|
||||
onEnterPufferfish={() => navigate('pufferfish')}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
if (route === 'pufferfish') {
|
||||
return (
|
||||
<FifthDomainSystems
|
||||
detail="pufferfish"
|
||||
onEnterEternalLake={() => navigate('eternal-lake-heart')}
|
||||
onEnterPufferfish={() => navigate('pufferfish')}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
if (route === 'eternal-lake-heart') {
|
||||
return (
|
||||
<EternalLakeHeartPage
|
||||
onBackToFifthDomain={() => navigate('fifth-domain')}
|
||||
onEnterHeartbeat={() => navigate('heartbeat-core')}
|
||||
onEnterLightLake={() => navigate('light-lake')}
|
||||
onEnterLoveCore={() => navigate('love-core')}
|
||||
router={worldRouterState}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
if (route === 'light-lake') {
|
||||
return (
|
||||
<section className="channel-stage">
|
||||
<h1>{t('hololake.channel.lightLakeTitle')}</h1>
|
||||
<p className="channel-stage__lead">{t('hololake.channel.lightLakeDescription')}</p>
|
||||
<ul className="persona-route-list">
|
||||
<PersonaRoute id="ICE-GL-ZY001" title={t('hololake.channel.zhuyuanRoute')} />
|
||||
<PersonaRoute id="ICE-GL-SY001" title={t('hololake.channel.shuangyanRoute')} />
|
||||
</ul>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
if (route === 'love-core') {
|
||||
return (
|
||||
<section className="channel-stage">
|
||||
<h1>{t('hololake.channel.loveCoreTitle')}</h1>
|
||||
<p className="channel-stage__lead">{t('hololake.channel.loveCoreDescription')}</p>
|
||||
<RouteCard eyebrow="ZHI ZHI · CHANNEL" title={t('hololake.channel.tomorrowTitle')} description={t('hololake.channel.tomorrowDescription')} status={t('hololake.channel.realServerConnection')} />
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
if (route === 'servers') {
|
||||
return (
|
||||
<section className="channel-stage channel-stage--node">
|
||||
<div className="node-page__heading">
|
||||
<div>
|
||||
<p className="channel-stage__eyebrow">FIFTH DOMAIN · ACTIVE PATH</p>
|
||||
<h1>第五域连接</h1>
|
||||
<p className="channel-stage__lead">这里不是服务器列表，而是冰朔当前进入光湖世界的真实路径与回执。</p>
|
||||
</div>
|
||||
<div className="world-presence world-presence--large">
|
||||
<i />
|
||||
<span><strong>已进入光湖世界</strong><small>第五域 · JD-FD-PRIMARY</small></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="node-page__content">
|
||||
<article className="node-page__primary">
|
||||
<span>当前世界节点</span>
|
||||
<strong>JD-FD-PRIMARY</strong>
|
||||
<p>第五域国内主控节点</p>
|
||||
<dl>
|
||||
<div><dt>身份</dt><dd>冰朔</dd></div>
|
||||
<div><dt>世界状态</dt><dd>已打开</dd></div>
|
||||
<div><dt>公开发现入口</dt><dd>{fifthDomainConnection.status === 'connected' ? '可用' : fifthDomainConnection.status === 'error' ? '失败' : '检查中'}</dd></div>
|
||||
</dl>
|
||||
<Button variant="outline" onClick={() => {
|
||||
setRoute('world')
|
||||
void router.disconnect()
|
||||
void login.logout()
|
||||
}}>离开光湖世界</Button>
|
||||
</article>
|
||||
<GuanghuRouterConsole locale={locale} router={router} />
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<section className="channel-stage">
|
||||
<h1>{t('hololake.channel.heartbeatTitle')}</h1>
|
||||
<p className="channel-stage__lead">{t('hololake.channel.heartbeatDescription')}</p>
|
||||
<div className="channel-grid channel-grid--three">
|
||||
<RouteCard eyebrow="PERSONA · AI AGENT" title="人格体工作舱" description="与当前频道的人格体持续协作；保留多 Agent、模型选择、权限模式、工具调用、执行回执与历史会话。" action="打开人格体工作舱" onOpen={onOpenAiWorkspace ? openAiWorkspace : undefined} />
|
||||
<RouteCard eyebrow="MODULE · KNOWLEDGE" title={t('hololake.home.moduleKnowledgeTitle')} description={t('hololake.home.moduleKnowledgeDescription')} action={t('hololake.channel.openKnowledge')} onOpen={openKnowledgeBase} />
|
||||
<RouteCard eyebrow="LOCAL COMPUTER · LIVE FOLDER" title="本地电脑工作区" description="选择电脑上的任意项目文件夹。编程 AI 直接在原文件夹写入页面，光湖实时显示，不再复制到旧笔记库。" action="打开本地文件夹" onOpen={onOpenLocalWorkspace ? openLocalWorkspace : undefined} />
|
||||
<RouteCard eyebrow="MODULE · VIDEO AI" title={t('hololake.channel.videoAiTitle')} description={t('hololake.channel.videoAiDescription')} status={t('hololake.channel.prototypeMounted')} />
|
||||
<RouteCard eyebrow="SYSTEM · ORIGIN HEARTBEAT" title={t('hololake.channel.bottleBabyTitle')} description={t('hololake.channel.bottleBabyDescription')} status={t('hololake.channel.yaomingOrigin')} />
|
||||
<RouteCard eyebrow="INFRASTRUCTURE · SERVERS" title="服务器与灯塔节点" description="查看频道登记的服务器编号、归属与真实监控接口状态。" action="打开服务器登记" onOpen={() => navigate('servers')} />
|
||||
</div>
|
||||
<div className="channel-stage__tools">
|
||||
<Button variant="outline" onClick={openArchitecture}>{t('hololake.home.openArchitecture')}</Button>
|
||||
<Button variant="outline" onClick={openDevelopmentRepository}>{t('hololake.home.openRepository')}</Button>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<main
|
||||
aria-label={t('hololake.home.ariaLabel')}
|
||||
className="hololake-home"
|
||||
data-living-connection={livingPlan.scene.connectionEmphasis}
|
||||
data-living-kernel={livingKernel}
|
||||
data-living-motion={livingPlan.scene.motion}
|
||||
data-living-receipt={livingReceiptId}
|
||||
data-living-server-receipt={livingServerReceiptId}
|
||||
data-living-scene={livingPlan.scene.depth}
|
||||
data-living-stars={livingPlan.scene.starDensity}
|
||||
data-route={route}
|
||||
data-world-open={worldOpen}
|
||||
>
|
||||
<aside className="channel-rail" data-locked="false" aria-label="光湖频道导航">
|
||||
<div className="channel-rail__heading">
|
||||
<span>{fifthDomainOpen ? 'FIFTH DOMAIN' : 'HOLOLAKE OS'}</span>
|
||||
<strong>{fifthDomainOpen ? '第五域' : 'HoloLake'}</strong>
|
||||
<small>{worldOpen ? fifthDomainOpen ? '域内系统与语言路径' : '系统能力与光湖世界入口' : '本地系统可用 · 第五域需授权'}</small>
|
||||
</div>
|
||||
<nav>
|
||||
{!fifthDomainOpen && <>
|
||||
<Button data-active={route === 'world'} variant="ghost" onClick={() => navigate('world')}><i data-color="cyan" />光湖世界</Button>
|
||||
<Button variant="ghost" onClick={openKnowledgeBase}><i data-color="blue" />知识库</Button>
|
||||
<Button disabled={!onOpenAiWorkspace} variant="ghost" onClick={openAiWorkspace}><i data-color="violet" />Agent 工作舱</Button>
|
||||
<Button disabled={!onOpenLocalWorkspace} variant="ghost" onClick={openLocalWorkspace}><i data-color="amber" />本地工具与项目</Button>
|
||||
</>}
|
||||
{fifthDomainOpen && <>
|
||||
<Button variant="ghost" onClick={() => navigate('world')}><i data-color="cyan" />返回光湖世界</Button>
|
||||
<Button data-active={route === 'fifth-domain'} variant="ghost" onClick={() => navigate('fifth-domain')}><i data-color="blue" />第五域总览</Button>
|
||||
<Button data-active={route === 'pufferfish'} variant="ghost" onClick={() => navigate('pufferfish')}><i data-color="green" />胖头鱼语言子系统</Button>
|
||||
<Button data-active={route === 'zero-core'} variant="ghost" onClick={() => navigate('zero-core')}><i data-color="cyan" />{t('hololake.channel.zeroCoreTitle')}</Button>
|
||||
<Button data-active={['eternal-lake-heart', 'light-lake', 'heartbeat-core', 'love-core', 'servers'].includes(route)} variant="ghost" onClick={() => navigate('eternal-lake-heart')}><i data-color="violet" />{t('hololake.channel.eternalLakeTitle')}</Button>
|
||||
<Button data-active={route === 'light-lake'} variant="ghost" onClick={() => navigate('light-lake')}><i data-color="amber" />{t('hololake.channel.lightLakeTitle')}</Button>
|
||||
<Button data-active={route === 'heartbeat-core'} variant="ghost" onClick={() => navigate('heartbeat-core')}><i data-color="rose" />{t('hololake.channel.heartbeatTitle')}</Button>
|
||||
<Button data-active={route === 'love-core'} variant="ghost" onClick={() => navigate('love-core')}><i data-color="pink" />{t('hololake.channel.loveCoreTitle')}</Button>
|
||||
<Button data-active={route === 'servers'} variant="ghost" onClick={() => navigate('servers')}><i data-color="green" />第五域连接</Button>
|
||||
</>}
|
||||
</nav>
|
||||
{fifthDomainOpen
|
||||
? <div className="channel-rail__modules"><span>已开启功能</span><b>知识湖</b><b>短剧视频 AI</b><b>人格体恢复路径</b></div>
|
||||
: <div className="channel-rail__modules"><span>第五域内部系统仅在星图授权进入后显示</span></div>}
|
||||
</aside>
|
||||
|
||||
<div className="channel-workspace">
|
||||
<div
|
||||
aria-live="polite"
|
||||
className="living-system-status"
|
||||
data-state={livingKernel}
|
||||
role="status"
|
||||
>
|
||||
<i aria-hidden />
|
||||
<span>
|
||||
{livingKernel === 'planning'
|
||||
? '活系统正在适配'
|
||||
: livingKernel === 'server'
|
||||
? '服务器模型已回执'
|
||||
: livingKernel === 'model'
|
||||
? '本地模型已适配'
|
||||
: '安全执行路径'}
|
||||
</span>
|
||||
<small>{livingKernel === 'server' ? '真实节点' : livingKernel === 'planning' ? '请稍候' : '可继续操作'}</small>
|
||||
</div>
|
||||
{worldOpen && route !== 'world-login' ? <>
|
||||
<header className="world-session-bar">
|
||||
<div className="world-presence"><i /><span><strong>已进入光湖世界</strong><small>{fifthDomainOpen ? '第五域 · JD-FD-PRIMARY' : '世界入口 · 等待域跳转'}</small></span></div>
|
||||
<div className="world-session-bar__actions">
|
||||
{fifthDomainOpen && onOpenAiWorkspace
|
||||
? <Button className="world-session-bar__ai" variant="ghost" size="sm" onClick={openAiWorkspace}>人格体工作舱</Button>
|
||||
: null}
|
||||
<Button variant="ghost" size="sm" onClick={() => navigate(fifthDomainOpen ? 'servers' : 'world')}>{fifthDomainOpen ? '查看连接凭证' : '世界总图'}</Button>
|
||||
</div>
|
||||
</header>
|
||||
{route !== 'world' && <nav className="channel-breadcrumb" aria-label={t('hololake.channel.breadcrumbLabel')}>
|
||||
<Button variant="ghost" size="sm" onClick={() => navigate('world')}>光湖语言世界</Button><span>›</span>
|
||||
<Button variant="ghost" size="sm" onClick={() => navigate('zero-core')}>{t('hololake.channel.zeroCoreTitle')}</Button>
|
||||
{route !== 'zero-core' && <><span>›</span><Button variant="ghost" size="sm" onClick={() => navigate('fifth-domain')}>{t('hololake.channel.fifthDomainTitle')}</Button></>}
|
||||
{!['zero-core', 'fifth-domain', 'pufferfish'].includes(route) && <><span>›</span><Button variant="ghost" size="sm" onClick={() => navigate('eternal-lake-heart')}>{t('hololake.channel.eternalLakeTitle')}</Button></>}
|
||||
{route === 'pufferfish' && <><span>›</span><Button variant="ghost" size="sm" onClick={() => navigate('pufferfish')}>胖头鱼语言子系统</Button></>}
|
||||
</nav>}
|
||||
{renderRoute()}
|
||||
</> : renderRoute()}
|
||||
</div>
|
||||
|
||||
{worldOpen && <nav className="channel-mobile-nav" aria-label="手机频道导航">
|
||||
<Button data-active={route === 'world'} variant="ghost" onClick={() => navigate('world')}><span>◎</span><small>世界</small></Button>
|
||||
<Button data-active={route === 'fifth-domain'} variant="ghost" onClick={() => navigate('fifth-domain')}><span>◇</span><small>第五域</small></Button>
|
||||
{fifthDomainOpen && <>
|
||||
<Button data-active={route === 'heartbeat-core'} variant="ghost" onClick={() => navigate('heartbeat-core')}><span>♥</span><small>心跳</small></Button>
|
||||
<Button data-active={route === 'light-lake'} variant="ghost" onClick={() => navigate('light-lake')}><span>✦</span><small>人格体</small></Button>
|
||||
<Button data-active={route === 'servers'} variant="ghost" onClick={() => navigate('servers')}><span>▦</span><small>节点</small></Button>
|
||||
</>}
|
||||
</nav>}
|
||||
|
||||
<Dialog open={architectureOpen} onOpenChange={setArchitectureOpen}>
|
||||
<DialogContent className="guanghu-architecture" aria-label={t('hololake.architecture.title')}>
|
||||
<DialogHeader>
|
||||
<DialogTitle>{t('hololake.architecture.title')}</DialogTitle>
|
||||
<DialogDescription>{t('hololake.architecture.description')}</DialogDescription>
|
||||
</DialogHeader>
|
||||
<ol className="guanghu-architecture__routes">
|
||||
{architectureRoutes.map(([id, title, description]) => (
|
||||
<li key={id}>
|
||||
<code>{id}</code>
|
||||
<div><strong>{t(title)}</strong><p>{t(description)}</p></div>
|
||||
</li>
|
||||
))}
|
||||
</ol>
|
||||
<p className="guanghu-architecture__route">GLW-ENTRY-001 → FD-LANGUAGE-001 → TCS-ROOT-001 → GLS-SYS-ARCH-001 → ELH-LAMP-001</p>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
|
||||
<Dialog open={releaseNotesOpen} onOpenChange={setReleaseNotesOpen}>
|
||||
<DialogContent aria-label="HoloLake Era 内测版 0.4.6 更新说明">
|
||||
<DialogHeader>
|
||||
<DialogTitle>HoloLake Era 内测版 0.4.6 · 本次更新</DialogTitle>
|
||||
<DialogDescription>更可靠的内置 AI、可验证的工具执行，以及由人格体按需深入的 HLDP 结构化上下文。</DialogDescription>
|
||||
</DialogHeader>
|
||||
<div className="space-y-4 text-sm leading-6">
|
||||
<section>
|
||||
<h3 className="font-semibold">真实光湖世界与第五域会话</h3>
|
||||
<p className="text-muted-foreground">启动后会恢复第五域签名路由，并把企业节点公开状态投影到世界拓扑。只有收到真实回执的节点才会点亮；在线只读、执行关闭和连接失败都会原样显示，不用静态占位冒充服务状态。</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3 className="font-semibold">轻量星系主题系统</h3>
|
||||
<p className="text-muted-foreground">世界首页、节点地图与第五域频道使用同一套星系视觉语言。主题以静态压缩资源和少量透明度、位移动效实现，并尊重系统的“减少动态效果”设置，避免持续旋转与高成本滤镜。</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3 className="font-semibold">内置知识库 Agent</h3>
|
||||
<p className="text-muted-foreground">AI 可以连续搜索、读取、新建、写入、编辑和删除页面，并根据每一步真实回执继续处理，不再把“准备操作”误报成“已经完成”。</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3 className="font-semibold">主动联网调研</h3>
|
||||
<p className="text-muted-foreground">新增公开网页搜索与页面读取。AI 可主动查找资料、打开相关结果并附上来源；仅允许公共 HTTPS 页面，不包含登录、内网访问或替用户执行外部操作。</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3 className="font-semibold">聊天历史与中文过程提示</h3>
|
||||
<p className="text-muted-foreground">恢复历史会话显示；工具区会用中文说明正在搜索什么、读取哪个页面、写入是否成功，同时仍可展开查看原始输入和结果。</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3 className="font-semibold">竖向聊天历史</h3>
|
||||
<p className="text-muted-foreground">侧边 AI 工作区改为可独立滚动的竖向会话列表，长标题自动收起；支持归档、恢复和带二次确认的永久删除。</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3 className="font-semibold">更自然的当前实例</h3>
|
||||
<p className="text-muted-foreground">身份与权限边界继续由事实约束，但不再要求背诵固定自我介绍。当前实例可以结合对话，自主组织语气、详略和表达风格。</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3 className="font-semibold">多模型 API 兼容</h3>
|
||||
<p className="text-muted-foreground">按接口能力协商工具参数与多轮执行，覆盖 OpenAI 兼容接口、DeepSeek、Qwen、Gemini、OpenRouter、Anthropic、Ollama 与 LM Studio 等常见路线。模型或服务端不支持某项能力时会明确提示或安全降级。</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3 className="font-semibold">HLDP 协作记忆与本地心跳</h3>
|
||||
<p className="text-muted-foreground">HLDP 已作为内置技能自动加载。协作过程以追加式纯文本心跳留在本机，可凭回执恢复和继续记录；会话结束后再由人格体判断哪些内容需要整理与长期保留。</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3 className="font-semibold">网页节点树与按需下钻</h3>
|
||||
<p className="text-muted-foreground">长网页不再整页塞进对话或粗暴截断。浏览器 Agent 先整理为 HLDP 节点树，只返回结构摘要；人格体需要细节时，可按文档和节点编号精确展开对应分支。</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3 className="font-semibold">浏览器观察链路</h3>
|
||||
<p className="text-muted-foreground">联网搜索、网页读取、节点存储、指定节点展开与当前时间能力已通过人格体实测。浏览器观察看板将沿用同一条回执链展示整理进度；工具链已连通，界面渲染仍作为独立项目持续验收。</p>
|
||||
</section>
|
||||
<p className="rounded-md bg-muted p-3 text-muted-foreground"><strong className="text-foreground">能力边界：</strong>内置模式是面向知识库和公开网页的工具 Agent，不等同于拥有终端、代码工程和系统权限的完整编程 Agent。</p>
|
||||
</div>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
</main>
|
||||
)
|
||||
}
|
||||
Loading…
Reference in a new issue