-
-
-
-
-
-
-
-
未连接 · 粘贴密钥后自动检测可用模型
-
-
-
-
+
+
+
+
🏛️
+
欢迎来到光湖语言世界
+
请输入你的编号，铸渊会为你开辟专属存储空间。
+
+
+
+
+
暂时跳过 · 以访客身份体验
@@ -1716,10 +1877,8 @@ function go(target){
currentPage=target;
- // Editor mode: shrink chat fab to not disturb writing
- var fab=document.getElementById('chatFab');
- if(target==='editor'){fab.classList.add('editor-mode')}
- else{fab.classList.remove('editor-mode');stopEditorTimer()}
+ // Editor mode
+ if(target!=='editor'){stopEditorTimer()}
// Trigger page-specific renders
if(target==='desk')renderWorkList();
@@ -2208,19 +2367,133 @@ function recovReply(){
}
/* ════════════════════════════════════════
- CHAT (语言驱动核心)
+ CHAT (语言驱动核心 · GPT-style全屏版)
════════════════════════════════════════ */
-var chatOpen=false,sending=false;
-var chatFab=document.getElementById('chatFab');
-var chatP=document.getElementById('chatP');
+var sending=false;
var chatIn=document.getElementById('chatIn');
var chatMs=document.getElementById('chatMs');
-var chatOverlay=document.getElementById('chatOverlay');
var mCalls=0;
-chatFab.onclick=null; // Overridden by draggable FAB code below
+// Conversation management
+var HL_CONV_KEY='hl-conversations';
+var HL_ACTIVE_CONV='hl-active-conv';
+var conversations=[];
+var activeConvId=null;
+
+function loadConversations(){
+ try{var d=localStorage.getItem(HL_CONV_KEY);conversations=d?JSON.parse(d):[]}catch(e){conversations=[]}
+ try{activeConvId=localStorage.getItem(HL_ACTIVE_CONV)||null}catch(e){}
+}
+function saveConversations(){
+ try{localStorage.setItem(HL_CONV_KEY,JSON.stringify(conversations))}catch(e){}
+ if(activeConvId)try{localStorage.setItem(HL_ACTIVE_CONV,activeConvId)}catch(e){}
+}
+function newConversation(){
+ var id='conv-'+Date.now()+'-'+Math.random().toString(36).substr(2,4);
+ var conv={id:id,title:'新对话',messages:[],created:new Date().toISOString(),updated:new Date().toISOString()};
+ conversations.unshift(conv);
+ activeConvId=id;
+ saveConversations();
+ renderChatHistory();
+ clearChatUI();
+ return conv;
+}
+function getActiveConv(){return conversations.find(function(c){return c.id===activeConvId})||null}
+function switchConversation(id){
+ activeConvId=id;
+ try{localStorage.setItem(HL_ACTIVE_CONV,id)}catch(e){}
+ renderChatHistory();
+ renderConversationMessages();
+}
+function deleteConversation(id){
+ conversations=conversations.filter(function(c){return c.id!==id});
+ if(activeConvId===id){
+ activeConvId=conversations.length>0?conversations[0].id:null;
+ }
+ saveConversations();
+ renderChatHistory();
+ if(activeConvId)renderConversationMessages();
+ else clearChatUI();
+}
+function clearChatUI(){
+ chatMs.innerHTML='';
+ var welcome=document.getElementById('hlWelcome');
+ if(!welcome){
+ // Recreate welcome
+ var w=document.createElement('div');
+ w.className='hl-welcome';w.id='hlWelcome';
+ w.innerHTML='
🌊
光湖语言世界
人格体一半 · 人类一半 · 语言 = 现实
🔖 网文行业大模型 · 由光湖人类主控团队开发维护 · 开发中
';
+ chatMs.appendChild(w);
+ }
+}
+function renderConversationMessages(){
+ var conv=getActiveConv();
+ chatMs.innerHTML='';
+ if(!conv||conv.messages.length===0){
+ clearChatUI();return;
+ }
+ conv.messages.forEach(function(m){
+ var d=document.createElement('div');
+ d.className='cm '+m.type;
+ var h=esc(m.text).replace(/\n/g,'
');
+ if(m.type==='b'&&m.meta){h+='
'+esc(m.meta.m||'铸渊')+'·'+esc(m.meta.t||'')+'
'}
+ d.innerHTML=h;
+ chatMs.appendChild(d);
+ });
+ chatMs.scrollTop=chatMs.scrollHeight;
+}
+function renderChatHistory(){
+ var el=document.getElementById('hlChatList');
+ if(!el)return;
+ var searchVal=(document.getElementById('hlSearchChats')||{}).value||'';
+ var filtered=conversations;
+ if(searchVal.trim()){
+ var q=searchVal.trim().toLowerCase();
+ filtered=conversations.filter(function(c){return c.title.toLowerCase().indexOf(q)!==-1});
+ }
+ if(filtered.length===0){
+ el.innerHTML='
暂无对话记录
开始你的第一次对话吧
';
+ return;
+ }
+ el.innerHTML=filtered.map(function(c){
+ var isActive=c.id===activeConvId;
+ var timeStr='';
+ try{var d=new Date(c.updated);timeStr=d.toLocaleDateString('zh-CN',{month:'short',day:'numeric'})}catch(e){}
+ return '
'+
+ '
💬'+
+ '
'+esc(c.title)+'
'+timeStr+'
'+
+ '
✕';
+ }).join('');
+ el.querySelectorAll('.hl-chat-item').forEach(function(item){
+ item.onclick=function(e){
+ if(e.target.hasAttribute('data-del')){
+ e.stopPropagation();
+ var did=e.target.getAttribute('data-del');
+ deleteConversation(did);
+ return;
+ }
+ var cid=this.getAttribute('data-cid');
+ switchConversation(cid);
+ };
+ });
+}
+
+// Init conversations
+loadConversations();
+renderChatHistory();
+if(activeConvId){renderConversationMessages()}
+
+// New chat button
+document.getElementById('hlNewChat').onclick=function(){newConversation()};
+// Search
+var hlSearchInput=document.getElementById('hlSearchChats');
+if(hlSearchInput){hlSearchInput.oninput=function(){renderChatHistory()}}
function chatMsg(text,type,meta){
+ // Hide welcome on first message
+ var welcome=document.getElementById('hlWelcome');
+ if(welcome)welcome.remove();
+
var d=document.createElement('div');
d.className='cm '+type;
var h=esc(text).replace(/\n/g,'
');
@@ -2228,10 +2501,51 @@ function chatMsg(text,type,meta){
d.innerHTML=h;
chatMs.appendChild(d);
chatMs.scrollTop=chatMs.scrollHeight;
+
+ // Save to conversation
+ var conv=getActiveConv();
+ if(!conv){conv=newConversation()}
+ conv.messages.push({text:text,type:type,meta:meta||null,time:new Date().toISOString()});
+ // Update title from first user message
+ if(type==='u'&&conv.title==='新对话'){
+ conv.title=text.substring(0,30)+(text.length>30?'...':'');
+ }
+ conv.updated=new Date().toISOString();
+ saveConversations();
+ renderChatHistory();
}
-function showTyp(){var d=document.createElement('div');d.className='ct';d.id='ctyp';d.innerHTML='铸渊思考中
···';chatMs.appendChild(d);chatMs.scrollTop=chatMs.scrollHeight}
-function hideTyp(){var e=document.getElementById('ctyp');if(e)e.remove()}
+// Process visualization
+function showProcess(steps){
+ var el=document.getElementById('hlProcess');
+ var stepsEl=document.getElementById('hlProcessSteps');
+ if(el&&stepsEl){
+ stepsEl.textContent=steps;
+ el.style.display='';
+ }
+}
+function hideProcess(){
+ var el=document.getElementById('hlProcess');
+ if(el)el.style.display='none';
+}
+
+function showTyp(){
+ showProcess('铸渊思考中...');
+ var d=document.createElement('div');d.className='ct';d.id='ctyp';d.innerHTML='铸渊思考中
···';chatMs.appendChild(d);chatMs.scrollTop=chatMs.scrollHeight;
+}
+function hideTyp(){
+ hideProcess();
+ var e=document.getElementById('ctyp');if(e)e.remove();
+}
+
+// Textarea auto-resize
+chatIn.addEventListener('input',function(){
+ this.style.height='24px';
+ this.style.height=Math.min(this.scrollHeight,150)+'px';
+});
+chatIn.addEventListener('keydown',function(e){
+ if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();send()}
+});
// ─── 语言指令路由 ───
function routeCommand(msg){
@@ -2302,11 +2616,13 @@ async function send(){
// 3. 调用API —— 优先用用户自己的API Key（直接走用户网络），其次尝试后端
sending=true;document.getElementById('chatSnd').disabled=true;showTyp();
+ showProcess('🧠 铸渊正在连接语言核...');
var replied=false;
var backendError='';
// 用户配了API Key → 直接用用户的网络通道调用，不经过后端
if(apiCfg.connected&&apiCfg.key){
+ showProcess('🔗 通过用户API通道连接 '+apiCfg.model+'...');
try{
var endpoint=apiCfg.baseUrl?apiCfg.baseUrl.replace(/\/+$/,'')+'/chat/completions':'https://api.openai.com/v1/chat/completions';
var apiRes=await fetch(endpoint,{
@@ -2324,7 +2640,7 @@ async function send(){
if(apiData.choices&&apiData.choices[0]&&apiData.choices[0].message){
chatMsg(apiData.choices[0].message.content,'b',{m:apiCfg.model,t:'用户API'});
mCalls++;document.getElementById('mC').textContent=mCalls;
- document.getElementById('chatTg').textContent=apiCfg.model;
+ var mi=document.getElementById('hlModelInfo');if(mi)mi.textContent='🔑 '+apiCfg.model;
document.getElementById('mM').textContent=apiCfg.model;
replied=true;
}
@@ -2333,6 +2649,7 @@ async function send(){
// 用户没配Key或调用失败 → 尝试后端（含自动重试）
if(!replied){
+ showProcess('🌊 通过铸渊后端服务连接...');
var retryCount=0;var maxRetries=2;
while(retryCount<=maxRetries&&!replied){
try{
@@ -2347,7 +2664,7 @@ async function send(){
chatMsg(data.message,'b',{m:data.model||'铸渊',t:data.tier||''});
if(data.tier!=='free')mCalls++;
document.getElementById('mC').textContent=mCalls;
- document.getElementById('chatTg').textContent=data.model||'ready';
+ var mi2=document.getElementById('hlModelInfo');if(mi2)mi2.textContent=data.model||'ready';
if(data.model)document.getElementById('mM').textContent=data.model;
}else if(data.error){
backendError=data.message||'服务端错误';
@@ -2368,8 +2685,7 @@ async function send(){
var offlineMsg=offline(msg);
if(backendError){offlineMsg+='\n\n⚠️ 后端状态: '+backendError+'\n点击右下角💬重试，或配置API密钥直连大模型。'}
chatMsg(offlineMsg,'b',{m:'铸渊',t:'本地智能'});
- document.getElementById('chatTg').textContent='离线';
- document.getElementById('chatTg').style.color='var(--err,#f87171)';
+ var mi3=document.getElementById('hlModelInfo');if(mi3)mi3.textContent='离线模式';
}
sending=false;document.getElementById('chatSnd').disabled=false;
@@ -2438,164 +2754,17 @@ function offline(msg){
}
document.getElementById('chatSnd').onclick=send;
-chatIn.onkeydown=function(e){if(e.key==='Enter'){e.preventDefault();send()}};
/* ════════════════════════════════════════
- API KEY MANAGEMENT (自由格式 · 自动检测模型)
+ API KEY MANAGEMENT (from localStorage · UI moved to future settings)
════════════════════════════════════════ */
var apiCfg={key:null,model:'',baseUrl:'',connected:false,models:[]};
-var COMMON_ENDPOINTS=[
- 'https://api.openai.com/v1',
- 'https://api.openai-proxy.com/v1',
- 'https://api.chatanywhere.tech/v1'
-];
try{var ak=localStorage.getItem('hl-api');if(ak){var ap=JSON.parse(ak);if(ap.key){apiCfg=ap;apiCfg.connected=true}}}catch(e){}
-
-// Restore UI state
-(function(){
- var tog=document.getElementById('chatApiTog');
- var bd=document.getElementById('chatApiBd');
- var st=document.getElementById('apiSt');
- var keyInp=document.getElementById('apiKeyInp');
- var modelSel=document.getElementById('apiModelSel');
- var baseUrlInp=document.getElementById('apiBaseUrl');
- var modelListDiv=document.getElementById('apiModelList');
- if(!tog||!bd)return;
-
- if(apiCfg.connected){
- st.textContent='✅ 已连接 · '+apiCfg.model;
- st.style.color='var(--ok)';
- if(apiCfg.baseUrl)baseUrlInp.value=apiCfg.baseUrl;
- // Restore models list
- if(apiCfg.models&&apiCfg.models.length>0){
- modelSel.innerHTML=apiCfg.models.map(function(m){return'
'}).join('');
- modelListDiv.style.display='block';
- }
- }
-
- tog.onclick=function(){
- var isOpen=bd.classList.toggle('open');
- tog.classList.toggle('open',isOpen);
- };
-
- // Model selection change
- modelSel.onchange=function(){
- if(!apiCfg.connected)return;
- apiCfg.model=this.value;
- try{localStorage.setItem('hl-api',JSON.stringify(apiCfg))}catch(e){}
- st.textContent='✅ 已切换模型 · '+apiCfg.model;
- document.getElementById('chatTg').textContent=apiCfg.model;
- };
-
- // Auto-detect: try to fetch /v1/models
- async function detectModels(baseUrl,key){
- var url=baseUrl.replace(/\/+$/,'')+'/models';
- try{
- var r=await fetch(url,{
- headers:{'Authorization':'Bearer '+key},
- signal:AbortSignal.timeout(10000)
- });
- if(!r.ok)return[];
- var data=await r.json();
- if(data.data&&Array.isArray(data.data)){
- return data.data.map(function(m){return m.id}).filter(function(id){
- // Filter to chat-capable models
- return /gpt|claude|gemini|glm|qwen|deepseek|yi-|llama|mistral|chat|turbo/i.test(id);
- }).sort();
- }
- }catch(e){}
- return[];
- }
-
- // Test connection with a simple request
- async function testConnection(baseUrl,key,model){
- var url=baseUrl.replace(/\/+$/,'')+'/chat/completions';
- try{
- var r=await fetch(url,{
- method:'POST',
- headers:{'Content-Type':'application/json','Authorization':'Bearer '+key},
- body:JSON.stringify({model:model,messages:[{role:'user',content:'hi'}],max_tokens:5}),
- signal:AbortSignal.timeout(15000)
- });
- return r.ok;
- }catch(e){return false}
- }
-
- document.getElementById('apiConnBtn').onclick=async function(){
- var key=keyInp.value.trim();
- if(!key){keyInp.focus();return;}
- var userBase=baseUrlInp.value.trim();
- var btn=this;
- btn.disabled=true;btn.textContent='检测中…';
- st.textContent='🔍 正在检测可用模型…';st.style.color='var(--dim)';
-
- var foundModels=[];
- var workingBase='';
-
- // If user provided a base URL, try that first
- if(userBase){
- st.textContent='🔍 检测 '+userBase+' …';
- foundModels=await detectModels(userBase,key);
- if(foundModels.length>0)workingBase=userBase;
- }
-
- // If no models found, try common endpoints
- if(foundModels.length===0){
- for(var i=0;i
0){workingBase=COMMON_ENDPOINTS[i];break;}
- }
- }
-
- if(foundModels.length>0){
- // Show model list
- modelSel.innerHTML=foundModels.map(function(m){return''}).join('');
- modelListDiv.style.display='block';
-
- // Auto-select a reasonable default
- var defaultModel=foundModels.find(function(m){return/gpt-4o-mini/i.test(m)})||
- foundModels.find(function(m){return/gpt-4o/i.test(m)})||
- foundModels.find(function(m){return/gpt-4/i.test(m)})||
- foundModels.find(function(m){return/claude/i.test(m)})||
- foundModels[0];
- modelSel.value=defaultModel;
-
- apiCfg={key:key,model:defaultModel,baseUrl:workingBase,connected:true,models:foundModels};
- try{localStorage.setItem('hl-api',JSON.stringify(apiCfg))}catch(e){}
- st.textContent='✅ 检测到 '+foundModels.length+' 个模型 · 当前：'+defaultModel;
- st.style.color='var(--ok)';
- document.getElementById('chatTg').textContent=defaultModel;
- chatMsg('🔑 API已连接 · 检测到'+foundModels.length+'个可用模型\n当前使用：'+defaultModel+'\n可在下拉菜单切换模型','b',{m:'铸渊',t:'自定义'});
- }else{
- // Can't get model list, try direct connection test with common models
- st.textContent='🔍 模型列表不可用，尝试直连测试…';
- var tryBase=userBase||COMMON_ENDPOINTS[0];
- var testModels=['gpt-4o-mini','gpt-4o','gpt-3.5-turbo','deepseek-chat','claude-3-haiku-20240307'];
- var worked=false;
- for(var j=0;j'+testModels[j]+'';
- modelListDiv.style.display='block';
- st.textContent='✅ 连接成功 · '+testModels[j];
- st.style.color='var(--ok)';
- document.getElementById('chatTg').textContent=testModels[j];
- chatMsg('🔑 API已连接（'+testModels[j]+'）','b',{m:'铸渊',t:'自定义'});
- worked=true;break;
- }
- }
- if(!worked){
- st.textContent='❌ 无法连接 · 请检查密钥和API地址';
- st.style.color='var(--err)';
- apiCfg.connected=false;
- }
- }
- btn.disabled=false;btn.textContent='检测';
- };
-})();
+// Show model info in input footer if connected
+if(apiCfg.connected&&apiCfg.model){
+ var mi=document.getElementById('hlModelInfo');
+ if(mi)mi.textContent='🔑 '+apiCfg.model;
+}
/* ════════════════════════════════════════
COS SYNC (团队内测用户 → COS)
@@ -2707,156 +2876,115 @@ async function checkConn(){
checkConn();setInterval(checkConn,30000);
/* ════════════════════════════════════════
- DRAGGABLE FAB (touch+mouse · 位置记忆 · 边缘吸附)
+ SIDEBAR TOGGLE (mobile)
════════════════════════════════════════ */
(function(){
- var fab=document.getElementById('chatFab');
- var isDrag=false,hasMoved=false;
- var startX,startY,fabX,fabY;
- var fabW=50,fabH=50;
+ var sidebar=document.getElementById('hlSidebar');
+ var toggle=document.getElementById('hlSidebarToggle');
+ var overlay=document.getElementById('hlSidebarOverlay');
+ if(!sidebar||!toggle)return;
- // Restore saved position
- try{
- var pos=JSON.parse(localStorage.getItem('hl-fab-pos'));
- if(pos&&typeof pos.x==='number'&&typeof pos.y==='number'){
- var ww=window.innerWidth,wh=window.innerHeight;
- if(pos.x>=0&&pos.x<=ww-fabW&&pos.y>=0&&pos.y<=wh-fabH){
- fab.style.right='auto';fab.style.bottom='auto';
- fab.style.left=pos.x+'px';fab.style.top=pos.y+'px';
- }
- }
- }catch(e){}
+ function openSidebar(){sidebar.classList.add('open');if(overlay)overlay.classList.add('open')}
+ function closeSidebar(){sidebar.classList.remove('open');if(overlay)overlay.classList.remove('open')}
- function getXY(e){
- if(e.touches)return{x:e.touches[0].clientX,y:e.touches[0].clientY};
- return{x:e.clientX,y:e.clientY};
- }
-
- function onStart(e){
- isDrag=true;hasMoved=false;
- var xy=getXY(e);
- var rect=fab.getBoundingClientRect();
- startX=xy.x-rect.left;startY=xy.y-rect.top;
- fabX=rect.left;fabY=rect.top;
- fab.style.transition='none';
- }
-
- function onMove(e){
- if(!isDrag)return;
- var xy=getXY(e);
- var nx=xy.x-startX,ny=xy.y-startY;
- if(!hasMoved&&Math.abs(nx-fabX)<5&&Math.abs(ny-fabY)<5)return;
- hasMoved=true;
- e.preventDefault();
- fabX=Math.max(0,Math.min(window.innerWidth-fabW,nx));
- fabY=Math.max(0,Math.min(window.innerHeight-fabH,ny));
- fab.style.right='auto';fab.style.bottom='auto';
- fab.style.left=fabX+'px';fab.style.top=fabY+'px';
- }
-
- function onEnd(){
- if(!isDrag)return;
- isDrag=false;
- fab.style.transition='all .3s cubic-bezier(.4,0,.2,1)';
- if(hasMoved){
- // Edge snapping: snap to nearest horizontal edge
- var midX=window.innerWidth/2;
- fabX=fabX
Date: Sun, 12 Apr 2026 09:24:07 +0000
Subject: [PATCH 2/5] fix: Clean up JS syntax, update page title and meta
description
Agent-Logs-Url: https://github.com/qinfendebingshuo/guanghulab/sessions/6138ad64-32ec-4191-9730-de0bf24e87a8
Co-authored-by: qinfendebingshuo <207279273+qinfendebingshuo@users.noreply.github.com>
---
docs/index.html | 12 +++++-------
1 file changed, 5 insertions(+), 7 deletions(-)
diff --git a/docs/index.html b/docs/index.html
index bca6fc7c..c5554995 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,11 +3,11 @@
-
+
-零感域 · AGE OS
+光湖语言世界 · HoloLake