+ 
+ 
${esc(m.title||m.id)} ${cur?'current':'past'}
${esc(m.content)}
Recall the context.
Keep the history.
timeline: [{ content: "The screen demo records against the standard dashboard port 8700.", valid_to: 1 }, { content: "The screen demo records against port 8790 so it does not collide with a developer dashboard.", valid_to: null }],
inspection: { events: [{ action: "invalidate", detail: "superseded prior version" }] }
};
+ window.demoPayloadReady = false;
+ window.demoPayloadSource = "loading";
const esc = (value) => String(value ?? "").replace(/[&<>"']/g, (char) => ({"&":"&","<":"<",">":">","\"":""","'":"'"}[char]));
const shortId = (value) => value ? value.slice(0, 18) + "…" : "ses_01…";
const text = (selector, value) => { const node = document.querySelector(selector); if (node) node.textContent = value ?? ""; };
- function hydrate(data) {
+ function hydrate(data, source) {
const session = data.session || FALLBACK.session;
const recall = data.recall || FALLBACK.recall;
const memory = recall.memory || FALLBACK.recall.memory;
@@ -252,8 +255,38 @@ Recall the context.
Keep the history.
text("[data-provenance]", `${memory.provenance?.source || "demo-seed"} · ${memory.provenance?.trusted === false ? "untrusted" : "trusted"}`);
const chain = document.querySelector("[data-timeline]");
if (chain) chain.innerHTML = timeline.map((item) => { const past = item.valid_to != null || item.expired_at != null; return `${past ? "Past version" : "Current version"}${past ? "past" : "current"}
${esc(item.content)}
Dashboard not found
Static files missing at: " - f"{_STATIC_DIR}
", status_code=404) + async def reference_home(): + """Serve an explicit API-only compatibility notice, never the v2 dashboard.""" + return HTMLResponse( + """ + +Engraphis v1 reference API
+This compatibility server is API-only and uses an isolated legacy database.
+Use engraphis-dashboard or engraphis-server for the
+current v2 dashboard and service.
${c[1]!=null?c[1]:'—'}
${c[0]}
${esc(k)}
${v}
No memories
';loadOverviewAnalytics()}catch(e){const msg='Overview unavailable: '+e.message;setViewDesc('overview',msg);document.getElementById('stat-grid').innerHTML=''+esc(msg)+'
';document.getElementById('ov-types').innerHTML='Memory types could not be loaded.
';document.getElementById('ov-analytics').innerHTML='Analytics could not be loaded.
';toast(msg,'err')}}
function formatTokenCount(value){return Math.max(0,Math.round(Number(value)||0)).toLocaleString()}
+function savingsPercent(value){return Math.max(0,Math.min(100,Number(value)*100||0))}
+function savingsCount(value){return Math.max(0,Math.round(Number(value)||0))}
+function savingsNode(tag,cls,text){const n=document.createElement(tag);if(cls)n.className=cls;if(text!=null)n.textContent=text;return n}
function renderOverviewSavings(data,error){
const el=document.getElementById('ov-savings');
if(!el)return;
- if(error){el.innerHTML='Savings estimate unavailable.
';return}
- const e=(data&&data.estimated)||{},eligible=Number(e.eligible_receipt_count)||0,excluded=(Number(e.excluded_receipt_count)||0)+(Number(e.unclassified_receipt_count)||0)+(Number(e.invalid_estimate_count)||0),saved=Number(e.saved_tokens)||0,ratio=Number(e.savings_ratio)||0,counters=e.by_token_counter||[];
- if(!eligible){el.innerHTML='No receipt-backed context savings yet.
Eligible deliveries will appear after adaptive context or context-delivery calls. '+excluded+' call(s) are currently excluded or unclassified.
Measures estimated prompt-context reduction; it does not measure provider billing.
';return}
- const counter=counters.length===1?'Counter: '+(counters[0].token_counter||'unknown'):counters.length?counters.length+' token counters (kept separate)':'Counter: unknown';
- el.innerHTML=''+formatTokenCount(saved)+' tokens
Across '+eligible+' eligible context deliveries · '+(ratio*100).toFixed(0)+'% estimated reduction
Baseline '+formatTokenCount(e.baseline_tokens)+' → emitted '+formatTokenCount(e.emitted_tokens)+' · confidence: '+esc(e.confidence||'unknown')+'
'+esc(counter)+(excluded?' · '+excluded+' excluded/unclassified':'')+'
Measures estimated prompt-context reduction; it does not measure provider billing.
';
-}
-async function loadOverview(){try{const st=await api('/stats?workspace='+encodeURIComponent(WS||''));setViewDesc('overview',(st.memories||0)+' memories · '+(st.workspaces||0)+' workspaces');const cards=[['Memories',st.memories],['Live rows',st.total_rows],['Workspaces',st.workspaces],['Sessions',st.sessions]];document.getElementById('stat-grid').innerHTML=cards.map(c=>`${c[1]!=null?c[1]:'—'}
${c[0]}
${esc(k)}
${v}
No memories
';try{renderOverviewSavings(await api('/context-savings?workspace='+encodeURIComponent(WS||'')))}catch(_err){renderOverviewSavings(null,true)}loadOverviewAnalytics()}catch(e){const msg='Overview unavailable: '+e.message;setViewDesc('overview',msg);document.getElementById('stat-grid').innerHTML=''+esc(msg)+'
';document.getElementById('ov-types').innerHTML='Memory types could not be loaded.
';document.getElementById('ov-savings').innerHTML='Savings estimate could not be loaded.
';document.getElementById('ov-analytics').innerHTML='Analytics could not be loaded.
';toast(msg,'err')}}
-async function loadOverviewAnalytics(){
- const el=document.getElementById('ov-analytics'),lock=document.getElementById('ov-lock');
- try{
- const a=await api('/analytics?workspace='+encodeURIComponent(WS||''));
- lock.textContent=licTrialActive()?'TRIAL':'';
- lock.className='pill pill-muted';
- const t=a.totals||{},f=a.decay_forecast||{};
- if(t.live==null){
- const nd=a.namespace_distribution||[],mx=Math.max(...nd.map(x=>x.count),1);
- el.innerHTML='Memories by workspace
'+nd.map(x=>barRow(x.namespace,x.count,mx,'var(--accent-dim)')).join('');
- return;
- }
- const weeks=a.growth_weekly||[],thisWeek=weeks.length?weeks[weeks.length-1]:0,avg=Math.round((t.avg_retention||0)*100);
- const cell=(v,l,c)=>{const tone=c==='var(--red)'?' tone-red':(c==='var(--amber)'?' tone-amber':(c==='var(--green)'?' tone-green':''));return `${v}
${l}
${cell(avg+'%','Avg retention',avg<40?'var(--red)':(avg<70?'var(--amber)':'var(--green)'))}${cell(f.at_risk_7d||0,'Fading ≤ 7 days',f.at_risk_7d>0?'var(--amber)':'')}${cell(thisWeek,'Written this week')}${cell(t.pinned||0,'Pinned')}
`;
- }catch(e){
- // Same routing as loadAnalytics: consent first, entitlement second, everything else
- // reported as the error it is. See hostedFeatureUnavailable for why 409 is not an
- // entitlement status.
- if(managedConsentRequired(e)){
- lock.textContent='CLOUD';
- lock.className='pill pill-accent';
- el.innerHTML=managedConsentHtml('Analytics');
- }else if(hostedFeatureUnavailable(e)){
- lock.textContent='PRO';
- lock.className='pill pill-muted';
- const offerTrial=licTrialAvailable();
- el.innerHTML='Hosted growth, retention distribution, and decay forecast.
'+esc(lockReason(false))+'
'+(offerTrial?' ':'')+''+esc(e.message)+'
';
- }
-}
-
-/* ── hosted access state ──
- /api/license reports what the control plane said, never what this client guessed:
- access_state is one of active | trial | trial_expired | lapsed | inactive, and each one
- is a different thing to tell the customer. Reading it here is what stopped a customer
- whose trial had ended, and a customer whose card had failed, both being shown a
- confident PRO badge over rows of locks with no reason given. */
-function licAccessState(){const s=LIC&&LIC.access_state;return s==='active'||s==='trial'||s==='trial_expired'||s==='lapsed'?s:'inactive'}
-function licAccessLive(){const s=licAccessState();return s==='active'||s==='trial'}
-function licTrialActive(){return licAccessState()==='trial'}
-/* The server refuses a second trial for any organization that already holds an
- entitlement, so this is false for every connected customer — trialling, lapsed, or
- paying — and the CTA that could only ever return 409 is not drawn. */
-function licTrialAvailable(){return !!(LIC&&LIC.trial&&LIC.trial.available)}
-function licPlanName(){return licPlanKey()?licPlanKey().toUpperCase():'LOCAL'}
-/* The plan the customer actually holds, as the wire spells it: '' when they hold none.
- Renewal and billing actions must follow this, not a hardcoded 'pro'. */
-function licPlanKey(){const raw=String((LIC&&LIC.plan)||'local').toLowerCase();return raw==='pro'||raw==='team'?raw:''}
-function licTrialEnds(){return fmtDay(LIC&&LIC.trial&&LIC.trial.ends_at)}
-function fmtDay(epoch){const n=Number(epoch)||0;if(!(n>0))return '';try{const d=new Date(n*1000);return Number.isFinite(d.getTime())?d.toISOString().slice(0,10):''}catch(e){return ''}}
-
-/* ── shared hosted upgrade / trial CTA ── */
-/* The plan-neutral hosted entry point. An account portal is not a checkout for either
- plan, so it must not carry the ?plan= that would reframe it as one — and it cannot be
- LIC.upgrade_url either: that is licensing.upgrade_url(), which resolves plan="pro" and
- prefers ENGRAPHIS_PRO_UPGRADE_URL, so where the portal and the checkout are configured
- separately it is the Pro checkout under a neutral name. LIC.account_url resolves the
- generic value directly; the fallback only matters against a build that predates it. */
-function withCtaAttribution(raw,content,medium){const safe=safeUrl(raw);if(!safe||safe==='#')return '#';try{const url=new URL(safe,location.href);url.searchParams.set('utm_source','engraphis');url.searchParams.set('utm_medium',medium||'product');url.searchParams.set('utm_campaign','pro_conversion');url.searchParams.set('utm_content',content||'plans');return url.href}catch(e){return safe}}
-function hostedAccountUrl(content){return withCtaAttribution((LIC&&LIC.account_url)||(LIC&&LIC.upgrade_url),content||'account','product')}
-function hostedPlanUrl(plan,trial,interval,content){const cadence=interval==='annual'?'annual':'monthly',key=plan+'_'+cadence+'_upgrade_url',raw=(LIC&&(LIC[key]||(plan==='team'?LIC.team_upgrade_url:LIC.pro_upgrade_url)))||(LIC&&LIC.upgrade_url);const safe=safeUrl(raw);if(!safe||safe==='#')return '#';try{const url=new URL(safe,location.href);if(plan==='pro'||plan==='team')url.searchParams.set('plan',plan);url.searchParams.set('interval',cadence);if(!url.hash)url.hash='billing';if(trial)url.searchParams.set('trial',plan);return withCtaAttribution(url.href,content||plan,'product')}catch(e){return safe}}
-/* Why is this feature locked? One sentence per access state, so the panel never claims a
- trial the customer cannot start nor blames billing for a trial that simply ran out.
- This is DENIAL copy: every caller reaches it because a hosted request was refused. The
- one surface that is not a denial — the Team tab, which renders for everyone on every
- visit — must go through teamTeaserNote() instead. */
-function lockReason(team){const st=licAccessState(),ends=licTrialEnds();
- if(st==='trial')return `Your free trial is live${ends?` until ${esc(ends)}`:''}. ${team?'Team':'Pro'} needs a subscription of its own.`;
- if(st==='trial_expired')return `Your free trial has ended${ends?` (${esc(ends)})`:''}, so hosted features are locked. The trial cannot be started again.`;
- if(st==='lapsed')return `Your ${esc(licPlanName())} subscription is no longer active, so hosted features are locked until billing is up to date.`;
- if(st==='active')return `Your ${esc(licPlanName())} subscription does not include this.`;
- if(licTrialAvailable())return `The email-confirmed, no-card trial lasts exactly ${TRIAL_DAYS} active days.`;
- return 'Your free trial has already been used.'}
-/* The Team tab describes the hosted service; it is not an answer to a refused request, and
- it renders for every customer including the ones who are paying for Team. Handing it
- lockReason(true) told a live Team subscriber "Your TEAM subscription does not include
- this" directly above an unlocked Team nav item and an Open Team Cloud button. A customer
- whose live plan already grants Team gets the truth; everyone else still gets the denial
- copy, which for them is accurate. */
-function teamTeaserNote(){const ends=licTrialEnds();
- if(licPlanKey()!=='team'||!licAccessLive())return lockReason(true);
- if(licAccessState()==='trial')return `Your free trial includes Team${ends?` until ${esc(ends)}`:''}. Organizations, roles, and seats are managed in Engraphis Cloud.`;
- return 'Your TEAM subscription includes this. Organizations, roles, and seats are managed in Engraphis Cloud.'}
-function hostedCta(plan,content,interval){const team=plan==='team',name=team?'Team':'Pro',state=licAccessState(),current=licPlanKey();if(state==='lapsed')return {label:'Update billing',href:hostedAccountUrl(content||'account'),kind:'account'};if(licAccessLive()&&(current===plan||(current==='team'&&plan==='pro')))return {label:current==='team'&&team?'Open Team Cloud':'Open Engraphis Cloud',href:hostedAccountUrl(content||'account'),kind:'account'};const trial=licTrialAvailable()&&state==='inactive';return {label:trial?`Start ${TRIAL_DAYS}-day ${name} trial`:`Subscribe to ${name}`,href:hostedPlanUrl(plan,trial,interval||'monthly',content||plan),kind:trial?'trial':'subscribe'} }
-function ctaLinkHtml(cta,className,content){return `${esc(cta.label)}`}
-function unlockHtml(feature,plan){const team=plan==='team',name=team?'Team':'Pro',featureKey=`feature_${String(feature).toLowerCase().replace(/[^a-z0-9]+/g,'_')}`,primary=hostedCta(plan,featureKey),annual=primary.kind==='account'?'':{label:`Annual ${name} option`,href:hostedPlanUrl(plan,false,'annual',`${featureKey}_annual`),kind:'subscribe'},price=team?'$20 per seat/month or $200 per seat/year':'$10/month or $100/year',detail=lockReason(team),benefits=team?['Everything in Pro','Hosted organizations, invitations, and named seats','Roles, scoped credentials, and Team audit history']:['Hosted Cloud Sync across your installations','Growth, retention, decay, and entity Analytics','Auto Consolidation with hosted retention policies','Auto Dreaming with reviewable managed proposals','Priority support'],lede=team?'Team adds shared workspaces, named seats, roles, and remote agent access.':'Support continued Engraphis development with Pro. Your subscription helps cover hosted infrastructure and ongoing development while unlocking Cloud Sync, Analytics, Auto Consolidation, and Auto Dreaming across your installations.';return `ENGRAPHIS ${name.toUpperCase()}
Unlock ${esc(feature)} and more
${lede}
${price}
Your license unlocks
- ${benefits.map(item=>`
- ${esc(item)} `).join('')}
${detail}
${ctaLinkHtml(primary,'btn btn-primary',name.toLowerCase())}${annual.href&&annual.href!=='#'?ctaLinkHtml(annual,'btn btn-ghost',`${featureKey}_annual`):''}
${esc(label)}
${val}
${v}
${esc(l)}
No data
';const hist=a.retention_histogram||{};const hc=hist.counts||[],hb=hist.buckets||[];const hp=Math.max(...hc,1);const hitems=hb.map((b,i)=>barRow(b,hc[i]||0,hp,'var(--green)')).join('');const mix=a.resolver_mix||{};const mk=Object.keys(mix);const mp=Math.max(...Object.values(mix),1);const mitems=mk.length?mk.map(k=>barRow(k,mix[k],mp,'var(--blue)')).join(''):'No resolver events yet.
';const bt=a.by_type||{};const btk=Object.keys(bt);const bp=Math.max(...Object.values(bt),1);const btitems=btk.length?btk.map(k=>barRow(k,bt[k],bp,'var(--accent)')).join(''):'No memories yet.
';const ents=a.top_entities||[];const ep=Math.max(...ents.map(e=>e.n),1);const eitems=ents.length?ents.map(e=>barRow(e.name+(isPortfolio&&e.workspace?' · '+e.workspace:''),e.n,ep,'var(--cyan)')).join(''):'No entities yet — they appear as the graph grows.
';const avg=Math.round((t.avg_retention||0)*100);let wsTable='';if(isPortfolio&&a.workspaces){wsTable=`Per-workspace breakdown
| Workspace | Live | Pinned | Avg ret. | Fading 7d |
|---|---|---|---|---|
| ${esc(w.workspace)} | ${w.live} | ${w.pinned} | ${Math.round((w.avg_retention||0)*100)}% | ${w.at_risk_7d} |
${statMini(t.live!=null?t.live:'—','Live memories')}${statMini(avg+'%','Avg retention',avg<40?'var(--red)':(avg<70?'var(--amber)':'var(--green)'))}${statMini(f.at_risk_7d!=null?f.at_risk_7d:'—','Fading ≤ 7 days',f.at_risk_7d>0?'var(--amber)':'')}${statMini(f.at_risk_30d!=null?f.at_risk_30d:'—','Fading ≤ 30 days')}${statMini(t.pinned!=null?t.pinned:'—','Pinned (protected)')}${isPortfolio?statMini(t.workspaces||0,'Workspaces'):statMini(t.superseded!=null?t.superseded:'—','Superseded (history)')}
Memories written per week
${gitems}Retention distribution
${hitems}By type
${btitems}Write-path resolver activity
${mitems}Most connected entities
${eitems}ENGRAPHIS PRO /${copy.eyebrow}
${copy.title}
${copy.lede}
${next}
${actions}
WHAT PRO IS WATCHING
${copy.cards.map(card=>`${card[0]}
`).join('')}${card[1]}
Your memory stays yours. Hosted work is automatic with Pro. Secret and session-scoped memories stay local.
'+esc(e.message)+'
'}}}
-
-/* ── hosted automation policy (Pro / Team) ── */
-async function loadAutomation(){const el=document.getElementById('automation-body'),lock=document.getElementById('au-lock'),ws='?workspace='+encodeURIComponent(WS||'');el.innerHTML='';try{const p=await api('/automation'+ws);setPlanPill(lock,licTrialActive()?'TRIAL':'CLOUD','pill pill-accent');const last=p.last_run?fmtRel(p.last_run):'never',dream=p.dream_enabled!=null?p.dream_enabled:p.dream;el.innerHTML=`Hosted maintenance policy
The cloud returns reviewable proposals. Pinned memories remain protected.
Cloud worker status
Status${p.enabled?'ENABLED':'OFF'}
Last run${esc(last)}
Requesting managed work uploads the selected workspace’s normal and sensitive memory content, excluding secret and session-scoped rows, capped at 16 MiB, over HTTPS without end-to-end encryption. Results are proposals and never automatically write the local database.
'+esc(e.message)+'
'}}}
-async function saveAutomation(){const body={enabled:document.getElementById('au-enabled').checked,cadence_hours:Number(document.getElementById('au-cadence').value)||24,consolidate:document.getElementById('au-consolidate').checked,min_cluster:Number(document.getElementById('au-mincluster').value)||3,archive_below:Number(document.getElementById('au-archive').value)||0.05,dream_enabled:document.getElementById('au-dream').checked,dream_min_new:Number(document.getElementById('au-dream-min').value)||20,dream_idle_minutes:Number(document.getElementById('au-dream-idle').value)};try{await api('/automation?workspace='+encodeURIComponent(WS||''),{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)});toast('Hosted policy saved','ok');loadAutomation()}catch(e){if(managedConsentRequired(e)){const result=document.getElementById('au-result');if(result)result.innerHTML=managedConsentHtml('Hosted Automation');toast('Hosted Automation starts automatically with Pro','err');return}toast((e.status===402||e.status===501)?'Hosted Automation requires Pro or Team':e.message,'err')}}
-async function runMaintenance(){const el=document.getElementById('au-result');if(el)el.innerHTML='';try{const d=await api('/maintenance/run?workspace='+encodeURIComponent(WS||''),{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({dry_run:true})});if(el)el.innerHTML=`PROPOSAL Hosted work was submitted for review.${esc(JSON.stringify(d,null,2))}`;toast('Managed proposal requested','ok')}catch(e){if(el)el.innerHTML=managedConsentRequired(e)?managedConsentHtml('Hosted Automation'):''+esc(e.message)+'
';toast(managedConsentRequired(e)?'Hosted Automation starts automatically with Pro':((e.status===402||e.status===501)?'Hosted Automation requires Pro or Team':e.message),'err')}}
-
-const runMaintenanceBase=runMaintenance;
-const saveAutomationBase=saveAutomation;
-saveAutomation=async function(){const enabled=document.getElementById('au-enabled');if(enabled&&enabled.checked&&!await confirmCloudTransfer('Save hosted policy','Saving this enabled policy uploads this workspace’s normal and sensitive memory content to Engraphis Cloud; secret and session-scoped rows stay local.','Save policy'))return;return saveAutomationBase()}
-let MAINTENANCE_PENDING=false;
-runMaintenance=async function(dry){
- if(MAINTENANCE_PENDING)return;
- if(!await confirmCloudTransfer('Request hosted proposal','This sends this workspace’s normal and sensitive memory content to Engraphis Cloud for a reviewable proposal; secret and session-scoped rows stay local.','Request proposal'))return;
- const buttons=Array.from(document.querySelectorAll('#automation-body button[data-onclick="h90"]')),labels=buttons.map(button=>button.textContent);
- MAINTENANCE_PENDING=true;
- buttons.forEach(button=>{button.disabled=true});
- try{return await runMaintenanceBase(dry)}
- finally{
- MAINTENANCE_PENDING=false;
- buttons.forEach((button,index)=>{button.disabled=false;button.textContent=labels[index]});
- }
-}
-/* ── version-chain word diff (memory detail) ── */
-function tokenizeWords(s){return (s||'').split(/(\s+)/)}
-function wordDiff(oldS,newS){const a=tokenizeWords(oldS),b=tokenizeWords(newS),n=a.length,m=b.length;if(n*m>200000)return ''+esc(newS)+'';const dp=Array.from({length:n+1},()=>new Uint32Array(m+1));for(let i=n-1;i>=0;i--)for(let j=m-1;j>=0;j--)dp[i][j]=a[i]===b[j]?dp[i+1][j+1]+1:Math.max(dp[i+1][j],dp[i][j+1]);let i=0,j=0,out='';while(iVersion history '+c.length+' versions · additions green, removals struck
';for(let k=0;k0?c[k-1]:null;const body=prev?wordDiff(prev.content||'',m.content||''):esc(m.content||'');const when=m.valid_from?new Date(m.valid_from*1000).toISOString().slice(0,10):'—';h+=``}h+='
';return h}
-function renderAuditMini(audit){const rows=(audit||[]).slice(0,20);if(!rows.length)return '';return '${k===0?'original':'revision '+k} · ${when}${cur?' · current':''}
${body}
Audit trail
'+rows.map(r=>`
'}
-
-/* recall */
-function memCardHtml(m){const sc=m.score!=null?Math.round(Math.min(m.score>1?m.score/5:m.score,1)*100):null;const rc=m.retention!=null?Math.round(Math.min(m.retention,1)*100):null;return `${esc(r.action||r.op||r.kind||'edit')}${esc(r.reason||r.detail||'')}${esc(r.actor||'')}${(r.ts||r.at)?fmtRel(r.ts||r.at):''}
`).join('')+'${esc(m.title||m.id)} ${m.pinned?'PINNED':''} ${esc(m.memory_type)}
${sc!=null?'Score '+sc+'%':''}${rc!=null?'Retention '+rc+'%':''}
${esc((m.content||'').slice(0,320))}
';
- try{
- const d=await api(`/recall?q=${encodeURIComponent(q)}&workspace=${encodeURIComponent(WS||'')}&k=${k}`);
- if(!d.count){el.innerHTML='
No matching memories.
';return}
- el.innerHTML=`${d.count} recalled
`+d.memories.map(memCardHtml).join('');
- }catch(e){
- el.innerHTML=''+esc(e.message)+'
';
- }finally{
- RECALL_PENDING=false;
- if(button){button.disabled=false;button.textContent='Recall'}
- }
-}
-
-/* memories */
-let MEM_LIST=[], MEM_DRAG=null;
-async function loadMemories(){const q=document.getElementById('mem-q').value.trim();const el=document.getElementById('mem-cards');el.innerHTML='';try{const d=await api(`/memories?q=${encodeURIComponent(q)}&workspace=${encodeURIComponent(WS||'')}&limit=200`);MEM_LIST=d.memories||[];if(!d.count){el.innerHTML='
No memories found.
';return}el.innerHTML=MEM_LIST.map(memRowHtml).join('')}catch(e){el.innerHTML=''+esc(e.message)+'
'}}
-function memRowHtml(m){return `⠿
`}
-/* drag-to-reorder: whole-list resend on drop keeps this simple and robust — see
- MemoryService.reorder_memories for how sort_order is assigned server-side. */
-function memDragStart(e,id){MEM_DRAG=id;e.dataTransfer.effectAllowed='move';e.currentTarget.classList.add('dragging')}
-function memDragOver(e,id){if(!MEM_DRAG||MEM_DRAG===id)return;e.preventDefault();const el=e.currentTarget,r=el.getBoundingClientRect(),before=(e.clientY-r.top)${esc(m.title||m.id)}
Last session handoff
${esc(typeof d.handoff==='string'?d.handoff:JSON.stringify(d.handoff))}
Nothing pressing right now.
';el.innerHTML=h}catch(e){el.innerHTML=''+esc(e.message)+'
'}}
-
-/* why */
-let WHY_PENDING=false;
-async function doWhy(){
- if(WHY_PENDING)return;
- const q=document.getElementById('why-q').value.trim();
- if(!q){toast('Enter a question','err');return}
- if(!WS){workspaceRequired('why-body','explain current beliefs and their history');return}
- const el=document.getElementById('why-body'),button=document.querySelector('#view-why button[data-onclick="h17"]');
- WHY_PENDING=true;
- if(button){button.disabled=true;button.textContent='Explaining…'}
- el.innerHTML='';
- try{
- const d=await api(`/why?q=${encodeURIComponent(q)}&workspace=${encodeURIComponent(WS||'')}`);
- let h='';
- if(d.answer.length){
- h+='Current answer
'+d.answer.map(m=>`${esc(m.title||m.id)}
${esc(m.content)}
No current answer found.
';
- }
- if(d.supersedes.length){
- h+='Superseded (no longer true)
'+d.supersedes.map(m=>``).join('')+'
${esc(m.title||m.id)}
${esc(m.content)}
until ${m.valid_to?new Date(m.valid_to*1000).toISOString().slice(0,10):'—'}
'+esc(e.message)+'
';
- }finally{
- WHY_PENDING=false;
- if(button){button.disabled=false;button.textContent='Explain'}
- }
-}
-
-/* timeline */
-let TIMELINE_PENDING=false;
-async function doTimeline(){
- const q=document.getElementById('tl-q').value.trim();
- if(!q){toast('Enter a topic','err');return}
- if(!WS){workspaceRequired('tl-body','trace memory history');return}
- if(TIMELINE_PENDING)return;
- const el=document.getElementById('tl-body'),button=document.querySelector('#view-timeline button[data-onclick="h19"]');
- TIMELINE_PENDING=true;
- if(button){button.disabled=true;button.textContent='Tracing…'}
- el.innerHTML='';
- try{
- const d=await api(`/timeline?q=${encodeURIComponent(q)}&workspace=${encodeURIComponent(WS||'')}&limit=40`);
- if(!d.history.length){el.innerHTML='No history for this topic.
';return}
- const exact=value=>value?new Date(value*1000).toISOString():'Unavailable';
- el.innerHTML=''+d.history.map(m=>{
- const cur=!m.valid_to&&!m.expired_at,validEnd=m.valid_to||m.expired_at;
- const valid=exact(m.valid_from)+(validEnd?' — '+exact(validEnd):' — current');
- const recorded=exact(m.ingested_at),source=(m.provenance&&m.provenance.source)||'Unknown source';
- return `
';
- }catch(e){
- el.innerHTML=''+esc(e.message)+'
';
- }finally{
- TIMELINE_PENDING=false;
- if(button){button.disabled=false;button.textContent='Trace'}
- }
-}
-
-/* audit */
-async function loadAudit(){const el=document.getElementById('audit-body');el.innerHTML='';try{const d=await api('/audit?workspace='+encodeURIComponent(WS||'')+'&limit=200');const rows=d.entries||d.audit||[];if(!rows.length){el.innerHTML='No governance actions recorded.
';return}el.innerHTML=''+rows.map(r=>`
'}catch(e){el.innerHTML='${esc(r.action||r.op||r.kind||'edit')}${esc(r.memory_id||r.target||r.detail||'')}${esc(r.actor||'')}${r.ts||r.at?fmtRel(r.ts||r.at):''}
`).join('')+''+esc(e.message)+'
'}}
-async function loadReceipts(){const el=document.getElementById('audit-body');el.innerHTML='';try{const q='workspace='+encodeURIComponent(WS||'');const [d,v,s]=await Promise.all([api('/receipts?'+q+'&limit=500'),api('/receipts/verify?'+q),api('/context-savings?'+q)]);const rows=d.entries||[],counters=s.by_token_counter||[];const savings=counters.map(x=>`${esc(x.token_counter||'unknown')}${x.context_tokens||0} packed / ${x.source_tokens||0} retrieved-source tokens; ${x.saved_tokens||0} not injected (${((x.savings_ratio||0)*100).toFixed(1)}%)
`).join('');const savingCard=`Packed context efficiency
${s.savings_receipt_count||0} packed recalls; this measures retrieved source versus injected context, grouped by token counter.
${savings||'No complete context-usage receipts yet.
'}Receipt chain ${v.valid?'verified':'invalid'}
${v.count||0} receipts · head
${esc((v.head||'').slice(0,24))}'+rows.map(r=>`
':'${esc(r.operation||'operation')}
`).join('')+'${esc((r.hash||'').slice(0,20))} · ${esc(r.status||'ok')} · ${r.target_count||0} target(s)${r.ts_ms?fmtRel(r.ts_ms/1000):''}No receipts yet.
')}catch(e){el.innerHTML=''+esc(e.message)+'
'}}
-async function downloadReceipts(){try{const d=await api('/receipts/export?workspace='+encodeURIComponent(WS||''));const blob=new Blob([JSON.stringify(d,null,2)],{type:'application/json'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='engraphis-receipts-'+(WS||'workspace')+'.json';a.click();URL.revokeObjectURL(a.href);toast('Privacy-safe receipts exported','ok')}catch(e){toast(e.message,'err')}}
-
-let SAVINGS_PRESET='all';
-function savingsPresetQuery(){const p=new URLSearchParams({workspace:WS||''});if(SAVINGS_PRESET==='current')p.set('release_version','1.5.0');if(SAVINGS_PRESET==='7d')p.set('from_ts',String(Date.now()/1000-604800));return p.toString()}
-function renderSavingsDetail(s){const e=(s&&s.estimated)||{},eligible=Number(e.eligible_receipt_count)||0,excluded=(Number(e.excluded_receipt_count)||0)+(Number(e.unclassified_receipt_count)||0)+(Number(e.invalid_estimate_count)||0),basisRows=(e.by_basis||[]).map(x=>''+esc((x.basis||'unclassified').replaceAll('_',' '))+' · '+esc(x.confidence||'unknown')+''+formatTokenCount(x.baseline_tokens)+' → '+formatTokenCount(x.emitted_tokens)+' · '+formatTokenCount(x.saved_tokens)+' saved ('+(x.receipt_count||0)+' delivery)
').join(''),counterRows=(e.by_token_counter||[]).map(x=>''+esc(x.token_counter||'unknown')+''+formatTokenCount(x.saved_tokens)+' saved · '+(x.receipt_count||0)+' eligible delivery
').join(''),preset=SAVINGS_PRESET==='current'?'Current release':SAVINGS_PRESET==='7d'?'Last 7 days':SAVINGS_PRESET==='since'?'Since tracking started':'All time';const buttons=['since','current','7d','all'].map(x=>'').join('');return 'Estimated context saved
View'+buttons+'
'+(eligible?''+formatTokenCount(e.saved_tokens)+' tokens
Baseline '+formatTokenCount(e.baseline_tokens)+' → emitted '+formatTokenCount(e.emitted_tokens)+' · '+(Number(e.savings_ratio||0)*100).toFixed(1)+'% estimated reduction
'+eligible+' eligible deliveries · confidence: '+esc(e.confidence||'unknown')+' · range: '+preset+'
'+(basisRows||'No basis breakdown available.
')+(counterRows?'Token counters
'+counterRows:''):'No eligible estimates in this range.
')+''+excluded+' excluded or unclassified delivery(s). Measures estimated prompt-context reduction; it does not measure provider billing.
'+esc(x.token_counter||'unknown')+''+formatTokenCount(x.context_tokens)+' packed / '+formatTokenCount(x.source_tokens)+' source · '+formatTokenCount(x.saved_tokens)+' legacy saved
').join('');const packedCard='Packed context accounting
Packing savings compare retrieved source tokens with emitted context. They are not added again to adaptive history savings.
'+(packed||'No complete context-usage receipts yet.
')+'Receipt chain '+(v.valid?'verified':'invalid')+'
'+(v.count||0)+' receipts · head
'+esc((v.head||'').slice(0,24))+''+rows.map(r=>'
':''+esc(r.operation||'operation')+'
').join('')+''+esc((r.hash||'').slice(0,20))+' · '+esc(r.status||'ok')+' · '+(r.target_count||0)+' target(s)'+(r.ts_ms?fmtRel(r.ts_ms/1000):'')+'No receipts yet.
')}catch(e){el.innerHTML=''+esc(e.message)+'
'}}
-
-/* consolidate */
-async function runConsolidate(dry){const el=document.getElementById('consolidate-body');el.innerHTML='';try{const d=await api('/consolidate',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({workspace:WS,dry_run:dry})});el.innerHTML=`${dry?'Dry run (nothing changed)':'Consolidation complete'}
${esc(JSON.stringify(d,null,2))}'+esc(e.message)+'
'}}
-
-const runConsolidateBase=runConsolidate;
-let CONSOLIDATE_PENDING=false;
-runConsolidate=async function(dry){
- if(CONSOLIDATE_PENDING)return;
- if(!WS){workspaceRequired('consolidate-body','preview or commit consolidation');return}
- if(!dry&&!await confirmAction('Commit consolidation','This may create distilled semantic memories and archive decayed transients in workspace "'+(WS||'')+'". Choose the dry run first if you only want a preview.','Commit consolidation',true))return;
- const buttons=Array.from(document.querySelectorAll('#view-consolidate button[data-onclick="h61"],#view-consolidate button[data-onclick="h62"]')),labels=buttons.map(button=>button.textContent);
- CONSOLIDATE_PENDING=true;
- buttons.forEach(button=>{button.disabled=true});
- try{return await runConsolidateBase(dry)}
- finally{
- CONSOLIDATE_PENDING=false;
- buttons.forEach((button,index)=>{button.disabled=false;button.textContent=labels[index]});
- }
-}
-/* local single-user workspaces */
-function canCreateWs(){return true}
-function folderCardName(el){const card=el.closest('.vault-card');return card?card.dataset.workspace:''}
-function folderOpen(el){const card=el.closest('.vault-card');if(card)wsSwitch(card.dataset.workspace)}
-function folderCardHtml(w,opts){opts=opts||{};const manage=opts.manage!==false,a=w.name===WS,count=Number(w.memories)||0;const actions=manage?``:'';return `${actions}
`}
-function tfMemories(name){setWS(name);navTo('memories')}
-async function refreshFolders(){await loadWorkspaces()}
-async function loadWorkspaces(){
- const el=document.getElementById('ws-cards'),canNew=true,canSources=true;
- const nb=document.getElementById('ws-new-btn'),ic=document.getElementById('import-card'),cc=document.getElementById('code-import-card'),iwn=document.getElementById('import-ws-name');
- if(iwn)iwn.textContent=WS?('"'+WS+'"'):'the active folder';
- if(nb){nb.textContent='New folder';showAs(nb,canNew,'inline-flex')}
- showAs(ic,canNew,'block');
- showAs(cc,canSources,'block');
- try{
- await loadWorkspaceList();
- if(!WORKSPACES.length){
- el.innerHTML='${esc(w.name)}${a?' active':''}
${w.description?`${esc(w.description)}
`:''}${count} memories${w.repos&&(Array.isArray(w.repos)?w.repos.length:w.repos)?''+(Array.isArray(w.repos)?w.repos.length:w.repos)+' repos':''}View memories →
No folders yet.
';
- return;
- }
- el.innerHTML=''+WORKSPACES.map(w=>folderCardHtml(w,{manage:canNew})).join('')+'
';
- }catch(e){el.innerHTML=''+esc(e.message)+'
'}
-}
-async function wsCreate(){
- const result=await actionDialog({title:'New folder',message:'Create a local workspace for related memories.',submit:'Create folder',fields:[{name:'name',label:'Folder name',required:true},{name:'description',label:'Description (optional)',optional:true}]});
- if(result===null)return;
- const name=result.name.trim();
- if(!name){toast('Enter a folder name','err');return}
- if(WORKSPACES.some(w=>w.name===name)){toast('A folder named "'+name+'" already exists','err');return}
- try{
- await api('/workspaces/create',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({workspace:name,description:(result.description||'').trim()})});
- await loadWorkspaceList();setWS(name);toast('Folder "'+name+'" created — now the active folder','ok');refreshFolders();
- }catch(e){toast('Create failed: '+e.message,'err')}
-}
-function wsSwitch(name){setWS(name);toast('Switched to '+name,'ok');navTo('overview')}
-
-/* import (files/folders from this PC — see MemoryService.import_folder/import_files) */
-async function importUpload(items){if(!canCreateWs()){toast('Viewers can’t import','err');return}if(!WS){toast('Create or select a folder first','err');return}if(!items||!items.length)return;const fd=new FormData();fd.append('workspace',WS);fd.append('memory_type','semantic');fd.append('derive_facts',document.getElementById('import-derive').checked?'true':'false');for(const it of items)fd.append('files',it.file,it.name);const el=document.getElementById('import-status');el.textContent='Extracting and importing '+items.length+' file(s)…';try{const r=await api('/workspaces/import-files',{method:'POST',body:fd});const wc=(r.warnings||[]).length;el.textContent=r.imported+' imported, '+r.skipped+' skipped, '+r.errors+' error(s), '+(r.derived_facts||0)+' derived fact(s)'+(wc?', '+wc+' warning(s)':'');toast(r.imported+' resource'+(r.imported===1?'':'s')+' imported into "'+WS+'"','ok');refreshFolders()}catch(e){el.textContent='';toast('Import failed: '+e.message,'err')}}
-function importFilesPicked(fileList,el){const items=Array.from(fileList||[]).map(f=>({file:f,name:f.webkitRelativePath||f.name}));if(el)el.value='';importUpload(items)}
-async function importWalkEntry(entry,path,out){if(entry.isFile){await new Promise(res=>entry.file(f=>{out.push({file:f,name:(path?path+'/':'')+f.name});res()},()=>res()))}else if(entry.isDirectory){const reader=entry.createReader();const readBatch=()=>new Promise(res=>reader.readEntries(res,()=>res([])));let batch;do{batch=await readBatch();for(const e of batch)await importWalkEntry(e,(path?path+'/':'')+entry.name,out)}while(batch.length)}}
-async function importDrop(e){e.preventDefault();e.currentTarget.classList.remove('drag');const items=e.dataTransfer.items;const out=[];if(items&&items.length&&items[0].webkitGetAsEntry){for(const it of items){const entry=it.webkitGetAsEntry&&it.webkitGetAsEntry();if(entry)await importWalkEntry(entry,'',out)}}else{for(const f of e.dataTransfer.files)out.push({file:f,name:f.name})}importUpload(out)}
-async function importFromPath(){if(!canCreateWs()){toast('Viewers can’t import','err');return}if(!WS){toast('Create or select a folder first','err');return}const path=(document.getElementById('import-path').value||'').trim();const pattern=(document.getElementById('import-pattern').value||'*').trim()||'*';if(!path){toast('Enter a path','err');return}const el=document.getElementById('import-status');el.textContent='Extracting and importing…';try{const r=await api('/workspaces/import-folder',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({workspace:WS,path,file_pattern:pattern,memory_type:'semantic',derive_facts:document.getElementById('import-derive').checked})});const wc=(r.warnings||[]).length;el.textContent=r.imported+' imported, '+r.skipped+' skipped, '+r.errors+' error(s), '+(r.derived_facts||0)+' derived fact(s), scanned '+r.scanned+(wc?', '+wc+' warning(s)':'');toast(r.imported+' resource'+(r.imported===1?'':'s')+' imported into "'+WS+'"','ok');refreshFolders()}catch(e){el.textContent='';toast('Import failed: '+e.message,'err')}}
-async function indexRepository(){if(!WS){toast('Select a workspace first','err');return}const repo=(document.getElementById('code-repo').value||'').trim(),root=(document.getElementById('code-root').value||'').trim(),el=document.getElementById('code-import-status');if(!repo||!root){toast('Enter a repository name and path','err');return}el.textContent='Incrementally indexing repository…';try{const r=await api('/code/index',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({workspace:WS,repo:repo,root_path:root})});el.textContent=`${r.files_indexed} changed, ${r.files_unchanged} unchanged · ${r.symbols} symbols · ${r.edges} edges · ${r.code_memory_links||0} memory links`;toast('Repository graph updated','ok')}catch(e){el.textContent='';toast(e.message,'err')}}
-async function importPostgresSchema(){if(!WS){toast('Select a workspace first','err');return}const dsn=(document.getElementById('postgres-dsn').value||'').trim(),repo=(document.getElementById('postgres-repo').value||'').trim(),el=document.getElementById('code-import-status');if(!dsn){toast('Enter a PostgreSQL DSN','err');return}el.textContent='Reading PostgreSQL catalog…';try{const r=await api('/resources/postgres',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({workspace:WS,repo:repo||null,dsn:dsn})});document.getElementById('postgres-dsn').value='';el.textContent=`Imported ${r.schema.tables||0} tables, ${r.entities} entities, and ${r.relations} relations`;toast('Database schema imported','ok')}catch(e){el.textContent='';toast(e.message,'err')}}
-async function wsRename(name){const nn=await textAction('Rename workspace','Choose a new name for "'+name+'".','Workspace name',name,{submit:'Rename'});if(nn===null)return;const v=nn.trim();if(!v||v===name)return;try{await api('/workspaces/rename',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({workspace:name,new_name:v})});if(WS===name)setWS(v);toast('Renamed','ok');refreshFolders()}catch(e){toast(e.message,'err')}}
-async function wsDescribe(name){const cur=((WORKSPACES.find(w=>w.name===name)||{}).description)||'';const d=await textAction('Describe workspace','Update the optional description for "'+name+'".','Description',cur,{submit:'Save',optional:true,multiline:true});if(d===null)return;try{await api('/workspaces/describe',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({workspace:name,description:d})});toast('Saved','ok');refreshFolders()}catch(e){toast(e.message,'err')}}
-async function wsMerge(name){const others=WORKSPACES.map(w=>w.name).filter(n=>n!==name);if(!others.length){toast('No other workspace to merge into','err');return}const result=await actionDialog({title:'Merge workspace',message:'All memories in "'+name+'" will move to the selected workspace and "'+name+'" will be removed. This cannot be undone.',submit:'Merge workspace',danger:true,fields:[{name:'target',label:'Destination workspace',required:true,options:others.map(value=>({value,label:value}))}]});if(result===null)return;const v=result.target;try{const r=await api('/workspaces/merge',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({source:name,target:v})});toast('Merged '+(r.memories_moved||0)+' memories into '+v,'ok');if(WS===name)setWS(v);refreshFolders()}catch(e){toast('Merge failed: '+e.message,'err')}}
-async function wsCopy(name){try{const r=await api('/workspaces/copy',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({workspace:name})});toast('Copied to "'+r.workspace+'" ('+(r.memories_copied||0)+' memories)','ok');refreshFolders()}catch(e){toast('Copy failed: '+e.message,'err')}}
-async function wsDelete(name,n){const active=name===WS?' This is the active workspace; another workspace will become active after deletion.':'';if(!await confirmAction('Delete workspace','Delete "'+name+'" and all '+n+' memories in it from this Engraphis store?'+active+' Export anything you need first. This cannot be undone.','Delete workspace',true))return;try{const r=await api('/workspaces/delete',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({workspace:name})});toast('Deleted ('+(r.memories_removed||0)+' memories)','ok');if(WS===name){WS=null;await loadWorkspaceList();if(WORKSPACES[0])setWS(WORKSPACES[0].name)}refreshFolders()}catch(e){toast(e.message,'err')}}
-
-/* memory detail + governance — a full-page editor (view-mem-editor), not a popup:
- the raw content is always a live, editable textarea (Obsidian-style), with a
- rendered preview alongside and the version history/audit trail below. */
-function setEditorActionsEnabled(enabled){['ed-save-btn','ed-pin-btn','ed-forget-btn'].forEach(id=>{const btn=document.getElementById(id);if(btn)btn.disabled=!enabled})}
-async function openMem(id){window.CURMEM=null;setEditorActionsEnabled(false);navTo('mem-editor');const ta=document.getElementById('ed-content');document.getElementById('ed-title').value='';ta.value='';document.getElementById('ed-meta').innerHTML='';document.getElementById('ed-preview').innerHTML='';document.getElementById('ed-history').innerHTML='';document.getElementById('topbar-title').textContent='Loading…';try{const d=await api('/memory/'+encodeURIComponent(id)+'?workspace='+encodeURIComponent(WS||''));const m=d.memory;if(!m){document.getElementById('topbar-title').textContent='Memory unavailable';document.getElementById('ed-history').innerHTML='Memory not found.
';return false}window.CURMEM=m;document.getElementById('ed-title').value=m.title||'';document.getElementById('ed-type').value=m.memory_type||'semantic';ta.value=m.content||'';edPreviewUpdate();edRenderMeta();document.getElementById('topbar-title').textContent=m.title||m.id;document.getElementById('ed-history').innerHTML=renderChainDiff(d.chain)+renderAuditMini(d.audit);setEditorActionsEnabled(true);return true}catch(e){document.getElementById('topbar-title').textContent='Memory unavailable';document.getElementById('ed-history').innerHTML='Could not load this memory: '+esc(e.message)+'
';return false}}
-function closeMem(){navTo('memories')}
-function edPreviewUpdate(){document.getElementById('ed-preview').innerHTML=renderMd(document.getElementById('ed-content').value)}
-function edRenderMeta(){const m=window.CURMEM;if(!m)return;const btn=document.getElementById('ed-pin-btn');if(btn)btn.textContent=m.pinned?'Unpin':'Pin';document.getElementById('ed-meta').innerHTML=`${esc(m.memory_type)} ${esc(m.scope||'')} ${m.pinned?'pinned':''} ${esc((m.provenance&&m.provenance.source)||'')}${m.provenance&&m.provenance.trusted===false?' · untrusted':''} · id ${esc(m.id)}`}
-async function edTogglePin(){const m=window.CURMEM;if(!m)return;try{await api('/pin',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({id:m.id,workspace:WS,pinned:!m.pinned})});m.pinned=!m.pinned;edRenderMeta();toast(m.pinned?'Pinned':'Unpinned','ok')}catch(e){toast(e.message,'err')}}
-async function edSave(){const m=window.CURMEM;if(!m)return;const nt=document.getElementById('ed-title').value;const ntype=document.getElementById('ed-type').value;const nc=document.getElementById('ed-content').value;try{let meta=false,body=false,id=m.id;if(nt!==(m.title||'')||ntype!==(m.memory_type||'semantic')){await api('/memory/update',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({id:id,workspace:WS,title:nt,memory_type:ntype})});meta=true}if(nc!==(m.content||'')){const r=await api('/correct',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({id:id,workspace:WS,content:nc,reason:'dashboard edit'})});body=true;id=r.id}if(!meta&&!body){toast('No changes','ok');return}toast('Saved','ok');await openMem(id)}catch(e){toast(e.message,'err')}}
-async function edForget(){const m=window.CURMEM;if(!m)return;if(!await confirmAction('Retire memory','Close the current validity of "'+(m.title||m.id)+'" in workspace "'+(WS||'')+'"? It will stop appearing as current truth but remain in bi-temporal history.','Retire memory',true))return;try{await api('/retire',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({id:m.id,workspace:WS,reason:'dashboard retirement'})});toast('Memory retired and retained in history','ok');closeMem()}catch(e){toast(e.message,'err')}}
-let EDITOR_BASELINE='',EDITOR_FORCE_CLOSE=false;
-function editorSnapshot(){return JSON.stringify({title:document.getElementById('ed-title').value,type:document.getElementById('ed-type').value,content:document.getElementById('ed-content').value})}
-function editorIsDirty(){return !!window.CURMEM&&!!EDITOR_BASELINE&&editorSnapshot()!==EDITOR_BASELINE}
-function editorRefreshDirty(){const state=document.getElementById('ed-save-state');if(!state)return;const dirty=editorIsDirty();state.textContent=dirty?'Unsaved changes':'Saved';state.classList.toggle('dirty',dirty)}
-function editorCommitBaseline(){EDITOR_BASELINE=window.CURMEM?editorSnapshot():'';editorRefreshDirty()}
-const openMemWithEditorState=openMem;
-openMem=async function(id){const loaded=await openMemWithEditorState(id);if(loaded)editorCommitBaseline();else{EDITOR_BASELINE='';editorRefreshDirty()}return loaded}
-const selectViewWithDirtyGuard=selectView;
-selectView=async function(v){if(!EDITOR_FORCE_CLOSE&&v!=='mem-editor'&&document.getElementById('view-mem-editor').classList.contains('active')&&editorIsDirty()){const title=document.getElementById('ed-title').value||'this memory';if(!await confirmAction('Discard unsaved changes','Leave the Memory editor? Unsaved changes to "'+title+'" will be lost.','Discard changes',true))return false}selectViewWithDirtyGuard(v);return true}
-const edForgetWithEditorState=edForget;
-edForget=async function(){EDITOR_FORCE_CLOSE=true;try{return await edForgetWithEditorState()}finally{EDITOR_FORCE_CLOSE=false}}
-;['ed-title','ed-type','ed-content'].forEach(id=>{const el=document.getElementById(id);el.addEventListener('input',editorRefreshDirty);el.addEventListener('change',editorRefreshDirty)});
-window.addEventListener('beforeunload',e=>{if(!editorIsDirty())return;e.preventDefault();e.returnValue=''});
-document.addEventListener('keydown',e=>{if((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==='s'&&document.getElementById('view-mem-editor').classList.contains('active')){e.preventDefault();edSave()}});
-/* license */
-async function loadLicense(){const el=document.getElementById('lic-body');try{const d=await api('/license');LIC=d;updateLicBadge();updateFeatureLocks();renderLicense(d)}catch(e){if(el)el.innerHTML=''+esc(e.message)+'
'}}
-/* Copy for the control plane's own entitlement status, when it named one. This is what
- separates "your card was declined" from "you cancelled" inside a single lapsed state. */
-const LIC_STATUS_NOTE={past_due:'the last payment did not go through',canceled:'the subscription was cancelled',expired:'the billing period ended',revoked:'access was revoked'};
-const LIC_SOURCE_LABEL={environment:'operator override',session:'cloud handshake',cloud:'cloud entitlements read',connected:'not yet confirmed',local:'not connected',override:'operator override'};
-/* The whole point of the panel: when hosted features are locked, say why, and offer the
- one action that fixes it. Never a plan badge over unexplained locks. */
-function licStateBanner(state,plan,ends,status){
- if(state==='trial_expired')return ``;
- if(state==='lapsed'){const note=LIC_STATUS_NOTE[status];return ``}
- if(state==='inactive')return ``;
- return ''}
-function licActionsHtml(state){if(state!=='active'&&state!=='lapsed'&&state!=='trial'&&state!=='inactive'&&state!=='trial_expired')return '';const pro=hostedCta('pro','license');return `${ctaLinkHtml(pro,'btn btn-primary btn-sm','license')}
`}
-function renderLicense(d){
- const el=document.getElementById('lic-body');if(!el)return;
- const state=licAccessState(),raw=String(d.plan||'local').toLowerCase();
- const plan=raw==='pro'||raw==='team'?raw.toUpperCase():'';
- const hosted=state!=='inactive',live=licAccessLive(),ends=licTrialEnds();
- const label=state==='trial'?(plan||'PRO')+' TRIAL':state==='trial_expired'?(plan||'PRO')+' TRIAL ENDED':state==='lapsed'?plan+' INACTIVE':state==='active'?plan:'LOCAL CORE';
- const known=d.known_features||{};
- const feats=hosted?Object.keys(known).map(f=>`${(d.features||[]).includes(f)?'✓':'○'} ${esc(known[f])}`).join(''):'';
- let h=`${hosted?'Hosted plan':'Local runtime'}${esc(label)}
`;
- if(d.error)h+=``;
- h+=licStateBanner(state,plan,ends,d.entitlement_status);
- if(hosted&&d.email&&d.email!=='trial')h+=`Hosted account${esc(d.email)}
`;
- if(state==='trial'&&ends)h+=`Trial ends${esc(ends)}
`;
- else if(hosted&&d.expires)h+=`Authorization expires${esc(fmtDay(d.expires))}
`;
- if(feats)h+=`${feats}
`;
- /* Support diagnostics: which rule produced this answer and when the cloud last confirmed
- it. Emitted by /api/license since the plan resolver landed, and never shown until now —
- so "the dashboard says PRO" and "the cloud says PRO" could not be told apart. */
- if(d.plan_source)h+=`Plan source${esc(LIC_SOURCE_LABEL[d.plan_source]||d.plan_source)}${d.plan_checked_at?' · confirmed '+esc(fmtRel(d.plan_checked_at)):''}
`;
- if(state==='active')h+=`Thank you for supporting Engraphis. Your subscription helps fund hosted infrastructure and ongoing development.
`;
- h+=licActionsHtml(state);
- el.innerHTML=h;
-}
-async function exportWorkspace(){try{const d=await api('/export?workspace='+encodeURIComponent(WS||''));const blob=new Blob([JSON.stringify(d,null,2)],{type:'application/json'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='engraphis-export-'+Date.now()+'.json';a.click();URL.revokeObjectURL(a.href);toast('Exported','ok')}catch(e){toast(e.message,'err')}}
-
-/* Hosted Team is a service CTA; local identity and seat administration are not shipped. */
-async function loadTeam(){const el=document.getElementById('team-body'),teamCta=hostedCta('team','team_tab');try{const st=await api('/auth/state');if(teamCta.href==='#'&&st&&st.cloud_url)teamCta.href=safeUrl(st.cloud_url)}catch(e){}el.innerHTML=``}
-/* health + settings */
-function connectionContext(){const host=(location.hostname||'').toLowerCase();return host==='localhost'||host==='127.0.0.1'||host==='::1'||host.endsWith('.localhost')?'Local engine':'Remote customer node'}
-async function checkHealth(){const label=connectionContext();try{await api('/health');const d=document.getElementById('health-dot'),t=document.getElementById('health-text');if(d){d.classList.add('health-ok');d.classList.remove('health-error')}if(t)t.textContent=label+' connected'}catch(e){const d=document.getElementById('health-dot'),t=document.getElementById('health-text');if(d){d.classList.add('health-error');d.classList.remove('health-ok')}if(t)t.textContent=label+' unavailable'}}
-function loadSettings(){loadLicense();loadSyncStatus();loadHostedAgentAccess();loadLlmStatus();const s=document.getElementById('cfg-store');if(s)s.textContent=location.host;api('/info').then(function(d){var v=document.getElementById('cfg-version');if(v&&d&&d.version)v.textContent=d.version}).catch(function(){})}
-
-async function loadLlmStatus(){const el=document.getElementById('llm-body');if(!el)return;try{const st=await api('/llm/status');const ok=st.configured;const badge=ok?'configured':'not configured';const keyLine=st.key_set?'API key set ✓':'No API key set';let modelSel='';let provSel='';el.innerHTML=`Provider · Model${badge}
${provSel}${modelSel}
${keyLine} · extractor:
${esc(st.extractor)}Add this to your
.env and restart Engraphis:LLM extraction${st.extractor_enabled?'ON':'OFF'}
While ON, ingested memory content is sent to your LLM provider for schema-validated extraction. OFF disables extraction transfers only; retention supervision is configured separately.
`}catch(e){el.innerHTML='
'+esc(e.message)+'
'}}
-function onLlmProvChange(){const p=document.getElementById('llm-prov').value;const sel=document.getElementById('llm-model');const defs={openai:'gpt-4o-mini',anthropic:'claude-3-5-sonnet-20241022',google:'gemini-1.5-flash',openrouter:'openai/gpt-4o-mini'};if(sel&&defs[p]){sel.value=defs[p]}updateLlmSnippet()}
-function updateLlmSnippet(){const p=(document.getElementById('llm-prov')||{}).value||'openai';const m=(document.getElementById('llm-model')||{}).value||'';const ta=document.getElementById('llm-snippet');if(!ta)return;ta.value='ENGRAPHIS_LLM_PROVIDER='+p+'\nENGRAPHIS_LLM_MODEL='+m+'\nENGRAPHIS_LLM_API_KEY=Per-member agent accounts, roles, named seats, and rotating device credentials are managed in Team Cloud, not by this local dashboard.
${ctaLinkHtml(teamCta,'btn btn-primary btn-sm','agent_access')}Agent Connect guide
`}
-const setLlmExtractorBase=setLlmExtractor;
-setLlmExtractor=async function(on){if(on&&!await confirmAction('Turn on LLM extraction',EXTERNAL_LLM_PRIVACY_COPY,'Turn on'))return;return setLlmExtractorBase(on)};
-/* Route by cause, exactly like loadAnalytics/loadAutomation. Rendering the purchase panel for
- every failure told a paying customer to buy the plan they already own whenever the network
- blipped or the cloud answered 5xx. Only 402 is an entitlement answer; 401/403 require reconnecting. */
-async function loadSyncStatus(){try{const d=await api('/sync/status');renderSync(d)}catch(e){const el=document.getElementById('sync-body');if(!el)return;if(managedConsentRequired(e))el.innerHTML=managedConsentHtml('Cloud Sync');else if(hostedFeatureUnavailable(e))el.innerHTML=unlockHtml('Cloud Sync','pro');else el.innerHTML=''+esc(e.message)+'
'}}
-function syncTotalAuthorizationDenial(last){if(!last||!(Number(last.attempted)>0)||Number(last.succeeded)!==0)return false;const errors=Array.isArray(last.errors)?last.errors:[];return errors.length===Number(last.attempted)&&errors.every(error=>[401,402,403].includes(Number(error&&error.status)))}
-function syncRecoveryHtml(){return unlockHtml('Cloud Sync','pro')+``}
-function syncReconnectHtml(){return `Cloud Sync is not authorized for this installation. Reconnect in Engraphis Cloud or contact your administrator.
`}
-function syncDenialHtml(last){const errors=Array.isArray(last&&last.errors)?last.errors:[];return errors.some(error=>[401,403].includes(Number(error&&error.status)))?syncReconnectHtml():syncRecoveryHtml()}
-function renderSync(d){const el=document.getElementById('sync-body');if(!el)return;d=d||{};const last=d.last;if(!d.available){el.innerHTML=unlockHtml('Cloud Sync','pro');return}if (syncTotalAuthorizationDenial(last)) { el.innerHTML = syncDenialHtml(last); return; }let status='Cloud session connected; no sync recorded on this installation.';if(last){const when=new Date((last.at||0)*1000).toLocaleString();status='Last synced '+when+' — pushed '+(last.exported||0)+', +'+(last.added||0)+' received'+((last.errors&&last.errors.length)?' · '+last.errors.length+' issue(s)':'')+'.'}el.innerHTML=`Hosted relayCONNECTED
Relay storage and authorization run in Engraphis Cloud. This package contains only the customer client; it does not run a local relay or background scheduler.
${esc(status)}
`}
-async function syncNow(){const b=document.getElementById('sync-btn')||document.getElementById('sync-retry-btn');const original=b&&b.textContent;const s=document.getElementById('sync-status');if(b){b.disabled=true;b.textContent='Syncing…'}if(s)s.textContent='Contacting the cloud…';try{const d=await api('/sync/run',{method:'POST',headers:{'Content-Type':'application/json'},body:'{}'});const su=d.summary||{};toast('Synced — pushed '+(su.exported||0)+', '+(su.added||0)+' new from other devices','ok');await loadSyncStatus()}catch(e){const status=Number(e&&e.status);if(status===402){const el=document.getElementById('sync-body');if(el)el.innerHTML=syncRecoveryHtml();toast('Cloud Sync requires an active Pro or Team entitlement — open Engraphis Cloud to upgrade or renew.','err')}else if(status===401||status===403){const el=document.getElementById('sync-body');if(el)el.innerHTML=syncReconnectHtml();toast('Cloud Sync authorization is no longer active — reconnect in Engraphis Cloud.','err')}else{toast('Sync failed: '+e.message,'err');if(s)s.textContent='Sync failed — try again.'}}finally{if(b){b.disabled=false;b.textContent=original||'Sync now'}}}
-
-const syncNowBase=syncNow;
-syncNow=async function(){if(!await confirmCloudTransfer('Sync shared workspaces','Cloud Sync sends eligible changes from your shared workspaces to Engraphis Cloud and receives authorized changes from your other installations; secret and session-scoped rows stay local.','Sync now',CLOUD_SYNC_PRIVACY_COPY))return;return syncNowBase()}
-
-/* ─── knowledge graph (force-graph + d3-force: compact defaults and selectable layouts) ─── */
-let GRAPH=null, FG=null, GRAPH_ENGINE=null, GRESIZE=false, GRESIZEFRAME=0, GADJ={}, GCOMM_ADJ={}, GCOMPONENTS={}, GCOMPONENT_LAYOUT=null, GHILITE=null, GHOVERSET=null, GLABELRANK={}, GLABELBOXES=[], GDATA_CACHE=null, GACTIVE_DATA=null, GREDRAWFRAME=0, GPERF={large:false,dense:false}, GRAPH_FULL=false, GRAPH_SCOPE_BEFORE_FULL=null;
-const GRAPH_PRESETS={
- original:{label:'Original force',repel:120,link:30,gravity:14,font:13,size:3,linkw:1,labelDensity:40,curve:0,particles:0},
- compact:{label:'Compact clusters',repel:42,link:20,gravity:26,font:12,size:3,linkw:.7,labelDensity:30,curve:.08,particles:0},
- communities:{label:'Community islands',repel:48,link:16,gravity:48,font:12,size:3,linkw:.72,labelDensity:24,curve:.12,particles:0},
- radial:{label:'Radial orbit',repel:68,link:26,gravity:12,font:13,size:3,linkw:.75,labelDensity:55,curve:.22,particles:0},
- constellation:{label:'Constellation flow',repel:34,link:16,gravity:38,font:12,size:3,linkw:.65,labelDensity:35,curve:.32,particles:2},
- custom:{label:'Custom tuning',curve:.1,particles:0}
-};
-window.GSET=window.GSET||{mode:'communities',font:12,size:3,repel:48,link:16,gravity:48,labels:false,linkw:.72,labelDensity:24,flow:true,frozen:false};
-// Freeze is session-only. Never let a pre-existing dashboard state make a newly opened graph
-// look broken: every Classic graph begins with physics live until its visible switch is clicked.
-window.GSET.frozen=false;
-/* Keep legacy Classic geometry in the same compact world-space range as Ledger. The old
- `size * sqrt(1 + degree)` rule let a highly connected entity become a giant disc, then
- zoom-to-fit magnified that disc again. Degree still adds a restrained emphasis, but it is
- normalized and bounded so material/theme painters cannot change node geometry. */
-function graphNodeRadius(node,base,metric){
- const size=Number.isFinite(+base)&&+base>0?+base:3;
- const normalized=Math.max(0,Math.min(1,Number(metric)||0));
- const radius=size*.45*(.55+Math.min(1.6,normalized*1.9));
- return Math.max(.8,Math.min(size*1.1,radius));
-}
-const ETYPE_TOKEN={person_or_concept:'--entity-concept',mention:'--entity-mention',hashtag:'--entity-hashtag',email:'--entity-email',organization:'--entity-organization',location:'--entity-location'};
-const GRAPH_PALETTES={
- theme:null,
- aurora:{person_or_concept:'#8b7cf6',mention:'#2dd4bf',hashtag:'#fbbf24',email:'#60a5fa',organization:'#f472b6',location:'#a3e635'},
- ocean:{person_or_concept:'#38bdf8',mention:'#2dd4bf',hashtag:'#facc15',email:'#818cf8',organization:'#22d3ee',location:'#34d399'},
- ember:{person_or_concept:'#f97316',mention:'#fb7185',hashtag:'#facc15',email:'#a78bfa',organization:'#ef4444',location:'#84cc16'},
- contrast:{person_or_concept:'#0072b2',mention:'#009e73',hashtag:'#e69f00',email:'#56b4e9',organization:'#cc79a7',location:'#d55e00'}
-};
-const GRAPH_COLOR_KEY='engraphis-graph-colors-v1';
-let GCOLOR_OVERRIDES={}, GCOLOR_PALETTE='theme';
-function cssvar(name,fallback){const value=getComputedStyle(document.body).getPropertyValue(name).trim();return value||fallback}
-function graphValidColor(color){return /^#[0-9a-f]{6}$/i.test(color||'')}
-function graphTypeLabel(type){return String(type||'entity').replace(/_/g,' ')}
-function graphLoadColorPreferences(){
- try{
- const saved=JSON.parse(localStorage.getItem(GRAPH_COLOR_KEY)||'{}'),colors=saved&&saved.colors;
- if(colors&&typeof colors==='object')Object.entries(colors).forEach(([type,color])=>{if(graphValidColor(color))GCOLOR_OVERRIDES[type]=color.toLowerCase()});
- if(saved&&saved.palette&&Object.prototype.hasOwnProperty.call(GRAPH_PALETTES,saved.palette))GCOLOR_PALETTE=saved.palette;
- else if(Object.keys(GCOLOR_OVERRIDES).length)GCOLOR_PALETTE='custom';
- }catch(e){GCOLOR_OVERRIDES={};GCOLOR_PALETTE='theme'}
-}
-function graphSaveColorPreferences(){try{localStorage.setItem(GRAPH_COLOR_KEY,JSON.stringify({palette:GCOLOR_PALETTE,colors:GCOLOR_OVERRIDES}))}catch(e){}}
-function graphTypeColor(type){if(GCOLOR_OVERRIDES[type])return GCOLOR_OVERRIDES[type];if(typeof GSTYLE!=='undefined'&&GSTYLE&&GSTYLE!=='classic'&&STYLE_PAL[GSTYLE]&&STYLE_PAL[GSTYLE][type])return STYLE_PAL[GSTYLE][type];return cssvar(ETYPE_TOKEN[type]||'--entity-concept',cssvar('--color-accent','#8c83e8'))}
-/* The engine renders to a canvas, so it cannot read `--entity-*` itself the way the legend and
- the controls do. Resolve the active theme's values here and hand them over; without this the
- opt-in canvas keeps dark-theme node colours after a switch to Light/Solarized/Sepia. */
-function graphThemeTypeColors(){const colors={},fallback=cssvar('--color-accent','#8c83e8');Object.keys(ETYPE_TOKEN).forEach(type=>{colors[type]=cssvar(ETYPE_TOKEN[type],fallback)});colors.accent=fallback;colors.surface=cssvar('--color-panel','#15181e');colors.canvas=cssvar('--color-canvas','#0e1014');colors.relation_label=cssvar('--color-text-dim','#7e8795');colors.label=cssvar('--color-text','#e7e9ee');return colors}
-/* Co-occurrence is implicit graph structure, not useful canvas text. */
-function graphShowRelationLabel(label){return !!label&&String(label).toLowerCase()!=='co_occurs'}
-function graphContrastColor(color){if(!graphValidColor(color))return cssvar('--color-canvas','#0e1014');const n=parseInt(color.slice(1),16),lum=.2126*(n>>16)+.7152*((n>>8)&255)+.0722*(n&255);return lum>150?'#111827':'#f8fafc'}
-const ETYPE_COLOR=new Proxy({},{get:(_,type)=>graphTypeColor(type)});
-graphLoadColorPreferences();
-function graphUpdateColorSwatches(){}
-function graphRefreshNodeColors(){
- const nodes=FG&&FG.graphData?FG.graphData().nodes||[]:[];
- nodes.forEach(node=>{node.color=graphNodeColor(node);node.stroke=graphContrastColor(node.color)});
- graphUpdateColorSwatches();
- graphRedraw();
-}
-function renderGraphColorControls(){
- const box=document.getElementById('graph-color-controls'),picker=document.getElementById('graph-palette');
- if(picker)picker.value=GCOLOR_PALETTE;
- if(!box)return;
- const types=GRAPH&&GRAPH.types&&GRAPH.types.length?GRAPH.types.map(item=>item.etype):Object.keys(ETYPE_TOKEN);
- box.innerHTML=types.map(type=>{const label=graphTypeLabel(type),color=graphTypeColor(type);return ``}).join('');
-}
-function graphSetTypeColor(type,color,persist){
- if(!type||!graphValidColor(color))return;
- GCOLOR_OVERRIDES[type]=color.toLowerCase();GCOLOR_PALETTE='custom';
- graphClearMaterialCache();
- const picker=document.getElementById('graph-palette');if(picker)picker.value='custom';
- if(GRAPH_ENGINE){GRAPH_ENGINE.setTypeColor(type,color);if(persist)graphSaveColorPreferences();return}
- graphRefreshNodeColors();
- if(persist)graphSaveColorPreferences();
-}
-function graphApplyPalette(name){
- if(!Object.prototype.hasOwnProperty.call(GRAPH_PALETTES,name))name='theme';
- GCOLOR_PALETTE=name;GCOLOR_OVERRIDES=GRAPH_PALETTES[name]?{...GRAPH_PALETTES[name]}:{};
- graphSaveColorPreferences();graphRecolor();
-}
-function graphResetColors(){graphApplyPalette('theme');toast('Node colors reset to the active theme','ok')}
-function graphInjectCss(){}
-function prefersReducedMotion(){return matchMedia('(prefers-reduced-motion: reduce)').matches}
-function graphSetLayoutStatus(text,busy){
- for(const id of ['graph-layout-status','galaxy-layout-status']){const status=document.getElementById(id);if(status){status.textContent=text;status.classList.toggle('busy',!!busy)}}
- for(const id of ['graph-net','galaxy-net']){const net=document.getElementById(id);if(net)net.setAttribute('aria-busy',String(!!busy))}
-}
-function graphSetSimulationStatus(text,busy){
- graphSetLayoutStatus(text,busy)
-}
-function graphUpdateHud(data){
- const mode=document.getElementById('graph-hud-mode'),count=document.getElementById('graph-hud-count'),badge=document.getElementById('graph-performance-badge');
- const preset=GRAPH_PRESETS[window.GSET.mode]||GRAPH_PRESETS.compact;
- if(mode)mode.textContent=preset.label||'Custom graph';
- if(count&&data)count.textContent=data.nodes.length.toLocaleString()+' entities · '+data.links.length.toLocaleString()+' relations';
- if(badge)badge.textContent=GPERF.large?'Large graph mode':'Adaptive rendering';
-}
-/* ── canonical graph renderer ────────────────────────────────────────────────────────────
- Classic now uses the same renderer as Ledger for its normal graph view. The legacy canvas
- remains the rollback path: one engine failure latches GRAPH_ENGINE_FAILED and the graph
- degrades to the legacy renderer instead of taking the view down. */
-let GRAPH_ENGINE_FAILED=false;
-function graphEngineEnabled(){
- if(GRAPH_ENGINE_FAILED)return false;
- try{return new URLSearchParams(window.location.search).get('graph-engine')==='next'||/(^|\/)classic\/?$/.test(window.location.pathname)}catch(e){return false}
-}
-function graphEngineFallback(error){
- GRAPH_ENGINE_FAILED=true;
- try{if(GRAPH_ENGINE)GRAPH_ENGINE.destroy()}catch(e){}
- GRAPH_ENGINE=null;
- /* The classic renderer skips seeding when GACTIVE_DATA still points at the current data,
- so a failure *after* a successful engine render would hand it an empty canvas. Clearing
- the marker makes the very next graphRender() a full classic build. */
- GACTIVE_DATA=null;GCOMPONENT_LAYOUT=null;GHILITE=null;GHOVERSET=null;
- if(window.console&&console.warn)console.warn('graph-engine=next failed; falling back to the classic renderer',error);
-}
-function graphEngineEmptyMessage(){
- const total=(GRAPH&&GRAPH.nodes&&GRAPH.nodes.length)||0;
- return total?('No connected entities — tick "Show unlinked" to see all '+total+'.'):'No entities in this workspace yet.';
-}
-function graphRenderEngine(data,fit,reheat){
- const element=document.getElementById('graph-net'),empty=document.getElementById('graph-empty');
- const fullGraph=typeof GRAPH_FULL!=='undefined'&&GRAPH_FULL;
- if(!element||typeof EngraphisGraph==='undefined')return false;
- try{
- if(!data.nodes.length){
- if(GRAPH_ENGINE)GRAPH_ENGINE.setData({nodes:[],links:[]});
- showAs(empty,true,'flex');
- if(empty)empty.textContent=graphEngineEmptyMessage();
- GACTIVE_DATA=null;graphSetLayoutStatus('No entities',false);return true;
- }
- showAs(empty,false);GPERF={large:data.nodes.length>600||data.links.length>2400,dense:data.links.length>1500};
- const created=!GRAPH_ENGINE;
- if(created){
- GRAPH_ENGINE=EngraphisGraph.create(element,{
- reducedMotion:prefersReducedMotion,
- onNodeClick:node=>{syncGraphExplorerSelection(node.id);graphNodeClick(node.label||node.name||node.id)},
- onBackgroundClick:()=>graphSetHighlight(null),
- onStats:stats=>{const count=document.getElementById('graph-hud-count');if(count)count.textContent=stats.nodes.toLocaleString()+' entities · '+stats.links.toLocaleString()+' relations'}
- });
- }
- /* Re-seeding identical data would re-copy every node and throw its x/y away, restarting
- the layout on each slider or preset change. The classic path guards the same way. */
- const dataChanged=created||GACTIVE_DATA!==data;
- const layers={};document.querySelectorAll('#graph-layer-filters input').forEach(input=>{layers[input.value]=input.checked});
- /* "Show unlinked nodes" is applied twice: graphData() decides what is handed over, and the
- engine re-filters by degree on its own state. Leaving the engine on its defaults
- (showUnlinked:false, minDegree:1) drops every degree-zero entity graphData() just supplied,
- so the checkbox appeared to do nothing under ?graph-engine=next. */
- const isolated=document.getElementById('graph-show-iso'),showUnlinked=fullGraph||!!(isolated&&isolated.checked);
- GRAPH_ENGINE.apply(engine=>{
- engine.setSettings({...window.GSET});
- if(typeof engine.setRenderMode==='function')engine.setRenderMode(fullGraph?'full':'overview');
- engine.setStyle(typeof GSTYLE!=='undefined'?GSTYLE:'cyber');
- engine.setColorBy(typeof GCOLORBY!=='undefined'?GCOLORBY:'community');
- engine.setThemeColors(graphThemeTypeColors());
- engine.setPalette(typeof GCOLOR_PALETTE!=='undefined'?GCOLOR_PALETTE:'theme');
- engine.setTypeColors(GCOLOR_OVERRIDES||{});
- engine.setLayers(layers);
- engine.setScope({showUnlinked,minDegree:showUnlinked?0:1});
- if(dataChanged)engine.setData(data);
- },fit,reheat);
- /* Mirror the engine's clustering back onto the dashboard's own node objects, or the
- cluster legend (which reads GACTIVE_DATA) reports one community for the whole store. */
- const communityMap=GRAPH_ENGINE.communityMap();
- data.nodes.forEach(node=>{node.community=communityMap[node.id]||0});
- GACTIVE_DATA=data;graphSyncReadouts();graphUpdateEditedBadge();graphUpdateHud(data);graphRenderLegend(GRAPH);
- if(dataChanged)graphSetHighlight(null);
- if(window.GSET.frozen)GRAPH_ENGINE.freeze(true);
- /* The renderer can be born after the user has already left the view: /graph and both lazy
- scripts resolve asynchronously, and the pause on nav-away ran while GRAPH_ENGINE was still
- null. Re-apply the parked state here so a renderer created against a hidden pane never
- starts a rAF that nothing will stop. */
- if(GRAPH_ENGINE_PARKED)GRAPH_ENGINE.pause();
- graphSetSimulationStatus(window.GSET.frozen?'Layout frozen':'Adaptive layout',false);
- return true;
- }catch(error){
- graphEngineFallback(error);
- return false;
- }
-}
-/* Nav away from the graph view: park the engine's animation frame. Without this the opt-in
- renderer keeps repainting a hidden canvas for the rest of the session.
- The intent is *recorded* as well as applied, because pausing an engine that does not exist
- yet is a no-op: leaving Graph before /graph (or either lazy script) resolves would otherwise
- let the pending callback create and start a renderer against a hidden pane with no later
- pause to stop it. graphRenderEngine() re-applies GRAPH_ENGINE_PARKED for that case. */
-let GRAPH_ENGINE_PARKED=false;
-function graphEnginePause(){GRAPH_ENGINE_PARKED=true;try{if(GRAPH_ENGINE)GRAPH_ENGINE.pause()}catch(e){}}
-function graphEngineResume(){GRAPH_ENGINE_PARKED=false;try{if(GRAPH_ENGINE)GRAPH_ENGINE.resume()}catch(e){}}
-function graphInvalidateData(){
- if(GRAPH_ENGINE){try{GRAPH_ENGINE.destroy()}catch(e){}GRAPH_ENGINE=null}
- GDATA_CACHE=null;GACTIVE_DATA=null;GCOMPONENT_LAYOUT=null;GHILITE=null;GHOVERSET=null
-}
-async function loadLegacyGraph(){
- graphInjectCss();graphInvalidateData();GRAPH=null;
- const empty=document.getElementById('graph-empty'),net=document.getElementById('graph-net'),nodesBox=document.getElementById('graph-entity-list'),edgesBox=document.getElementById('graph-relation-list');
- showAs(empty,true,'flex');empty.textContent='Loading graph…';graphSetLayoutStatus('Loading data',true);
- if(net)net.setAttribute('aria-busy','true');
- renderGraphExplorer();
- if(!GRESIZE){
- GRESIZE=true;
- window.addEventListener('resize',()=>{
- if((!FG&&!GRAPH_ENGINE)||GRESIZEFRAME)return;
- GRESIZEFRAME=requestAnimationFrame(()=>{GRESIZEFRAME=0;const element=document.getElementById('graph-net');if(GRAPH_ENGINE)GRAPH_ENGINE.resize();else if(FG&&element)FG.width(element.clientWidth).height(element.clientHeight)});
- });
- }
- const layerInputs=Array.from(document.querySelectorAll('#graph-layer-filters input')),selectedLayers=layerInputs.filter(input=>input.checked).map(input=>input.value),layerFilter=selectedLayers.length===layerInputs.length?'':'&layers='+encodeURIComponent(selectedLayers.join(',')),includeCode=document.getElementById('graph-include-code').checked,repo=(document.getElementById('graph-repo-filter').value||'').trim(),showUnlinked=GRAPH_FULL||!!document.getElementById('graph-show-iso').checked,graphLimit=GRAPH_FULL?20000:320,graphScope=GRAPH_FULL?'&full=true':(showUnlinked?'':'&connected_only=true');
- try{
- GRAPH=await api('/graph?workspace='+encodeURIComponent(WS||'')+layerFilter+'&include_code='+(includeCode?'true':'false')+'&limit='+graphLimit+graphScope+(repo?'&repo='+encodeURIComponent(repo):''));
- renderGraphSide();graphRender();
- }catch(error){
- showAs(empty,true,'flex');empty.textContent='Graph failed: '+error.message;graphSetLayoutStatus('Load failed',false);
- }finally{
- if(net)net.setAttribute('aria-busy','false');
- if(!GRAPH){
- if(FG)FG.graphData({nodes:[],links:[]});
- const message=empty.textContent||'Graph data unavailable.';
- if(nodesBox)nodesBox.innerHTML=''+esc(message)+'
';
- if(edgesBox)edgesBox.innerHTML='Relations are unavailable until graph data loads.
';
- }
- }
-}
-function graphUpdateAllNodesControl(){
- const full=GRAPH_FULL,button=document.getElementById('graph-show-all'),isolated=document.getElementById('graph-show-iso');
- if(button){button.textContent=full?'Show responsive overview':'Show all nodes';button.setAttribute('aria-pressed',String(full));button.title=full?'Return to the responsive graph overview':'Load every node, including unconnected entities, for this graph view'}
- if(isolated){isolated.disabled=full;isolated.title=full?'All nodes are already visible.':'Show entities that have no relations (unlinked nodes). Hidden by default to keep the graph readable.'}
-}
-function graphToggleAllNodes(){
- const isolated=document.getElementById('graph-show-iso');
- if(!GRAPH_FULL){GRAPH_SCOPE_BEFORE_FULL={showUnlinked:!!(isolated&&isolated.checked)};GRAPH_FULL=true;if(isolated)isolated.checked=true}
- else{GRAPH_FULL=false;if(isolated&&GRAPH_SCOPE_BEFORE_FULL)isolated.checked=GRAPH_SCOPE_BEFORE_FULL.showUnlinked;GRAPH_SCOPE_BEFORE_FULL=null}
- graphUpdateAllNodesControl();loadLegacyGraph();
-}
-function graphData(){
- const _si=document.getElementById('graph-show-iso');const hideIso=!(_si&&_si.checked);
- if(GDATA_CACHE&&GDATA_CACHE.graph===GRAPH&&GDATA_CACHE.hideIso===hideIso)return GDATA_CACHE.data;
- let sourceNodes=GRAPH.nodes;if(hideIso)sourceNodes=sourceNodes.filter(node=>node.degree>0);
- const names=new Set(sourceNodes.map(node=>node.id));
- const nodes=sourceNodes.map(node=>({id:node.id,label:node.label||node.id,displayLabel:(node.label||node.id).length>30?(node.label||node.id).slice(0,29)+'…':(node.label||node.id),etype:node.etype,degree:node.degree||0,val:1+(node.degree||0)}));
- const maxDegree=Math.max(1,...nodes.map(node=>node.degree||0));
- nodes.sort((a,b)=>b.degree-a.degree).forEach((node,index)=>{node.rank=index;node.hub=index<24;node.radius=graphNodeRadius(node,window.GSET.size,(node.degree||0)/maxDegree);node.color=graphTypeColor(node.etype);node.stroke=graphContrastColor(node.color)});
- const links=GRAPH.edges.filter(edge=>names.has(edge.from)&&names.has(edge.to)).map(edge=>({source:edge.from,target:edge.to,label:edge.label,layer:edge.layer||'semantic'}));
- const data={nodes,links};GDATA_CACHE={graph:GRAPH,hideIso,data};return data;
-}
-function buildAdj(links){
- GADJ={};GCOMM_ADJ={};
- links.forEach(link=>{
- const source=(link.source&&link.source.id)||link.source,target=(link.target&&link.target.id)||link.target;
- (GADJ[source]=GADJ[source]||new Set()).add(target);(GADJ[target]=GADJ[target]||new Set()).add(source);
- GCOMM_ADJ[source]=GCOMM_ADJ[source]||new Set();GCOMM_ADJ[target]=GCOMM_ADJ[target]||new Set();
- // Influence links often connect otherwise distinct bodies of work. Keep them
- // visible, but do not let a few such bridges collapse all communities into one.
- if(link.label!=='influences'){
- (GCOMM_ADJ[source]=GCOMM_ADJ[source]||new Set()).add(target);(GCOMM_ADJ[target]=GCOMM_ADJ[target]||new Set()).add(source);
- }
- });
-}
-function graphIndexComponents(nodes){
- const seen=new Set(),components=[];
- nodes.forEach(node=>{
- if(seen.has(node.id))return;
- const ids=[],stack=[node.id];seen.add(node.id);
- while(stack.length){const id=stack.pop();ids.push(id);(GADJ[id]||[]).forEach(next=>{if(!seen.has(next)){seen.add(next);stack.push(next)}})}
- components.push(ids);
- });
- components.sort((a,b)=>b.length-a.length);
- GCOMPONENTS={};
- const cols=Math.max(1,Math.ceil(Math.sqrt(components.length))),gap=Math.max(84,window.GSET.link*4);
- components.forEach((ids,index)=>{
- const row=Math.floor(index/cols),col=index%cols,used=Math.min(cols,components.length-row*cols);
- const x=(col-(used-1)/2)*gap,y=(row-(Math.ceil(components.length/cols)-1)/2)*gap;
- ids.forEach(id=>{GCOMPONENTS[id]={index,size:ids.length,x,y}});
- });
-}
-function graphIndexCommunities(nodes){
- const groups={};
- nodes.forEach(node=>{const key=Number.isFinite(node.community)?node.community:0;(groups[key]=groups[key]||[]).push(node);});
- const communities=Object.entries(groups).sort((a,b)=>b[1].length-a[1].length);
- const cols=Math.max(1,Math.ceil(Math.sqrt(communities.length))),gap=Math.max(150,window.GSET.link*9);
- GCOMPONENTS={};
- communities.forEach(([key,members],index)=>{
- const row=Math.floor(index/cols),col=index%cols,used=Math.min(cols,communities.length-row*cols);
- const x=(col-(used-1)/2)*gap,y=(row-(Math.ceil(communities.length/cols)-1)/2)*gap;
- members.forEach(node=>{GCOMPONENTS[node.id]={index,size:members.length,x,y,community:Number(key)};});
- });
-}
-function graphRefreshComponentCenters(nodes,force=false){
- const layout=window.GSET.mode+'|'+window.GSET.link;
- if(!force&&GCOMPONENT_LAYOUT===layout)return;
- if(window.GSET.mode==='communities')graphIndexCommunities(nodes);else graphIndexComponents(nodes);GCOMPONENT_LAYOUT=layout;
-}
-function graphAlpha(color,alpha){
- const hex=/^#([0-9a-f]{6})$/i.exec(color||'');
- if(hex){const value=parseInt(hex[1],16);return `rgba(${value>>16},${(value>>8)&255},${value&255},${alpha})`}
- const rgb=(color||'').match(/\d+(?:\.\d+)?/g);
- return rgb&&rgb.length>=3?`rgba(${rgb[0]},${rgb[1]},${rgb[2]},${alpha})`:color;
-}
-function graphReadThemeColors(){
- const layers=(typeof GSTYLE!=='undefined'&&GSTYLE&&GSTYLE!=='classic'&&STYLE_LAYERS[GSTYLE])?Object.assign({},STYLE_LAYERS[GSTYLE]):{temporal:cssvar('--color-info','#6f9fd8'),entity:cssvar('--color-teal','#5aafb3'),causal:cssvar('--color-warning','#d7a84b'),semantic:cssvar('--color-accent','#8c83e8')};
- const baseAlpha=GPERF.dense?.18:.32,links={};
- Object.entries(layers).forEach(([layer,color])=>{links[layer]={base:graphAlpha(color,baseAlpha),active:graphAlpha(color,.82),dim:graphAlpha(color,.035)}});
- return {label:cssvar('--color-text','#e7e9ee'),dim:cssvar('--color-text-dim','#7e8795'),accent:cssvar('--color-accent','#8c83e8'),panel:cssvar('--color-panel','#15181e'),canvas:cssvar('--color-canvas','#0e1014'),layers,links};
-}
-/* ─── graph aesthetic styles (Galaxy · Solar system · Cyberpunk), additive ─── */
-var STYLE_PAL={
- galaxy:{person_or_concept:'#b789ff',mention:'#7bb4ff',hashtag:'#ffcf6b',email:'#8aa2ff',organization:'#66e0d0',location:'#ff7ea8'},
- solar:{person_or_concept:'#ffb454',mention:'#3fd2c7',hashtag:'#ffd68a',email:'#8ea8ff',organization:'#5b9bff',location:'#ff8f6b'},
- cyber:{person_or_concept:'#ff3ea5',mention:'#b6ff3c',hashtag:'#ffe14d',email:'#8b7bff',organization:'#22e0ff',location:'#ff5c7a'}
-};
-var STYLE_LAYERS={
- galaxy:{temporal:'#7bb4ff',entity:'#66e0d0',causal:'#ffcf6b',semantic:'#b789ff'},
- solar:{temporal:'#5b9bff',entity:'#3fd2c7',causal:'#ffb454',semantic:'#ffd68a'},
- cyber:{temporal:'#22e0ff',entity:'#b6ff3c',causal:'#ffe14d',semantic:'#ff3ea5'}
-};
-var STYLE_BG={
- classic:'',
- galaxy:'radial-gradient(58% 50% at 24% 22%,rgba(126,64,208,.30),transparent 66%),radial-gradient(52% 58% at 82% 78%,rgba(220,72,164,.20),transparent 68%),radial-gradient(46% 52% at 62% 42%,rgba(58,120,224,.16),transparent 70%),#06040f',
- solar:'radial-gradient(40% 48% at 50% 50%,rgba(255,184,92,.16),transparent 60%),radial-gradient(90% 90% at 50% 50%,rgba(18,32,64,.55),transparent 82%),#05070d',
- cyber:'linear-gradient(rgba(34,224,255,.055) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,rgba(34,224,255,.055) 1px,transparent 1px) 0 0/30px 30px,radial-gradient(72% 60% at 50% 0%,rgba(255,62,165,.12),transparent 72%),#050810'
-};
-var GSTYLE='cyber';try{var _gs=localStorage.getItem('engraphis-graph-style');if(_gs)GSTYLE=_gs;}catch(e){}
-function graphMakeStars(){var a=[],c=['#dfe6ff','#dfe6ff','#c9b6ff','#a7c6ff','#ffd9ef'];for(var i=0;i<110;i++){a.push({x:(Math.random()-.5)*1200,y:(Math.random()-.5)*1200,r:Math.random()*1.1+.25,a:Math.random()*.7+.25,tw:Math.random()*1.6+.4,ph:Math.random()*6.28,c:c[i%c.length]});}return a;}
-var GSTARS=graphMakeStars();
-function graphRgb(c){if(!c)return[140,131,232];if(c[0]==='#'){var h=c.length===4?c[1]+c[1]+c[2]+c[2]+c[3]+c[3]:c.slice(1,7),n=parseInt(h,16);if(Number.isFinite(n))return[n>>16&255,n>>8&255,n&255]}var m=c.match(/\d+/g);return m&&m.length>=3?[+m[0],+m[1],+m[2]]:[140,131,232]}
-function graphMix(a,b,amount){var A=graphRgb(a),B=graphRgb(b),t=Math.max(0,Math.min(1,amount));return'rgb('+Math.round(A[0]+(B[0]-A[0])*t)+','+Math.round(A[1]+(B[1]-A[1])*t)+','+Math.round(A[2]+(B[2]-A[2])*t)+')'}
-const GRAPH_MATERIAL_CACHE_LIMIT=192,GRAPH_MATERIAL_CACHE=new Map();
-const GRAPH_MATERIAL_RADIUS={signature:5,bezel:12,full:40};
-let GRAPH_MATERIAL_DPR=null;
-function graphMaterialTier(screenRadius,forceLow){if(forceLow||!Number.isFinite(+screenRadius)||+screenRadius<6)return'signature';return+screenRadius<12?'bezel':'full'}
-function graphMaterialProfile(style,col){
- var theme=window.GCOL||graphReadThemeColors(),surface=theme.panel||theme.surface||theme.canvas||'#0e1014';
- style=['cyber','galaxy','solar','classic'].includes(style)?style:'classic';
- var substrate=graphMix(surface,'#02050a',style==='classic'?.68:.78),identity='rgb('+graphRgb(col).join(',')+')',base={styleName:style,substrate:substrate,identity:identity,identityKey:graphRgb(col).join(','),substrateKey:graphRgb(substrate).join(',')};
- if(style==='cyber'){var cyber={cyan:'#21dff3',blue:'#367cff',violet:'#8d61ff',magenta:'#ec4fc4',teal:'#4ce4cf'};return Object.assign(base,{family:'iridescent-pvd',fixedPalette:cyber,film:cyber,outer:graphMix(substrate,'#01040a',.82),bezel:graphMix(substrate,'#101626',.46),face:graphMix(substrate,'#182237',.48),edge:'#677386',sheen:'#8d61ff'})}
- if(style==='galaxy'){var galaxy={navy:'#111a3b',blue:'#3979e8',violet:'#8d68df',highlight:'#aab9ee'};return Object.assign(base,{family:'anodized-alloy',fixedPalette:galaxy,outer:graphMix(substrate,'#02040d',.76),bezel:graphMix(substrate,'#151a34',.54),face:graphMix(substrate,galaxy.navy,.68),edge:'#7587bb',sheen:galaxy.blue})}
- if(style==='solar'){var solar={ember:'#713018',copper:'#b85c2f',amber:'#f18a32',gold:'#ffc46b',shadow:'#2b1008'};return Object.assign(base,{family:'brushed-copper',fixedPalette:solar,outer:graphMix(substrate,'#0a0402',.72),bezel:graphMix(substrate,'#351609',.62),face:graphMix(substrate,solar.copper,.48),edge:solar.amber,sheen:solar.gold})}
- var classic={charcoal:'#242d36',steel:'#778593',highlight:'#c0c9cf',coolEdge:'#8aa7bd'};return Object.assign(base,{family:'satin-gunmetal',fixedPalette:classic,outer:graphMix(substrate,'#05080b',.68),bezel:graphMix(substrate,'#20272e',.52),face:graphMix(substrate,classic.charcoal,.72),edge:classic.coolEdge,sheen:classic.highlight})
-}
-function graphMaterialFill(ctx,x,y,r,fill){ctx.beginPath();ctx.arc(x,y,Math.max(.1,r),0,6.2832);ctx.fillStyle=fill;ctx.fill()}
-function graphMaterialStroke(ctx,x,y,r,stroke,width){ctx.beginPath();ctx.arc(x,y,Math.max(.1,r),0,6.2832);ctx.lineWidth=width;ctx.strokeStyle=stroke;ctx.stroke()}
-function graphMaterialGradient(ctx,kind,args,stops){var maker=ctx[kind];if(typeof maker!=='function')return stops[Math.floor(stops.length/2)][1];var result=maker.apply(ctx,args);stops.forEach(stop=>result.addColorStop(stop[0],stop[1]));return result}
-function graphMaterialIdentity(ctx,x,y,r,profile,strength){graphMaterialStroke(ctx,x,y,r*.955,graphAlpha(profile.identity,strength),Math.max(.32,r*.045))}
-function graphMaterialHalo(ctx,x,y,r,tier,color,opacity,shiftX,shiftY){
- if(tier==='signature')return;
- var reach=tier==='full'?1.12:1.14,halo=graphMaterialGradient(ctx,'createRadialGradient',[x+r*(shiftX||0),y+r*(shiftY||0),r*.48,x,y,r*reach],[[0,graphAlpha(color,opacity)],[.68,graphAlpha(color,opacity*.42)],[1,graphAlpha(color,0)]]);
- graphMaterialFill(ctx,x,y,r*reach,halo);
-}
-function graphDirectionalBrush(ctx,x,y,r,angle,dark,light,strength){
- if(typeof ctx.moveTo!=='function'||typeof ctx.lineTo!=='function')return;
- var alongX=Math.cos(angle),alongY=Math.sin(angle),normalX=-alongY,normalY=alongX,bound=r*.76;
- for(var i=-13;i<=13;i++){var offset=i*r*.052,span=Math.sqrt(Math.max(0,bound*bound-offset*offset)),cx=x+normalX*offset,cy=y+normalY*offset;ctx.lineWidth=Math.max(.18,r*(.007+Math.abs(i%3)*.002));ctx.strokeStyle=graphAlpha(i%4===0?dark:light,strength*(.48+Math.abs(i%5)*.13));ctx.beginPath();ctx.moveTo(cx-alongX*span,cy-alongY*span);ctx.lineTo(cx+alongX*span,cy+alongY*span);ctx.stroke()}
-}
-function graphPaintCyberMaterial(ctx,x,y,r,p,tier){
- var f=p.fixedPalette;graphMaterialHalo(ctx,x,y,r,tier,f.cyan,.20,-.15,.12);graphMaterialHalo(ctx,x,y,r,tier,f.magenta,.17,.16,-.14);graphMaterialFill(ctx,x,y,r,p.outer);graphMaterialFill(ctx,x,y,r*.94,p.bezel);
- if(tier==='signature'){graphMaterialFill(ctx,x,y,r*.79,graphMix(f.magenta,f.cyan,.58));graphMaterialStroke(ctx,x,y,r*.82,graphAlpha(f.violet,.84),Math.max(.35,r*.09));graphMaterialIdentity(ctx,x,y,r,p,.88);return}
- var rimKind=typeof ctx.createConicGradient==='function'?'createConicGradient':'createLinearGradient',rimArgs=rimKind==='createConicGradient'?[-2.2,x,y]:[x-r*.8,y-r*.8,x+r*.8,y+r*.8];
- var rim=graphMaterialGradient(ctx,rimKind,rimArgs,[[0,f.cyan],[.20,f.blue],[.40,f.violet],[.61,f.magenta],[.80,f.teal],[1,f.cyan]]);graphMaterialFill(ctx,x,y,r*.89,rim);
- var film=graphMaterialGradient(ctx,'createLinearGradient',[x-r*.16,y-r*.80,x+r*.22,y+r*.80],[[0,graphMix(p.face,f.magenta,.82)],[.22,graphMix(p.face,f.violet,.78)],[.48,graphMix(p.face,f.blue,.58)],[.73,graphMix(p.face,f.cyan,.82)],[1,graphMix(p.face,f.teal,.68)]]);graphMaterialFill(ctx,x,y,r*.81,film);
- var band=graphMaterialGradient(ctx,'createLinearGradient',[x-r*.78,y+r*.48,x+r*.72,y-r*.56],[[0,graphAlpha(f.cyan,0)],[.31,graphAlpha(f.cyan,.16)],[.48,graphAlpha('#eef8ff',.28)],[.58,graphAlpha(f.magenta,.18)],[1,graphAlpha(f.magenta,0)]]);graphMaterialFill(ctx,x,y,r*.80,band);
- var shade=graphMaterialGradient(ctx,'createRadialGradient',[x-r*.27,y-r*.34,r*.04,x,y,r*.82],[[0,graphAlpha('#f3f7ff',.38)],[.23,graphAlpha('#aebcff',.08)],[.66,graphAlpha('#02040a',.03)],[1,graphAlpha('#010207',.42)]]);graphMaterialFill(ctx,x,y,r*.80,shade);
- if(tier==='full'){for(var i=0;i<13;i++){ctx.lineWidth=Math.max(.25,r*(.009+(i%3)*.003));ctx.strokeStyle=graphAlpha(i%3===0?f.cyan:(i%3===1?f.violet:f.magenta),.075+(i%4)*.018);ctx.beginPath();ctx.arc(x,y,r*(.16+i*.048),-2.88,.72);ctx.stroke()}}
- ctx.lineWidth=Math.max(.36,r*.030);ctx.strokeStyle=graphAlpha('#f5fbff',.48);ctx.beginPath();ctx.arc(x,y,r*.73,-2.66,-1.14);ctx.stroke();
- graphMaterialIdentity(ctx,x,y,r,p,.78);
-}
-function graphPaintGalaxyMaterial(ctx,x,y,r,p,tier){
- var f=p.fixedPalette;graphMaterialHalo(ctx,x,y,r,tier,graphMix(f.blue,f.violet,.48),.11,-.10,-.10);graphMaterialFill(ctx,x,y,r,p.outer);graphMaterialFill(ctx,x,y,r*.93,p.bezel);
- if(tier==='signature'){graphMaterialFill(ctx,x,y,r*.80,p.face);graphMaterialStroke(ctx,x,y,r*.84,graphAlpha(f.violet,.82),Math.max(.35,r*.08));graphMaterialIdentity(ctx,x,y,r,p,.82);return}
- var face=graphMaterialGradient(ctx,'createLinearGradient',[x-r*.72,y-r*.72,x+r*.72,y+r*.72],[[0,graphMix(p.face,f.highlight,.34)],[.26,graphMix(p.face,f.blue,.40)],[.52,graphMix(p.face,f.violet,.28)],[.76,p.face],[1,graphMix(p.face,f.navy,.72)]]);graphMaterialFill(ctx,x,y,r*.83,face);
- var sheen=graphMaterialGradient(ctx,'createLinearGradient',[x-r*.76,y+r*.64,x+r*.68,y-r*.70],[[0,graphAlpha(f.navy,0)],[.34,graphAlpha(f.blue,.07)],[.47,graphAlpha(f.violet,.34)],[.56,graphAlpha(f.highlight,.24)],[.68,graphAlpha(f.blue,.08)],[1,graphAlpha(f.navy,0)]]);graphMaterialFill(ctx,x,y,r*.82,sheen);
- if(tier==='full'){graphDirectionalBrush(ctx,x,y,r,-.54,f.navy,f.highlight,.13);for(var i=0;i<14;i++){ctx.lineWidth=Math.max(.20,r*(.008+(i%2)*.003));ctx.strokeStyle=graphAlpha(i%2?f.blue:f.violet,.055+(i%4)*.018);ctx.beginPath();ctx.arc(x,y,r*(.14+i*.047),-2.94,.46);ctx.stroke()}}
- ctx.lineWidth=Math.max(.34,r*.026);ctx.strokeStyle=graphAlpha(f.highlight,.38);ctx.beginPath();ctx.arc(x,y,r*.75,-2.70,-1.18);ctx.stroke();
- graphMaterialStroke(ctx,x,y,r*.88,graphAlpha(f.violet,.72),Math.max(.38,r*.046));graphMaterialIdentity(ctx,x,y,r,p,.76);
-}
-function graphPaintSolarMaterial(ctx,x,y,r,p,tier){
- var f=p.fixedPalette;graphMaterialHalo(ctx,x,y,r,tier,f.amber,.14,-.08,-.12);graphMaterialFill(ctx,x,y,r,p.outer);graphMaterialFill(ctx,x,y,r*.95,p.bezel);
- if(tier==='signature'){graphMaterialFill(ctx,x,y,r*.78,f.copper);graphMaterialStroke(ctx,x,y,r*.84,f.amber,Math.max(.42,r*.10));graphMaterialIdentity(ctx,x,y,r,p,.70);return}
- var copper=graphMaterialGradient(ctx,'createRadialGradient',[x-r*.20,y-r*.24,r*.025,x,y,r*.86],[[0,f.gold],[.15,f.amber],[.38,'#c66a38'],[.68,f.copper],[.86,f.ember],[1,f.shadow]]);graphMaterialFill(ctx,x,y,r*.82,copper);
- var copperSheen=graphMaterialGradient(ctx,'createLinearGradient',[x-r*.74,y+r*.52,x+r*.70,y-r*.60],[[0,graphAlpha(f.shadow,0)],[.38,graphAlpha(f.amber,.08)],[.50,graphAlpha(f.gold,.34)],[.62,graphAlpha(f.ember,.10)],[1,graphAlpha(f.shadow,0)]]);graphMaterialFill(ctx,x,y,r*.80,copperSheen);
- graphMaterialStroke(ctx,x,y,r*.90,f.gold,Math.max(.42,r*.055));graphMaterialStroke(ctx,x,y,r*.85,graphAlpha(f.ember,.94),Math.max(.34,r*.036));
- if(tier==='full'){for(var i=0;i<25;i++){var rr=r*(.12+i*.027);ctx.lineWidth=Math.max(.19,r*(.008+(i%3)*.0025));ctx.strokeStyle=graphAlpha(i%4===0?f.gold:f.shadow,.085+(i%5)*.018);ctx.beginPath();ctx.arc(x,y,rr,-3.02+(i%3)*.07,2.94-(i%4)*.05);ctx.stroke()}}
- ctx.lineWidth=Math.max(.38,r*.030);ctx.strokeStyle=graphAlpha('#fff0c0',.48);ctx.beginPath();ctx.arc(x,y,r*.73,-2.70,-1.14);ctx.stroke();
- graphMaterialIdentity(ctx,x,y,r,p,.66);
-}
-function graphPaintClassicMaterial(ctx,x,y,r,p,tier){
- var f=p.fixedPalette;graphMaterialFill(ctx,x,y,r,p.outer);graphMaterialFill(ctx,x,y,r*.94,p.bezel);
- if(tier==='signature'){graphMaterialFill(ctx,x,y,r*.79,p.face);graphMaterialStroke(ctx,x,y,r*.84,graphAlpha(f.coolEdge,.76),Math.max(.35,r*.08));graphMaterialIdentity(ctx,x,y,r,p,.68);return}
- var steel=graphMaterialGradient(ctx,'createLinearGradient',[x-r*.72,y-r*.72,x+r*.72,y+r*.72],[[0,graphMix(p.face,f.highlight,.48)],[.24,graphMix(p.face,f.steel,.38)],[.50,p.face],[.76,graphMix(p.face,'#111820',.34)],[1,graphMix(p.face,'#05080b',.66)]]);graphMaterialFill(ctx,x,y,r*.83,steel);
- var satin=graphMaterialGradient(ctx,'createRadialGradient',[x-r*.26,y-r*.31,r*.04,x,y,r*.86],[[0,graphAlpha(f.highlight,.26)],[.38,graphAlpha(f.steel,.03)],[.74,graphAlpha('#070a0d',.08)],[1,graphAlpha('#020304',.42)]]);graphMaterialFill(ctx,x,y,r*.82,satin);
- if(tier==='full')graphDirectionalBrush(ctx,x,y,r,.04,'#020507',f.highlight,.16);
- ctx.lineWidth=Math.max(.34,r*.026);ctx.strokeStyle=graphAlpha('#edf5fb',.34);ctx.beginPath();ctx.arc(x,y,r*.74,-2.70,-1.16);ctx.stroke();
- graphMaterialStroke(ctx,x,y,r*.88,graphAlpha(f.coolEdge,.62),Math.max(.34,r*.040));graphMaterialIdentity(ctx,x,y,r,p,.62);
-}
-function graphPaintMaterialDirect(ctx,x,y,r,p,tier){if(p.family==='iridescent-pvd')graphPaintCyberMaterial(ctx,x,y,r,p,tier);else if(p.family==='anodized-alloy')graphPaintGalaxyMaterial(ctx,x,y,r,p,tier);else if(p.family==='brushed-copper')graphPaintSolarMaterial(ctx,x,y,r,p,tier);else graphPaintClassicMaterial(ctx,x,y,r,p,tier)}
-function graphClearMaterialCache(){GRAPH_MATERIAL_CACHE.clear();GRAPH_MATERIAL_DPR=null}
-function graphMaterialDpr(){var d=window.devicePixelRatio||1;return Math.max(1,Math.min(3,Math.round(d*2)/2))}
-function graphMaterialSprite(p,tier){
- var dpr=graphMaterialDpr();if(GRAPH_MATERIAL_DPR!==null&&GRAPH_MATERIAL_DPR!==dpr)graphClearMaterialCache();GRAPH_MATERIAL_DPR=dpr;
- var key=[p.styleName,p.substrateKey,p.identityKey,tier,dpr].join('|');if(GRAPH_MATERIAL_CACHE.has(key)){var hit=GRAPH_MATERIAL_CACHE.get(key);GRAPH_MATERIAL_CACHE.delete(key);GRAPH_MATERIAL_CACHE.set(key,hit);return hit}
- var radius=GRAPH_MATERIAL_RADIUS[tier]||24,padding=tier==='full'?3:1.5,half=radius+padding,pixels=Math.max(2,Math.ceil(half*2*dpr)),canvas=typeof OffscreenCanvas!=='undefined'?new OffscreenCanvas(pixels,pixels):document.createElement('canvas');canvas.width=pixels;canvas.height=pixels;
- var spriteCtx=canvas.getContext('2d');if(!spriteCtx)return null;if(typeof spriteCtx.scale==='function'){spriteCtx.scale(dpr,dpr);graphPaintMaterialDirect(spriteCtx,half,half,radius,p,tier)}else graphPaintMaterialDirect(spriteCtx,half*dpr,half*dpr,radius*dpr,p,tier);
- var value={canvas:canvas,half:half,radius:radius};GRAPH_MATERIAL_CACHE.set(key,value);if(GRAPH_MATERIAL_CACHE.size>GRAPH_MATERIAL_CACHE_LIMIT)GRAPH_MATERIAL_CACHE.delete(GRAPH_MATERIAL_CACHE.keys().next().value);return value;
-}
-function graphPaintMaterialSurface(ctx,x,y,r,scale,profile,large,paintDirect){
- var screenRadius=r*Math.max(.01,scale),tier=graphMaterialTier(screenRadius,large);
- /* The full material sprite is intentionally bounded to 40 CSS pixels. On a focused or
- high-rank node, enlarging that raster sprite is what produces the blocky/pixelated blob
- users see in Classic. Paint only that exceptional node directly at its final size; keep
- ordinary nodes on the cache so the large graph remains responsive. */
- if(paintDirect&&tier==='full'&&screenRadius>GRAPH_MATERIAL_RADIUS.full){graphPaintMaterialDirect(ctx,x,y,r,profile,tier);return tier}
- var sprite=graphMaterialSprite(profile,tier);
- if(sprite&&typeof ctx.drawImage==='function'){var half=r*sprite.half/sprite.radius;ctx.drawImage(sprite.canvas,x-half,y-half,half*2,half*2)}else graphPaintMaterialDirect(ctx,x,y,r,profile,tier);
- return tier;
-}
-function graphStyleBackground(ctx,scale){
- if(GSTYLE==='galaxy'){
- if(GPERF.large)return;var t=performance.now()/1000,S=GSTARS;ctx.save();ctx.globalCompositeOperation='lighter';
- for(var i=0;iCluster '+(i+1)+''+sizes[c].toLocaleString()+'
';}).join('')||'None
';
- if(legendCount)legendCount.textContent=order.length?order.length+(order.length===1?' cluster':' clusters'):'';
- return;
- }
- if(GCOLORBY==='connections'){
- legend.innerHTML=''+GRAPH_HEAT.map(function(col,i){return '';}).join('')+'
Most connectedLeast
'+esc(graphTypeLabel(item.etype))+''+item.count.toLocaleString()+'
';}).join('')||'None
';
- if(legendCount)legendCount.textContent=types.length?types.length+(types.length===1?' type':' types'):'';
-}
-function graphSetColorBy(mode){
- if(['type','community','connections'].indexOf(mode)<0)mode='community';
- GCOLORBY=mode;try{localStorage.setItem('engraphis-graph-colorby',mode)}catch(e){}
- graphClearMaterialCache();
- var sel=document.getElementById('graph-colorby');if(sel&&sel.value!==mode)sel.value=mode;
- if(GRAPH_ENGINE){GRAPH_ENGINE.setColorBy(mode);graphRenderLegend();return}
- if(GRAPH&&FG&&GACTIVE_DATA){graphComputeCommunities(GACTIVE_DATA.nodes);GMAXDEG=GACTIVE_DATA.nodes.reduce(function(m,n){return Math.max(m,n.degree||0);},1);graphRefreshNodeColors();graphRenderLegend();}
-}
-function graphApplyForces(){
- if(!FG)return;
- const settings=window.GSET,mode=settings.mode||'compact';
- FG.d3Force('charge').strength(-(mode==='communities'?Math.max(10,settings.repel*.68):settings.repel));
- FG.d3Force('link').distance(settings.link);
- if(typeof d3==='undefined')return;
- FG.d3Force('radial',null);
- const layoutNodes=GACTIVE_DATA&&GACTIVE_DATA.nodes||[];
- /* Each named mode owns a different target geometry. Slider values still control local
- spacing, but switching buttons must visibly change the arrangement even for one component. */
- if(mode==='communities'){
- const keys=[],seen=new Set();layoutNodes.forEach(node=>{const key=Number.isFinite(node.community)?node.community:0;if(!seen.has(key)){seen.add(key);keys.push(key)}});keys.sort((a,b)=>a-b);
- const cols=Math.max(1,Math.ceil(Math.sqrt(keys.length))),rows=Math.max(1,Math.ceil(keys.length/cols)),gap=Math.max(180,(Number(settings.link)||16)*10),targets=new Map();
- keys.forEach((key,index)=>{const col=index%cols,row=Math.floor(index/cols);targets.set(key,{x:(col-(cols-1)/2)*gap,y:(row-(rows-1)/2)*gap*.72})});
- const centering=Math.max(.04,(Number(settings.gravity)||0)/100);FG.d3Force('x',d3.forceX(0).strength(centering));FG.d3Force('y',d3.forceY(0).strength(centering));
- }else if(mode==='radial'&&d3.forceRadial){
- const outer=Math.max(180,Math.min(360,Math.sqrt(Math.max(1,layoutNodes.length))*18+(Number(settings.link)||16)*4)),maxDegree=Math.max(1,layoutNodes.reduce((max,node)=>Math.max(max,node.degree||0),1));
- FG.d3Force('x',d3.forceX(0).strength(Math.max(.05,(Number(settings.gravity)||0)/500)));FG.d3Force('y',d3.forceY(0).strength(Math.max(.05,(Number(settings.gravity)||0)/500)));
- FG.d3Force('radial',d3.forceRadial(node=>{const hubness=Math.max(0,Math.min(1,(node.degree||0)/maxDegree));return 34+(outer-34)*(1-hubness)}).strength(.72));
- }else if(mode==='constellation'){
- const positions=new Map(),total=Math.max(1,layoutNodes.length-1),reach=Math.max(160,Math.min(330,80+Math.sqrt(Math.max(1,layoutNodes.length))*10));
- layoutNodes.forEach((node,index)=>{const rank=Number.isFinite(node.rank)?node.rank:index,fraction=Math.max(0,Math.min(1,rank/total)),angle=index*2.399963229728653,radius=48+fraction*reach;positions.set(node.id,{x:Math.cos(angle)*radius*1.18,y:Math.sin(angle)*radius*.76})});
- const target=node=>positions.get(node.id)||{x:0,y:0};FG.d3Force('x',d3.forceX(node=>target(node).x).strength(.18));FG.d3Force('y',d3.forceY(node=>target(node).y).strength(.18));
- }else{
- const centering=mode==='compact'?Math.max(.24,(Number(settings.gravity)||0)/100):Math.max(.06,(Number(settings.gravity)||0)/100);
- FG.d3Force('x',d3.forceX(0).strength(centering));FG.d3Force('y',d3.forceY(0).strength(centering));
- }
- FG.d3Force('collide',d3.forceCollide(node=>node.radius+1.5).iterations(GPERF.large?1:2));
-}
-function graphSetHighlight(id){
- GHILITE=id||null;
- GHOVERSET=id?new Set([id,...(GADJ[id]||[])]):null;
- /* graphRedraw() is a no-op without the classic FG instance, so the opt-in engine needs
- telling directly — otherwise hovering the entity list highlights nothing on canvas. */
- if(GRAPH_ENGINE){try{GRAPH_ENGINE.setHighlight(GHILITE)}catch(e){}return}
- graphRedraw();
-}
-function graphRefreshNodeMetrics(){
- const nodes=FG&&FG.graphData?FG.graphData().nodes||[]:[];
- const maxDegree=Math.max(1,...nodes.map(node=>node.degree||0));
- nodes.forEach(node=>{node.radius=graphNodeRadius(node,window.GSET.size,(node.degree||0)/maxDegree)});
-}
-function graphRedraw(){
- if(!FG||GREDRAWFRAME)return;
- GREDRAWFRAME=requestAnimationFrame(()=>{GREDRAWFRAME=0;if(FG)FG.nodeCanvasObject(FG.nodeCanvasObject())});
-}
-/* ── on-demand graph assets ───────────────────────────────────────────────────────────────
- Neither script is in index.html. force-graph.min.js applies inline styles at runtime, and
- under the production CSP (`style-src 'self'`) every one of those is blocked and reported;
- loading it on a page that never opens the graph turns a plain dashboard view into a wall of
- console errors. Both loaders are memoized, so a re-entrant graphRender() reuses the in-flight
- fetch rather than appending a second
+