@duckcodeailabs/dql-cli 1.12.9 → 1.12.11

package/dist/assets/dql-notebook/assets/AppsView-CdAT9BOq.js

@@ -0,0 +1,4466 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/UnifiedAgentRunPanel-BlWAVEwO.js","assets/index-BTuliKhK.js","assets/react-CRB3T2We.js","assets/index-DKu4CZt3.css","assets/AgentAnswerCard-CpL2kDCV.js","assets/usePersistedAgentThreadId-CkVFrrjk.js","assets/TrustBadge-DGuHB8kP.js","assets/AiBuildResult-D9t_4sQl.js","assets/user-round-BfrV8U-W.js","assets/triangle-alert-BSdIu2El.js","assets/rotate-ccw-B9v1LTJ0.js","assets/x-CeNgQwGm.js","assets/pencil-Cb45c6WU.js","assets/list-tree-Ced8e_S1.js","assets/wrench-LMCrpa9_.js","assets/arrow-right-BI4cXgOY.js","assets/chevron-up-DSEILnDs.js"])))=>i.map(i=>d[i]);
+import{c as We,u as Nt,t as Ae,r as d,a as J,j as t,G as Er,P as zt,S as Be,n as ba,l as va,ao as ya,aH as Ut,h as Fe,T as qa,M as wa,aI as Ge,ay as ja,aj as Le,aJ as ka,g as lt,B as er,d as _r,aK as Mr,aE as Sa,F as tr}from"./index-BTuliKhK.js";import{A as Or,a as Kt,b as za}from"./AiSidePanel-BCQB9rVF.js";import{u as Fr,C as Ca,c as Aa,i as Na,T as Ia,b as Ta,e as $a,S as Pa,A as Ra}from"./usePersistedAgentThreadId-CkVFrrjk.js";import{c as Ba,r as Wr}from"./semantic-fields-B6ii0an0.js";import{W as Vr}from"./wand-sparkles-BgTxZNBc.js";import{B as It}from"./bot-C6DE7Q6m.js";import{G as La}from"./grip-vertical-Dnp2st8l.js";import{T as He}from"./triangle-alert-BSdIu2El.js";import{M as Ea}from"./maximize-2-Cojc6867.js";import{A as Hr}from"./arrow-left-IjlnAihE.js";import{W as Me}from"./workflow--2ycp0yy.js";import{P as Kr}from"./pencil-Cb45c6WU.js";import{S as _a}from"./star-CO4tfaDq.js";import{B as Qr}from"./book-open-text-i6xhxu_I.js";import"./react-CRB3T2We.js";import"./minimize-2-CBIAE0XH.js";import"./x-CeNgQwGm.js";/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ma=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"M8 14h.01",key:"6423bh"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M16 14h.01",key:"1gbofw"}],["path",{d:"M8 18h.01",key:"lrp35t"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M16 18h.01",key:"kzsmim"}]],Oa=We("calendar-days",Ma);/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Fa=[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"M18 17V9",key:"2bz60n"}],["path",{d:"M13 17V5",key:"1frdt8"}],["path",{d:"M8 17v-3",key:"17ska0"}]],Gr=We("chart-column",Fa);/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Wa=[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"m19 9-5 5-4-4-3 3",key:"2osh9i"}]],rr=We("chart-line",Wa);/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Va=[["path",{d:"M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",key:"pzmjnu"}],["path",{d:"M21.21 15.89A10 10 0 1 1 8 2.83",key:"k2fpak"}]],Ha=We("chart-pie",Va);/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ka=[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]],Qa=We("map-pin",Ka);/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ga=[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]],Ya=We("share-2",Ga);/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Xa=[["path",{d:"M10 5H3",key:"1qgfaw"}],["path",{d:"M12 19H3",key:"yhmn1j"}],["path",{d:"M14 3v4",key:"1sua03"}],["path",{d:"M16 17v4",key:"1q0r14"}],["path",{d:"M21 12h-9",key:"1o4lsq"}],["path",{d:"M21 19h-5",key:"1rlt1p"}],["path",{d:"M21 5h-7",key:"1oszz2"}],["path",{d:"M8 10v4",key:"tgpxqk"}],["path",{d:"M8 12H3",key:"a7s4jb"}]],Ja=We("sliders-horizontal",Xa);/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Za=[["path",{d:"M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18",key:"gugj83"}]],Da=We("table-2",Za),Ua=d.lazy(()=>Ut(()=>import("./UnifiedAgentRunPanel-BlWAVEwO.js").then(e=>e.c),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.UnifiedAgentRunPanel}))),ei="clamp(320px, calc(100vh - 220px), 760px)",ar=[{value:"table",label:"Table"},...Ca];function ti(e,r){if(!Array.isArray(e)||e.length===0)return;const a=Array.isArray(r)&&r.length>0?r.slice(0,8):Object.keys(e[0]??{}).slice(0,8);return e.slice(0,5).map(i=>Object.fromEntries(a.map(n=>[n,i[n]])))}const Yr=[{id:"auto",label:"Auto fit",description:"Choose a practical size from the tile content"},{id:"compact",label:"Compact",description:"Small KPI or short summary"},{id:"standard",label:"Standard",description:"Default chart or table card"},{id:"wide",label:"Wide",description:"Full-row trend or comparison"},{id:"tall",label:"Tall",description:"More vertical room for tables and dense charts"},{id:"full",label:"Full page",description:"Large focused view across the page"}];function ri({appId:e,dashboard:r,variables:a,editable:i=!1,embeddedHeader:n=!1,onDashboardChanged:l,selectedBlockId:s,onBlockFocus:o,onAskBlock:p,onOpenLineageNode:u,copilotOpen:f,onCopilotChange:x,onRunChange:c}){var mt;const{state:N}=Nt(),C=Ae[N.themeMode],[q,h]=d.useState(null),[T,A]=d.useState(null),G=d.useRef(null),[P,k]=d.useState(!1),[R,E]=d.useState(null),[$,K]=d.useState(!1),ee=Fr(`app:${e}:${r.id}`),[Z,B]=d.useState(!1),[H,_]=d.useState([]),[pe,I]=d.useState(""),[de,je]=d.useState(!1),[F,le]=d.useState(null),[Q,xe]=d.useState(!1),[D,W]=d.useState(!1),[ce,se]=d.useState(!1),[ve,fe]=d.useState(null),[me,ie]=d.useState(""),[m,L]=d.useState(null),Y=d.useRef(null),[X,ge]=d.useState(!1),v=r.layout.cols,U=r.layout.rowHeight,ye=d.useMemo(()=>JSON.stringify(a??{}),[a]),te=d.useMemo(()=>JSON.parse(ye),[ye]),be=d.useMemo(()=>{const b=new Map;for(const j of(q==null?void 0:q.tiles)??[])b.set(j.tileId,j);return b},[q]),ne=d.useMemo(()=>i?r.layout.items:r.layout.items.filter(b=>!Ai(b)),[r.layout.items,i]),ae=d.useMemo(()=>i?ne:Ni(ne,be,v),[ne,v,i,be]),ke=r.layout.items.length-ne.length,V=ne.length-ae.length,re=d.useMemo(()=>!i&&!r.story&&r.sections&&r.sections.length>0?[...r.sections].sort((b,j)=>b.order-j.order):null,[r.sections,r.story,i]),S=d.useMemo(()=>re?r.layout.items:null,[r.layout.items,re]),O=d.useMemo(()=>i||re?null:Li(ae,be,te),[i,te,re,be,ae]);d.useEffect(()=>{let b=!1;return k(!0),E(null),J.runDashboard(e,r.id,te).then(j=>{b||(h(j),A((j==null?void 0:j.story)??null),G.current=(j==null?void 0:j.runId)??null,c==null||c(j),j||E("Dashboard run failed."),j!=null&&j.runId&&J.getDashboardStory(e,r.id,j.runId).then(w=>{b||!w||G.current!==w.runId||w.snapshotId!==j.snapshotId||w.filterFingerprint!==j.filterFingerprint||w.resultFingerprint!==j.resultFingerprint||w.personaFingerprint!==j.personaFingerprint||A(w.story)}))}).catch(j=>{b||(E(j instanceof Error?j.message:String(j)),c==null||c(null))}).finally(()=>{b||k(!1)}),()=>{b=!0}},[e,r.id,r.layout.items.length,c,te,(mt=N.activePersona)==null?void 0:mt.userId]),d.useEffect(()=>{const b=j=>{const w=j.detail;(w==null?void 0:w.appId)!==e||w.dashboardId!==r.id||(J.getDashboard(e,r.id).then(M=>{M!=null&&M.dashboard&&(l==null||l(M.dashboard))}),J.runDashboard(e,r.id,te).then(M=>{M&&(h(M),A(M.story),G.current=M.runId,c==null||c(M))}))};return window.addEventListener("dql-app-dashboard-updated",b),()=>window.removeEventListener("dql-app-dashboard-updated",b)},[e,r.id,l,c,te]),d.useEffect(()=>{const b=()=>ge(window.innerWidth<760);return b(),window.addEventListener("resize",b),()=>window.removeEventListener("resize",b)},[]);const Ve=d.useMemo(()=>{const b=r.layout.items.map(j=>{var ue,Se,$e,g,y;const w=be.get(j.i),M=j.block?"blockId"in j.block?j.block.blockId:j.block.ref:j.semantic?`semantic:${j.semantic.id}`:j.aiPin?`aiPin:${j.aiPin.id}`:"text";return{title:j.title,blockRef:M,viz:j.viz.type,certificationStatus:w==null?void 0:w.certificationStatus,status:w==null?void 0:w.status,rowCount:(ue=w==null?void 0:w.result)==null?void 0:ue.rowCount,columns:($e=(Se=w==null?void 0:w.result)==null?void 0:Se.columns)==null?void 0:$e.slice(0,8),sampleRows:ti((g=w==null?void 0:w.result)==null?void 0:g.rows,(y=w==null?void 0:w.result)==null?void 0:y.columns)}});return JSON.stringify({scope:"dashboard",appId:e,dashboardId:r.id,title:r.metadata.title,description:r.metadata.description,domain:r.metadata.domain,filters:r.filters,variables:te,run:q?{runId:q.runId,snapshotId:q.snapshotId,filterFingerprint:q.filterFingerprint,resultFingerprint:q.resultFingerprint,personaFingerprint:q.personaFingerprint,story:q.story,facts:q.facts}:null,tiles:b},null,2)},[e,r,q,te,be]),qe=d.useCallback(async b=>{xe(!0);const j={...r,layout:{...r.layout,items:b}},w=await J.patchDashboardLayout(e,r.id,j.layout);xe(!1),w.ok?l==null||l(w.dashboard):E(w.error)},[e,r,l]),ut=d.useCallback(async()=>{B(!0);const b=await J.getAppEditorCatalog(e);_((b==null?void 0:b.blocks)??[])},[e]),xt=d.useCallback(async b=>{const j=ct(b.chartType),w=await J.recommendDashboardTile(e,r.id,{blockRef:b.name,appAudience:r.metadata.audience,prompt:`${r.metadata.title} ${b.name} ${b.description}`,defaultVisualization:j}),M=or(j,v),ue={i:Mt(r,b.name),..._t(r,M),block:{blockId:b.name},viz:{type:j},...w.ok?{display:w.display,filterBindings:"filterBindings"in w?w.filterBindings:void 0,parameterBindings:"parameterBindings"in w?w.parameterBindings:void 0,sourceEvidence:"sourceEvidence"in w?w.sourceEvidence:void 0,trustState:"trustState"in w?w.trustState:w.display.trustState,reviewStatus:"reviewStatus"in w?w.reviewStatus:w.display.reviewStatus}:{},title:b.name};await qe([...r.layout.items,ue]),B(!1)},[e,v,r,qe]),rt=d.useCallback(async()=>{fe("text"),ie("")},[]),_e=d.useCallback(async()=>{fe("heading"),ie("")},[]),Ye=d.useCallback(async()=>{var j;const b=me.trim();if(!(!b||!ve)){if(ve==="heading")await qe([...r.layout.items,{i:Mt(r,"section"),..._t(r,Ne("wide",v,"heading")),text:{markdown:b},viz:{type:"heading"},display:br("heading",b),title:b}]);else{const w=((j=b.split(/\r?\n/)[0])==null?void 0:j.slice(0,60))||"Summary";await qe([...r.layout.items,{i:Mt(r,"text"),..._t(r,Ne("standard",v,"text")),text:{markdown:b},viz:{type:"text"},display:br("text",w),title:w}])}fe(null),ie("")}},[v,r,qe,ve,me]),ft=d.useCallback(async(b,j)=>{const w=j===null?r.layout.items.filter(M=>M.i!==b):r.layout.items.map(M=>M.i===b?{...M,...j}:M);await qe(kt(w,v))},[v,r.layout.items,qe]),Xe=d.useCallback(async(b,j)=>{const w=Y.current,M=r.layout.items.find(bt=>bt.i===b);if(!w||!M)return;const ue=w.getBoundingClientRect(),Se=12,g=(ue.width-Se*(v-1))/v+Se,y=U+Se,z=Math.round((j.clientX-ue.left)/g),oe=Math.round((j.clientY-ue.top)/y),Re={...M,x:Ct(z,0,Math.max(0,v-M.w)),y:Math.max(0,oe)};L(null);const Ze=zn(r.layout.items,Re,v);await qe(kt(Ze,v))},[v,r.layout.items,U,qe]),Tt=d.useCallback((b,j)=>{const w=Y.current,M=r.layout.items.find(z=>z.i===b);if(!w||!M)return;const ue=w.getBoundingClientRect(),Se=12,$e=(ue.width-Se*(v-1))/v,g=Math.round((j.clientX-ue.left)/($e+Se)),y=Math.round((j.clientY-ue.top)/(U+Se));L({tileId:b,x:Ct(g,0,Math.max(0,v-M.w)),y:Math.max(0,y),w:M.w,h:M.h})},[v,r.layout.items,U]),$t=d.useCallback(()=>L(null),[]),Pt=d.useCallback(async()=>{const b=r.layout.items;if(b.length===0)return;const j=[...b].map((w,M)=>({item:w,index:M})).sort((w,M)=>{const ue=Jt(w.item)-Jt(M.item);return ue!==0?ue:w.index-M.index}).map(({item:w})=>{const M=pr(w,v);return{...w,w:M.w,h:M.h}});await qe(kt(j,v))},[v,r.layout.items,qe]),gt=d.useCallback(async()=>{if(je(b=>!b),!F){const b=await J.fetchScopedLineage({domain:r.metadata.domain,appId:e,dashboardId:r.id});le(b)}},[e,r.id,r.metadata.domain,F]),ht=d.useCallback(()=>{if(u){u(`dashboard:${e}/${r.id}`);return}gt()},[e,r.id,gt,u]),Je=x?!!f:$,at=d.useCallback(()=>{if(W(!1),x){x(!0);return}K(!0)},[x]),Rt=d.useCallback(()=>{if(W(!1),x){x(!f);return}K(b=>!b)},[f,x]);return t.jsxs("div",{style:{display:"block",minHeight:0},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[(!n||i)&&t.jsxs("div",{style:Xi,children:[t.jsx("div",{style:{flex:1,minWidth:0},children:n?null:t.jsxs(t.Fragment,{children:[t.jsx("h2",{style:{margin:0,fontSize:20,lineHeight:1.18,fontWeight:780},children:r.metadata.title}),r.metadata.description?t.jsx("div",{style:{fontSize:13,opacity:.72,marginTop:4,maxWidth:680,lineHeight:1.4},children:r.metadata.description}):null]})}),i&&r.layout.items.length>0&&t.jsx(gr,{open:D,onToggle:()=>W(b=>!b),buttonStyle:Yi,onCertifiedBlock:()=>{W(!1),ut()},onText:()=>{W(!1),rt()},onHeading:()=>{W(!1),_e()},onAi:at}),i&&r.layout.items.length>1&&t.jsx("button",{type:"button",onClick:()=>void Pt(),disabled:Q,style:Gi(!1),title:"Auto-arrange every tile into a clean, gap-free grid",children:t.jsx(Vr,{size:15,strokeWidth:2})}),!n&&t.jsxs(t.Fragment,{children:[t.jsxs("button",{type:"button",onClick:Rt,style:et(Je),children:[t.jsx(It,{size:14,strokeWidth:2}),Je?"Hide copilot":"AI Copilot"]}),t.jsxs("button",{type:"button",onClick:ht,style:et(!1),title:"Open focused dashboard lineage",children:[t.jsx(Er,{size:14,strokeWidth:2}),"Lineage"]})]})]}),i&&t.jsx("div",{style:Ji,children:"Drag tiles, select a block for Copilot context, or use the tile controls for sizing and chart settings."}),!i&&T?t.jsx(si,{story:T,onResearch:at,onEvidence:ht}):O?t.jsx(li,{story:O}):null,ae.length===0?t.jsxs("div",{style:{border:"1px dashed var(--border-color, rgba(0,0,0,0.15))",borderRadius:8,padding:36,textAlign:"center",fontSize:13,minHeight:260,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:[t.jsx("div",{style:{fontSize:16,fontWeight:700,marginBottom:6},children:ke>0||V>0?"No stakeholder-ready tiles yet":"Build this dashboard page"}),t.jsx("div",{style:{maxWidth:520,opacity:.68,lineHeight:1.45},children:ke>0?"Generated analysis and trust placeholders are hidden from the stakeholder view. Open Customize or Analysis to review them, then add certified blocks or pinned insights.":V>0?"Static duplicate tiles are hidden from the stakeholder view because a filter-aware certified tile can answer the same question.":"Add certified domain blocks, narrative text, or use the scoped AI drawer and pin an answer into this layout."}),t.jsx("div",{style:{marginTop:18,display:"flex",gap:8,flexWrap:"wrap",justifyContent:"center"},children:t.jsx(gr,{open:D,onToggle:()=>W(b=>!b),buttonLabel:"Add tile",buttonStyle:sa,onCertifiedBlock:()=>{W(!1),ut()},onText:()=>{W(!1),rt()},onHeading:()=>{W(!1),_e()},onAi:at})})]}):re?t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:22},children:re.map(b=>{var g,y;const j=(g=re.find(z=>z.kind==="appendix"))==null?void 0:g.id,w=((y=re.find(z=>z.kind==="insight"))==null?void 0:y.id)??re[0].id,M=z=>z.sectionId&&re.some(oe=>oe.id===z.sectionId)?z.sectionId:(z.trustState==="review_required"||z.reviewStatus==="review_required")&&j?j:w,ue=(S??ae).filter(z=>M(z)===b.id);if(ue.length===0)return null;const Se=Math.min(...ue.map(z=>z.y)),$e=b.kind==="appendix";return t.jsxs("section",{"aria-label":b.title,children:[b.kind!=="exec_summary"?t.jsxs("div",{style:{marginBottom:10},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[t.jsx("h3",{style:{margin:0,fontSize:15,fontWeight:800,color:"var(--dql-app-text, #0f172a)"},children:b.title}),$e?t.jsx("span",{style:{display:"inline-flex",alignItems:"center",gap:4,border:"1px solid rgba(217,119,6,0.4)",color:"#b45309",background:"rgba(217,119,6,0.08)",borderRadius:999,padding:"1px 8px",fontSize:10,fontWeight:800},children:"needs review"}):null]}),b.narrative?t.jsx("p",{style:{margin:"4px 0 0",fontSize:12.5,lineHeight:1.5,color:"var(--dql-app-text-muted, #64748b)",maxWidth:860},children:b.narrative}):null]}):null,t.jsx("div",{style:{display:"grid",gridTemplateColumns:X?"minmax(0, 1fr)":`repeat(${v}, 1fr)`,gridAutoRows:X?"auto":`${U}px`,gap:12,...$e?{opacity:.96}:{}},children:ue.map(z=>t.jsx(ur,{item:{...z,y:z.y-Se},tile:be.get(z.i),loading:P,error:R,themeMode:N.themeMode,editable:!1,narrow:X,cols:v,selected:!!(Ie(z)&&Ie(z)===s),onFocusBlock:o,onAskBlock:p,onMove:()=>{},onDragMove:()=>{},onDragEnd:()=>{},onPatch:oe=>void ft(z.i,oe)},z.i))})]},b.id)})}):t.jsxs("div",{ref:Y,style:{display:"grid",gridTemplateColumns:X?"minmax(0, 1fr)":`repeat(${v}, 1fr)`,gridAutoRows:X?"auto":`${U}px`,gap:12},children:[m&&!X&&t.jsx("div",{"aria-hidden":"true",style:{gridColumn:`${m.x+1} / span ${m.w}`,gridRow:`${m.y+1} / span ${m.h}`,border:"2px dashed var(--dql-app-accent, var(--accent, #4f46e5))",background:"var(--dql-app-accent-soft, rgba(79,70,229,0.10))",borderRadius:10,pointerEvents:"none",zIndex:10}}),ae.map(b=>t.jsx(ur,{item:b,tile:be.get(b.i),loading:P,error:R,themeMode:N.themeMode,editable:i,narrow:X,cols:v,selected:!!(Ie(b)&&Ie(b)===s),onFocusBlock:o,onAskBlock:p,onMove:j=>void Xe(b.i,j),onDragMove:j=>Tt(b.i,j),onDragEnd:$t,onPatch:j=>void ft(b.i,j)},b.i))]}),!i&&q?t.jsx(oi,{run:q,variables:te}):null]}),de&&!u&&t.jsx("aside",{style:{width:340,minWidth:300,maxWidth:"34vw",border:"1px solid var(--border-color, rgba(0,0,0,0.08))",borderRadius:8,overflow:"auto",alignSelf:"flex-start",height:ei,position:"sticky",top:12,padding:12},children:t.jsx(Si,{lineage:F})}),$&&!x&&t.jsx(Or,{t:C,title:"Dashboard AI",subtitle:"Scoped to this App dashboard first",expanded:ce,onToggleExpanded:()=>se(b=>!b),onClose:()=>{K(!1),se(!1)},floating:!0,ariaLabel:"Dashboard AI",style:Zi(ce),children:t.jsx(d.Suspense,{fallback:t.jsx("div",{style:{padding:16,fontSize:12,color:C.textSecondary},children:"Loading Dashboard AI…"}),children:t.jsx(Ua,{themeMode:N.themeMode,title:"Dashboard AI",scopeHint:"Scoped to this App dashboard first",audience:"stakeholder",workspaceContext:{appId:e,dashboardId:r.id,dashboardContext:Ve},initialMode:"auto",threadId:ee.threadId,onThreadIdChange:ee.onThreadIdChange},`${e}:${r.id}`)})}),Z&&t.jsx(ki,{blocks:H,search:pe,onSearch:I,onClose:()=>B(!1),onAdd:b=>void xt(b)}),ve&&t.jsx(ji,{kind:ve,value:me,onChange:ie,onClose:()=>{fe(null),ie("")},onSave:()=>void Ye()})]})}function ur({item:e,tile:r,loading:a,error:i,themeMode:n,editable:l,narrow:s,cols:o,selected:p,onFocusBlock:u,onAskBlock:f,onMove:x,onDragMove:c,onDragEnd:N,onPatch:C}){var xe;const q=d.useRef(null),[h,T]=d.useState(null),[A,G]=d.useState(!1),P=Ie(e),k=!!(!l&&P&&f),R=P?`block:${P}`:e.semantic?`semantic:${e.semantic.id}`:e.aiPin?`aiPin:${e.aiPin.id}`:"text",E=ct(String(e.viz.type??"table")),$=Ee(e),K=$==null?void 0:$.component,ee=($==null?void 0:$.insightTitle)||e.title||R,Z=(r==null?void 0:r.tileType)==="aiPin"?((xe=r.aiPin)==null?void 0:xe.certification)==="certified"?"certified":"review_required":void 0,B=($==null?void 0:$.trustState)??Z??((r==null?void 0:r.certificationStatus)==="certified"?"certified":void 0),H=!!$,_=e.h<=2&&(E==="single_value"||E==="kpi"||E==="gauge"),[pe,I]=d.useState(!1),de=l&&(pe||p||A),je=Fi(e,$),F=!!(k&&(pe||p)),le=D=>{const W=Qt(D),ce=e.viz.options??{},se=Ee(e);C({viz:{...e.viz,type:W,options:{...ce,chart:D,...se?{dqlGenUi:{...se,defaultVisualization:W}}:{}}},display:Jr(e,W,se)})},Q=D=>{if(s)return;const W=q.current;if(!W)return;D.preventDefault(),D.stopPropagation();const ce=W.getBoundingClientRect(),se={x:D.clientX-ce.left,y:D.clientY-ce.top},ve={x:D.clientX,y:D.clientY},fe=ie=>{T({x:ie.clientX-ve.x,y:ie.clientY-ve.y}),c==null||c({clientX:ie.clientX-se.x,clientY:ie.clientY-se.y})},me=ie=>{window.removeEventListener("pointermove",fe),window.removeEventListener("pointerup",me),T(null),N==null||N(),x({clientX:ie.clientX-se.x,clientY:ie.clientY-se.y})};window.addEventListener("pointermove",fe),window.addEventListener("pointerup",me,{once:!0})};return t.jsxs("div",{ref:q,onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),onClick:()=>{P&&(u==null||u(P))},style:{gridColumn:s?"1 / -1":`${e.x+1} / span ${e.w}`,gridRow:s?"auto":`${e.y+1} / span ${e.h}`,transform:h?`translate(${h.x}px, ${h.y}px) scale(1.02)`:void 0,opacity:h?.92:1,zIndex:h?30:void 0,position:"relative",background:H?Wi(K):"var(--dql-app-surface, var(--surface, rgba(0,0,0,0.02)))",border:p||h?"1.5px solid var(--dql-app-accent, var(--accent, #4f46e5))":H?"1px solid var(--dql-app-line-2, var(--border-color, rgba(15,23,42,0.10)))":"1px solid var(--dql-app-line, var(--border-color, rgba(0,0,0,0.08)))",borderRadius:8,padding:_?12:14,paddingBottom:F?_?42:46:_?12:14,display:"flex",flexDirection:"column",gap:_?4:H?10:6,minHeight:s?jn(e,$):0,overflow:"visible",boxShadow:h?"0 16px 40px rgba(0,0,0,0.22)":p?"0 0 0 3px var(--dql-app-accent-soft, rgba(79,70,229,0.12))":void 0,cursor:h?"grabbing":P?"pointer":void 0,transition:h?void 0:"box-shadow 120ms ease, transform 120ms ease"},children:[F?t.jsxs("button",{type:"button",style:ui,onClick:D=>{D.stopPropagation(),P&&(u==null||u(P)),P&&(f==null||f(P,xi(e.title??P)))},title:"Open app Copilot for this tile",children:[t.jsx(Be,{size:11,strokeWidth:2})," Ask AI"]}):null,l&&!s?t.jsx("div",{style:{position:"absolute",top:10,left:10,zIndex:3,opacity:de?1:0,pointerEvents:de?"auto":"none",transition:"opacity 120ms ease"},children:t.jsx("button",{type:"button",title:"Drag to move tile",onPointerDown:Q,style:vn,children:t.jsx(La,{size:14,strokeWidth:2.2})})}):null,l?t.jsxs("div",{style:{position:"absolute",top:10,right:10,zIndex:4,display:"flex",alignItems:"center",gap:4,opacity:de?1:0,pointerEvents:de?"auto":"none",transition:"opacity 120ms ease"},children:[_?null:t.jsx("span",{style:{fontSize:10,padding:"2px 8px",borderRadius:999,background:"var(--surface-hover, rgba(0,0,0,0.06))",opacity:.85},children:e.viz.type}),t.jsx(gi,{item:e,cols:o,settingsOpen:A,onToggleSettings:()=>G(D=>!D),onPatch:C})]}):null,H?t.jsx("div",{style:{minHeight:_?26:42,paddingLeft:de?30:0,paddingRight:de?_?82:134:0,transition:"padding 120ms ease",display:"grid",gap:7},children:t.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8,minWidth:0},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx("div",{style:{fontSize:_?12:13,fontWeight:780,lineHeight:1.25,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:ee}),t.jsxs("div",{style:ln,children:[B?t.jsx(pt,{trust:B}):null,$?t.jsx("span",{style:Te,children:Ur($)}):null,$!=null&&$.layoutIntent?t.jsx("span",{style:Te,children:Ce(String($.layoutIntent))}):null]})]}),l&&je.length>1?t.jsx(ni,{value:De(e.viz.type),options:je,onChange:le}):null]})}):t.jsxs("div",{style:{minHeight:_?22:26,paddingLeft:de?30:0,paddingRight:de?_?82:134:0,transition:"padding 120ms ease"},children:[t.jsx("div",{style:{fontSize:_?12:13,fontWeight:720,lineHeight:1.25,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.title??R}),Z?t.jsxs("div",{style:{marginTop:5,display:"flex",alignItems:"center",gap:6,flexWrap:"wrap"},children:[t.jsx(pt,{trust:Z}),t.jsx("span",{style:Te,children:"AI generated"})]}):_?null:t.jsx("div",{style:{marginTop:5,fontSize:10.5,opacity:.58,fontFamily:"var(--font-mono, monospace)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:R})]}),l&&A?t.jsx(mi,{item:e,tile:r,cols:o,onPatch:C}):null,t.jsx("div",{style:{flex:1,minHeight:0,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",marginTop:_?0:2,fontSize:12,opacity:(r==null?void 0:r.status)==="ok"?1:.7,fontStyle:(r==null?void 0:r.status)==="ok"?"normal":"italic"},children:t.jsx(fi,{item:e,tile:r,loading:a,error:i,themeMode:n,genUi:$})}),l?null:t.jsx(ai,{tile:r,themeMode:n})]})}function ai({tile:e,themeMode:r}){const a=Ae[r],i=d.useMemo(()=>ii(e),[e]);return i?t.jsxs("div",{style:{padding:"4px 10px 8px",fontSize:11.5,color:a.textMuted,lineHeight:1.4,display:"flex",gap:5,alignItems:"baseline"},children:[t.jsx("span",{style:{color:a.accent},children:"•"}),t.jsx("span",{children:i})]}):null}function ii(e){var f,x;const r=(f=e==null?void 0:e.result)==null?void 0:f.rows,a=(x=e==null?void 0:e.result)==null?void 0:x.columns;if(!Array.isArray(r)||r.length===0||!Array.isArray(a)||a.length===0)return null;const i=r[0],n=c=>{if(typeof c=="number"&&Number.isFinite(c))return c;if(typeof c=="string"){const N=Number(c.replace(/[$,%\s]/g,""));return Number.isFinite(N)&&c.trim()?N:void 0}},l=a.find(c=>n(i==null?void 0:i[c])!==void 0),s=a.find(c=>c!==l&&typeof(i==null?void 0:i[c])=="string");if(!l)return null;if(r.length===1){const c=n(r[0][l]);return c!==void 0?`${l}: ${Bt(c)}.`:null}const o=r.map(c=>({label:s?String(c[s]??"—"):"top",value:n(c[l])??0})).sort((c,N)=>N.value-c.value),p=o.reduce((c,N)=>c+N.value,0),u=o[0];return u?p>0?`${u.label} leads ${l} at ${Bt(u.value)} (${Math.round(u.value/p*100)}%).`:`${u.label} leads ${l} at ${Bt(u.value)}.`:null}function Bt(e){const r=Math.abs(e);return r>=1e6?`${(e/1e6).toFixed(1)}M`:r>=1e3?`${(e/1e3).toFixed(1)}K`:Number.isInteger(e)?String(e):e.toFixed(2)}function ni({value:e,options:r,onChange:a}){return t.jsx("div",{style:on,"aria-label":"Visualization",children:r.map(i=>t.jsx("button",{type:"button",title:i.label,onClick:n=>{n.stopPropagation(),a(i.value)},style:pn(e===i.value),children:Vi(i.value)},i.value))})}function pt({trust:e}){const r=e==="certified",a=r?"Certified":e==="review_required"?"Review required":"Draft ready";return t.jsxs("span",{style:sn(r),children:[r?t.jsx(Fe,{size:10,strokeWidth:2.4}):t.jsx(He,{size:10,strokeWidth:2.4}),a]})}function li({story:e}){return t.jsxs("section",{style:ea,"aria-label":"Current dashboard story",children:[t.jsxs("div",{style:ta,children:[t.jsx("div",{style:ra,children:t.jsx(Be,{size:15,strokeWidth:2.2})}),t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx("div",{style:aa,children:"Story from current results"}),t.jsx("h3",{style:ia,children:e.title})]}),e.trust?t.jsx(pt,{trust:e.trust}):null]}),t.jsx("p",{style:na,children:e.summary}),t.jsxs("div",{style:sr,children:[t.jsx("span",{style:la,children:e.sourceTitle}),e.filters.map(r=>t.jsxs("span",{style:tt,children:[r.label,": ",r.value]},`${r.label}:${r.value}`)),e.chips.map(r=>t.jsx("span",{style:tt,children:r},r))]})]})}function si({story:e,onEvidence:r,onResearch:a}){return t.jsxs("section",{style:{...ea,padding:"20px 22px",marginBottom:16},"aria-label":"Business Story",children:[t.jsxs("div",{style:ta,children:[t.jsx("div",{style:ra,children:t.jsx(Be,{size:15,strokeWidth:2.2})}),t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx("div",{style:aa,children:"Business Story · current filters"}),t.jsx("h2",{style:{...ia,fontSize:19},children:e.headline})]}),t.jsx(pt,{trust:e.trustState})]}),t.jsxs("div",{style:{display:"grid",gap:10,marginTop:12,maxWidth:920},children:[e.paragraphs.slice(0,2).map((i,n)=>t.jsx("p",{style:{...na,margin:0,fontSize:14,lineHeight:1.65},children:xr(i)},n)),e.implication?t.jsxs("p",{style:{margin:0,fontSize:13,lineHeight:1.55,fontWeight:650},children:["What this means: ",xr(e.implication)]}):null]}),t.jsxs("div",{style:{...sr,marginTop:14},children:[t.jsx("span",{style:la,children:e.generatedBy==="ai"?"AI wording · verified facts":"Verified result summary"}),t.jsxs("span",{style:tt,children:[e.evidenceRefs.length," evidence source",e.evidenceRefs.length===1?"":"s"]}),e.caveat?t.jsx("span",{style:tt,children:e.caveat}):null,t.jsx("span",{style:{flex:1}}),t.jsx("button",{type:"button",onClick:r,style:Cr,children:"View evidence"}),t.jsx("button",{type:"button",onClick:a,style:Cr,children:"Research deeper"})]})]})}function oi({run:e,variables:r}){const a=e.tiles.filter(n=>n.status!=="ok"),i=Object.entries(r).filter(([,n])=>n!=null&&n!=="");return t.jsxs("details",{style:pi,"aria-label":"Evidence and review appendix",children:[t.jsxs("summary",{style:di,children:["Evidence & review appendix",t.jsxs("span",{style:{opacity:.62,fontWeight:600},children:[e.story.evidenceRefs.length," sources · ",a.length?`${a.length} issue${a.length===1?"":"s"}`:"all visible sources ran"]})]}),t.jsxs("div",{style:{display:"grid",gap:12,padding:"0 16px 16px"},children:[t.jsxs("div",{style:ci,children:[t.jsxs("div",{children:[t.jsx("strong",{children:"Run"}),t.jsx("br",{}),t.jsx("span",{children:e.runId})]}),t.jsxs("div",{children:[t.jsx("strong",{children:"Snapshot"}),t.jsx("br",{}),t.jsx("span",{children:e.snapshotId})]}),t.jsxs("div",{children:[t.jsx("strong",{children:"Trust"}),t.jsx("br",{}),t.jsx("span",{children:e.story.trustState})]}),t.jsxs("div",{children:[t.jsx("strong",{children:"Filters"}),t.jsx("br",{}),t.jsx("span",{children:i.length?i.map(([n,l])=>`${n}: ${String(l)}`).join(" · "):"Current unfiltered scope"})]})]}),t.jsxs("div",{children:[t.jsx("strong",{style:{fontSize:12},children:"Evidence used by the story"}),t.jsx("div",{style:{...sr,marginTop:7},children:e.story.evidenceRefs.map(n=>t.jsx("span",{style:tt,children:n},n))})]}),a.length?t.jsxs("div",{children:[t.jsx("strong",{style:{fontSize:12},children:"Items requiring review"}),t.jsx("ul",{style:{margin:"7px 0 0",paddingLeft:18,fontSize:12,lineHeight:1.55},children:a.map(n=>t.jsxs("li",{children:[n.title??n.tileId,": ",n.error??n.status]},n.tileId))})]}):null]})]})}function xr(e){return e.split(/(\*\*[^*]+\*\*)/g).filter(Boolean).map((r,a)=>r.startsWith("**")&&r.endsWith("**")?t.jsx("strong",{children:r.slice(2,-2)},a):r)}const pi={marginTop:16,border:"1px solid var(--dql-app-line, var(--border-color, rgba(15,23,42,0.10)))",borderRadius:8,background:"var(--dql-app-surface, var(--surface, rgba(0,0,0,0.02)))",color:"var(--dql-app-text, var(--text-primary, #0f172a))"},di={cursor:"pointer",padding:"12px 16px",fontSize:12.5,fontWeight:760,display:"flex",alignItems:"center",justifyContent:"space-between",gap:12},ci={display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(170px, 1fr))",gap:10,fontSize:11.5,lineHeight:1.45,color:"var(--dql-app-text-muted, var(--text-secondary, #64748b))"},ui={position:"absolute",bottom:10,right:10,zIndex:5,display:"inline-flex",alignItems:"center",gap:4,padding:"3px 8px",borderRadius:999,fontSize:10.5,fontWeight:700,color:"var(--dql-app-accent, var(--accent, #4f46e5))",background:"var(--dql-app-accent-soft, rgba(79,70,229,0.12))",border:"1px solid var(--dql-app-accent, rgba(79,70,229,0.4))",cursor:"pointer",lineHeight:1.2,fontFamily:"inherit"};function xi(e){return`/ask Explain ${e} for a stakeholder. Start with the business meaning, current result, active filters, caveats, and recommended next action.`}function fi({item:e,tile:r,loading:a,error:i,themeMode:n,genUi:l}){var p,u,f,x;if(a&&!r)return t.jsx("span",{children:"Loading data..."});if((r==null?void 0:r.tileType)==="text")return l?t.jsx(bi,{title:e.title??l.insightTitle??"Generated section",markdown:((p=r.text)==null?void 0:p.markdown)??"",genUi:l,themeMode:n}):t.jsx(yi,{markdown:((u=r.text)==null?void 0:u.markdown)??"",variant:((f=r.viz)==null?void 0:f.type)==="heading"?"heading":"text",themeMode:n});if((r==null?void 0:r.tileType)==="aiPin"&&r.aiPin)return t.jsx(qi,{pin:r.aiPin,result:r.result,themeMode:n});if(i&&!r)return t.jsx("span",{children:i});if(!r)return t.jsx("span",{children:"No run result."});if(r.status==="unauthorized")return t.jsx("span",{children:"Not authorized."});if(r.status==="unresolved")return t.jsx("span",{children:r.error??"Block reference unresolved."});if(r.status==="error")return t.jsx("span",{children:r.error??"Tile failed."});if(!r.result)return t.jsx("span",{children:"No result."});const s=Xr(e,r.chartConfig);return String(s.chart??((x=r.viz)==null?void 0:x.type)??"").toLowerCase()==="table"||e.viz.type==="table"||e.viz.type==="pivot"?(l==null?void 0:l.component)==="EvidenceTable"||(l==null?void 0:l.component)==="PivotTable"?t.jsx(vi,{result:r.result,genUi:l,themeMode:n}):t.jsx("div",{style:{width:"100%",alignSelf:"stretch"},children:t.jsx(Ia,{result:r.result,themeMode:n})}):t.jsx("div",{style:{width:"100%",alignSelf:"stretch"},children:t.jsx(Ta,{result:r.result,themeMode:n,chartConfig:s})})}function gi({item:e,cols:r,settingsOpen:a,onToggleSettings:i,onPatch:n}){const[l,s]=d.useState(!1),o=p=>{s(!1),n(pa(e,r,p))};return t.jsxs("div",{style:{display:"flex",gap:4,alignItems:"center",flexWrap:"wrap",justifyContent:"flex-end"},children:[t.jsxs("div",{style:{position:"relative"},children:[t.jsx("button",{type:"button",title:"Choose tile size",onClick:()=>s(p=>!p),style:Et,children:t.jsx(Ea,{size:13,strokeWidth:2})}),l?t.jsx(hi,{onPick:o,onClose:()=>s(!1)}):null]}),t.jsx("button",{type:"button",title:"Chart and field settings",onClick:i,style:Et,children:t.jsx(Ja,{size:13,strokeWidth:2,color:a?"var(--accent, #4f46e5)":void 0})}),t.jsx("button",{type:"button",title:"Remove tile",onClick:()=>n(null),style:Et,children:t.jsx(qa,{size:13,strokeWidth:2})})]})}function hi({onPick:e,onClose:r}){return t.jsx("div",{style:yn,onMouseLeave:r,children:Yr.map(a=>t.jsxs("button",{type:"button",onClick:()=>e(a.id),style:qn,children:[t.jsx("span",{style:{fontSize:12,fontWeight:750},children:a.label}),t.jsx("span",{style:{fontSize:11,opacity:.66},children:a.description})]},a.id))})}function mi({item:e,tile:r,cols:a,onPatch:i}){var P;const n=r==null?void 0:r.result,l=Xr(e,r==null?void 0:r.chartConfig),s=De(l.chart),o=Ee(e),[p,u]=d.useState(!1),[f,x]=d.useState(null),[c,N]=d.useState(null),C=d.useMemo(()=>Ba(n),[n]),q=d.useMemo(()=>{const k=new Map;if(!n)return k;const R=new Set(C.metrics),E=new Set(C.dimensions);for(const $ of n.columns)R.has($)?k.set($,"measure"):E.has($)?k.set($,"dimension"):k.set($,Aa(Na($,n.rows)));return k},[n,C]),h=(n==null?void 0:n.columns.filter(k=>q.get(k)==="measure"))??[],T=(n==null?void 0:n.columns.filter(k=>q.get(k)!=="measure"))??[],A=k=>{const R=mr({...l,...k}),E=Qt(R.chart),$=Ee(e),K={...R};$&&(K.dqlGenUi={...$,defaultVisualization:E}),i({title:R.title||e.title,viz:{...e.viz,type:E,options:K},display:Jr(e,E,$)})},G=async()=>{u(!0),N(null),x(null);const k=Ie(e)??e.title,R=await J.recommendVisualization({...k?{blockRef:k}:{},resultSchema:n?{columns:n.columns}:void 0,rowSample:n==null?void 0:n.rows.slice(0,5),prompt:[e.title,o==null?void 0:o.rationale].filter(Boolean).join(" "),allowedVisualizations:o==null?void 0:o.allowedVisualizations});if(u(!1),!R.ok){N(R.error);return}const E=De(R.display.defaultVisualization),$=Qt(E),K=R.display.fieldHints??{},ee=mr({...l,chart:E,title:l.title??e.title,x:K.x??K.label??l.x,y:K.y??K.value??l.y,color:K.color??l.color});i({title:ee.title||e.title,viz:{...e.viz,type:$,options:{...ee}},display:R.display});const Z=R.evidence.map(H=>H.source).slice(0,3).join(", "),B=R.warnings[0];x(B?`${R.display.component}: ${B}`:`${R.display.component}${Z?` from ${Z}`:""}`)};return t.jsxs("div",{style:Ui,children:[t.jsxs("div",{style:{display:"grid",gap:6},children:[t.jsx("div",{style:{fontSize:10,fontWeight:800,textTransform:"uppercase",opacity:.58},children:"Tile size"}),t.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:6},children:Yr.map(k=>t.jsx("button",{type:"button",title:k.description,onClick:()=>i(pa(e,a,k.id)),style:wn(kn(e,a,k.id)),children:k.label},k.id))})]}),t.jsxs("div",{style:tn,children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,justifyContent:"space-between"},children:[t.jsxs("div",{style:{minWidth:0},children:[t.jsx("div",{style:{fontSize:10,fontWeight:800,textTransform:"uppercase",opacity:.58},children:"Display contract"}),t.jsx("div",{style:{marginTop:3,fontSize:11,lineHeight:1.35,opacity:.76},children:(o==null?void 0:o.rationale)??((P=e.display)==null?void 0:P.rationale)??"Choose a governed visualization for this app tile."})]}),t.jsxs("button",{type:"button",onClick:()=>void G(),disabled:p,style:rn(p),title:"Recommend visualization from block hints and result fields",children:[t.jsx(Vr,{size:12,strokeWidth:2.2}),p?"Thinking":"AI recommend"]})]}),t.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:5},children:[o!=null&&o.component?t.jsx("span",{style:Te,children:Ur(o)}):null,o!=null&&o.defaultVisualization?t.jsx("span",{style:Te,children:Ce(String(o.defaultVisualization))}):null,o!=null&&o.reviewStatus?t.jsx("span",{style:Te,children:Ce(String(o.reviewStatus))}):null]}),f?t.jsx("div",{style:oa,children:f}):null,c?t.jsx("div",{style:an,children:c}):null]}),t.jsxs("div",{style:en,children:[t.jsxs("label",{style:Yt,children:["Title",t.jsx("input",{value:l.title??e.title??"",onChange:k=>A({title:k.target.value||void 0}),style:Xt})]}),t.jsxs("label",{style:Yt,children:["Chart",t.jsx("select",{value:s,onChange:k=>A({chart:k.target.value}),style:Xt,children:ar.map(k=>t.jsx("option",{value:k.value,children:k.label},k.value))})]}),t.jsx(vt,{label:"X",value:l.x,columns:(n==null?void 0:n.columns)??[],onChange:k=>A({x:k})}),t.jsx(vt,{label:"Y",value:l.y,columns:(n==null?void 0:n.columns)??[],onChange:k=>A({y:k})}),t.jsx(vt,{label:"Color",value:l.color,columns:(n==null?void 0:n.columns)??[],onChange:k=>A({color:k})}),t.jsx(vt,{label:"Facet",value:l.facet,columns:(n==null?void 0:n.columns)??[],onChange:k=>A({facet:k})})]}),n?t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:[t.jsx(fr,{title:"Measures",columns:h,onPick:k=>A({y:k})}),t.jsx(fr,{title:"Dimensions",columns:T,onPick:k=>A({x:k})})]}):t.jsx("div",{style:{fontSize:11,opacity:.64},children:"Run results are needed before field slots can be inferred."})]})}function vt({label:e,value:r,columns:a,onChange:i}){return t.jsxs("label",{style:Yt,children:[e,t.jsxs("select",{value:r??"",onChange:n=>i(n.target.value||void 0),style:Xt,children:[t.jsx("option",{value:"",children:"Auto"}),a.map(n=>t.jsx("option",{value:n,children:n},n))]})]})}function fr({title:e,columns:r,onPick:a}){return t.jsxs("div",{style:{display:"grid",gap:4,minWidth:0},children:[t.jsx("div",{style:{fontSize:10,fontWeight:800,textTransform:"uppercase",opacity:.58},children:e}),t.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:4},children:r.length===0?t.jsx("span",{style:{fontSize:11,opacity:.55},children:"None"}):r.slice(0,10).map(i=>t.jsx("button",{type:"button",onClick:()=>a(i),style:nn,children:i},i))})]})}function gr({open:e,onToggle:r,onCertifiedBlock:a,onText:i,onHeading:n,onAi:l,buttonLabel:s,buttonStyle:o}){return t.jsxs("div",{style:{position:"relative",display:"inline-flex"},children:[t.jsxs("button",{type:"button",onClick:r,title:"Add tile",style:o??et(e),children:[t.jsx(zt,{size:15,strokeWidth:2.2}),s?t.jsx("span",{children:s}):null]}),e&&t.jsxs("div",{style:{position:"absolute",top:"calc(100% + 6px)",right:0,zIndex:30,width:260,border:"1px solid var(--border-color, rgba(0,0,0,0.12))",borderRadius:8,background:"var(--color-bg, #fff)",boxShadow:"0 14px 38px rgba(0,0,0,0.16)",padding:6,display:"grid",gap:4,textAlign:"left"},children:[t.jsx(yt,{title:"Certified block",description:"Chart, table, or KPI from this App domain",onClick:a}),t.jsx(yt,{title:"Text / summary",description:"Narrative, notes, caveats, or CXO context",onClick:i}),t.jsx(yt,{title:"Section heading",description:"Separate an App page into readable groups",onClick:n}),t.jsx(yt,{title:"Copilot insight",description:"Open scoped AI, then pin the reviewed answer to this App",onClick:l})]})]})}function yt({title:e,description:r,onClick:a}){return t.jsxs("button",{type:"button",onClick:a,style:Di,children:[t.jsx("span",{style:{fontSize:12,fontWeight:700},children:e}),t.jsx("span",{style:{fontSize:11,opacity:.66},children:r})]})}function bi({title:e,markdown:r,genUi:a,themeMode:i}){var p;const n=Ae[i],l=Hi(r,e),s=a.component==="TrustCallout",o=a.component==="ResearchActions";return t.jsxs("div",{style:dn(s),children:[t.jsxs("div",{style:{display:"flex",gap:8,alignItems:"flex-start"},children:[t.jsx("span",{style:cn(s),children:s?t.jsx(He,{size:15}):o?t.jsx(Be,{size:15}):t.jsx(Fe,{size:15})}),t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx("div",{style:{fontSize:13,fontWeight:780,lineHeight:1.25},children:a.insightTitle??e}),t.jsx("div",{style:{marginTop:6,fontSize:13,lineHeight:1.45,color:n.textSecondary},children:l})]})]}),t.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:6},children:[a.trustState?t.jsx(pt,{trust:a.trustState}):null,a.reviewStatus?t.jsx("span",{style:Te,children:Ce(a.reviewStatus)}):null]}),(p=a.followUpActions)!=null&&p.length?t.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:6},children:a.followUpActions.slice(0,3).map(u=>t.jsx("span",{style:un,children:Ce(u)},u))}):null]})}function vi({result:e,genUi:r,themeMode:a}){var x;const i=Ae[a],n=e.rows??[],l=e.columns??[],s=Ki(l,n,(x=r.fieldHints)==null?void 0:x.label),o=l.find(c=>/\b(status|quality|trust|certification|review)\b/i.test(c)),p=l.filter(c=>c!==s&&c!==o).filter(c=>Lt(c)<90||Ue(c,n)).sort((c,N)=>Lt(c)-Lt(N)).slice(0,2),u=l.filter(c=>c!==s&&c!==o&&!p.includes(c)).slice(0,2),f=e.rowCount??n.length;return t.jsxs("div",{style:xn,children:[t.jsxs("div",{style:{fontSize:11.5,color:i.textSecondary},children:[f," ",f===1?"row":"rows"," across ",l.length," ",l.length===1?"field":"fields"]}),t.jsx("div",{style:fn,children:n.slice(0,4).map((c,N)=>{const C=s?Pe(c[s]):`Row ${N+1}`,q=o?Pe(c[o]):null;return t.jsxs("div",{style:gn,children:[t.jsxs("div",{style:{minWidth:0},children:[t.jsx("div",{style:{fontSize:12.5,fontWeight:760,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:C}),u.length?t.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:5,marginTop:4},children:u.map(h=>t.jsxs("span",{style:hn,children:[Ce(h),": ",Pe(c[h])]},h))}):null]}),t.jsxs("div",{style:{display:"flex",gap:5,flexWrap:"wrap",justifyContent:"flex-start",minWidth:0},children:[p.map(h=>t.jsxs("span",{style:mn,children:[t.jsx("span",{style:{opacity:.62},children:Ce(h)}),t.jsx("strong",{children:Pe(c[h])})]},h)),q?t.jsx("span",{style:bn,children:q}):null]})]},N)})}),n.length>4?t.jsx("div",{style:{fontSize:11,color:i.textSecondary},children:"Showing first 4 rows in generated view. Switch tile settings for full table controls."}):null]})}function yi({markdown:e,variant:r="text",themeMode:a}){const i=Ae[a];return t.jsx("div",{style:{width:"100%",alignSelf:"stretch",overflow:"auto",whiteSpace:"normal",lineHeight:1.45,fontStyle:"normal",opacity:1,fontSize:r==="heading"?18:void 0,fontWeight:r==="heading"?800:void 0,display:r==="heading"?"flex":void 0,alignItems:r==="heading"?"center":void 0},children:Wr(e,i)})}function qi({pin:e,result:r,themeMode:a}){var p;const[i,n]=d.useState(null),l=Ae[a]??Ae.light,s=async()=>{n("Refreshing...");const u=await J.refreshAiPin(e.appId,e.id);n(u.ok?"Refreshed.":u.error??"Refresh failed."),window.dispatchEvent(new CustomEvent("dql-app-dashboard-updated",{detail:{appId:e.appId,dashboardId:e.dashboardId}}))},o=async()=>{n("Creating draft...");const u=await J.promoteAiPin(e.appId,e.id);n(u.ok?`Draft created: ${u.blockPath}`:u.error??"Promotion failed."),window.dispatchEvent(new CustomEvent("dql-app-dashboard-updated",{detail:{appId:e.appId,dashboardId:e.dashboardId}}))};return t.jsxs("div",{style:{width:"100%",alignSelf:"stretch",overflow:"auto",fontStyle:"normal",lineHeight:1.5,display:"grid",gap:10},children:[t.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center",flexWrap:"wrap"},children:[t.jsx("span",{style:{fontSize:10.5,fontWeight:800,color:e.certification==="certified"?"#15803d":"#b45309",background:e.certification==="certified"?"rgba(22,163,74,0.1)":"rgba(245,158,11,0.12)",border:`1px solid ${e.certification==="certified"?"rgba(22,163,74,0.22)":"rgba(245,158,11,0.24)"}`,borderRadius:999,padding:"3px 7px"},children:e.certification==="certified"?"Certified":"Review required"}),t.jsx("span",{style:{fontSize:10.5,color:"var(--color-text-muted, rgba(0,0,0,0.58))"},children:"Pinned report insight"})]}),t.jsx("div",{style:{minWidth:0},children:Wr(e.answer,l)}),(p=r==null?void 0:r.rows)!=null&&p.length?t.jsx(wi,{result:r}):null,t.jsxs("div",{style:{display:"flex",gap:6,marginTop:8,flexWrap:"wrap"},children:[e.sql&&t.jsx("button",{type:"button",onClick:()=>void s(),style:Nr,children:"Refresh"}),e.sql&&e.reviewStatus==="needs_review"&&t.jsx("button",{type:"button",onClick:()=>void o(),style:Nr,children:"Promote"}),e.refreshCadence==="daily"&&t.jsx("span",{style:{fontSize:11,opacity:.62},children:"daily"})]}),i&&t.jsx("div",{style:{marginTop:6,fontSize:11,opacity:.72},children:i}),e.lastRefreshError&&t.jsx("div",{style:{marginTop:8,color:"#f85149"},children:e.lastRefreshError})]})}function wi({result:e}){var i,n;const r=((i=e.columns)!=null&&i.length?e.columns:Object.keys(((n=e.rows)==null?void 0:n[0])??{})).slice(0,4),a=(e.rows??[]).slice(0,3);return!r.length||!a.length?null:t.jsxs("div",{style:{display:"grid",gap:6},children:[t.jsx("div",{style:{color:"var(--color-text-muted, rgba(0,0,0,0.58))",fontSize:11,fontWeight:750},children:"Supporting rows"}),t.jsx("div",{style:{overflow:"auto",border:"1px solid var(--border-color, rgba(0,0,0,0.08))",borderRadius:6},children:t.jsxs("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:11},children:[t.jsx("thead",{children:t.jsx("tr",{children:r.map(l=>t.jsx("th",{style:{textAlign:"left",padding:"5px 7px",borderBottom:"1px solid var(--border-color, rgba(0,0,0,0.08))",color:"var(--color-text-muted, rgba(0,0,0,0.58))"},children:Ce(l)},l))})}),t.jsx("tbody",{children:a.map((l,s)=>t.jsx("tr",{children:r.map(o=>t.jsx("td",{style:{padding:"5px 7px",borderBottom:s===a.length-1?"none":"1px solid var(--border-color, rgba(0,0,0,0.06))"},children:Pe(l[o])},o))},s))})]})})]})}function ji({kind:e,value:r,onChange:a,onClose:i,onSave:n}){const l=e==="heading";return t.jsx("div",{style:{position:"fixed",inset:0,zIndex:90,background:"rgba(0,0,0,0.36)",display:"flex",alignItems:"center",justifyContent:"center",padding:24},children:t.jsxs("div",{style:{width:"min(520px, 92vw)",display:"grid",gap:12,background:"var(--color-bg, #fff)",color:"inherit",borderRadius:8,boxShadow:"0 18px 60px rgba(0,0,0,0.35)",padding:16},children:[t.jsxs("div",{children:[t.jsx("div",{style:{fontSize:16,fontWeight:800},children:l?"Add heading":"Add text tile"}),t.jsx("div",{style:{fontSize:12,opacity:.65,marginTop:4},children:l?"Create a section heading on this dashboard page.":"Create a narrative text tile on this dashboard page."})]}),l?t.jsx("input",{value:r,onChange:s=>a(s.target.value),onKeyDown:s=>{s.key==="Enter"&&n(),s.key==="Escape"&&i()},placeholder:"Executive summary",autoFocus:!0,style:Ar}):t.jsx("textarea",{value:r,onChange:s=>a(s.target.value),onKeyDown:s=>{s.key==="Escape"&&i(),s.key==="Enter"&&(s.metaKey||s.ctrlKey)&&n()},placeholder:"Add context, assumptions, or decisions...",rows:6,autoFocus:!0,style:{...Ar,resize:"vertical",lineHeight:1.45}}),t.jsxs("div",{style:{display:"flex",justifyContent:"flex-end",gap:8},children:[t.jsx("button",{type:"button",onClick:i,style:et(!1),children:"Cancel"}),t.jsx("button",{type:"button",onClick:n,disabled:!r.trim(),style:{...sa,opacity:r.trim()?1:.65},children:"Add"})]})]})})}function ki({blocks:e,search:r,onSearch:a,onClose:i,onAdd:n}){const l=e.filter(s=>{const o=r.trim().toLowerCase();return o?[s.name,s.description,s.domain,...s.tags??[]].join(" ").toLowerCase().includes(o):!0});return t.jsx("div",{style:{position:"fixed",inset:0,zIndex:90,background:"rgba(0,0,0,0.36)",display:"flex",alignItems:"center",justifyContent:"center",padding:24},children:t.jsxs("div",{style:{width:"min(860px, 94vw)",maxHeight:"86vh",display:"flex",flexDirection:"column",background:"var(--color-bg, #fff)",color:"inherit",borderRadius:8,overflow:"hidden",boxShadow:"0 18px 60px rgba(0,0,0,0.35)"},children:[t.jsxs("div",{style:{padding:14,borderBottom:"1px solid var(--border-color, rgba(0,0,0,0.1))",display:"flex",gap:10,alignItems:"center"},children:[t.jsx("div",{style:{fontSize:15,fontWeight:700,flex:1},children:"Add Certified Block"}),t.jsx("button",{type:"button",onClick:i,style:et(!1),children:"Close"})]}),t.jsx("div",{style:{padding:14,borderBottom:"1px solid var(--border-color, rgba(0,0,0,0.08))"},children:t.jsx("input",{value:r,onChange:s=>a(s.target.value),placeholder:"Search domain blocks...",style:{width:"100%",boxSizing:"border-box",border:"1px solid var(--border-color, rgba(0,0,0,0.12))",borderRadius:6,padding:"8px 10px",background:"var(--surface, transparent)",color:"inherit"}})}),t.jsx("div",{style:{overflow:"auto",padding:12,display:"grid",gap:8},children:l.length===0?t.jsx("div",{style:{padding:18,fontSize:12,opacity:.66},children:"No certified blocks match this App scope."}):l.map(s=>t.jsxs("button",{type:"button",onClick:()=>n(s),style:{textAlign:"left",border:"1px solid var(--border-color, rgba(0,0,0,0.1))",borderRadius:7,background:"transparent",color:"inherit",padding:10,cursor:"pointer"},children:[t.jsxs("div",{style:{display:"flex",gap:8,alignItems:"center",marginBottom:4},children:[t.jsx("span",{style:{fontSize:13,fontWeight:700},children:s.name}),t.jsx("span",{style:{fontSize:10,padding:"2px 6px",borderRadius:999,background:"rgba(63,185,80,0.14)",color:"#2ea043"},children:s.status}),t.jsx("span",{style:{fontSize:10,opacity:.68},children:s.domain}),t.jsx("span",{style:{fontSize:10,opacity:.68},children:s.chartType??"table"})]}),t.jsx("div",{style:{fontSize:12,opacity:.72},children:s.description||s.path})]},s.id))})]})})}function Si({lineage:e}){var n,l;const r=((n=e==null?void 0:e.graph)==null?void 0:n.nodes)??[],a=((l=e==null?void 0:e.graph)==null?void 0:l.edges)??[],i=(e==null?void 0:e.breadcrumbs)??[];return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[t.jsxs("div",{children:[t.jsx("div",{style:{fontSize:12,fontWeight:800,textTransform:"uppercase",opacity:.62,marginBottom:6},children:"App Lineage"}),t.jsx("div",{style:{fontSize:12,opacity:.72},children:"Terms and business views connect the App back to DQL blocks, dbt models, and source tables."})]}),i.length>0&&t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:6},children:i.map((s,o)=>t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"64px 1fr",gap:8,fontSize:12},children:[t.jsx("span",{style:{fontFamily:"monospace",opacity:.6},children:s.type}),t.jsx("span",{children:s.name})]},`${s.id}-${o}`))}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:[t.jsx(hr,{label:"Nodes",value:r.length}),t.jsx(hr,{label:"Edges",value:a.length})]}),t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:6},children:r.slice(0,18).map(s=>t.jsxs("div",{style:{border:"1px solid var(--border-color, rgba(0,0,0,0.08))",borderRadius:6,padding:8},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,minWidth:0},children:[t.jsx("span",{style:{color:"#0d1117",background:va[s.type]??"#8b949e",borderRadius:3,padding:"1px 4px",fontSize:9,fontWeight:800,flexShrink:0},children:ba[s.type]??s.type.slice(0,4).toUpperCase()}),t.jsx("div",{style:{fontSize:12,fontWeight:700,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:s.name})]}),t.jsxs("div",{style:{fontSize:11,opacity:.62,fontFamily:"monospace",marginTop:4},children:[ya[s.type]??s.type," · ",s.id]})]},s.id))})]})}function hr({label:e,value:r}){return t.jsxs("div",{style:{border:"1px solid var(--border-color, rgba(0,0,0,0.08))",borderRadius:6,padding:8},children:[t.jsx("div",{style:{fontSize:11,opacity:.62},children:e}),t.jsx("div",{style:{fontSize:18,fontWeight:800},children:r})]})}function Ie(e){return e.block?"blockId"in e.block?e.block.blockId??null:e.block.ref??null:null}function Xr(e,r){const a=e.viz.options??{};return{...r??{},...a,chart:De(String(a.chart??(r==null?void 0:r.chart)??e.viz.type)),title:a.title??(r==null?void 0:r.title)??e.title,colorPalette:a.colorPalette??(r==null?void 0:r.colorPalette)??"corporate"}}function De(e){const r=String(e??"table").toLowerCase().replace(/_/g,"-");return r==="single-value"?"kpi":ar.some(a=>a.value===r)?r:"table"}function Qt(e){const r=De(e);return r==="table"?"table":r.replace(/-/g,"_")}function mr(e){const r={};for(const[a,i]of Object.entries(e))i===void 0||i===""||(r[a]=i);return r.chart||(r.chart="table"),r}function Ee(e){var a;if(wt(e.display)){const i=e.display,n=typeof i.component=="string"?i.component:void 0;return{version:1,component:n,role:Zr(n),layoutIntent:typeof i.layoutIntent=="string"?i.layoutIntent:void 0,defaultVisualization:typeof i.defaultVisualization=="string"?i.defaultVisualization:void 0,allowedVisualizations:Array.isArray(i.allowedVisualizations)?i.allowedVisualizations.filter(l=>typeof l=="string"):void 0,fieldHints:wt(i.fieldHints)?Object.fromEntries(Object.entries(i.fieldHints).filter(l=>typeof l[1]=="string")):void 0,insightTitle:e.title,trustState:typeof i.trustState=="string"?i.trustState:void 0,reviewStatus:typeof i.reviewStatus=="string"?i.reviewStatus:void 0,rationale:typeof i.rationale=="string"?i.rationale:void 0}}const r=(a=e.viz.options)==null?void 0:a.dqlGenUi;return wt(r)?{version:typeof r.version=="number"?r.version:void 0,component:typeof r.component=="string"?r.component:void 0,role:typeof r.role=="string"?r.role:void 0,layoutIntent:typeof r.layoutIntent=="string"?r.layoutIntent:void 0,defaultVisualization:typeof r.defaultVisualization=="string"?r.defaultVisualization:void 0,allowedVisualizations:Array.isArray(r.allowedVisualizations)?r.allowedVisualizations.filter(i=>typeof i=="string"):void 0,fieldHints:wt(r.fieldHints)?Object.fromEntries(Object.entries(r.fieldHints).filter(i=>typeof i[1]=="string")):void 0,insightTitle:typeof r.insightTitle=="string"?r.insightTitle:void 0,trustState:typeof r.trustState=="string"?r.trustState:void 0,reviewStatus:typeof r.reviewStatus=="string"?r.reviewStatus:void 0,sourceNodeId:typeof r.sourceNodeId=="string"?r.sourceNodeId:void 0,followUpActions:Array.isArray(r.followUpActions)?r.followUpActions.filter(i=>typeof i=="string"):void 0,rationale:typeof r.rationale=="string"?r.rationale:void 0}:null}function br(e,r){return{mode:"manual",component:e==="heading"?"NarrativePanel":"BusinessBrief",defaultVisualization:e,allowedVisualizations:[e],layoutIntent:e==="heading"?"wide":"standard",rationale:r?`Manual narrative tile for "${r}" on this app surface.`:"Manual narrative tile for this app surface.",trustState:"review_required",reviewStatus:"review_required"}}function Jr(e,r,a){var l,s,o,p,u,f,x,c,N;const i=zi([r,...((l=e.display)==null?void 0:l.allowedVisualizations)??[],...(a==null?void 0:a.allowedVisualizations)??[]]),n=((s=e.display)==null?void 0:s.component)??Ci(r);return{mode:((o=e.display)==null?void 0:o.mode)??(a?"ai_generated":e.block?"block_hint":"manual"),component:n,defaultVisualization:r,allowedVisualizations:i.length?i:[r],...(p=e.display)!=null&&p.fieldHints||a!=null&&a.fieldHints?{fieldHints:((u=e.display)==null?void 0:u.fieldHints)??(a==null?void 0:a.fieldHints)}:{},layoutIntent:Mi(((f=e.display)==null?void 0:f.layoutIntent)??(a==null?void 0:a.layoutIntent)),rationale:((x=e.display)==null?void 0:x.rationale)??(a==null?void 0:a.rationale)??"Visualization selected for this consumer surface.",trustState:lr(((c=e.display)==null?void 0:c.trustState)??(a==null?void 0:a.trustState)),reviewStatus:Oi(((N=e.display)==null?void 0:N.reviewStatus)??(a==null?void 0:a.reviewStatus))}}function zi(e){return Array.from(new Set(e.filter(r=>typeof r=="string"&&r.trim()).map(r=>r.trim())))}function Ci(e){return e==="single_value"||e==="kpi"||e==="gauge"?"KpiMetric":e==="line"||e==="area"?"TrendPanel":e==="bar"||e==="grouped_bar"||e==="stacked_bar"||e==="donut"||e==="pie"?"RankingPanel":e==="pivot"?"PivotTable":e==="text"||e==="heading"?"NarrativePanel":"EvidenceTable"}function Zr(e){return e==="BusinessBrief"?"business_summary":e==="KpiMetric"?"kpi":e==="TrendPanel"?"trend":e==="RankingPanel"?"breakdown":e==="TrustCallout"?"trust":e==="ResearchActions"?"research":e==="NarrativePanel"?"narrative":e?"evidence":void 0}function Ai(e){var s,o,p,u;if(Ie(e)||e.aiPin)return!1;const r=Ee(e),a=(r==null?void 0:r.component)??((s=e.display)==null?void 0:s.component),i=(r==null?void 0:r.role)??Zr(a),n=lr(String((r==null?void 0:r.trustState)??((o=e.display)==null?void 0:o.trustState)??"review_required"));if(a==="TrustCallout"||a==="ResearchActions"||i==="trust"||i==="research")return!0;if(a!=="NarrativePanel"&&a!=="BusinessBrief"||n==="certified")return!1;const l=[e.title,(p=e.text)==null?void 0:p.markdown,(u=e.display)==null?void 0:u.rationale,r==null?void 0:r.rationale,r==null?void 0:r.insightTitle].filter(Boolean).join(" ").toLowerCase();return/\b(draft ready|review-required|review required|missing evidence|missing proof|trust gap|research drilldown|promote to a certified block|generated review placeholder|generated section)\b/.test(l)}function Ni(e,r,a){const n=[...e.filter(l=>!Ii(l,r.get(l.i))&&!Pi(l,e,r)&&!Ti(l,e,r))].sort((l,s)=>{const o=yr(s,r.get(s.i),a)-yr(l,r.get(l.i),a);return o!==0?o:Ke(l,a)-Ke(s,a)});return kt(n,a)}function Ii(e,r){var n,l;if(!e.aiPin)return!1;const a=(n=r==null?void 0:r.aiPin)==null?void 0:n.certification,i=(l=r==null?void 0:r.aiPin)==null?void 0:l.reviewStatus;return a!=="certified"&&i!=="certified"}function Ti(e,r,a){if(!e.aiPin)return!1;const i=vr(e,a.get(e.i));if(!i)return!1;const n=r.findIndex(l=>l.i===e.i);return r.some((l,s)=>l.i===e.i||s>=n||!l.aiPin?!1:vr(l,a.get(l.i))===i)}function vr(e,r){const a=r==null?void 0:r.aiPin,i=a!=null&&a.analysisPlan&&typeof a.analysisPlan=="object"?a.analysisPlan:null,n=qt(a==null?void 0:a.question)||qt(e.title),l=qt(i==null?void 0:i.sourceBlockId),s=qt(i==null?void 0:i.sourceTileId),o=a!=null&&a.result?$i(a.result):"";return!n&&!l&&!s?"":[n,l,s,o].filter(Boolean).join("|")}function qt(e){return String(e??"").toLowerCase().replace(/[^a-z0-9]+/g," ").replace(/\s+/g," ").trim()}function $i(e){if(!e||typeof e!="object")return"";const r=e,a=Array.isArray(r.columns)?r.columns.map(n=>String(n).toLowerCase()).join(","):"",i=Array.isArray(r.rows)?r.rows.slice(0,8).map(n=>Gt(n)).join(";"):"";return a||i?`${a}:${i}`:""}function Gt(e){if(e==null)return"";if(typeof e!="object")return String(e);if(Array.isArray(e))return`[${e.map(Gt).join(",")}]`;const r=e;return`{${Object.keys(r).sort().map(a=>`${a}:${Gt(r[a])}`).join(",")}}`}function yr(e,r,a){var n,l,s,o,p;let i=0;return(n=e.parameterBindings)!=null&&n.length&&(i+=5e3),(s=(l=r==null?void 0:r.filters)==null?void 0:l.applied)!=null&&s.length&&(i+=4e3),(r==null?void 0:r.certificationStatus)==="certified"&&(i+=1800),Ie(e)&&(i+=900),(r==null?void 0:r.status)==="ok"&&((p=(o=r.result)==null?void 0:o.rows)!=null&&p.length)&&(i+=500),i-=Jt(e)*80,i-=Ke(e,a)/1e3,i}function Pi(e,r,a){var l;if((l=e.parameterBindings)!=null&&l.length||e.aiPin||!Ie(e))return!1;const i=a.get(e.i),n=i!=null&&i.result?qr(i.result):null;return n?r.some(s=>{if(s.i===e.i||!Ri(s,a.get(s.i)))return!1;const o=a.get(s.i),p=o!=null&&o.result?qr(o.result):null;return!!(p&&Bi(n,p))}):!1}function Ri(e,r){var a,i,n;return!!((a=e.parameterBindings)!=null&&a.length||(n=(i=r==null?void 0:r.filters)==null?void 0:i.applied)!=null&&n.length)}function qr(e){var s;const r=e.rows??[];if(!r.length)return null;const a=(s=e.columns)!=null&&s.length?e.columns:Object.keys(r[0]??{});if(!a.length)return null;const i=ir(a,r),n=nr(a,r),l=r[0];return{columns:a.map(o=>o.toLowerCase()).sort().join("|"),label:i?wr(l[i]):"",metric:(n==null?void 0:n.toLowerCase())??"",metricValue:n?wr(l[n]):""}}function Bi(e,r){return e.columns===r.columns&&e.label===r.label&&e.metric===r.metric&&e.metricValue===r.metricValue}function wr(e){return e==null?"":typeof e=="number"?Number.isFinite(e)?String(e):"":String(e).trim().toLowerCase().replace(/\s+/g," ")}function Li(e,r,a){var $,K,ee,Z;const i=e.map((B,H)=>({item:B,tile:r.get(B.i),index:H})).filter(B=>{var H,_;return((H=B.tile)==null?void 0:H.status)==="ok"&&!!B.tile.result&&Array.isArray((_=B.tile.result)==null?void 0:_.rows)&&B.tile.result.rows.length>0}).sort((B,H)=>{const _=jr(B.item,B.tile,B.index);return jr(H.item,H.tile,H.index)-_})[0];if(!(i!=null&&i.tile.result))return null;const n=i.tile.result,l=n.rows,s=n.columns??Object.keys(l[0]??{});if(!s.length)return null;const o=Ee(i.item),p=ir(s,l,($=o==null?void 0:o.fieldHints)==null?void 0:$.label),u=nr(s,l,((K=o==null?void 0:o.fieldHints)==null?void 0:K.value)??((ee=o==null?void 0:o.fieldHints)==null?void 0:ee.y)),f=l[0],x=l[1],c=p?Pe(f[p]):"The leading result",N=x&&p?Pe(x[p]):null,C=u?zr(f[u]):null,q=u&&x?zr(x[u]):null,h=u?Ei(u):null,T=_i(a),A=T.length?"under the selected app filters":"in the current dashboard view",G=i.item.title??i.tile.title??Ie(i.item)??"Dashboard result",P=n.rowCount??l.length,k=i.tile.certificationStatus==="certified"?"certified":lr(String(((Z=i.item.display)==null?void 0:Z.trustState)??(o==null?void 0:o.trustState)??"review_required")),R=h?`${Ce(h)} snapshot`:"Dashboard snapshot";let E;if(h&&C!==null){const B=`${c} leads ${h} with ${Pe(C)}`;if(N&&q!==null&&Number.isFinite(C-q)){const H=Math.abs(C-q);E=`${B}, ahead of ${N} by ${Pe(H)} ${A}.`}else E=`${B} ${A}.`}else E=`${G} returned ${P} ${P===1?"row":"rows"} ${A}.`;return{title:R,summary:E,sourceTitle:G,trust:k,filters:T,chips:[`${P} ${P===1?"row":"rows"}`,s.length?`${s.length} fields`:""].filter(Boolean)}}function jr(e,r,a){var o,p,u,f;const i=Ee(e),n=(i==null?void 0:i.component)??((o=e.display)==null?void 0:o.component),l=r.result;let s=1e3-a;return r.certificationStatus==="certified"&&(s+=500),Ie(e)&&(s+=180),(u=(p=r.filters)==null?void 0:p.applied)!=null&&u.length&&(s+=260),(f=e.parameterBindings)!=null&&f.length&&(s+=220),(n==="RankingPanel"||n==="EvidenceTable"||n==="KpiMetric")&&(s+=120),(e.viz.type==="table"||e.viz.type==="bar"||e.viz.type==="kpi")&&(s+=70),l&&nr(l.columns,l.rows)&&(s+=80),l&&ir(l.columns,l.rows)&&(s+=50),s}function ir(e,r,a){const i=Dr(e,a);return i||(e.find(n=>/\b(player|customer|account|team|segment|category|name|label|title|entity)\b/i.test(n))??e.find(n=>!Ue(n,r)&&!/\b(date|time|year|month|id)\b/i.test(n))??e.find(n=>!Ue(n,r)))}function nr(e,r,a){const i=Dr(e,a);return i&&Ue(i,r)?i:e.filter(n=>Ue(n,r)).sort((n,l)=>kr(n)-kr(l))[0]}function Dr(e,r){const a=r==null?void 0:r.toLowerCase().trim();if(a)return e.find(i=>{const n=i.toLowerCase();return n===a||n.includes(a)||a.includes(n)})}function kr(e){const r=e.toLowerCase();return/(total|revenue|amount|points|score|value|sales|arr|mrr)/.test(r)?1:/(count|orders|games|customers|rows|volume)/.test(r)?2:/(rate|pct|percent|ratio|margin|average|avg)/.test(r)?3:/(rank|position|index)/.test(r)?20:/(date|year|month|day|week|id)/.test(r)?90:30}function Ei(e){return Ce(e).toLowerCase()}function _i(e){return Object.entries(e).filter(([r,a])=>/^(smartView|persona|dashboardId|appId)$/i.test(r)||r.startsWith("__")||a==null||a===""||Array.isArray(a)&&a.length===0?!1:typeof a!="object"||Array.isArray(a)).slice(0,6).map(([r,a])=>({label:Ce(r),value:Array.isArray(a)?a.map(i=>Sr(r,i)).join(", "):Sr(r,a)}))}function Sr(e,r){const a=typeof r=="number"?r:typeof r=="string"&&r.trim()!==""?Number(r):NaN;return/(season|year)/i.test(e)&&Number.isInteger(a)&&a>=1900&&a<=2200?String(a):Pe(r)}function zr(e){if(typeof e=="number"&&Number.isFinite(e))return e;if(typeof e=="string"&&e.trim()!==""){const r=Number(e);return Number.isFinite(r)?r:null}return null}function Mi(e){return e==="compact"||e==="standard"||e==="wide"||e==="tall"||e==="full"||e==="auto"?e:"auto"}function lr(e){return e==="certified"||e==="draft_ready"||e==="review_required"?e:"review_required"}function Oi(e){return e==="certified"||e==="draft_ready"||e==="review_required"?e:"review_required"}function wt(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function Fi(e,r){const a=new Set([String(e.viz.type??"table"),...(r==null?void 0:r.allowedVisualizations)??[]]),i=Array.from(a).map(n=>De(n)).filter((n,l,s)=>s.indexOf(n)===l);return i.map(n=>ar.find(l=>l.value===n)??{value:n,label:Ce(n)}).filter(n=>n.value!=="table"||i.length===1||e.block)}function Wi(e){return e==="TrustCallout"?"linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,251,235,0.72))":e==="RankingPanel"||e==="TrendPanel"||e==="PivotTable"?"linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.86))":e==="BusinessBrief"?"var(--dql-app-surface, rgba(255,255,255,0.90))":"var(--dql-app-surface, var(--surface, rgba(255,255,255,0.84)))"}function Vi(e){return e==="line"||e==="area"?t.jsx(rr,{size:13,strokeWidth:2.2}):e==="pie"||e==="donut"?t.jsx(Ha,{size:13,strokeWidth:2.2}):e==="table"?t.jsx(Da,{size:13,strokeWidth:2.2}):t.jsx(Gr,{size:13,strokeWidth:2.2})}function Ce(e){return e.replace(/[_-]+/g," ").replace(/\b\w/g,r=>r.toUpperCase())}function Ur(e){switch(e.component){case"BusinessBrief":return"Business summary";case"KpiMetric":return"KPI";case"TrendPanel":return"Trend";case"RankingPanel":return"Ranking";case"EvidenceTable":return"Evidence";case"PivotTable":return"Pivot";case"TrustCallout":return"Trust";case"ResearchActions":return"Analysis";case"NarrativePanel":return"Narrative";default:return e.role?Ce(e.role):"Generated"}}function Hi(e,r){const a=new RegExp(`^###\\s*${Qi(r)}\\s*`,"i");return e.replace(a,"").replace(/\*\*Trust:\*\*.*$/gim,"").replace(/\*\*Review status:\*\*.*$/gim,"").replace(/\*\*Next actions:\*\*[\s\S]*$/im,"").replace(/\*\*Review tasks:\*\*[\s\S]*$/im,"").trim().split(/\n{2,}/).map(l=>l.trim()).find(Boolean)||"Generated app section pending analyst review."}function Ki(e,r,a){if(e.length===0)return;const i=a==null?void 0:a.toLowerCase();if(i){const n=e.find(l=>{const s=l.toLowerCase();return s===i||s.includes(i)||i.includes(s)});if(n)return n}return e.find(n=>/\b(name|label|title|dataset|table|block|player|customer|account)\b/i.test(n))??e.find(n=>!Ue(n,r))??e[0]}function Lt(e){const r=e.toLowerCase();return/(total|count|records|rows|volume)/.test(r)?1:/(rate|percent|pct|score|quality|freshness)/.test(r)?2:/(amount|revenue|arr|value)/.test(r)?3:/(date|time|season)/.test(r)?6:/(^|_)id($|_)/.test(r)?20:100}function Ue(e,r){const a=r.slice(0,8).map(i=>i[e]).filter(i=>i!=null&&i!=="");return a.length===0?!1:a.every(i=>typeof i=="number"||typeof i=="string"&&i.trim()!==""&&Number.isFinite(Number(i)))}function Pe(e){if(e==null||e==="")return"N/A";if(typeof e=="number")return Number.isFinite(e)?new Intl.NumberFormat("en-US",{maximumFractionDigits:2}).format(e):String(e);if(typeof e=="boolean")return e?"Yes":"No";const r=String(e),a=Number(r);return r.trim()!==""&&Number.isFinite(a)&&/^-?\d+(\.\d+)?$/.test(r.trim())?new Intl.NumberFormat("en-US",{maximumFractionDigits:2}).format(a):r.replace(/_/g," ")}function Qi(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function et(e){return{border:"1px solid var(--dql-app-line, var(--border-color, rgba(0,0,0,0.12)))",borderRadius:8,background:e?"var(--dql-app-accent-soft, var(--surface-hover, rgba(0,0,0,0.06)))":"var(--dql-app-surface, var(--surface, rgba(0,0,0,0.02)))",color:"inherit",padding:"7px 10px",cursor:"pointer",fontSize:12,fontWeight:720,display:"inline-flex",alignItems:"center",gap:6,minHeight:32}}function Gi(e){return{...et(e),width:34,height:34,padding:0,justifyContent:"center"}}const Yi={width:34,height:34,border:"1px solid var(--dql-app-accent, #4f46e5)",borderRadius:8,background:"var(--dql-app-accent-soft, rgba(79,70,229,0.12))",color:"var(--dql-app-accent, #4f46e5)",cursor:"pointer",display:"inline-flex",alignItems:"center",justifyContent:"center"},Xi={display:"flex",alignItems:"center",gap:6,marginBottom:10},Ji={marginBottom:12,color:"var(--dql-app-muted, var(--color-text-secondary, rgba(0,0,0,0.64)))",fontSize:12,lineHeight:1.45},ea={border:"1px solid var(--dql-app-line-2, var(--border-color, rgba(15,23,42,0.10)))",borderRadius:10,background:"linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.88))",boxShadow:"0 8px 24px rgba(15,23,42,0.05)",padding:14,marginBottom:12,display:"grid",gap:9},ta={display:"flex",alignItems:"flex-start",gap:10,minWidth:0},ra={width:30,height:30,borderRadius:8,background:"var(--dql-app-accent-soft, rgba(79,70,229,0.10))",color:"var(--dql-app-accent, #4f46e5)",display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},aa={fontSize:10.5,fontWeight:820,letterSpacing:0,textTransform:"uppercase",color:"var(--dql-app-muted, rgba(15,23,42,0.58))"},ia={margin:"2px 0 0",fontSize:15,lineHeight:1.25,fontWeight:820,color:"var(--dql-app-text, inherit)"},na={margin:0,fontSize:13.5,lineHeight:1.48,color:"var(--dql-app-muted, rgba(15,23,42,0.72))"},sr={display:"flex",alignItems:"center",gap:6,flexWrap:"wrap"},tt={border:"1px solid var(--dql-app-line, var(--border-color, rgba(15,23,42,0.10)))",borderRadius:999,background:"var(--dql-app-surface, rgba(255,255,255,0.78))",color:"var(--dql-app-muted, rgba(15,23,42,0.68))",padding:"3px 8px",fontSize:11,fontWeight:720,lineHeight:1.2,maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},la={...tt,color:"var(--dql-app-accent, #4f46e5)",borderColor:"rgba(79,70,229,0.22)",background:"var(--dql-app-accent-soft, rgba(79,70,229,0.08))"},Cr={border:"1px solid var(--dql-app-line-2, var(--border-color, rgba(15,23,42,0.14)))",borderRadius:8,background:"var(--dql-app-surface, var(--surface, #fff))",color:"var(--dql-app-text, var(--text-primary, #0f172a))",padding:"6px 10px",fontSize:11.5,fontWeight:720,cursor:"pointer"};function Zi(e){return{position:"fixed",right:24,top:76,bottom:24,zIndex:70,width:e?`min(${Kt}px, calc(100vw - 96px))`:`min(${za}px, calc(100vw - 64px))`,minWidth:0}}const Ar={width:"100%",boxSizing:"border-box",border:"1px solid var(--border-color, rgba(0,0,0,0.12))",borderRadius:6,background:"var(--surface, transparent)",color:"inherit",fontSize:12,padding:"8px 10px"},sa={border:"1px solid var(--accent, #4f46e5)",borderRadius:6,background:"var(--accent, #4f46e5)",color:"var(--color-text-on-accent, #fff)",padding:"7px 11px",cursor:"pointer",fontSize:12,fontWeight:700},Di={border:"none",borderRadius:6,background:"transparent",color:"inherit",padding:"9px 10px",cursor:"pointer",textAlign:"left",display:"grid",gap:2},Ui={border:"1px solid var(--border-color, rgba(0,0,0,0.10))",borderRadius:6,padding:8,background:"var(--color-bg, rgba(255,255,255,0.72))",display:"grid",gap:8,fontStyle:"normal"},en={display:"grid",gridTemplateColumns:"repeat(4, minmax(0, 1fr))",gap:6},Yt={display:"grid",gap:3,fontSize:10,fontWeight:700,opacity:.78},Xt={width:"100%",minWidth:0,boxSizing:"border-box",border:"1px solid var(--border-color, rgba(0,0,0,0.12))",borderRadius:5,background:"var(--surface, transparent)",color:"inherit",padding:"5px 6px",fontSize:11},tn={display:"grid",gap:6,border:"1px solid var(--border-color, rgba(0,0,0,0.08))",borderRadius:6,background:"var(--surface, rgba(248,250,252,0.62))",padding:8};function rn(e){return{border:"1px solid var(--accent, rgba(79,70,229,0.55))",background:e?"rgba(79,70,229,0.10)":"rgba(79,70,229,0.08)",color:"var(--accent, #4f46e5)",borderRadius:5,padding:"5px 7px",fontSize:11,fontWeight:750,display:"inline-flex",alignItems:"center",gap:5,cursor:e?"wait":"pointer",opacity:e?.72:1,whiteSpace:"nowrap"}}const oa={fontSize:11,lineHeight:1.35,color:"var(--dql-app-muted, rgba(15,23,42,0.68))"},an={...oa,color:"var(--error-color, #b91c1c)"},nn={border:"1px solid var(--border-color, rgba(0,0,0,0.10))",borderRadius:4,background:"var(--surface, rgba(0,0,0,0.02))",color:"inherit",padding:"2px 5px",fontSize:10,cursor:"pointer",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},ln={marginTop:7,display:"flex",flexWrap:"wrap",gap:5,alignItems:"center",minWidth:0},Te={display:"inline-flex",alignItems:"center",minHeight:18,borderRadius:999,border:"1px solid var(--border-color, rgba(15,23,42,0.10))",background:"rgba(148,163,184,0.10)",color:"var(--dql-app-muted, rgba(15,23,42,0.70))",padding:"2px 7px",fontSize:10,fontWeight:720,lineHeight:1.1};function sn(e){return{...Te,border:e?"1px solid rgba(22,163,74,0.26)":"1px solid rgba(217,119,6,0.28)",background:e?"rgba(22,163,74,0.10)":"rgba(245,158,11,0.12)",color:e?"#15803d":"#b45309",gap:4}}const on={display:"inline-flex",alignItems:"center",gap:2,padding:2,border:"1px solid var(--border-color, rgba(15,23,42,0.12))",borderRadius:6,background:"rgba(255,255,255,0.74)",flexShrink:0};function pn(e){return{width:24,height:24,border:"none",borderRadius:4,background:e?"var(--dql-app-accent, var(--accent, #4f46e5))":"transparent",color:e?"var(--color-text-on-accent, #fff)":"inherit",cursor:"pointer",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:0}}function dn(e){return{width:"100%",alignSelf:"stretch",overflow:"auto",display:"flex",flexDirection:"column",gap:10,fontStyle:"normal",opacity:1,lineHeight:1.45,borderRadius:6,padding:e?10:0,background:e?"rgba(245,158,11,0.08)":"transparent"}}function cn(e){return{width:30,height:30,borderRadius:7,display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,background:e?"rgba(245,158,11,0.14)":"rgba(79,70,229,0.10)",color:e?"#b45309":"var(--dql-app-accent, var(--accent, #4f46e5))"}}const un={...Te,background:"rgba(79,70,229,0.08)",color:"var(--dql-app-accent, var(--accent, #4f46e5))",border:"1px solid rgba(79,70,229,0.16)"},xn={width:"100%",alignSelf:"stretch",overflow:"auto",display:"flex",flexDirection:"column",gap:9,fontStyle:"normal",opacity:1,lineHeight:1.35},fn={display:"grid",gap:6},gn={display:"grid",gridTemplateColumns:"minmax(0, 1fr)",gap:7,alignItems:"start",border:"1px solid var(--border-color, rgba(15,23,42,0.09))",borderRadius:7,background:"rgba(255,255,255,0.56)",padding:"7px 8px"},hn={...Te,minHeight:16,borderRadius:5,padding:"1px 5px",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},mn={display:"grid",gap:1,minWidth:82,textAlign:"left",fontSize:10.5},bn={...Te,minHeight:18,background:"rgba(22,163,74,0.09)",border:"1px solid rgba(22,163,74,0.18)",color:"#15803d"},Et={width:24,height:24,borderRadius:5,border:"1px solid var(--border-color, rgba(0,0,0,0.12))",background:"var(--surface, rgba(255,255,255,0.72))",color:"inherit",cursor:"pointer",padding:0,display:"inline-flex",alignItems:"center",justifyContent:"center"},vn={width:26,height:26,borderRadius:6,border:"1px solid var(--border-color, rgba(0,0,0,0.12))",background:"var(--surface, rgba(255,255,255,0.72))",color:"inherit",cursor:"grab",padding:0,display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},yn={position:"absolute",top:"calc(100% + 6px)",right:0,zIndex:40,width:240,border:"1px solid var(--border-color, rgba(0,0,0,0.12))",borderRadius:8,background:"var(--color-bg, #fff)",boxShadow:"0 14px 38px rgba(0,0,0,0.16)",padding:6,display:"grid",gap:4},qn={border:"none",borderRadius:6,background:"transparent",color:"inherit",padding:"8px 9px",cursor:"pointer",textAlign:"left",display:"grid",gap:2};function wn(e){return{border:`1px solid ${e?"var(--accent, #4f46e5)":"var(--border-color, rgba(0,0,0,0.12))"}`,borderRadius:999,background:e?"var(--color-bg-active, rgba(79,70,229,0.12))":"var(--surface, rgba(0,0,0,0.02))",color:e?"var(--accent, #4f46e5)":"inherit",padding:"4px 8px",fontSize:11,fontWeight:e?750:600,cursor:"pointer"}}const Nr={border:"1px solid var(--border-color, rgba(0,0,0,0.12))",borderRadius:4,background:"var(--surface, rgba(0,0,0,0.02))",color:"inherit",padding:"3px 7px",cursor:"pointer",fontSize:11};function or(e,r){const a=ct(e);return a==="heading"?Ne("wide",r,"heading"):a==="text"?Ne("standard",r,"text"):Ne(a==="single_value"||a==="kpi"||a==="gauge"?"compact":a==="table"||a==="pivot"?"tall":a==="line"||a==="area"?"wide":"standard",r,a)}function pr(e,r){const a=Ee(e),i=Sn(a==null?void 0:a.layoutIntent);return i&&i!=="auto"?Ne(i,r,String(e.viz.type??"table")):or(ct(String(e.viz.type??"table")),r)}function jn(e,r){return e.viz.type==="heading"?90:(r==null?void 0:r.component)==="BusinessBrief"||(r==null?void 0:r.component)==="NarrativePanel"||e.viz.type==="text"?180:(r==null?void 0:r.component)==="TrustCallout"||(r==null?void 0:r.component)==="ResearchActions"?210:(r==null?void 0:r.component)==="EvidenceTable"||(r==null?void 0:r.component)==="PivotTable"?330:(r==null?void 0:r.component)==="KpiMetric"?150:Math.max(280,Math.min(420,e.h*76))}function Ne(e,r,a="table"){const i=Math.max(1,r),n=Math.max(1,Math.ceil(i/2)),l=Math.max(1,Math.ceil(i/3));return e==="auto"?or(a,i):e==="compact"?{w:l,h:2}:e==="wide"?{w:i,h:a==="heading"?1:4}:e==="tall"?{w:n,h:6}:e==="full"?{w:i,h:7}:{w:n,h:a==="text"?2:4}}function pa(e,r,a){const i=String(e.viz.type??"table"),n=a==="auto"?pr(e,r):Ne(a,r,i);return{w:n.w,h:n.h,x:Ct(e.x,0,Math.max(0,r-n.w))}}function kn(e,r,a){const i=a==="auto"?pr(e,r):Ne(a,r,String(e.viz.type??"table"));return e.w===i.w&&e.h===i.h}function Sn(e){return e==="auto"||e==="compact"||e==="standard"||e==="wide"||e==="tall"||e==="full"?e:null}function _t(e,r={w:6,h:3}){return{x:0,y:e.layout.items.reduce((i,n)=>Math.max(i,n.y+n.h),0),w:r.w,h:r.h}}function Mt(e,r){const a=r.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||"tile",i=new Set(e.layout.items.map(n=>n.i));if(!i.has(a))return a;for(let n=2;n<1e3;n++){const l=`${a}-${n}`;if(!i.has(l))return l}return`${a}-${Date.now()}`}function kt(e,r){const a=Math.max(1,r),i=[],n=(s,o,p,u)=>{for(let f=0;f<u;f++){const x=i[o+f];if(x){for(let c=0;c<p;c++)if(x[s+c])return!1}}return!0},l=(s,o,p,u)=>{for(let f=0;f<u;f++){const x=o+f;i[x]||(i[x]=new Array(a).fill(!1));for(let c=0;c<p;c++)i[x][s+c]=!0}};return e.map(s=>{const o=Ct(Math.round(s.w||1),1,a),p=Math.max(1,Math.round(s.h||1));let u=0,f=0;e:for(let x=0;;x++)for(let c=0;c+o<=a;c++)if(n(c,x,o,p)){u=c,f=x;break e}return l(u,f,o,p),{...s,x:u,y:f,w:o,h:p}})}function zn(e,r,a){const i=e.filter(s=>s.i!==r.i).sort((s,o)=>Ke(s,a)-Ke(o,a)),n=Ke(r,a),l=i.findIndex(s=>Ke(s,a)>n);return l===-1?[...i,r]:[...i.slice(0,l),r,...i.slice(l)]}function Ke(e,r){return e.y*r+e.x}function Jt(e){const r=Ee(e);if((r==null?void 0:r.role)==="business_summary")return 0;if((r==null?void 0:r.role)==="kpi")return 1;if((r==null?void 0:r.component)==="RankingPanel"||(r==null?void 0:r.component)==="TrendPanel")return 2;if((r==null?void 0:r.component)==="EvidenceTable"||(r==null?void 0:r.component)==="PivotTable")return 3;if((r==null?void 0:r.component)==="TrustCallout"||(r==null?void 0:r.component)==="ResearchActions")return 4;if((r==null?void 0:r.role)==="narrative")return 5;const a=ct(String(e.viz.type??"table"));return a==="heading"?0:a==="single_value"||a==="kpi"||a==="gauge"?1:a==="line"||a==="area"||a==="bar"||a==="pie"||a==="funnel"||a==="map"?2:a==="table"||a==="pivot"?3:a==="text"?4:2}function ct(e){const r=(e??"table").toLowerCase().replace(/-/g,"_");return r==="single_value"||r==="kpi"||r==="gauge"||r==="line"||r==="bar"||r==="area"||r==="pie"||r==="donut"||r==="grouped_bar"||r==="stacked_bar"||r==="scatter"||r==="heatmap"||r==="histogram"||r==="waterfall"||r==="pivot"||r==="map"||r==="funnel"||r==="sankey"||r==="heading"||r==="text"?r:"table"}function Ct(e,r,a){return Math.min(a,Math.max(r,e))}function Cn({app:e}){var o,p;const{state:r,dispatch:a}=Nt(),[i,n]=d.useState(!1),l=d.useRef(null);d.useEffect(()=>{if(!i)return;const u=f=>{var x;(x=l.current)!=null&&x.contains(f.target)||n(!1)};return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[i]);const s=r.activePersona?`${r.activePersona.displayName??r.activePersona.userId} [${r.activePersona.roles.join(", ")}]`:"View as: Owner";return!e||e.members.length===0?t.jsx("span",{style:{fontSize:12,opacity:.6},children:s}):t.jsxs("div",{ref:l,style:{position:"relative"},children:[t.jsxs("button",{onClick:()=>n(u=>!u),style:{padding:"6px 12px",fontSize:12,background:"var(--surface, rgba(0,0,0,0.04))",border:"1px solid var(--border-color, rgba(0,0,0,0.1))",borderRadius:6,cursor:"pointer",color:"inherit",display:"inline-flex",alignItems:"center",gap:6},"aria-haspopup":"menu","aria-expanded":i,children:[t.jsx("span",{style:{fontSize:11,opacity:.65},children:"View as:"}),t.jsx("span",{style:{fontWeight:600},children:((o=r.activePersona)==null?void 0:o.displayName)??((p=r.activePersona)==null?void 0:p.userId)??"Owner"}),r.activePersona&&t.jsxs("span",{style:{fontSize:11,opacity:.7},children:["[",r.activePersona.roles.join(", "),"]"]}),t.jsx("span",{style:{fontSize:10,opacity:.6},children:"▾"})]}),i&&t.jsxs("div",{role:"menu",style:{position:"absolute",top:"100%",right:0,marginTop:4,minWidth:240,background:"var(--surface-elevated, #fff)",border:"1px solid var(--border-color, rgba(0,0,0,0.12))",borderRadius:6,boxShadow:"0 4px 12px rgba(0,0,0,0.08)",zIndex:50},children:[t.jsxs("button",{role:"menuitem",onClick:async()=>{await J.clearPersona(),a({type:"SET_ACTIVE_PERSONA",persona:null}),n(!1)},style:Ir(r.activePersona===null),children:[t.jsx("div",{style:{fontWeight:500},children:"Owner (local)"}),t.jsx("div",{style:{fontSize:11,opacity:.65},children:"Default — no RLS narrowing"})]}),t.jsx("div",{style:{height:1,background:"var(--border-color, rgba(0,0,0,0.08))",margin:"4px 0"}}),e.members.map(u=>{var f;return t.jsxs("button",{role:"menuitem",onClick:async()=>{const x=await J.setPersona(u.userId,e.id);a({type:"SET_ACTIVE_PERSONA",persona:x}),n(!1)},style:Ir(((f=r.activePersona)==null?void 0:f.userId)===u.userId),children:[t.jsx("div",{style:{fontWeight:500},children:u.displayName??u.userId}),t.jsxs("div",{style:{fontSize:11,opacity:.65},children:["[",u.roles.join(", "),"]",u.attributes&&Object.keys(u.attributes).length>0?` · ${Object.entries(u.attributes).map(([x,c])=>`${x}=${c}`).join(", ")}`:""]})]},u.userId)})]})]})}function Ir(e){return{display:"block",width:"100%",textAlign:"left",padding:"8px 12px",background:e?"var(--surface-hover, rgba(0,0,0,0.06))":"transparent",border:"none",cursor:"pointer",color:"inherit",fontSize:13}}function Tr(e){if(!e)return[];const r=new Map;for(const i of e.filters??[])An(i)&&r.set(i.id,{...i});const a=i=>{var n,l;return((n=i.block)==null?void 0:n.blockId)??((l=i.block)==null?void 0:l.ref)};for(const i of e.layout.items??[]){const n=a(i);for(const l of i.filterBindings??[]){const s=l.mode??(l.binding?"predicate":void 0);if(!n||s!=="predicate"||!l.binding||l.unsupportedReason)continue;const o=r.get(l.filter);o&&(o.bindsTo||(o.bindsTo=l.binding),o.sourceBlockId||(o.sourceBlockId=n))}for(const l of i.parameterBindings??[]){const s=l.filter||l.field||l.param;s&&(r.has(s)||In(r,l)||r.set(s,Nn(l)))}}return Array.from(r.values())}function An(e){var r;return!(e.type==="select"&&!((r=e.options)!=null&&r.length)&&e.default===void 0)}function Nn(e){const r=e.filter||e.field||e.param;return{id:r,type:Tn(r,e.parameterType),default:e.default??da(r),bindsTo:e.param}}function In(e,r){return Array.from(e.values()).some(a=>r.filter&&a.id===r.filter||r.field&&a.bindsTo===r.field?!0:!!(r.param&&a.bindsTo===r.param))}function Tn(e,r){return r==="number"||r==="number[]"?"number":r==="boolean"?"boolean":r==="date"||r==="date[]"?"date":/(_at$|_date$|_time$|_ts$|date|time|day|week|month|quarter|period)/i.test(e)?"daterange":/(top[_-]?n|limit|count|number|year|season)/i.test(e)?"number":"string"}function da(e){const r=e.toLowerCase();return/(top[_-]?n|limit)/.test(r)?5:/(season|year).*start|start.*(season|year)/.test(r)?2016:/(season|year).*end|end.*(season|year)/.test(r)?2017:""}const $n=d.lazy(()=>Ut(()=>import("./UnifiedAgentRunPanel-BlWAVEwO.js").then(e=>e.c),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.UnifiedAgentRunPanel}))),Pn=d.lazy(()=>Ut(()=>import("./AgentAnswerCard-CpL2kDCV.js").then(e=>e.A),__vite__mapDeps([4,1,2,3,5,6,7,8,9,10])).then(e=>({default:e.StructuredAnswerText}))),Ot=new Map,ca="Build an analytics app from my certified DQL blocks and available warehouse tables.",ua=[{title:"Revenue story",domain:"Revenue",prompt:"Build a weekly revenue health app for the COO with risk flags."},{title:"Customer 360",domain:"Customer",prompt:"Customer 360: value, engagement, retention, orders, and service risk by segment."},{title:"Quality monitor",domain:"Platform",prompt:"Build a data quality monitor with freshness, failing tests, null rates, and model risk notes."},{title:"Experiment Readout",domain:"Product",prompt:"Create an experiment readout for product leadership with outcome, guardrails, and decision checklist."}],Rn=[{id:"match",title:"Find blocks",description:"Search certified blocks, terms, views, and lineage."},{id:"story",title:"Shape story",description:"Order the app around the business decision."},{id:"draft",title:"Draft gaps",description:"Keep missing sections visible as draft work instead of hiding them."}],Bn={all:"All",mine:"Mine",shared:"Shared",fav:"Favourites"};function Ln(e){return e==="obsidian"||e==="dark"||e==="midnight"?"obsidian":e==="white"||e==="arctic"?"white":"paper"}function is(){const{state:e,dispatch:r}=Nt(),a=d.useMemo(()=>Ln(e.themeMode),[e.themeMode]),[i,n]=d.useState(()=>e.activeAppId?"workspace":"library"),l=e.activeAppExperience,s=e.activeAppSection,o=g=>{r({type:"SET_APP_WORKSPACE_STATE",experience:g})},p=g=>{r({type:"SET_APP_WORKSPACE_STATE",section:g})},[u,f]=d.useState(""),[x,c]=d.useState("all"),[N,C]=d.useState(()=>new Set),[q,h]=d.useState(null),[T,A]=d.useState(null),[G,P]=d.useState(!1),[k,R]=d.useState("ai"),[E,$]=d.useState(ca),[K,ee]=d.useState("Business Analytics"),[Z,B]=d.useState(""),H=d.useMemo(()=>wa(e.authoredDomains),[e.authoredDomains]),[_,pe]=d.useState("analytics"),[I,de]=d.useState([]),[je,F]=d.useState(!1),[le,Q]=d.useState(()=>new Set),[xe,D]=d.useState(null),[W,ce]=d.useState(null),[se,ve]=d.useState(new Set),[fe,me]=d.useState(!1),[ie,m]=d.useState(null),[L,Y]=d.useState(!1),[X,ge]=d.useState(!1),[v,U]=d.useState(""),[ye,te]=d.useState(null),[be,ne]=d.useState({}),[ae,ke]=d.useState({}),[V,re]=d.useState(!1),[S,O]=d.useState(!1),Ve=d.useCallback(g=>{re(g),g||O(!1)},[]),[qe,ut]=d.useState(0),xt=d.useRef(0);d.useEffect(()=>{let g=!1;return r({type:"SET_APPS_LOADING",loading:!0}),J.listApps().then(y=>{g||(r({type:"SET_APPS",apps:y}),r({type:"SET_APPS_LOADING",loading:!1}))}),()=>{g=!0}},[r]),d.useEffect(()=>{J.getPersona().then(g=>r({type:"SET_ACTIVE_PERSONA",persona:g}))},[r]),d.useEffect(()=>{if(i!=="create")return;let g=!1;return F(!0),J.recommendAppBlocks({domain:Z||void 0,purpose:E,audience:"stakeholder",certifiedOnly:!0}).then(y=>{g||de(y)}).finally(()=>{g||F(!1)}),()=>{g=!0}},[i,k,Z,E]),d.useEffect(()=>{if(!e.activeAppId||i!=="workspace"){h(null),A(null);return}let g=!1;return P(!0),J.getApp(e.activeAppId).then(y=>{g||h(y)}),e.activeDashboardId?J.getDashboard(e.activeAppId,e.activeDashboardId).then(y=>{g||A(y)}).finally(()=>{g||P(!1)}):(A(null),P(!1)),()=>{g=!0}},[e.activeAppId,e.activeDashboardId,i]);const rt=d.useMemo(()=>JSON.stringify(Tr((T==null?void 0:T.dashboard)??null)),[T==null?void 0:T.dashboard]),_e=d.useMemo(()=>Tr((T==null?void 0:T.dashboard)??null),[T==null?void 0:T.dashboard,rt]);d.useEffect(()=>{const g=_e;ne(y=>{const z={};for(const oe of g)z[oe.id]=y[oe.id]??st(oe);return Pr(y,z)?y:z}),ke(y=>{const z={};for(const oe of g)z[oe.id]=y[oe.id]??st(oe);return Pr(y,z)?y:z})},[T==null?void 0:T.dashboard.id,rt,_e]);const Ye=async(g,y,z,oe)=>{r({type:"SET_APPS_LOADING",loading:!0});const Re=await J.listApps();r({type:"SET_APPS",apps:Re}),r({type:"SET_APPS_LOADING",loading:!1}),g&&r({type:"OPEN_APP",appId:g,dashboardId:y,...oe}),n(z)},ft=d.useMemo(()=>{const g=u.trim().toLowerCase();return e.apps.filter(y=>x==="mine"&&(y.storage??"shared")!=="mine"||x==="shared"&&(y.storage??"shared")!=="shared"||x==="fav"&&!N.has(y.id)?!1:g?[y.name,y.description??"",y.domain,y.audience??"",y.lifecycle??"",...y.tags??[],...y.owners??[],...y.dashboards.map(oe=>oe.title)].join(" ").toLowerCase().includes(g):!0)},[N,x,u,e.apps]),Xe=d.useMemo(()=>e.apps.find(g=>g.id===e.activeAppId)??null,[e.apps,e.activeAppId]),Tt=d.useCallback(g=>{h(y=>y&&{...y,investigations:g})},[]),$t=(g,y="view")=>{r({type:"OPEN_APP",appId:g.id,experience:y,section:"dashboards"}),n("workspace")},Pt=(g=E,y)=>{R("ai"),$(g),B(ka(y,e.authoredDomains)),Q(new Set),m(null),D(null),ce(null),n("create"),ut(z=>z+1)},gt=()=>{R("classic"),m(null),D(null),ce(null),n("create")},ht=g=>{Q(y=>{const z=new Set(y);return z.has(g)?z.delete(g):z.add(g),z})},Je=async g=>{var cr;const y=Array.isArray(g)?g.filter(ma=>typeof ma=="string"):[],z=E.trim();if(!z){m("Describe the app you want to build.");return}Y(!0),m(null);const oe=Array.from(k==="classic"?le:new Set([...Array.from(le),...y])),Re=await J.proposeAppAiBuild({prompt:z,domain:Z.trim()||void 0,owner:_.trim()||void 0,force:!1,selectedBlockIds:oe,plannerMode:"ai_assisted"});if(Y(!1),!Re.ok){m(Re.error),Re.session&&ce(Re.session);return}const Ze=Re.session;ce(Ze),D(null),ve(Ze.proposal?$a(Ze.proposal):new Set);const bt=(cr=Ze.plan)==null?void 0:cr.name;bt&&ee(bt)};d.useEffect(()=>{i!=="create"||k!=="ai"||qe===0||xt.current===qe||(xt.current=qe,Je())},[i,k,qe]);const at=g=>{Q(y=>{const z=new Set(y);return z.add(g),z}),Je([g])},Rt=g=>{ve(y=>{const z=new Set(y);return z.has(g)?z.delete(g):z.add(g),z})},mt=async()=>{var oe;if(!W||W.status!=="proposed")return;me(!0),m(null);const g=await J.commitAppAiBuild(W.id,{selectedTileIds:Array.from(se),expectedProposalHash:W.proposalHash});if(me(!1),!g.ok){m(g.error);return}const y=g.session;ce(y);const z={ok:!0,plan:y.plan,validation:y.validation,generated:{paths:y.generatedPaths},app:g.app,dashboardId:g.dashboardId};D(z),re(!0),await Ye(((oe=g.app)==null?void 0:oe.id)??z.plan.appId,g.dashboardId,"workspace",{experience:"view",section:"dashboards"})},b=async()=>{if(!K.trim()){m("Name the app before creating it.");return}if(!Z.trim()){m("Choose a domain before creating the app.");return}Y(!0),m(null);try{const g=await J.createApp({name:K.trim(),domain:Z.trim(),dashboardTitle:"Overview",purpose:E.trim(),audience:"stakeholder",visibility:"shared",lifecycle:"draft",tags:["app-builder",Z.trim().toLowerCase()],owners:[_.trim()||"owner@local"],selectedBlockIds:Array.from(le)});await Ye(g.app.id,g.dashboardId,"workspace",{experience:"build",section:"dashboards"})}catch(g){m(g instanceof Error?g.message:String(g))}finally{Y(!1)}},j=()=>{var y;const g=((y=xe==null?void 0:xe.app)==null?void 0:y.id)??(xe==null?void 0:xe.plan.appId);g&&(r({type:"OPEN_APP",appId:g,dashboardId:(xe==null?void 0:xe.dashboardId)??void 0,experience:"build",section:"dashboards"}),n("workspace"))},w=async()=>{if(!e.activeAppId)return;const g=v.trim();if(!g){te("Enter a dashboard page name.");return}te(null);const y=await J.createAppDashboard(e.activeAppId,{title:g});if(!y.ok){te(y.error);return}ge(!1),U(""),r({type:"OPEN_APP",appId:e.activeAppId,dashboardId:y.dashboard.id,experience:l,section:s}),await Ye(e.activeAppId,y.dashboard.id,"workspace")},M=d.useMemo(()=>({...ae}),[ae]),ue=d.useCallback((g,y)=>{ne(z=>({...z,[g.id]:rl(g,y)}))},[]),Se=d.useCallback(()=>{ke({...be})},[be]),$e=d.useCallback(()=>{const g=Object.fromEntries(_e.map(y=>[y.id,st(y)]));ne(g),ke(g)},[_e]);return t.jsxs("div",{className:`dql-apps-waterline dql-apps-theme-${a}`,children:[t.jsx("style",{children:Ol}),i==="library"?t.jsx(En,{apps:ft,allApps:e.apps,loading:e.appsLoading,search:u,filter:x,favorites:N,onSearch:f,onFilter:c,onToggleFavorite:g=>{C(y=>{const z=new Set(y);return z.has(g)?z.delete(g):z.add(g),z})},onStartAi:g=>Pt(g),onStartClassic:gt,onOpenApp:$t}):i==="create"?t.jsx(Mn,{mode:k,appName:K,prompt:E,domain:Z,domainOptions:H,owner:_,promptExamples:ua,catalog:I,catalogLoading:je,selectedBlocks:le,generated:xe,buildSession:W,proposalSelection:se,committing:fe,themeMode:e.themeMode,onToggleProposalTile:Rt,onCommitProposal:()=>void mt(),onAddBlock:at,saving:L,error:ie,onBack:()=>n("library"),onModeChange:g=>{R(g),g==="ai"&&Q(new Set)},onAppNameChange:ee,onPromptChange:$,onDomainChange:B,onOwnerChange:pe,onToggleBlock:ht,onBuild:()=>k==="ai"?void Je():void b(),onOpenGenerated:j}):t.jsx(On,{app:Xe,appDoc:q,dashboardDoc:T,loading:G,experience:l,section:s,explainOpen:V,explainExpanded:S,dashboardFilters:_e,dashboardFilterValues:be,themeMode:e.themeMode,variables:M,onBack:()=>n("library"),onExperienceChange:o,onSectionChange:p,onDashboardFilterChange:ue,onApplyDashboardFilters:Se,onResetDashboardFilters:$e,onExplainChange:Ve,onExplainExpandedChange:O,onAddPage:()=>ge(!0),onOpenDashboard:g=>r({type:"OPEN_DASHBOARD",dashboardId:g}),onDashboardChanged:g=>{A(y=>y&&{...y,dashboard:g}),Ye(e.activeAppId,g.id,"workspace")},onInvestigationsChanged:Tt,onOpenLineageNode:g=>{r({type:"OPEN_LINEAGE_DETAIL",nodeId:g,returnTo:e.activeAppId?{view:"apps",appId:e.activeAppId,dashboardId:e.activeDashboardId,label:Xe==null?void 0:Xe.name,experience:l,section:s}:null})}}),X&&t.jsx(Bl,{title:v,error:ye,onChange:U,onCancel:()=>{ge(!1),te(null)},onCreate:()=>void w()})]})}function En({apps:e,allApps:r,loading:a,search:i,filter:n,favorites:l,onSearch:s,onFilter:o,onToggleFavorite:p,onStartAi:u,onStartClassic:f,onOpenApp:x}){const c=El(r,l),[N,C]=d.useState(ca),q=()=>{const h=N.trim();h&&u(h)};return t.jsxs("main",{className:"dql-apps-wrap",children:[t.jsxs("section",{className:"dql-apps-createhead",children:[t.jsx("h1",{children:"Build an app"}),t.jsx("p",{children:"One request. DQL finds certified blocks, binds filters, and opens a stakeholder-ready app."})]}),t.jsxs("section",{className:"dql-apps-composer","aria-label":"Build an app with AI",children:[t.jsx("textarea",{value:N,onChange:h=>C(h.target.value),rows:2,"aria-label":"App build request",placeholder:"Build an EMEA revenue app for the CFO…",onKeyDown:h=>{h.key==="Enter"&&!h.shiftKey&&(h.preventDefault(),q())}}),t.jsxs("div",{className:"dql-apps-composer-row",children:[t.jsxs("span",{className:"dql-apps-composer-chip",children:[t.jsx(Fe,{size:11})," Certified blocks first"]}),t.jsx("i",{}),t.jsxs("button",{type:"button",className:"dql-apps-composer-blank",onClick:f,children:[t.jsx(Ge,{size:12})," Create blank"]}),t.jsx("button",{type:"button",className:"dql-apps-composer-send",onClick:q,disabled:!N.trim(),title:"Build",children:t.jsx(ja,{size:15,strokeWidth:2})})]})]}),t.jsxs("div",{className:"dql-apps-try",children:[t.jsx("span",{children:"Try:"}),ua.slice(0,3).map(h=>t.jsx("button",{type:"button",onClick:()=>C(h.prompt),children:h.title},h.title))]}),t.jsxs("div",{className:"dql-apps-sectionhead",children:[t.jsx("span",{children:"App library"}),t.jsx("i",{}),t.jsxs("b",{children:[r.length," app",r.length===1?"":"s"]})]}),t.jsxs("div",{className:"dql-apps-libbar",children:[t.jsx("div",{className:"dql-apps-filter-tabs",children:["all","mine","shared","fav"].map(h=>t.jsxs("button",{className:n===h?"on":"",onClick:()=>o(h),children:[Bn[h]," ",t.jsx("span",{children:c[h]})]},h))}),t.jsxs("label",{className:"dql-apps-search",children:[t.jsx(Le,{size:15,strokeWidth:2,"aria-hidden":"true"}),t.jsx("input",{value:i,onChange:h=>s(h.target.value),placeholder:"Search apps, domains, owners..."})]})]}),a&&r.length===0?t.jsx(we,{title:"Loading Apps...",detail:"Reading local app files from this DQL project."}):e.length===0?t.jsx(we,{title:"No Apps match this view.",detail:"Change the filter or start a new App above."}):t.jsx("div",{className:"dql-apps-grid",children:e.map(h=>t.jsx(_n,{app:h,favorite:l.has(h.id),onToggleFavorite:()=>p(h.id),onOpen:()=>x(h,"view"),onEdit:()=>x(h,"build")},h.id))})]})}function _n({app:e,favorite:r,onToggleFavorite:a,onOpen:i,onEdit:n}){var f,x;const l=e.certification==="certified"||e.lifecycle==="certified",s=((f=e.drafts)==null?void 0:f.length)??0,o=e.investigations??0,p=e.aiPins??0,u=l?"Certified app":s>0||o>0||p>0?"Review needed":"Draft app";return t.jsxs("article",{className:"dql-app-card",children:[t.jsxs("div",{className:"dql-app-card-body",onClick:i,role:"button",tabIndex:0,children:[t.jsxs("div",{className:"dql-app-card-top",children:[t.jsx("span",{className:"dql-app-eyebrow",children:e.domain||"Domain"}),t.jsx("button",{type:"button",className:`dql-app-star ${r?"on":""}`,onClick:c=>{c.stopPropagation(),a()},"aria-label":r?"Remove favourite":"Add favourite",children:t.jsx(_a,{size:14,strokeWidth:1.8})})]}),t.jsx(Oe,{tone:l?"certified":s>0?"draft":"agentic",children:l?"certified":s>0?"mixed":e.lifecycle??"draft"}),t.jsx("h3",{children:e.name}),t.jsx("p",{children:fa(e.description||`${e.name} consumption surface for ${e.domain}.`)}),t.jsxs("div",{className:"dql-app-card-mini",children:[t.jsx(Ht,{label:"Pages",value:String(e.dashboards.length)}),t.jsx(Ht,{label:"Books",value:String(((x=e.notebooks)==null?void 0:x.length)??0)}),t.jsx(Ht,{label:"Drafts",value:String(s)})]}),t.jsxs("div",{className:"dql-app-card-signals",children:[t.jsxs("span",{children:[t.jsx(Fe,{size:13})," ",u]}),t.jsxs("span",{children:[t.jsx(Le,{size:13})," ",o," analysis"]}),t.jsxs("span",{children:[t.jsx(Be,{size:13})," ",p," local insights"]})]})]}),t.jsxs("div",{className:"dql-app-card-depth",children:[t.jsx("span",{children:_l(e)}),t.jsxs("button",{type:"button",className:"dql-app-card-act",onClick:i,title:"View app",children:[t.jsx(Mr,{size:12})," View"]}),t.jsxs("button",{type:"button",className:"dql-app-card-act",onClick:n,title:"Edit app",children:[t.jsx(Kr,{size:12})," Edit"]})]})]})}function Mn({mode:e,appName:r,prompt:a,domain:i,domainOptions:n,owner:l,promptExamples:s,catalog:o,catalogLoading:p,selectedBlocks:u,generated:f,buildSession:x,proposalSelection:c,committing:N,themeMode:C,onToggleProposalTile:q,onCommitProposal:h,saving:T,error:A,onBack:G,onModeChange:P,onAppNameChange:k,onPromptChange:R,onDomainChange:E,onOwnerChange:$,onToggleBlock:K,onBuild:ee,onOpenGenerated:Z,onAddBlock:B}){var se,ve,fe,me,ie,m,L,Y,X,ge;const[H,_]=d.useState(!1),[pe,I]=d.useState(""),de=o.filter(v=>u.has(v.id)),je=i.trim()||"Auto domain",F=l.trim()||"Local owner",le=(x==null?void 0:x.status)==="proposed"?x.proposal:void 0,Q=(f==null?void 0:f.plan)??(x==null?void 0:x.plan)??Ll(r,a,i,l,de),D=(((se=Q.pages[0])==null?void 0:se.tiles)??[]).filter(Jn),W=(x==null?void 0:x.warnings)??[],ce=Zn(Q);if(e==="ai"){const v=(le==null?void 0:le.tiles)??[],U=v.filter(S=>S.certification==="certified").length,ye=v.filter(S=>S.certification==="reviewed_semantic").length,te=v.filter(S=>c.has(S.id)).length,be=new Set(v.map(S=>S.blockId).filter(Boolean)),ne=pe.trim().toLowerCase(),ae=o.filter(S=>!be.has(S.id)&&(!ne||S.name.toLowerCase().includes(ne)||(S.description??"").toLowerCase().includes(ne))),ke=((ve=Q.globalFilters)!=null&&ve.length?Q.globalFilters:((fe=Q.pages[0])==null?void 0:fe.filters)??[]).slice(0,4),V=S=>{const O=S.toLowerCase();return O.includes("kpi")||O.includes("metric")||O.includes("single")?"Σ":O.includes("table")?"▤":"▦"},re=S=>{const O=S.toLowerCase();return O.includes("kpi")||O.includes("single")?"KPI":O.includes("table")?"Table":O.includes("line")?"Line chart":O.includes("bar")?"Bar chart":S?S.charAt(0).toUpperCase()+S.slice(1):"Auto"};return t.jsx("div",{className:"dql-app-flow-scroll",children:t.jsxs("div",{className:"dql-app-flow",children:[t.jsxs("div",{className:"dql-app-flow-head",children:[t.jsx("h2",{children:"Build an app"}),t.jsx("p",{children:"One request. DQL finds certified blocks, binds filters, and opens a stakeholder-ready app."})]}),t.jsx("div",{className:"dql-app-flow-bubble",children:a}),T?t.jsxs("div",{className:"dql-app-buildstream",children:[t.jsx("span",{className:"dql-app-buildorb",children:t.jsx(Be,{size:14})}),t.jsxs("div",{className:"dql-app-buildbody",children:[t.jsx("span",{className:"dql-app-shimmer",children:"Finding certified blocks…"}),t.jsxs("div",{className:"dql-app-buildsteps",children:[t.jsxs("span",{style:{animationDelay:"0.2s"},children:[t.jsx(lt,{size:11,className:"ok"}),"Matched domain ",t.jsx("code",{children:je.toLowerCase()})]}),t.jsxs("span",{style:{animationDelay:"0.8s"},children:[t.jsx(lt,{size:11,className:"ok"}),"Scanning certified blocks and semantic metrics"]}),t.jsxs("span",{style:{animationDelay:"1.4s"},children:[t.jsx("i",{className:"dot"}),"Detecting app filters from block parameters…"]})]})]})]}):null,!T&&le?t.jsxs("div",{className:"dql-app-buildstream proposal",children:[t.jsx("span",{className:"dql-app-buildorb still",children:t.jsx(Be,{size:14})}),t.jsxs("div",{className:"dql-app-buildbody wide",children:[t.jsxs("div",{className:"dql-app-proposal-lede",children:["Found ",t.jsxs("strong",{children:[U," certified block",U===1?"":"s"]}),ye>0?` and ${ye} reviewed semantic view${ye===1?"":"s"}`:""," for your app. Uncheck any you don't need, or add more — everything ships governed."]}),t.jsxs("div",{className:"dql-app-proposal-card",children:[v.map(S=>{const O=c.has(S.id),Ve=S.certification==="certified",qe=S.certification==="reviewed_semantic";return t.jsxs("button",{type:"button",className:`dql-app-proposal-row ${O?"":"off"}`,onClick:()=>q(S.id),children:[t.jsx("span",{className:`dql-app-prop-check ${O?"on":""}`,children:O?t.jsx(lt,{size:10,strokeWidth:3.2}):null}),t.jsx("span",{className:`dql-app-prop-glyph ${Ve&&V(S.viz)==="▤"?"green":""}`,children:V(S.viz)}),t.jsxs("span",{className:"dql-app-prop-name",children:[t.jsx("b",{children:S.blockId??S.title}),t.jsx("small",{children:S.description??S.question??S.title})]}),t.jsx("span",{className:`dql-app-prop-badge ${Ve?"certified":"draft"}`,children:Ve?"Certified":qe?"Reviewed semantic":"Draft"}),t.jsx("span",{className:"dql-app-prop-viz",children:re(S.viz)})]},S.id)}),t.jsxs("button",{type:"button",className:"dql-app-addmore",onClick:()=>_(S=>!S),children:[t.jsx(zt,{size:13,strokeWidth:2.2})," Add more blocks"]}),H?t.jsxs("div",{className:"dql-app-addmore-panel",children:[t.jsxs("div",{className:"dql-app-addmore-search",children:[t.jsx(Le,{size:12}),t.jsx("input",{value:pe,onChange:S=>I(S.target.value),placeholder:`Search ${o.length} certified block${o.length===1?"":"s"}…`})]}),p?t.jsx("div",{className:"dql-app-addmore-hint",children:"Loading certified blocks…"}):null,ae.slice(0,6).map(S=>t.jsxs("button",{type:"button",className:"dql-app-addmore-row",onClick:()=>{I(""),B(S.id)},children:[t.jsx(zt,{size:12,strokeWidth:2.2}),t.jsx("span",{children:S.name}),t.jsxs("small",{children:[S.domain??"certified"," · ",S.status]})]},S.id)),!p&&ae.length===0?t.jsx("div",{className:"dql-app-addmore-hint",children:"No more matching certified blocks."}):null]}):null]}),ke.length>0?t.jsxs("div",{className:"dql-app-detected",children:[t.jsx("span",{className:"dql-app-detected-label",children:"Detected filters"}),ke.map(S=>t.jsxs("span",{className:"dql-app-detected-pill",children:[S.label," · ",t.jsx("strong",{children:At(S.default??"Any")})]},S.id))]}):null,le.gaps.length>0?t.jsx("div",{className:"dql-app-flow-gaps",children:le.gaps.slice(0,3).map(S=>t.jsxs("span",{children:[t.jsx(He,{size:12})," ",S.question]},S.id))}):null,t.jsxs("div",{className:"dql-app-flow-actions",children:[t.jsxs("button",{type:"button",className:"dql-app-flow-build",onClick:h,disabled:N||te===0,children:[t.jsx(Ge,{size:13}),N?"Building app…":`Build app with ${te} governed tile${te===1?"":"s"}`]}),t.jsx("button",{type:"button",className:"dql-app-flow-reset",onClick:G,children:"Start over"})]})]})]}):null,!T&&!le?t.jsxs("div",{className:"dql-app-flow-actions",children:[t.jsxs("button",{type:"button",className:"dql-app-flow-build",onClick:ee,children:[t.jsx(Be,{size:13})," Find certified blocks"]}),t.jsx("button",{type:"button",className:"dql-app-flow-reset",onClick:G,children:"Start over"})]}):null,A?t.jsx("div",{className:"dql-app-error",children:A}):null,W.length>0&&!T?t.jsx("div",{className:"dql-app-flow-gaps",children:W.slice(0,2).map((S,O)=>t.jsxs("span",{children:[t.jsx(He,{size:12})," ",S]},`${S}-${O}`))}):null]})})}return t.jsxs("div",{className:"dql-app-create-shell",children:[t.jsxs("div",{className:"dql-app-buildbar",children:[t.jsxs("button",{type:"button",className:"dql-app-back dql-app-back-label",onClick:G,children:[t.jsx(Hr,{size:14}),t.jsx("span",{children:"Apps"})]}),t.jsx("span",{className:"dql-app-name-input",children:t.jsx("input",{value:r,onChange:v=>k(v.target.value),spellCheck:!1})}),t.jsx(Oe,{tone:f?"agentic":"draft",children:f?"generated":"draft"}),t.jsxs("div",{className:"dql-app-mode-seg",children:[t.jsxs("button",{type:"button",onClick:()=>P("ai"),children:[t.jsx(Be,{size:15})," Build AI"]}),t.jsxs("button",{type:"button",className:"on",onClick:()=>P("classic"),children:[t.jsx(er,{size:15})," Classic"]})]}),t.jsxs("div",{className:"dql-app-build-actions",children:[t.jsxs("span",{className:"dql-app-persona",children:[t.jsx("b",{children:"CFO"})," CFO"]}),f?t.jsx("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line",onClick:Z,children:"Open app"}):null,t.jsx("button",{type:"button",className:"dql-apps-btn dql-apps-btn-primary",onClick:ee,disabled:T,children:T?"Building...":"Create app"})]})]}),t.jsx("div",{className:"dql-app-create-workspace clean classic",children:t.jsxs("section",{className:"dql-app-ai-start",children:[t.jsxs("div",{className:"dql-app-ai-start-main",children:[t.jsxs("div",{className:"dql-app-ai-start-copy",children:[t.jsx("h1",{children:"Start with one AI input."}),t.jsx("p",{children:"DQL finds certified blocks, detects app filters, and opens the generated app in a clean stakeholder view."})]}),t.jsxs("div",{className:"dql-app-ai-start-card",children:[t.jsx("textarea",{value:a,onChange:v=>R(v.target.value),rows:5,"aria-label":"App request",placeholder:"Build an NBA player performance app for stakeholders..."}),t.jsx("button",{type:"button",className:"dql-app-ai-start-send",onClick:ee,disabled:T||!a.trim(),title:"Build app",children:T?t.jsx(Me,{size:19}):t.jsx(Pa,{size:19})})]}),t.jsxs("div",{className:"dql-app-suggestions dql-app-ai-start-examples","aria-label":"Prompt examples",children:[t.jsx("span",{children:"Examples"}),s.slice(0,4).map(v=>t.jsx("button",{type:"button",onClick:()=>{R(v.prompt);const U=n.find(ye=>ye.value.toLowerCase()===v.domain.toLowerCase()||ye.label.toLowerCase()===v.domain.toLowerCase());E((U==null?void 0:U.value)??"")},children:v.title},v.title))]}),t.jsxs("details",{className:"dql-app-ai-context dql-app-ai-start-advanced",children:[t.jsxs("summary",{children:[t.jsx("span",{children:"Advanced controls"}),t.jsxs("b",{children:[je," / ",F]}),t.jsx(_r,{size:14})]}),t.jsxs("div",{className:"dql-app-ai-context-grid",children:[t.jsxs("label",{children:["Domain",t.jsxs("select",{value:i,onChange:v=>E(v.target.value),children:[t.jsx("option",{value:"",children:"Global / cross-domain"}),n.map(v=>t.jsx("option",{value:v.value,children:v.label},v.value))]})]}),t.jsxs("label",{children:["Owner",t.jsx("input",{value:l,onChange:v=>$(v.target.value)})]}),t.jsxs("label",{children:["Build mode",t.jsxs("select",{value:e,onChange:v=>P(v.target.value),children:[t.jsx("option",{value:"ai",children:"AI first"}),t.jsx("option",{value:"classic",children:"Manual block selection"})]})]})]}),e==="classic"?t.jsx(Fn,{title:"Manual certified block selection",subtitle:`${u.size} selected`,catalog:o,loading:p,selectedBlocks:u,onToggleBlock:K}):null]}),le&&!f?t.jsx("div",{style:{border:`1px solid ${Ae[C].cellBorder}`,background:Ae[C].appBg,borderRadius:10,padding:14},children:t.jsx(Ra,{proposal:le,t:Ae[C],selected:c,onToggle:q,onCreate:h,busy:N,error:null})}):null,f?t.jsxs("div",{className:"dql-app-ai-result dql-app-ai-start-result",children:["Generated ",t.jsx("b",{children:f.plan.name})," with ",f.validation.certifiedTiles," certified app tile",f.validation.certifiedTiles===1?"":"s"," and ",ce," scoped report",ce===1?"":"s",".",x?t.jsxs("small",{children:["Session ",x.id]}):null]}):null,A?t.jsx("div",{className:"dql-app-error",children:A}):null]}),t.jsxs("aside",{className:"dql-app-ai-start-context",children:[t.jsxs("section",{className:"dql-app-ai-context-card",children:[t.jsx(Ft,{title:"Certified blocks found",meta:Q.coverage?`${Q.coverage.certifiedTiles} certified · ${Q.coverage.gaps} gap${Q.coverage.gaps===1?"":"s"}`:`${D.length||o.length} matches`}),t.jsxs("div",{className:"dql-app-ai-evidence-list",children:[(D.length?D:o.slice(0,4)).map((v,U)=>"name"in v?t.jsxs("div",{className:"dql-app-ai-evidence-row",children:[t.jsx("span",{children:t.jsx(Fe,{size:14})}),t.jsxs("div",{children:[t.jsx("b",{children:v.name}),t.jsx("small",{children:v.description})]}),t.jsx(Oe,{tone:v.status==="certified"?"certified":"draft",children:v.status})]},`catalog-${v.id}-${U}`):t.jsxs("div",{className:"dql-app-ai-evidence-row",children:[t.jsx("span",{children:t.jsx(Fe,{size:14})}),t.jsxs("div",{children:[t.jsx("b",{children:v.title}),t.jsx("small",{children:v.description??v.rationale??"Certified DQL block"})]}),t.jsx(Oe,{tone:"certified",children:"Certified"})]},`plan-${v.id}-${U}`)),!D.length&&!o.length?t.jsx(we,{title:"No matches yet.",detail:"Enter a prompt to retrieve certified blocks.",compact:!0}):null]})]}),t.jsxs("section",{className:"dql-app-ai-context-card",children:[t.jsx(Ft,{title:"Detected app filters",meta:"bound to block params"}),t.jsxs("div",{className:"dql-app-ai-filter-preview",children:[((me=Q.globalFilters)!=null&&me.length?Q.globalFilters:((ie=Q.pages[0])==null?void 0:ie.filters)??[]).slice(0,4).map(v=>t.jsxs("span",{children:[t.jsx("small",{children:v.label}),t.jsx("b",{children:At(v.default??"Any")})]},v.id)),(m=Q.globalFilters)!=null&&m.length||(Y=(L=Q.pages[0])==null?void 0:L.filters)!=null&&Y.length?null:t.jsxs(t.Fragment,{children:[t.jsxs("span",{children:[t.jsx("small",{children:"Domain"}),t.jsx("b",{children:je})]}),t.jsxs("span",{children:[t.jsx("small",{children:"Owner"}),t.jsx("b",{children:F})]}),t.jsxs("span",{children:[t.jsx("small",{children:"Top N"}),t.jsx("b",{children:"Any"})]})]})]})]}),t.jsxs("section",{className:"dql-app-ai-context-card",children:[t.jsx(Ft,{title:"Possible deeper analysis",meta:"Copilot asks for context first"}),t.jsxs("div",{className:"dql-app-ai-gap-list",children:[((X=Q.missingEvidence)!=null&&X.length?Q.missingEvidence:W).slice(0,4).map((v,U)=>t.jsxs("span",{children:[t.jsx(He,{size:13})," ",v]},`${v}-${U}`)),!((ge=Q.missingEvidence)!=null&&ge.length)&&!W.length?t.jsxs("span",{children:[t.jsx(He,{size:13})," Driver explanations, new grains, and reusable block proposals require typed context before DQL creates SQL."]}):null]})]})]})]})})]})}function On({app:e,appDoc:r,dashboardDoc:a,loading:i,experience:n,section:l,explainOpen:s,explainExpanded:o,dashboardFilters:p,dashboardFilterValues:u,themeMode:f,variables:x,onBack:c,onExperienceChange:N,onSectionChange:C,onDashboardFilterChange:q,onApplyDashboardFilters:h,onResetDashboardFilters:T,onExplainChange:A,onExplainExpandedChange:G,onAddPage:P,onOpenDashboard:k,onDashboardChanged:R,onInvestigationsChanged:E,onOpenLineageNode:$}){var ke;const{dispatch:K}=Nt(),ee=(a==null?void 0:a.dashboard.layout.items.filter(V=>!!V.block).length)??0,Z=((ke=r==null?void 0:r.drafts)==null?void 0:ke.length)??0,B=d.useMemo(()=>xa((a==null?void 0:a.dashboard)??null).map(V=>V.blockId),[a]),H=B.join("|"),[_,pe]=d.useState(B[0]??null),[I,de]=d.useState(null),[je,F]=d.useState(null),[le,Q]=d.useState(null),[xe,D]=d.useState(null),[W,ce]=d.useState("idle"),[se,ve]=d.useState(""),[fe,me]=d.useState("idle"),[ie,m]=d.useState(""),L=d.useCallback(V=>{de(V)},[]);d.useCallback(V=>{Q({...V,nonce:Date.now()}),C("research"),A(!0)},[A,C]);const Y=d.useCallback(V=>{D(V)},[]),X=d.useCallback(()=>{Q(null)},[]),ge=d.useCallback((V,re)=>{var S,O;if(pe(V),n==="view"){K({type:"OPEN_GLOBAL_AI",audience:"stakeholder",context:{title:"App copilot",scopeHint:jt(e==null?void 0:e.name)?`Follow up on ${jt(e==null?void 0:e.name)}`:"Follow up on this tile",selectedObject:{kind:"block",id:V,title:a==null?void 0:a.dashboard.metadata.title},workspaceContext:{appId:e==null?void 0:e.id,dashboardId:a==null?void 0:a.dashboard.id,blockId:V},suggestedQuestions:(O=(S=a==null?void 0:a.app)==null?void 0:S.copilot)==null?void 0:O.suggestedQuestions},autoRun:{text:re,mode:"auto"}});return}A(!0),F({text:re,nonce:Date.now()})},[K,n,e==null?void 0:e.id,e==null?void 0:e.name,a==null?void 0:a.dashboard.id,a==null?void 0:a.dashboard.metadata.title,A]);d.useEffect(()=>{n==="view"&&(l==="notebooks"||l==="ai"||l==="drafts"||l==="settings")&&C("dashboards")},[n,l,C]),d.useEffect(()=>{if(B.length===0){_!==null&&pe(null);return}(!_||!B.includes(_))&&pe(B[0])},[B,H,_]),d.useEffect(()=>{de(null),D(null)},[e==null?void 0:e.id,a==null?void 0:a.dashboard.id]);const v=!!(e&&a&&(l==="dashboards"||l==="research")),U=v&&s,ye=V=>{ce(V),V!=="ready"&&window.setTimeout(()=>ce("idle"),1800)},te=async()=>{var S;const V=ol(e,r,a);ve(V);let re=!1;try{typeof navigator<"u"&&((S=navigator.clipboard)!=null&&S.writeText)&&(await navigator.clipboard.writeText(V),re=!0)}catch{re=!1}if(!re){const O=document.createElement("textarea");O.value=V,O.style.position="fixed",O.style.left="-9999px",document.body.appendChild(O),O.focus(),O.select(),re=document.execCommand("copy"),document.body.removeChild(O)}ye(re?"copied":"ready")},be=()=>{const V=pl(e,r,a),re=new Blob([V],{type:"text/markdown;charset=utf-8"}),S=URL.createObjectURL(re),O=document.createElement("a");O.href=S,O.download=`${(e==null?void 0:e.id)??(r==null?void 0:r.app.id)??"dql-app"}-brief.md`,document.body.appendChild(O),O.click(),document.body.removeChild(O),URL.revokeObjectURL(S),ye("downloaded")},ne=async()=>{if(!(e!=null&&e.id))return;me("running"),m("");const V=await J.promoteApp(e.id,{lifecycle:"review"});if(!V.ok){me("error"),m(V.error);return}me("done"),m(`${V.paths.length} shared files updated${V.removedLocalTiles?`, ${V.removedLocalTiles} local AI tile removed`:""}.`),window.setTimeout(()=>me("idle"),2400)},ae=l==="dashboards"&&!!a;return t.jsxs("div",{className:"dql-app-workspace",children:[t.jsxs("div",{className:"dql-app-view-topbar",children:[t.jsxs("button",{type:"button",className:"dql-app-back dql-app-back-label",onClick:c,title:"Back to apps",children:[t.jsx(Hr,{size:14}),t.jsx("span",{children:"Apps"})]}),t.jsx("span",{className:"dql-app-crumb",children:t.jsx("b",{children:(e==null?void 0:e.id)??"app"})}),t.jsx(Oe,{tone:"certified",children:Z>0?`${ee} certified`:"All certified"}),Z>0?t.jsxs(Oe,{tone:"draft",children:[Z," draft"]}):null,t.jsx("span",{className:"dql-app-topbar-divider","aria-hidden":"true"}),t.jsxs("div",{className:"dql-app-modeseg",role:"group","aria-label":"App mode",children:[t.jsxs("button",{type:"button",className:n==="view"?"on":"",onClick:()=>N("view"),title:"Clean stakeholder view",children:[t.jsx(Mr,{size:12})," View"]}),t.jsxs("button",{type:"button",className:n==="build"?"on":"",onClick:()=>N("build"),title:"Rearrange tiles and edit this app",children:[t.jsx(Kr,{size:12})," Edit"]})]}),t.jsxs("div",{className:"dql-app-view-actions",children:[t.jsx(Cn,{app:(r==null?void 0:r.app)??null}),n==="build"?t.jsxs("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line",onClick:()=>void ne(),disabled:fe==="running",children:[t.jsx(Fe,{size:14})," ",fe==="running"?"Promoting":"Promote"]}):null,t.jsx("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line dql-apps-btn-icon",title:W==="copied"?"Copied handoff":"Share local app handoff",onClick:()=>void te(),children:W==="copied"?t.jsx(lt,{size:15}):t.jsx(Ya,{size:15})}),t.jsx("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line dql-apps-btn-icon",title:W==="downloaded"?"Brief saved":"Download app brief",onClick:be,children:W==="downloaded"?t.jsx(lt,{size:15}):t.jsx(Sa,{size:15})}),W==="ready"?t.jsxs("div",{className:"dql-app-share-popover",children:[t.jsx("b",{children:"Local handoff"}),t.jsx("textarea",{readOnly:!0,value:se,onFocus:V=>V.currentTarget.select()})]}):null,fe==="done"||fe==="error"?t.jsx("div",{className:`dql-app-promote-popover ${fe==="error"?"error":""}`,children:ie}):null]})]}),t.jsxs("main",{className:"dql-app-view-wrap",children:[t.jsxs("div",{className:"dql-app-title-row",children:[t.jsxs("div",{className:"dql-app-title-copy",children:[t.jsxs("div",{className:"dql-app-title-meta",children:[t.jsxs("span",{children:[t.jsx(Ge,{size:14})," ",(e==null?void 0:e.domain)??(a==null?void 0:a.dashboard.metadata.domain)??"DQL App"]}),ae?t.jsx("span",{className:"dql-app-title-context",children:jt(e==null?void 0:e.name)||"App"}):null,n==="build"?t.jsx(Oe,{tone:"draft",children:"Customizing"}):null]}),t.jsx("h1",{children:jt(ae?a==null?void 0:a.dashboard.metadata.title:e==null?void 0:e.name)||"App"}),t.jsx("p",{children:fa((ae?a==null?void 0:a.dashboard.metadata.description:e==null?void 0:e.description)??"Local DQL App")})]}),t.jsxs("div",{className:"dql-app-nav-row",children:[t.jsx(Wn,{appDoc:r,section:l,experience:n,onChange:C}),l==="dashboards"&&(r!=null&&r.dashboards.length)?t.jsx(Vn,{dashboards:r.dashboards,activeDashboardId:a==null?void 0:a.dashboard.id,isBuild:n==="build",onOpen:k,onAdd:P}):null,v?t.jsx("button",{type:"button",className:`dql-apps-btn dql-apps-btn-line dql-apps-btn-icon ${s?"on":""}`,title:s?"Hide AI copilot":"Show AI copilot",onClick:()=>A(!s),children:t.jsx(It,{size:15})}):null,ae?t.jsx(t.Fragment,{children:t.jsx("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line dql-apps-btn-icon",title:"Open dashboard lineage",onClick:()=>{e&&a&&$(`dashboard:${e.id}/${a.dashboard.id}`)},children:t.jsx(Er,{size:15})})}):null]})]}),t.jsxs("div",{className:`dql-app-view-layout ${U?"":"no-explain"}`,children:[t.jsxs("div",{className:"dql-app-main-column",children:[l==="dashboards"&&a&&p.length>0?t.jsxs("section",{className:"dql-app-filter-row","aria-label":"Dashboard filters",children:[t.jsxs("div",{className:"dql-app-filter-row-copy",children:[t.jsx("b",{children:"Filters"}),t.jsx("span",{children:"Set the business scope, then apply once to refresh the full story."})]}),t.jsx(Dn,{filters:p,values:u,onChange:q}),t.jsxs("div",{className:"dql-app-filter-row-actions",children:[t.jsx("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line",onClick:T,children:"Reset"}),t.jsx("button",{type:"button",className:"dql-apps-btn dql-apps-btn-primary",onClick:h,children:"Apply"})]})]}):null,i?t.jsx(we,{title:"Loading app...",detail:"Reading dashboard files and running local blocks."}):l==="dashboards"&&a&&e?t.jsx(ri,{appId:e.id,dashboard:a.dashboard,editable:n==="build",embeddedHeader:!0,variables:x,selectedBlockId:_,onBlockFocus:pe,onAskBlock:ge,onOpenLineageNode:$,copilotOpen:s,onCopilotChange:A,onDashboardChanged:R,onRunChange:L}):l==="notebooks"?t.jsx(Qn,{appDoc:r}):l==="research"?t.jsx(Kn,{appDoc:r,dashboardDoc:a,seed:le,themeMode:f,onSeedHandled:X,onDashboardChanged:R,onInvestigationsChanged:E,onActiveInvestigationChange:Y}):l==="ai"?t.jsx(Gn,{appDoc:r}):l==="drafts"?t.jsx(Yn,{appDoc:r}):l==="settings"?t.jsx(Xn,{appDoc:r}):t.jsx(we,{title:"No dashboard page selected.",detail:"Choose a dashboard page or add one in Build mode."})]}),U?t.jsx(Hn,{app:e,appDoc:r,dashboardDoc:a,dashboardRun:I,variables:x,selectedBlockId:_,askSeed:je,themeMode:f,expanded:o,onToggleExpanded:()=>G(!o),onClose:()=>A(!1)}):null]})]})]})}function Fn({title:e,subtitle:r,catalog:a,loading:i,selectedBlocks:n,onToggleBlock:l}){const[s,o]=d.useState(""),p=d.useMemo(()=>{const u=s.trim().toLowerCase();return u?a.filter(f=>[f.name,f.domain,f.status,f.description,f.owner??"",...f.tags??[]].join(" ").toLowerCase().includes(u)):a},[a,s]);return t.jsxs("div",{className:"dql-app-palette",children:[t.jsxs("div",{className:"dql-app-palette-title",children:[t.jsxs("span",{children:[t.jsx(er,{size:14})," ",e]}),t.jsx("b",{children:r})]}),t.jsxs("label",{className:"dql-app-palette-search",children:[t.jsx(Le,{size:14}),t.jsx("input",{value:s,onChange:u=>o(u.target.value),placeholder:"Search blocks, domains, tags"})]}),i?t.jsx(we,{title:"Loading blocks...",detail:"Finding certified blocks for this domain.",compact:!0}):null,!i&&p.length===0?t.jsx(we,{title:"No blocks found.",detail:"Try another domain or search term.",compact:!0}):null,p.slice(0,24).map((u,f)=>{const x=n.has(u.id);return t.jsxs("button",{type:"button",className:x?"selected":"",onClick:()=>l(u.id),children:[t.jsx("span",{className:"dql-app-palette-icon",children:t.jsx(rr,{size:14})}),t.jsxs("span",{children:[t.jsx("b",{children:u.name}),t.jsxs("small",{children:[u.domain," / ",u.chartType??"table"]})]}),t.jsx("i",{children:x?"using":u.status})]},`${u.id}-${f}`)}),p.length>24?t.jsxs("div",{className:"dql-app-palette-more",children:[p.length-24," more matches"]}):null]})}function Wn({appDoc:e,section:r,experience:a,onChange:i}){var s,o,p,u,f;const n=((s=e==null?void 0:e.investigations)==null?void 0:s.length)??0,l=a==="view"?[{id:"dashboards",label:"App",count:(e==null?void 0:e.dashboards.length)??0,icon:t.jsx(Ge,{size:14})}]:[{id:"dashboards",label:"App",count:(e==null?void 0:e.dashboards.length)??0,icon:t.jsx(Ge,{size:14})},{id:"research",label:"Analysis",count:n,icon:t.jsx(Le,{size:14})},{id:"notebooks",label:"Notebooks",count:((o=e==null?void 0:e.notebooks)==null?void 0:o.length)??((p=e==null?void 0:e.app.notebooks)==null?void 0:p.length)??0,icon:t.jsx(Qr,{size:14})},{id:"ai",label:"Pins",count:((u=e==null?void 0:e.aiPins)==null?void 0:u.length)??0,icon:t.jsx(It,{size:14})},{id:"drafts",label:"Drafts",count:((f=e==null?void 0:e.drafts)==null?void 0:f.length)??0,icon:t.jsx(tr,{size:14})},{id:"settings",label:"Settings",icon:t.jsx(Me,{size:14})}];return t.jsx("nav",{className:"dql-app-section-tabs","aria-label":"App sections",children:l.map(x=>t.jsxs("button",{className:r===x.id?"on":"","data-app-section":x.id,onClick:()=>i(x.id),title:x.label,"aria-label":`${x.label}${x.count!==void 0?` ${x.count}`:""}`,children:[t.jsx("i",{className:"dql-app-tab-icon",children:x.icon}),t.jsx("span",{className:"dql-app-tab-label",children:x.label}),x.count!==void 0?t.jsx("b",{children:x.count}):null]},x.id))})}function Vn({dashboards:e,activeDashboardId:r,isBuild:a,onOpen:i,onAdd:n}){const l=e.find(s=>s.id===r)??e[0];return t.jsxs("div",{className:"dql-app-page-picker","aria-label":"Dashboard page",children:[t.jsxs("span",{children:[t.jsx(rr,{size:14})," Page"]}),t.jsx("select",{value:(l==null?void 0:l.id)??"",onChange:s=>i(s.target.value),title:(l==null?void 0:l.title)??"Dashboard page",children:e.map(s=>t.jsxs("option",{value:s.id,children:[s.title," (",s.itemCount,")"]},s.id))}),a?t.jsx("button",{type:"button",onClick:n,title:"Add dashboard page",children:t.jsx(zt,{size:14})}):null]})}function Hn({app:e,appDoc:r,dashboardDoc:a,dashboardRun:i,variables:n,selectedBlockId:l,askSeed:s,themeMode:o,expanded:p,onToggleExpanded:u,onClose:f}){const x=Ae[o],c=(a==null?void 0:a.dashboard)??null,C=d.useMemo(()=>xa(c,i),[c,i]).find(ee=>ee.blockId===l)??null,q=C?i==null?void 0:i.tiles.find(ee=>ee.tileId===C.tileId||ee.blockId===C.blockId):null,h=(e==null?void 0:e.id)??(r==null?void 0:r.app.id)??"app",T=(c==null?void 0:c.id)??"dashboard",A=Fr(`app:${h}:${T}`),[G,P]=d.useState(!1),k=ze((e==null?void 0:e.name)??(r==null?void 0:r.app.name)??(c==null?void 0:c.metadata.title)??"App workspace"),R=ze((c==null?void 0:c.metadata.title)??"Dashboard"),E=C?`Focused on ${ze(C.title)} in ${R}`:`Scoped to ${R}`,$=C?{kind:"block",id:C.blockId,title:C.title}:c?{kind:"dashboard",id:c.id,title:c.metadata.title}:{kind:"app",id:h,title:k},K=d.useMemo(()=>{var ee,Z,B,H,_;return{surface:"apps",appId:h,appName:(e==null?void 0:e.name)??(r==null?void 0:r.app.name),appDomain:(e==null?void 0:e.domain)??(r==null?void 0:r.app.domain),appDescription:(e==null?void 0:e.description)??(r==null?void 0:r.app.description),dashboardId:c==null?void 0:c.id,dashboardTitle:c==null?void 0:c.metadata.title,dashboardDescription:c==null?void 0:c.metadata.description,dashboardFilters:n,selectedBlock:C?{blockId:C.blockId,tileId:C.tileId,title:C.title,visualization:C.viz,status:q==null?void 0:q.status,certificationStatus:q==null?void 0:q.certificationStatus,rowCount:(ee=q==null?void 0:q.result)==null?void 0:ee.rowCount,columns:(B=(Z=q==null?void 0:q.result)==null?void 0:Z.columns)==null?void 0:B.slice(0,12),sampleRows:sl((H=q==null?void 0:q.result)==null?void 0:H.rows,(_=q==null?void 0:q.result)==null?void 0:_.columns)}:void 0}},[e,r,h,c,C,q,n]);return t.jsx(Or,{t:x,title:"App AI",subtitle:k,expanded:p,onToggleExpanded:u,onClose:f,onNewChat:A.resetThreadId,running:G,ariaLabel:"App AI",className:"dql-app-explain-panel dql-app-assistant-panel",children:t.jsx(d.Suspense,{fallback:t.jsx("div",{style:{padding:16,fontSize:12,color:x.textSecondary},children:"Loading App AI…"}),children:t.jsx($n,{themeMode:o,title:"App AI",scopeHint:E,audience:"stakeholder",selectedObject:$,workspaceContext:K,initialMode:"auto",autoRun:s!=null&&s.text?{text:s.text,mode:"ask",nonce:s.nonce}:void 0,threadId:A.threadId,onThreadIdChange:A.onThreadIdChange,onRunningChange:P,answerFirstCards:!0,examplePrompts:[{label:"Explain this dashboard",prompt:"Explain the most important business story in this dashboard and what action it suggests."},{label:"Find the main driver",prompt:"What is the main driver behind the current result? Use the active app filters and governed evidence."},{label:"Check this result",prompt:"Validate the current result against its certified block, semantic definitions, and lineage."}]},`${h}:${T}`)})})}function Kn({appDoc:e,dashboardDoc:r,seed:a,themeMode:i,onSeedHandled:n,onDashboardChanged:l,onInvestigationsChanged:s,onActiveInvestigationChange:o}){var ie;const p=e==null?void 0:e.app.id,u=r==null?void 0:r.dashboard.id,f=Ae[i],[x,c]=d.useState(()=>(e==null?void 0:e.investigations)??[]),[N,C]=d.useState(null),[q,h]=d.useState(!1),[T,A]=d.useState(null),[G,P]=d.useState(null),[k,R]=d.useState("preview"),[E,$]=d.useState(""),[K,ee]=d.useState(!1),[Z,B]=d.useState(!1),[H,_]=d.useState(null);d.useEffect(()=>{if(!p){c([]),C(null);return}let m=!1;return h(!0),J.listAppInvestigations(p).then(L=>{if(m)return;P(null),c(L);const Y=Dt(L);C(X=>{var ge,v;return X??((ge=Y.find(U=>U.status==="ready"))==null?void 0:ge.id)??((v=Y[0])==null?void 0:v.id)??null})}).finally(()=>{m||h(!1)}),()=>{m=!0}},[p]),d.useEffect(()=>{s(x)},[x,s]),d.useEffect(()=>{if(!a||!p)return;let m=!1;const L={dashboardId:a.dashboardId??u,sourceTileId:a.sourceTileId,sourceBlockId:a.sourceBlockId,title:a.title,question:a.question,intent:a.intent,context:a.context,generatedSql:a.generatedSql,run:!0},Y=dt(a.title??a.question)||"requested follow-up",X=`${p}:${JSON.stringify(L)}`,ge=async()=>{A("create"),_(Y),P(null);let U=Ot.get(X);U||(U=J.createAppInvestigation(p,L),Ot.set(X,U),U.finally(()=>{window.setTimeout(()=>Ot.delete(X),5e3)}));const ye=await U;if(m)return;if(A(null),!ye.ok){P(ye.error),_(null),n();return}const te=ye.investigation,be=ne=>{c(ae=>nt(ae,ne)),C(ne.id),R("preview"),B(!1),ne.status!=="draft"&&ne.status!=="running"&&_(null)};if(be(te),te.status!=="draft"&&te.status!=="running"){n();return}A(te.id);for(let ne=0;ne<20;ne+=1){if(await new Promise(ke=>{window.setTimeout(ke,1e3)}),m)return;const ae=await J.getAppInvestigation(p,te.id);if(m)return;if(ae&&ae.status!=="draft"&&ae.status!=="running"){A(null),be(ae),n();return}}n(),A(null),_(null),P("Analysis is still running. Reopen it or refresh to load the latest proof.")},v=window.setTimeout(()=>void ge(),0);return()=>{m=!0,window.clearTimeout(v)}},[a==null?void 0:a.nonce,p,u,n]);const pe=d.useMemo(()=>Dt(x),[x]),I=pe.find(m=>m.id===N)??pe.find(m=>m.status==="ready")??pe[0]??null;d.useEffect(()=>(o(I),()=>o(null)),[I,o]);const de=pe.filter(m=>m.id!==(I==null?void 0:I.id)).filter(m=>K||m.status!=="error").slice(0,K?40:5),je=Math.max(0,pe.length-(I?1:0)-de.length),F=I?ul(I):null,le=F?wl(F):"",Q=T==="create"||!!H,xe=Q&&!!H,D=Q&&!I;d.useEffect(()=>{$((I==null?void 0:I.generatedSql)??"")},[I==null?void 0:I.id,I==null?void 0:I.generatedSql]);const W=async(m,L)=>{if(!p)return null;A(m.id),P(null);const Y=L==null?void 0:L.trim(),X=await J.runAppInvestigation(p,m.id,Y?{generatedSql:Y}:void 0);return A(null),X.ok?(c(ge=>nt(ge,X.investigation)),R("preview"),X.investigation):(P(X.error),null)},ce=async m=>{if(!p)return null;A(`rebuild:${m.id}`),P(null);const L=await J.runAppInvestigation(p,m.id,{repairMode:"rebuild_from_certified"});return A(null),L.ok?(c(Y=>nt(Y,L.investigation)),R(L.investigation.error?"sql":"preview"),L.investigation):(P(L.error),null)},se=async m=>{if(!p)return null;A(`pin:${m.id}`),P(null);const L=await J.pinAppInvestigation(p,m.id,{dashboardId:m.dashboardId??u,title:m.title});return A(null),L.ok?(c(Y=>nt(Y,L.investigation)),C(L.investigation.id),L.dashboard&&l(L.dashboard),L.investigation):(P(L.error),null)},ve=async m=>{if(!p)return;if(!m.generatedSql){P("Add reviewed SQL before creating a draft block.");return}const L=m.pinnedAiPinId?m:await se(m),Y=L==null?void 0:L.pinnedAiPinId;if(!Y)return;A(`promote:${m.id}`),P(null);const X=await J.promoteAiPin(p,Y);if(A(null),!X.ok){P(X.error??"Draft block could not be created.");return}const ge=await J.getAppInvestigation(p,m.id);ge&&c(v=>nt(v,ge))},fe=async m=>{const L=E.trim();let Y=m;if(L&&L!==(m.generatedSql??"").trim()){const X=await W(m,L);if(!X)return;Y=X}await ve(Y)},me=async m=>{const L=E.trim();let Y=m;if(L&&L!==(m.generatedSql??"").trim()){const X=await W(m,L);if(!X)return null;Y=X}return se(Y)};return e?t.jsxs("div",{className:`dql-app-research-shell ${Z||!I&&!D?"history-open":"history-collapsed"}`,children:[t.jsxs("section",{className:"dql-app-research-list",children:[t.jsxs("div",{className:"dql-app-research-head",children:[t.jsxs("span",{children:[t.jsx(Le,{size:14})," Analysis"]}),t.jsxs("div",{children:[t.jsx("b",{children:x.length}),I?t.jsx("button",{type:"button",onClick:()=>B(!1),title:"Close analysis history",children:"Close"}):null]})]}),q?t.jsx(we,{title:"Loading analysis...",detail:"Reading local app analysis.",compact:!0}):null,G?t.jsx("div",{className:"dql-app-error",children:G}):null,!q&&x.length===0?t.jsx(we,{title:"No analysis yet.",detail:"Start from Copilot so the analysis keeps the original question, filters, and selected result context.",compact:!0}):null,t.jsxs("div",{className:"dql-app-research-items",children:[I?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"dql-app-research-group-label",children:"Current analysis"}),t.jsx($r,{item:I,selected:!0,onClick:()=>{P(null),C(I.id),R("preview"),B(!1)}})]}):null,de.length?t.jsx("div",{className:"dql-app-research-group-label",children:"Recent history"}):null,de.map(m=>t.jsx($r,{item:m,selected:(I==null?void 0:I.id)===m.id,onClick:()=>{P(null),C(m.id),R("preview"),B(!1)}},m.id)),je>0?t.jsxs("button",{type:"button",className:"dql-app-research-history-toggle",onClick:()=>ee(m=>!m),children:[t.jsx("span",{children:K?"Hide older runs":`Show ${je} older run${je===1?"":"s"}`}),t.jsx("small",{children:K?"Keep the current analysis focused":"Includes failed and superseded analysis attempts"})]}):null]})]}),t.jsx("section",{className:"dql-app-research-detail",children:xe?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"dql-app-report-toolbar",children:[t.jsxs("div",{children:[t.jsx("span",{children:"New memo"}),t.jsx("b",{children:H})]}),x.length?t.jsxs("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line",onClick:()=>B(m=>!m),children:[t.jsx(Le,{size:13})," ",Z?"Hide history":`Analysis history (${x.length})`]}):null]}),G?t.jsx("div",{className:"dql-app-error",children:G}):null,t.jsxs("div",{className:"dql-app-research-creating active",children:[t.jsx(Me,{size:24}),t.jsx("span",{children:"Preparing business memo"}),t.jsx("h2",{children:"Writing business memo..."}),t.jsxs("p",{children:['DQL is opening a scoped memo for "',H,'". The previous memo stays in history while this answer is built from the typed context, active filters, certified block evidence, and preview proof.']}),t.jsxs("div",{className:"dql-app-research-creating-steps",children:[t.jsx("small",{children:"Reading current filters"}),t.jsx("small",{children:"Checking certified block context"}),t.jsx("small",{children:"Building narrative and proof appendix"})]})]})]}):I&&F?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"dql-app-report-toolbar",children:[t.jsxs("div",{children:[t.jsx("span",{children:"Current memo"}),t.jsx("b",{children:ha(I)})]}),t.jsxs("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line",onClick:()=>B(m=>!m),children:[t.jsx(Le,{size:13})," ",Z?"Hide history":`Memo history (${x.length})`]})]}),Q||T===I.id||I.status==="running"?t.jsxs("div",{className:`dql-app-research-status ${Q?"opening":""}`,children:[t.jsx(Me,{size:14}),t.jsxs("div",{children:[t.jsx("span",{children:Q?"Opening a new business memo...":"Refreshing the memo from certified evidence, active filters, and optional preview proof..."}),H?t.jsx("small",{children:H}):null]})]}):null,G?t.jsx("div",{className:"dql-app-error",children:G}):null,t.jsxs("article",{className:"dql-app-research-report",children:[t.jsxs("header",{className:"dql-app-report-hero",children:[t.jsxs("div",{className:"dql-app-report-status-row",children:[t.jsxs("span",{children:[t.jsx(Le,{size:13})," Business memo"]}),t.jsx(Oe,{tone:I.status==="error"?"draft":"agentic",children:I.reviewStatus})]}),t.jsx("h2",{children:F.title}),t.jsx("p",{children:F.scope}),t.jsx("div",{className:"dql-app-report-context-line",children:F.contextFacts.map(m=>t.jsxs("span",{children:[t.jsx("b",{children:m.label}),m.value]},m.label))}),t.jsxs("div",{className:"dql-app-report-actions",children:[t.jsxs("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line",onClick:()=>void me(I),disabled:T===`pin:${I.id}`,children:[t.jsx(Qa,{size:13})," ",I.pinnedAiPinId?"Pinned to app":"Pin insight"]}),t.jsxs("button",{type:"button",className:"dql-apps-btn dql-apps-btn-primary",onClick:()=>void fe(I),disabled:!(E.trim()||I.generatedSql)||T===`promote:${I.id}`,children:[t.jsx(tr,{size:13})," ",T===`promote:${I.id}`?"Drafting...":"Create draft block"]}),t.jsxs("details",{className:"dql-app-report-review-actions",children:[t.jsx("summary",{children:"Reviewer tools"}),t.jsxs("div",{children:[t.jsxs("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line",onClick:()=>void W(I,E),disabled:T===I.id,children:[t.jsx(Me,{size:13})," ",T===I.id?"Refreshing...":"Refresh memo"]}),(ie=F.previewIssue)!=null&&ie.canRebuild?t.jsxs("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line",onClick:()=>void ce(I),disabled:T===`rebuild:${I.id}`,children:[t.jsx(Me,{size:13})," ",T===`rebuild:${I.id}`?"Rebuilding...":"Rebuild SQL"]}):null]})]})]}),F.previewIssue?t.jsxs("div",{className:"dql-app-report-warning",children:[t.jsx(He,{size:14}),t.jsx("span",{children:F.previewIssue.message})]}):null]}),t.jsx("section",{className:"dql-app-report-section dql-app-report-paper",children:F.sections.length?t.jsx(jl,{sections:F.sections}):t.jsx(Pn,{text:le,t:f,compact:!0})}),F.keyNumbers.length||F.drivers.length?t.jsxs("section",{className:`dql-app-report-section dql-app-report-evidence-story ${F.keyNumbers.length&&F.drivers.length?"":"single"}`,children:[F.keyNumbers.length?t.jsxs("div",{children:[t.jsx("h3",{children:F.intent==="segment_compare"?"Segment numbers":F.intent==="diagnose_change"?"Movement numbers":"Key numbers"}),t.jsx("div",{className:"dql-app-report-numbers",children:F.keyNumbers.map(m=>t.jsxs("div",{className:"dql-app-report-number",children:[t.jsx("span",{children:m.label}),t.jsx("b",{children:m.value}),t.jsx("small",{children:m.detail})]},m.label))})]}):null,F.drivers.length?t.jsxs("div",{children:[t.jsx("h3",{children:F.intent==="anomaly_investigation"?"Exception view":F.intent==="entity_drilldown"?"Entity view":"Driver view"}),t.jsx(Cl,{drivers:F.drivers})]}):null]}):null,t.jsxs("details",{className:"dql-app-report-section dql-app-report-appendix",children:[t.jsxs("summary",{children:[t.jsx("span",{children:"Technical appendix"}),t.jsx("small",{children:"SQL, preview rows, caveats, routing, and source context for analyst review"}),t.jsx(_r,{size:15})]}),t.jsxs("div",{className:"dql-app-research-evidence-head",children:[t.jsxs("div",{children:[t.jsx("h3",{children:"SQL and proof"}),t.jsx("p",{children:"Use this appendix only when you need to inspect routing, repair generated SQL, or validate source context before pinning this memo to the app."})]}),t.jsx("div",{className:"dql-app-research-tabs",children:["preview","sql","assumptions","context"].map(m=>t.jsx("button",{type:"button",className:k===m?"on":"",onClick:()=>R(m),children:m==="assumptions"?"Caveats":ze(m)},m))})]}),t.jsx(Il,{investigation:I,tab:k,sqlDraft:E,onSqlDraftChange:$})]})]})]}):t.jsxs(t.Fragment,{children:[G?t.jsx("div",{className:"dql-app-error",children:G}):null,D?t.jsxs("div",{className:"dql-app-research-creating",children:[t.jsx(Me,{size:22}),t.jsx("span",{children:"Preparing business memo"}),t.jsx("h2",{children:"Writing business memo..."}),t.jsx("p",{children:H?`DQL is opening a scoped memo for "${H}".`:"DQL is using the Copilot context, active filters, certified block evidence, and any available preview proof to create the main-canvas memo."})]}):t.jsx(we,{title:"Start analysis from Copilot.",detail:"Ask a follow-up, add context, then review the analysis here."})]})})]}):t.jsx(we,{title:"No App selected.",detail:"Choose an App before writing analysis."})}function $r({item:e,selected:r,onClick:a}){return t.jsxs("button",{type:"button",className:[r?"on":"",`status-${e.status}`].filter(Boolean).join(" "),onClick:a,children:[t.jsx("span",{children:ha(e)}),t.jsx("small",{children:$l(e)})]})}function Qn({appDoc:e}){const r=(e==null?void 0:e.notebooks)??(e==null?void 0:e.app.notebooks)??[];return r.length?t.jsx("div",{className:"dql-app-simple-list",children:r.map(a=>t.jsxs(Qe,{icon:t.jsx(Qr,{size:16}),children:[t.jsx("b",{children:a.title??a.path.split("/").pop()}),t.jsxs("span",{children:[a.role," / ",a.visibility," / ",a.path]})]},a.path))}):t.jsx(we,{title:"No notebooks attached.",detail:"Attach analysis notebooks in Build mode when this App needs supporting work."})}function Gn({appDoc:e}){const r=(e==null?void 0:e.aiPins)??[];return r.length?t.jsx("div",{className:"dql-app-simple-list",children:r.map(a=>t.jsxs(Qe,{icon:t.jsx(It,{size:16}),children:[t.jsx("b",{children:a.title}),t.jsxs("span",{children:[a.certification," / ",a.reviewStatus]})]},a.id))}):t.jsx(we,{title:"No pinned insights yet.",detail:"Use Copilot from a dashboard page, create analysis, then add useful reviewed insights to this App."})}function Yn({appDoc:e}){const r=(e==null?void 0:e.drafts)??[];return r.length?t.jsx("div",{className:"dql-app-simple-list",children:r.map(a=>t.jsxs(Qe,{icon:t.jsx(tr,{size:16}),children:[t.jsx("b",{children:a.name}),t.jsxs("span",{children:[a.reviewStatus??"needs review"," / ",a.path]})]},a.path))}):t.jsx(we,{title:"No drafts.",detail:"Generated and promoted draft blocks will appear here for review."})}function Xn({appDoc:e}){var r;return e?t.jsxs("div",{className:"dql-app-settings-grid",children:[t.jsxs(Qe,{icon:t.jsx(Fe,{size:16}),children:[t.jsx("b",{children:"Owners"}),t.jsx("span",{children:e.app.owners.join(", ")})]}),t.jsxs(Qe,{icon:t.jsx(Me,{size:16}),children:[t.jsx("b",{children:"Lifecycle"}),t.jsx("span",{children:e.app.lifecycle??"draft"})]}),t.jsxs(Qe,{icon:t.jsx(er,{size:16}),children:[t.jsx("b",{children:"Policies"}),t.jsxs("span",{children:[e.app.policies.length," local access policies"]})]}),t.jsxs(Qe,{icon:t.jsx(Ge,{size:16}),children:[t.jsx("b",{children:"Homepage"}),t.jsx("span",{children:((r=e.app.homepage)==null?void 0:r.type)??"dashboard"})]})]}):t.jsx(we,{title:"No App selected.",detail:"Choose an App to inspect its settings."})}function Ft({title:e,meta:r}){return t.jsxs("div",{className:"dql-app-panel-head",children:[t.jsx("span",{children:e}),r?t.jsx("b",{children:r}):null]})}function Jn(e){return e.kind==="certified_block"&&e.certification==="certified"}function Zn(e){var i;const r=Array.isArray(e.scopedReports)?e.scopedReports.length:0,a=Array.isArray((i=e.planning)==null?void 0:i.scopedReports)?e.planning.scopedReports.length:0;return r>0||a>0?Math.max(r,a):Array.isArray(e.missingEvidence)?e.missingEvidence.length:0}function Dn({filters:e,values:r,onChange:a}){return e.length===0?t.jsx("span",{className:"dql-app-filter-empty",children:"No filters"}):t.jsx(t.Fragment,{children:e.map(i=>t.jsx(Un,{filter:i,value:r[i.id]??st(i),onChange:n=>a(i,n)},i.id))})}function Un({filter:e,value:r,onChange:a}){var f;const i=ze(e.id),n=tl(e,r),l=e.sourceBlockId,s=e.bindsTo||e.id,o=(e.type==="string"||e.type==="select")&&!!l&&!((f=e.options)!=null&&f.length),[p,u]=d.useState(null);if(d.useEffect(()=>{if(!o||!l)return;let x=!1;return J.dashboardFilterOptions(l,s).then(c=>{!x&&c&&c.options.length>0&&!c.truncated&&u(c.options)}),()=>{x=!0}},[l,s,o]),p&&p.length>0)return t.jsx(Wt,{icon:it(e),label:i,value:n,onChange:a,options:[["",`All ${i.toLowerCase()}`],...p.map(x=>[x,x])]});if(e.type==="select")return t.jsx(Wt,{icon:it(e),label:i,value:n,onChange:a,options:el(e)});if(e.type==="boolean")return t.jsx(Wt,{icon:it(e),label:i,value:String(!!r),onChange:x=>a(x==="true"),options:[["true","Yes"],["false","No"]]});if(e.type==="daterange"){const x=r&&typeof r=="object"&&!Array.isArray(r)?r:{},c=typeof x.start=="string"?x.start:"",N=typeof x.end=="string"?x.end:"",C=(q,h)=>a(q&&h?{start:q,end:h}:void 0);return t.jsxs("label",{className:"dql-app-filter-select dql-app-filter-range",title:e.bindsTo?`${i} -> ${e.bindsTo}`:i,"aria-label":i,children:[t.jsx("span",{className:"dql-app-filter-icon",children:it(e)}),t.jsx("input",{type:"date",value:c,"aria-label":`${i} from`,onChange:q=>C(q.target.value,N)}),t.jsx("span",{className:"dql-app-filter-range-sep",children:"–"}),t.jsx("input",{type:"date",value:N,"aria-label":`${i} to`,onChange:q=>C(c,q.target.value)})]})}return t.jsxs("label",{className:"dql-app-filter-select",title:e.bindsTo?`${i} -> ${e.bindsTo}`:i,"aria-label":i,children:[t.jsx("span",{className:"dql-app-filter-icon",children:it(e)}),t.jsx("input",{type:e.type==="number"?"number":e.type==="date"?"date":"text",value:n,placeholder:i,onChange:x=>a(x.target.value)})]})}function it(e){return e.type==="date"||e.type==="daterange"||/season|year|date|time|period/i.test(e.id)?t.jsx(Oa,{size:13}):t.jsx(Gr,{size:13})}function el(e){var a;return((a=e.options)!=null&&a.length?e.options:[e.default].filter(i=>i!==void 0)).map(i=>[String(i),ze(String(i))])}function st(e){var r;return e.default!==void 0?e.default:e.type==="number"?da(e.id):e.type==="boolean"?!1:e.type==="select"?((r=e.options)==null?void 0:r[0])??"":""}function tl(e,r){return r==null?String(st(e)??""):e.type==="daterange"&&typeof r=="object"?JSON.stringify(r):String(r)}function rl(e,r){if(e.type==="number"){if(typeof r=="string"&&r.trim()==="")return"";const a=Number(r);return Number.isFinite(a)?a:r}if(e.type==="boolean")return r===!0||r==="true";if(e.type==="select"&&typeof e.default=="number"){const a=Number(r);return Number.isFinite(a)?a:r}return r}function Pr(e,r){const a=Object.keys(e),i=Object.keys(r);return a.length!==i.length?!1:a.every(n=>Object.is(e[n],r[n]))}function Wt({label:e,icon:r,value:a,options:i,onChange:n}){return t.jsxs("label",{className:"dql-app-filter-select",title:e,"aria-label":e,children:[r?t.jsx("span",{className:"dql-app-filter-icon",children:r}):t.jsx("span",{children:e}),t.jsx("select",{value:a,onChange:l=>n(l.target.value),children:i.map(([l,s])=>t.jsx("option",{value:l,children:s},l))})]})}function Vt(e){return e.block?"blockId"in e.block?e.block.blockId??null:e.block.ref??null:null}function xa(e,r){if(!e)return[];const a=new Map(((r==null?void 0:r.tiles)??[]).map(p=>[p.tileId,p])),i=new Map(((r==null?void 0:r.tiles)??[]).filter(p=>p.blockId).map(p=>[p.blockId,p])),n=new Set(e.layout.items.filter(p=>Vt(p)&&Rr(p)).map(p=>Zt(`${p.title??""} ${Vt(p)??""}`)).filter(Boolean)),l=e.layout.items.map((p,u)=>{const f=Vt(p);if(!f)return null;const x=Zt(`${p.title??""} ${f}`);if(x&&n.has(x)&&!Rr(p))return null;const c=a.get(p.i)??i.get(f);return{block:{blockId:f,title:p.title??f,viz:p.viz.type,tileId:p.i},duplicateKeys:al(p,c,f),score:ll(p,c,u)}}).filter(p=>!!p).sort((p,u)=>u.score-p.score),s=new Set,o=[];for(const p of l)if(!p.duplicateKeys.some(u=>s.has(u))){for(const u of p.duplicateKeys)s.add(u);o.push(p.block)}return o}function Rr(e){var r,a;return(r=e.parameterBindings)!=null&&r.length?!0:!!((a=e.filterBindings)!=null&&a.some(i=>!i.unsupportedReason&&(i.mode==="parameter"||i.mode==="predicate"||!!i.binding)))}function al(e,r,a){const i=[`block:${a}`],n=il(r==null?void 0:r.result);n&&i.push(`result:${n}`);const l=Zt(`${e.title??""} ${a}`);return l&&i.push(`topic:${l}`),i}function il(e){var i,n;if(!((i=e==null?void 0:e.columns)!=null&&i.length)||!((n=e.rows)!=null&&n.length))return"";const r=e.columns.slice(0,6).map(l=>l.toLowerCase()),a=e.rows.slice(0,3).map(l=>r.map(s=>nl(l[s]??l[e.columns.find(o=>o.toLowerCase()===s)??s])).join(","));return[...r,...a].join("|")}function nl(e){return e==null?"":typeof e=="number"?Number.isFinite(e)?String(Math.round(e*1e3)/1e3):"":String(e).toLowerCase().replace(/\s+/g," ").trim().slice(0,80)}function Zt(e){const r=e.toLowerCase().replace(/\b(codex|e2e|qa|draft|imported|pasted|raw|sql|block)\b/g," ").replace(/\b20\d{10,}\b/g," "),a=/\b(player|players|scorer|scorers|athlete)\b/.test(r)?"player":/\b(customer|account|user)\b/.test(r)?"customer":/\b(team|teams)\b/.test(r)?"team":"",i=/\b(top|bottom|rank|ranking|leader|leaderboard|scorer|scorers)\b/.test(r)?"ranking":/\b(availability|freshness|record|records|quality|coverage)\b/.test(r)?"availability":/\b(trend|weekly|monthly|daily|over time)\b/.test(r)?"trend":"",n=/\b(point|points|pts|score|scoring|scorer|scorers)\b/.test(r)?"points":/\b(field goal|fgm|fga|field-goal|field_goals?)\b/.test(r)?"field_goals":/\b(count|records|games played)\b/.test(r)?"count":/\b(availability|freshness|quality|coverage)\b/.test(r)?"quality":"";return!a||!i||!n?"":`${a}|${i}|${n}`}function ll(e,r,a){var n,l,s,o,p;let i=1e4-a;return(n=e.parameterBindings)!=null&&n.length&&(i+=5e4),(l=e.filterBindings)!=null&&l.length&&(i+=2e4),(r==null?void 0:r.status)==="ok"&&(i+=15e3),(o=(s=r==null?void 0:r.result)==null?void 0:s.rows)!=null&&o.length&&(i+=8e3),(r==null?void 0:r.certificationStatus)==="certified"&&(i+=5e3),String(e.trustState??((p=e.display)==null?void 0:p.trustState)??"").toLowerCase()==="certified"&&(i+=3e3),/codex\s+e2e|test|pasted/i.test(String(e.title??""))&&(i-=6e3),i}function sl(e,r){if(!Array.isArray(e)||e.length===0)return;const a=Array.isArray(r)&&r.length>0?r.slice(0,8):Object.keys(e[0]??{}).slice(0,8);return e.slice(0,5).map(i=>Object.fromEntries(a.map(n=>[n,i[n]])))}function jt(e){return String(e??"").replace(/\s+/g," ").replace(/[\s,;:.–—-]+$/,"").trim()}function ze(e){const r=String(e??"").replace(/[_-]+/g," ").replace(/\s+/g," ").trim();return r?r.split(" ").map(a=>{const i=a.toLowerCase();return i==="ai"?"AI":i==="cxo"?"CXO":i==="kpi"?"KPI":i==="vs"||i==="vs."?"vs.":`${a.charAt(0).toUpperCase()}${a.slice(1)}`}).join(" "):"Business"}function fa(e){return e.replace(/\bDraft gaps stay in Research until reviewed\.?/gi,"Follow-up analysis stays out of the stakeholder view until reviewed.").replace(/\bresearch path\b/gi,"analysis path").replace(/\bresearch suggestions\b/gi,"analysis suggestions").replace(/\bfollow-up research\b/gi,"follow-up analysis").replace(/\bevidence chips\b/gi,"proof chips").replace(/\bevidence, lineage\b/gi,"proof and lineage").replace(/\bevidence and lineage\b/gi,"proof and lineage").replace(/\bsource evidence\b/gi,"source proof").replace(/\bOpen Research\b/g,"Open Analysis").replace(/\bResearch\b/g,"Analysis")}function At(e){return e==null||e===""?"All":Array.isArray(e)?e.map(At).join(", "):typeof e=="boolean"?e?"On":"Off":typeof e=="number"?e.toLocaleString():typeof e=="object"?JSON.stringify(e):String(e)}function ga(e,r){if(Array.isArray(r))return r.map(i=>ga(e,i)).join(", ");const a=typeof r=="number"?r:typeof r=="string"&&r.trim()!==""?Number(r):NaN;return/(season|year)/i.test(e)&&Number.isInteger(a)&&a>=1900&&a<=2200?String(a):At(r)}function ol(e,r,a){var o;const i=(e==null?void 0:e.id)??(r==null?void 0:r.app.id)??"app",n=(e==null?void 0:e.name)??(r==null?void 0:r.app.name)??"DQL App",l=(a==null?void 0:a.dashboard.metadata.title)??((o=r==null?void 0:r.dashboards[0])==null?void 0:o.title)??"Overview",s=typeof window<"u"?window.location.origin:"local DQL";return[n,`App ID: ${i}`,`Dashboard: ${l}`,`Domain: ${(e==null?void 0:e.domain)??(r==null?void 0:r.app.domain)??(a==null?void 0:a.dashboard.metadata.domain)??"unknown"}`,`Open locally: ${s}`].join(`
+`)}function pl(e,r,a){const i=r==null?void 0:r.app,n=(e==null?void 0:e.name)??(i==null?void 0:i.name)??"DQL App",l=(r==null?void 0:r.dashboards)??[],s=(r==null?void 0:r.notebooks)??(i==null?void 0:i.notebooks)??[],o=(r==null?void 0:r.drafts)??[],p=(r==null?void 0:r.aiPins)??[],u=a==null?void 0:a.dashboard,f=(u==null?void 0:u.layout.items.map(c=>c.block?c.block.blockId??c.block.ref??c.title??c.i:null).filter(c=>!!c))??[];return`${[`# ${n}`,"",(e==null?void 0:e.description)??(u==null?void 0:u.metadata.description)??(i==null?void 0:i.description)??"Local DQL App brief.","","## App Metadata","",`- App ID: ${(e==null?void 0:e.id)??(i==null?void 0:i.id)??"unknown"}`,`- Domain: ${(e==null?void 0:e.domain)??(i==null?void 0:i.domain)??(u==null?void 0:u.metadata.domain)??"unknown"}`,`- Lifecycle: ${(e==null?void 0:e.lifecycle)??(i==null?void 0:i.lifecycle)??(u==null?void 0:u.metadata.lifecycle)??"draft"}`,`- Audience: ${(e==null?void 0:e.audience)??(i==null?void 0:i.audience)??(u==null?void 0:u.metadata.audience)??"stakeholder"}`,`- Owners: ${((e==null?void 0:e.owners)??(i==null?void 0:i.owners)??[]).join(", ")||"owner@local"}`,"","## Pages","",...l.length?l.map(c=>`- ${c.title} (${c.itemCount} tiles)`):["- No dashboard pages found."],"","## Governed Blocks","",...f.length?f.map(c=>`- ${c}`):["- No block-backed tiles found."],"","## Supporting Assets","",`- Notebooks: ${s.length}`,`- Pinned insights: ${p.length}`,`- Drafts needing review: ${o.length}`,""].join(`
+`)}
+`}function Oe({children:e,tone:r="certified"}){return t.jsx("span",{className:`dql-app-seal ${r}`,children:e})}function Ht({label:e,value:r}){return t.jsxs("span",{children:[t.jsx("small",{children:e}),t.jsx("b",{children:r})]})}function Br({label:e,value:r}){return t.jsxs("div",{className:"dql-app-keyvalue-inline",children:[t.jsx("span",{children:e}),t.jsx("b",{children:r})]})}function dl(e,r){const a=dt(r)||"Review this app result.",i=typeof e=="string"?e.trim():"";if(!i)return a;const n=cl(i);if(n)return n;const l=i.replace(/\bCurrent app filters:\s*[\s\S]*$/i,"").replace(/\bCertified block to start from:\s*[\s\S]*$/i,"").replace(/\bSource result:\s*[\s\S]*$/i,"").replace(/\bUser intent:\s*[\s\S]*$/i,"");return dt(l)||a}function cl(e){const a=/(?:^|\n)\s*(Analysis goal|Analysis question|Report question|Research question|Proof question|Evidence question|Validation question|Reusable block goal|Business question|Question):\s*/i.exec(e);if(!a)return"";const i=(a.index??0)+a[0].length,n=e.slice(i),l=n.search(/(?:^|\n)\s*(Current app filters|Certified block to start from|Source result|User intent|Review status|Trust status):/i),s=l>=0?n.slice(0,l):n;return dt(s)}function dt(e){const r=e.replace(/^\/(ask|research|report|analy[sz]e|analysis|proof|evidence|validate|verify|add\s+block|create\s+block|draft\s+block|block)\b/i,"").replace(/\s+/g," ").trim();if(r.length<=280)return r;const a=r.slice(0,280).replace(/\s+\S*$/,"").trim();return a?`${a}...`:r.slice(0,280)}function ul(e){var E,$;const r=he(e.metrics),a=he(e.context),i=he(e.evidence),n=he(i.planner),l=xl(a,i,n),s=he(a.focusBlock),o=dr(e),p=he(o==null?void 0:o.result),u=Array.isArray(p.rows)?p.rows.length:0,f=dl(a.userProvidedContext,e.question),x=typeof a.actionMode=="string"?a.actionMode:void 0,c=String(r.context??s.title??e.sourceBlockId??"selected app result"),N=String(a.activeFilterSummary??Nl(he(a.activeFilters))),C=yl(e.intent,x),q=ml(e,f,x,c),h=bl(C,f,c,N),T=((E=e.summary)==null?void 0:E.trim())||`DQL wrote review-required analysis for ${c}: ${e.question}. The selected app result is available, but this analysis still needs human review before it becomes governed business logic.`,A=(($=e.recommendation)==null?void 0:$.trim())||"Use this as analyst-reviewed analysis first. Confirm the metric grain, filters, source tables, and caveats before adding it to the app or drafting a reusable DQL block.",G=[{label:String(r.currentLabel??"Current"),value:ot(r.currentValue),detail:String(r.currentDetail??"current selected result")},{label:String(r.baselineLabel??"Baseline"),value:ot(r.baselineValue),detail:String(r.baselineDetail??"comparison or prior value")},{label:String(r.deltaLabel??"Delta"),value:ot(r.delta),detail:String(r.deltaDetail??"change or gap to explain")},{label:"Preview",value:u?`${u} rows`:"not captured",detail:"bounded preview sample"}].filter(hl),P=ql(e),k=u>0||G.length>0||P.length>0||Object.keys(r).length>0,R=zl(e.reportSections).filter(K=>gl(K,e.error,k));return{title:q,intent:e.intent,actionMode:x,scope:h,summary:T,recommendation:A,routeDecision:l,sections:R,previewIssue:fl(e.error,typeof n.sqlErrorKind=="string"?n.sqlErrorKind:void 0,k),contextFacts:[{label:"Type",value:C},{label:"Source",value:c},{label:"Filters",value:N},{label:"Review",value:ze(e.reviewStatus)}],keyNumbers:G,drivers:P}}function xl(e,r,a){const i=he(e.originatingAnswer),n=he(e.routeDecision),l=he(i.decision),s=he(r.routeDecision),o=he(a.routeDecision),p=Object.keys(n).length?n:Object.keys(l).length?l:Object.keys(s).length?s:Object.keys(o).length?o:{},u=typeof p.reason=="string"?p.reason.trim():"",f=typeof p.nextAction=="string"?p.nextAction.trim():"";if(!u&&!f)return null;const x=typeof p.mode=="string"&&p.mode.trim()?ze(p.mode):"Analysis",c=typeof p.confidence=="number"&&Number.isFinite(p.confidence)?Math.round(Math.max(0,Math.min(1,p.confidence))*100):void 0;return{mode:x,reason:u,nextAction:f,confidence:c}}function fl(e,r,a=!1){const i=e==null?void 0:e.trim();return!i||a&&(r==="runtime_unavailable"||r==="unknown"||/\bAI provider did not return a governed answer\b/i.test(i))?null:r==="runtime_unavailable"?{message:"Preview could not run because the warehouse or execution runtime is unavailable. Resume or choose an active warehouse, then refresh the report. The SQL may not need to change.",canRebuild:!1}:r==="timeout"?{message:"Preview timed out. Narrow filters or simplify the SQL in the trace appendix, then refresh before promoting this report.",canRebuild:!1}:r==="safety"?{message:"DQL blocked this preview because the SQL is not safe read-only analytical SQL. Rebuild from the certified block or edit it as a SELECT/WITH query before refreshing.",canRebuild:!0}:{message:"SQL preview needs review. Edit the SQL in the trace appendix or rebuild it from the certified block context before promoting this report.",canRebuild:!0}}function gl(e,r,a){const i=String(e.id??"").toLowerCase();return!(e.kind==="review_boundary"||i==="review-boundary"||i==="preview-unavailable"&&a||i==="sql-repair-path"&&a&&/\bAI provider did not return a governed answer\b/i.test(r??""))}function hl(e){const r=e.value.trim().toLowerCase();return!!r&&r!=="n/a"&&r!=="not captured"&&r!=="not available"}function ml(e,r,a,i){const n=St(r)||St(e.title)||St(e.question),l=a==="block"?"Reusable logic":a==="evidence"?"Proof brief":"Analysis",s=ze(i);return`${l}: ${vl(n||s)}`}function bl(e,r,a,i){const n=St(r);return[n?`Question: ${n}`:"",`Source: ${a}`,i&&i!=="No app filters set"?`Filters: ${i}`:"",`Status: ${e} / review-required`].filter(Boolean).join(" · ")}function St(e){return dt(String(e??"")).replace(/^(analysis|report|research|proof|proof brief|reusable logic|reusable logic brief|change analysis|driver analysis|segment comparison|entity drilldown|anomaly review|validation result)\s*:\s*/i,"").replace(/^(analysis goal|analysis question|report question|research question|proof question|evidence question|validation question|reusable block goal|business question|question)\s*:\s*/i,"").trim()}function vl(e){const r=e.replace(/\s+/g," ").trim();return r.length<=96?r:`${r.slice(0,96).replace(/\s+\S*$/,"").trim()||r.slice(0,96)}...`}function yl(e,r){return r==="evidence"?"Proof Brief":r==="block"?"Reusable Logic Brief":e==="diagnose_change"?"Change Analysis":e==="segment_compare"?"Segment Comparison":e==="entity_drilldown"?"Entity Drilldown":e==="anomaly_investigation"?"Anomaly Review":e==="trust_gap_review"?"Proof Review":"Driver Analysis"}function ql(e){const r=(e.driverCards??[]).map(he).filter(l=>Object.keys(l).length>0);if(r.length)return r.slice(0,8).map((l,s)=>({title:String(l.title??`Driver ${s+1}`),value:String(l.contribution??l.value??l.metric??"Proof"),explanation:String(l.explanation??"Review this driver against the source rows and metric grain.")}));const a=dr(e),i=he(a==null?void 0:a.result);return(Array.isArray(i.rows)?i.rows.map(he).filter(l=>Object.keys(l).length>0):[]).slice(0,5).map((l,s)=>{const o=Object.keys(l),p=o.find(f=>/name|player|customer|account|segment|team/i.test(f))??o[0]??`row_${s+1}`,u=o.find(f=>/point|revenue|total|score|value|delta|count/i.test(f)&&f!==p)??o[1]??p;return{title:String(l[p]??`Preview row ${s+1}`),value:ot(l[u]),explanation:`This row is part of the bounded preview sample for ${ze(u)}.`}})}function wl(e){var C,q;if(e.sections.length>0)return e.sections.map(h=>{var A;const T=(A=h.bullets)!=null&&A.length?`
+
+${h.bullets.map(G=>`- ${G}`).join(`
+`)}`:"";return`## ${h.title}
+${h.body}${T}`}).join(`
+
+`);const r=e.keyNumbers.find(h=>h.value!=="not available"&&h.label!=="Preview"),a=e.keyNumbers.find(h=>/baseline|comparison|next/i.test(h.label)&&h.value!=="not available"),i=e.keyNumbers.find(h=>/delta|gap|change/i.test(h.label)&&h.value!=="not available"),n=e.drivers[0],l=e.drivers[1],s=(C=e.contextFacts.find(h=>h.label==="Source"))==null?void 0:C.value,o=(q=e.contextFacts.find(h=>h.label==="Filters"))==null?void 0:q.value,p=[r?`${r.label}: ${r.value} (${r.detail})`:"",a?`${a.label}: ${a.value} (${a.detail})`:"",i?`${i.label}: ${i.value} (${i.detail})`:""].filter(Boolean).join("; "),u=n?`${n.title} is the strongest visible driver in this bounded preview${n.value?` (${n.value})`:""}.${l?` The next visible comparison is ${l.title}${l.value?` (${l.value})`:""}.`:""}`:"The report does not yet have ranked drivers. Add a clearer metric, time grain, or segment field before treating the analysis as complete.",f=[s?`source: ${s}`:"",o?`filters: ${o}`:""].filter(Boolean).join("; "),x=e.actionMode==="block"?"## Reusable logic decision":e.actionMode==="evidence"||e.intent==="trust_gap_review"?"## Validation result":"## Business interpretation",c=e.actionMode==="block"?"This is a candidate reusable block design, not a certified answer yet. Preserve the business question, parameter defaults, allowed filters, output grain, and proof path before certification.":e.actionMode==="evidence"||e.intent==="trust_gap_review"?`The claim should be treated as validated only inside this bounded analysis context${f?` (${f})`:""}. Use the appendix when a reviewer needs SQL, preview rows, caveats, or source trace.`:`${u} Treat the conclusion as a directional stakeholder explanation until the analyst confirms SQL, grain, filters, joins, and lineage.`,N=["## Executive answer",e.summary,x,c];return p&&N.push("## Key numbers",`The bounded preview shows ${p}. These numbers are useful for review and stakeholder framing but still need source validation before promotion.`),N.push("## Recommended next step",e.recommendation,"## Review boundary","This report is AI-generated and review-required. Use it to guide analysis, then validate SQL, grain, filters, joins, and source proof before pinning it to the app or turning it into a reusable DQL block."),N.join(`
+
+`)}function jl({sections:e}){return t.jsx("div",{className:"dql-app-report-dynamic-sections",children:e.map(r=>{var a;return t.jsxs("section",{className:`dql-app-report-dynamic-section tone-${r.tone??"neutral"}`,children:[t.jsxs("div",{className:"dql-app-report-dynamic-head",children:[t.jsx("span",{children:Sl(r)}),t.jsx("h3",{children:r.title})]}),t.jsx(kl,{text:r.body}),(a=r.bullets)!=null&&a.length?t.jsx("ul",{children:r.bullets.map(i=>t.jsx("li",{children:i},i))}):null]},r.id)})})}function kl({text:e}){const r=e.split(/\n{2,}/).map(a=>a.replace(/\s*\n\s*/g," ").trim()).filter(Boolean);return r.length?t.jsx("div",{className:"dql-app-report-memo-body",children:r.map(a=>t.jsx("p",{children:a},a))}):null}function Sl(e){switch(e.kind){case"executive_answer":return"Answer";case"business_interpretation":return"Interpretation";case"key_numbers":return"Numbers";case"validation":return"Proof";case"reusable_logic":return"Reusable logic";case"recommended_next_step":return"Next step";case"review_boundary":return"Review boundary";default:return/focus/i.test(e.title)?"Scope":/repair|preview|sql/i.test(e.title)?"Appendix note":"Report note"}}function zl(e){return Array.isArray(e)?e.filter(r=>!!r&&typeof r.title=="string"&&r.title.trim().length>0&&typeof r.body=="string"&&r.body.trim().length>0).slice(0,8).map((r,a)=>({...r,id:r.id||`section-${a+1}`,title:r.title.trim(),body:r.body.trim(),bullets:Array.isArray(r.bullets)?r.bullets.filter(Boolean).slice(0,8):void 0,evidenceRefs:Array.isArray(r.evidenceRefs)?r.evidenceRefs.filter(Boolean).slice(0,8):void 0})):[]}function Cl({drivers:e}){if(!e.length)return t.jsx("p",{className:"dql-app-report-muted",children:"No ranked drivers are available yet. Refresh the report after adding a clearer metric, time grain, or comparison group."});const r=e.slice(0,6).map(i=>({...i,numericValue:Math.abs(Al(i.value))})),a=Math.max(...r.map(i=>i.numericValue),0);return t.jsx("div",{className:"dql-app-report-driver-chart","aria-label":"Report driver chart",children:r.map((i,n)=>{const l=a>0?Math.max(8,Math.round(i.numericValue/a*100)):28;return t.jsxs("div",{className:"dql-app-report-driver-bar",children:[t.jsxs("div",{children:[t.jsx("b",{children:i.title}),t.jsx("span",{children:i.value})]}),t.jsx("i",{style:{"--driver-width":`${l}%`}}),t.jsx("p",{children:i.explanation})]},`${i.title}-${n}`)})})}function Al(e){const r=e.replace(/,/g,"").match(/-?\+?\d+(?:\.\d+)?/);if(!r)return 0;const a=Number(r[0].replace(/^\+/,""));return Number.isFinite(a)?a:0}function Nl(e){const r=Object.entries(e).filter(([a])=>a!=="smartView");return r.length?r.map(([a,i])=>`${ze(a)} ${ga(a,i)}`).join(", "):"No app filters set"}function Il({investigation:e,tab:r,sqlDraft:a,onSqlDraftChange:i}){if(r==="sql")return t.jsxs("div",{className:"dql-app-research-sql-review",children:[t.jsx("textarea",{value:a,onChange:l=>i(l.target.value),spellCheck:!1,placeholder:"Generated SQL will appear here for review."}),e.error?t.jsx("div",{className:"dql-app-error",children:e.error}):null]});const n=he(e.evidence);if(r==="assumptions"){const l=Array.isArray(n.assumptions)?n.assumptions:[],s=he(n.trustStatus);return t.jsxs("div",{className:"dql-app-research-assumptions",children:[l.length?l.map((o,p)=>t.jsx("p",{children:String(o)},p)):t.jsx("p",{children:"Refresh the report to capture assumptions."}),t.jsx(Br,{label:"Trust",value:String(s.label??"AI-generated report")}),t.jsx(Br,{label:"Review",value:e.reviewStatus})]})}return r==="context"?t.jsx("pre",{className:"dql-app-research-code",children:JSON.stringify({certifiedContext:n.certifiedContext,trustStatus:n.trustStatus,planner:n.planner},null,2)}):t.jsx(Tl,{investigation:e})}function Tl({investigation:e}){const r=dr(e);if(!r)return t.jsx(we,{title:"No preview rows yet.",detail:"Refresh the report with SQL or selected tile results to capture proof.",compact:!0});const a=he(r.result),i=Array.isArray(a.rows)?a.rows.map(he).filter(l=>!!l).slice(0,8):[],n=Array.isArray(a.columns)?a.columns.map(String).slice(0,8):Object.keys(i[0]??{}).slice(0,8);return!i.length||!n.length?t.jsx(we,{title:"No preview rows yet.",detail:"The report captured proof, but no row preview was available.",compact:!0}):t.jsx("div",{className:"dql-app-research-table",children:t.jsxs("table",{children:[t.jsx("thead",{children:t.jsx("tr",{children:n.map(l=>t.jsx("th",{children:ze(l)},l))})}),t.jsx("tbody",{children:i.map((l,s)=>t.jsx("tr",{children:n.map(o=>t.jsx("td",{children:Rl(l[o])},o))},s))})]})})}function dr(e){return(Array.isArray(e.resultPreviews)?e.resultPreviews:[]).map(he).find(a=>!!a.result)??null}function nt(e,r){const a=e.filter(i=>i.id!==r.id);return Dt([r,...a])}function Dt(e){return[...e].sort((r,a)=>Lr(a)-Lr(r))}function Lr(e){const r=new Date(e.updatedAt||e.lastRunAt||e.createdAt).getTime();return Number.isFinite(r)?r:0}function ha(e){const r=e.title.replace(/^\s*(write\s+the\s+report\s+brief|the\s+research\s+question|research\s+question)\s*:\s*/i,"").replace(/^\s*research\b/i,"Analysis").replace(/^\s*report\b/i,"Analysis").trim(),a=ze(r||e.title);return a.length<=64?a:`${a.slice(0,61).trim()}...`}function $l(e){const r=e.status==="error"?"Needs SQL review":e.status==="ready"?"Ready":e.status==="running"?"Running":"Draft",a=Pl(e.updatedAt||e.lastRunAt||e.createdAt);return`${ze(e.intent)} / ${r}${a?` / ${a}`:""}`}function Pl(e){if(!e)return"";const r=new Date(e).getTime();if(!Number.isFinite(r))return"";const a=Math.max(0,Date.now()-r),i=Math.floor(a/6e4);if(i<1)return"just now";if(i<60)return`${i}m ago`;const n=Math.floor(i/60);return n<24?`${n}h ago`:`${Math.floor(n/24)}d ago`}function ot(e){return typeof e=="number"&&Number.isFinite(e)?Math.abs(e)>=100?Math.round(e).toLocaleString():Number(e.toFixed(2)).toLocaleString():typeof e=="string"&&e.trim()?e:"n/a"}function Rl(e){return e==null?"":typeof e=="number"?ot(e):typeof e=="string"?e:JSON.stringify(e)}function he(e){return e&&typeof e=="object"&&!Array.isArray(e)?e:{}}function Qe({icon:e,children:r}){return t.jsxs("div",{className:"dql-app-panel-card",children:[t.jsx("span",{children:e}),t.jsx("div",{children:r})]})}function we({title:e,detail:r,compact:a=!1}){return t.jsxs("div",{className:`dql-app-empty ${a?"compact":""}`,children:[t.jsx(Ge,{size:a?24:34,strokeWidth:1.5}),t.jsx("b",{children:e}),t.jsx("span",{children:r})]})}function Bl({title:e,error:r,onChange:a,onCancel:i,onCreate:n}){return t.jsx("div",{className:"dql-app-modal-backdrop",children:t.jsxs("div",{className:"dql-app-modal",children:[t.jsx("h3",{children:"Add dashboard page"}),t.jsx("p",{children:"Create a new page inside this local App package."}),t.jsxs("label",{children:["Page name",t.jsx("input",{value:e,onChange:l=>a(l.target.value),autoFocus:!0,placeholder:"Executive Overview"})]}),r?t.jsx("div",{className:"dql-app-error",children:r}):null,t.jsxs("div",{children:[t.jsx("button",{type:"button",className:"dql-apps-btn dql-apps-btn-line",onClick:i,children:"Cancel"}),t.jsx("button",{type:"button",className:"dql-apps-btn dql-apps-btn-primary",onClick:n,children:"Create page"})]})]})})}function Ll(e,r,a,i,n){const l=n.map((s,o)=>({id:s.id||`tile-${o+1}`,title:s.name,kind:"certified_block",description:s.description,blockId:s.name,sourceNodeId:s.id,viz:s.chartType??"table",certification:"certified",reviewStatus:"certified",rationale:"Selected from the certified block palette."}));return{version:2,mode:"stakeholder",requirements:[{id:"primary",question:r,role:"detail",measures:[],dimensions:[],filters:[]}],requirementCoverage:l.map(s=>({requirementId:"primary",status:"covered",source:"certified_block",tileId:s.id,sourceId:s.sourceNodeId,trustState:"certified",reasons:["Explicitly selected certified block."]})),storyEvidencePlan:{version:1,goal:r,audience:"stakeholder",eligibleTileIds:l.map(s=>s.id)},appId:Ml(e)||"new-app",name:e,prompt:r,skills:Rn.map(s=>({id:s.id,title:s.title,description:s.description})),domain:a,audience:"stakeholder",businessGoal:r,owner:i,lifecycle:"draft",tags:["app-builder"],pages:[{id:"overview",title:"Overview",filters:[],tiles:l}],caveats:[],reviewTasks:[]}}function El(e,r){return{all:e.length,mine:e.filter(a=>a.storage==="mine").length,shared:e.filter(a=>(a.storage??"shared")==="shared").length,fav:r.size}}function _l(e){var r;return((r=e.owners)==null?void 0:r[0])??"owner@local"}function Ml(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,"")}const Ol=`
+.dql-apps-waterline {
+  --dql-app-canvas: var(--color-bg-primary, #f7f8fb);
+  --dql-app-surface: var(--color-bg-card, #ffffff);
+  --dql-app-surface-muted: var(--color-bg-secondary, #f8fafc);
+  --dql-app-control: var(--color-bg-sunken, #f4f6f9);
+  --dql-app-line: var(--color-border-subtle, rgba(15, 23, 42, 0.10));
+  --dql-app-line-2: var(--color-border-primary, rgba(15, 23, 42, 0.16));
+  --dql-app-ink: var(--color-text-primary, #0f172a);
+  --dql-app-muted: var(--color-text-secondary, #64748b);
+  --dql-app-faint: var(--color-text-tertiary, #94a3b8);
+  --dql-app-accent: var(--color-accent-blue, #2563eb);
+  --dql-app-accent-soft: var(--accent-dim, rgba(37, 99, 235, 0.10));
+  --dql-app-deep: #111827;
+  --dql-app-green: var(--color-status-success, #16a34a);
+  --dql-app-green-soft: var(--status-success-bg, rgba(22, 163, 74, 0.08));
+  --dql-app-orange: var(--color-status-warning, #ca8a04);
+  --dql-app-orange-soft: var(--status-warning-bg, rgba(202, 138, 4, 0.10));
+  --dql-app-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 28px rgba(15, 23, 42, 0.06);
+  --surface: var(--dql-app-surface);
+  --surface-hover: var(--dql-app-control);
+  --border-color: var(--dql-app-line);
+  flex: 1;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: var(--dql-app-canvas);
+  color: var(--dql-app-ink);
+  font-family: var(--font-ui);
+  font-size: 14px;
+  line-height: 1.45;
+  text-rendering: geometricPrecision;
+}
+
+.dql-apps-waterline * {
+  letter-spacing: 0;
+}
+
+/* Per-theme palettes come straight from the Luna tokens the base block maps
+   (tokens.css under [data-theme]) — the redesign handoff palette IS the Paper
+   token set, so no per-theme hex overrides remain here. Obsidian only mutes
+   card shadows. */
+.dql-apps-theme-obsidian {
+  --dql-app-deep: #05070b;
+  --dql-app-shadow: none;
+}
+
+.dql-apps-wrap {
+  width: min(880px, calc(100% - 48px));
+  margin: 0 auto;
+  padding: 28px 0 40px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.dql-apps-createhead h1 {
+  margin: 0;
+  font-size: 18px;
+  line-height: 1.2;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+}
+
+.dql-apps-createhead p {
+  margin: 3px 0 0;
+  color: var(--dql-app-faint);
+  font-size: 12.5px;
+  line-height: 1.55;
+  max-width: 720px;
+}
+
+/* Prototype composer card (library) */
+.dql-apps-composer {
+  background: var(--dql-app-surface);
+  border: 1px solid var(--dql-app-line-2);
+  border-radius: 14px;
+  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.03), 0 6px 22px rgba(26, 26, 26, 0.05);
+  display: flex;
+  flex-direction: column;
+}
+.dql-apps-composer textarea {
+  border: 0; background: transparent; resize: none; outline: none;
+  padding: 13px 15px 4px;
+  font-size: 13.5px; line-height: 1.5;
+  color: var(--dql-app-ink); font-family: inherit;
+}
+.dql-apps-composer-row { display: flex; align-items: center; gap: 8px; padding: 8px 10px 10px 12px; }
+.dql-apps-composer-row > i { flex: 1; }
+.dql-apps-composer-chip {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 4px 9px; border-radius: 8px;
+  border: 1px solid var(--dql-app-line);
+  background: var(--dql-app-canvas);
+  font-size: 11.5px; color: var(--dql-app-muted); white-space: nowrap;
+}
+.dql-apps-composer-chip svg { color: var(--dql-app-green); }
+.dql-apps-composer-blank {
+  display: inline-flex; align-items: center; gap: 6px;
+  height: 30px; padding: 0 11px;
+  border-radius: 8px; border: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface); color: var(--dql-app-muted);
+  font-size: 11.5px; font-weight: 600; cursor: pointer; font-family: inherit;
+}
+.dql-apps-composer-blank:hover { background: var(--dql-app-surface-muted); }
+.dql-apps-composer-send {
+  width: 34px; height: 34px; border-radius: 10px; border: 0;
+  background: var(--dql-app-accent); color: #fff;
+  display: inline-flex; align-items: center; justify-content: center;
+  cursor: pointer; box-shadow: 0 1px 5px rgba(107, 93, 211, 0.3);
+}
+.dql-apps-composer-send:hover { filter: brightness(0.95); }
+.dql-apps-composer-send:disabled { opacity: 0.5; cursor: default; box-shadow: none; }
+.dql-apps-try { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
+.dql-apps-try > span { font-size: 10.5px; color: var(--dql-app-faint); }
+.dql-apps-try button {
+  border: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  border-radius: 999px; padding: 3.5px 11px;
+  font-size: 11px; font-weight: 550; cursor: pointer; font-family: inherit;
+}
+.dql-apps-try button:hover { border-color: var(--dql-app-accent); color: var(--dql-app-accent); background: var(--dql-app-accent-soft); }
+
+.dql-apps-btn {
+  height: 32px;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  font: 750 12px var(--font-ui);
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.dql-apps-btn:disabled { opacity: 0.62; cursor: not-allowed; }
+.dql-apps-btn-primary { background: var(--dql-app-accent); color: #fff; }
+.dql-apps-btn-line { background: var(--dql-app-surface); border-color: var(--dql-app-line-2); color: var(--dql-app-ink); }
+.dql-apps-btn-icon { width: 32px; padding: 0; flex: none; }
+.dql-apps-btn-icon:hover,
+.dql-apps-btn-icon.on { color: var(--dql-app-accent); border-color: rgba(79, 99, 215, 0.34); background: var(--dql-app-accent-soft); }
+.dql-apps-btn-dark { width: 100%; background: var(--dql-app-deep); border-color: #1f2937; color: #fff; margin-top: 12px; }
+
+.dql-apps-ai-entry {
+  margin-top: 18px;
+  border: 1px solid rgba(79, 99, 215, 0.26);
+  border-radius: 12px;
+  background: var(--dql-app-surface);
+  box-shadow: var(--dql-app-shadow);
+  padding: 16px;
+  display: grid;
+  gap: 12px;
+}
+
+.dql-apps-ai-entry-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.dql-apps-ai-entry-head span,
+.dql-apps-ai-entry-head b {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font: 850 11px var(--font-ui);
+}
+
+.dql-apps-ai-entry-head span {
+  color: var(--dql-app-accent);
+}
+
+.dql-apps-ai-entry-head b {
+  color: var(--dql-app-green);
+}
+
+.dql-apps-ai-entry-box {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: end;
+  gap: 12px;
+}
+
+.dql-apps-ai-entry-box textarea {
+  width: 100%;
+  min-height: 112px;
+  resize: vertical;
+  border: 1px solid var(--dql-app-line-2);
+  border-radius: 10px;
+  background: var(--dql-app-control);
+  color: var(--dql-app-ink);
+  outline: 0;
+  padding: 13px 14px;
+  font: 540 15px/1.5 var(--font-ui);
+}
+
+.dql-apps-ai-entry-box textarea:focus {
+  border-color: rgba(79, 99, 215, 0.52);
+  box-shadow: 0 0 0 3px rgba(79, 99, 215, 0.1);
+}
+
+.dql-apps-ai-entry-box button {
+  height: 46px;
+  border: 0;
+  border-radius: 10px;
+  background: var(--dql-app-accent);
+  color: #fff;
+  padding: 0 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  font: 800 12.5px var(--font-ui);
+  cursor: pointer;
+  box-shadow: 0 12px 26px rgba(79, 99, 215, 0.2);
+}
+
+.dql-apps-ai-entry-box button:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.dql-apps-ai-entry-foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.dql-apps-ai-entry-foot > div {
+  min-width: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.dql-apps-ai-entry-foot button {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  padding: 6px 9px;
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font: 750 11.5px var(--font-ui);
+  cursor: pointer;
+}
+
+.dql-apps-ai-entry-foot button:hover {
+  color: var(--dql-app-accent);
+  border-color: rgba(79, 99, 215, 0.32);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-apps-ai-entry-secondary {
+  flex: none;
+  color: var(--dql-app-ink) !important;
+}
+
+.dql-apps-sectionhead {
+  margin: 30px 0 14px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  color: var(--dql-app-muted);
+}
+
+.dql-apps-sectionhead span,
+.dql-app-eyebrow {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-apps-sectionhead i { flex: 1; border-top: 1px solid var(--dql-app-line); }
+.dql-apps-sectionhead b { font-family: var(--font-mono); font-size: 10px; color: var(--dql-app-faint); }
+
+.dql-apps-libbar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.dql-apps-filter-tabs {
+  display: flex;
+  gap: 3px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-control);
+  padding: 4px;
+  flex-wrap: wrap;
+}
+
+.dql-apps-filter-tabs button {
+  border: 0;
+  background: transparent;
+  border-radius: 999px;
+  padding: 6px 12px;
+  cursor: pointer;
+  color: var(--dql-app-muted);
+  font: 800 12px var(--font-ui);
+}
+
+.dql-apps-filter-tabs button.on { background: var(--dql-app-surface); color: var(--dql-app-ink); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); }
+.dql-apps-filter-tabs span { margin-left: 5px; color: var(--dql-app-accent); font-family: var(--font-mono); font-size: 10px; }
+
+.dql-apps-search {
+  flex: 1;
+  min-width: 220px;
+  height: 38px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: var(--dql-app-surface);
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  padding: 0 12px;
+  color: var(--dql-app-faint);
+}
+
+.dql-apps-search input {
+  flex: 1;
+  min-width: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--dql-app-ink);
+  font: 13px var(--font-ui);
+}
+
+.dql-apps-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 16px;
+}
+
+.dql-app-card {
+  min-width: 0;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  overflow: hidden;
+  box-shadow: var(--dql-app-shadow);
+}
+
+.dql-app-card-body {
+  padding: 16px;
+  cursor: pointer;
+}
+
+.dql-app-card-top {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+  margin-bottom: 9px;
+}
+
+.dql-app-star {
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  border: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface);
+  color: var(--dql-app-faint);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.dql-app-star.on { color: var(--dql-app-accent); background: var(--dql-app-accent-soft); border-color: rgba(37, 99, 235, 0.35); }
+.dql-app-card h3 { margin: 13px 0 0; font-size: 17px; line-height: 1.2; }
+.dql-app-card p { min-height: 54px; margin: 7px 0 0; color: var(--dql-app-muted); font-size: 12px; line-height: 1.5; }
+
+.dql-app-card-mini {
+  margin-top: 13px;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 6px;
+}
+
+.dql-app-card-mini span {
+  border-radius: 6px;
+  background: var(--dql-app-control);
+  padding: 7px 9px;
+}
+
+.dql-app-card-mini small {
+  display: block;
+  font-family: var(--font-mono);
+  font-size: 7.5px;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  color: var(--dql-app-muted);
+}
+
+.dql-app-card-mini b { display: block; margin-top: 1px; font-size: 15px; }
+
+.dql-app-card-signals {
+  margin-top: 12px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 7px;
+  color: var(--dql-app-muted);
+  font: 700 10px var(--font-mono);
+}
+
+.dql-app-card-signals span {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  min-height: 24px;
+  padding: 4px 8px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  background: var(--dql-app-surface-muted);
+  white-space: nowrap;
+}
+
+.dql-app-card-depth {
+  min-height: 42px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 16px;
+  border-top: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface-muted);
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: var(--dql-app-muted);
+}
+
+.dql-app-card-depth span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dql-app-card-depth button { border: 0; background: transparent; color: var(--dql-app-accent); cursor: pointer; font: 800 11px var(--font-ui); }
+.dql-app-card-act {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  flex: none !important;
+  min-height: 26px;
+  padding: 0 10px;
+  border: 1px solid var(--dql-app-line) !important;
+  border-radius: 6px;
+  background: var(--dql-app-surface) !important;
+  color: var(--dql-app-muted) !important;
+  font: 650 11px var(--font-ui) !important;
+  transition: border-color 0.12s ease, color 0.12s ease;
+}
+.dql-app-card-act:hover {
+  border-color: var(--dql-app-accent) !important;
+  color: var(--dql-app-accent) !important;
+}
+
+.dql-app-block-cite i,
+.dql-app-plan-item > i {
+  width: 7px;
+  height: 7px;
+  border-radius: 999px;
+  background: var(--dql-app-green);
+  flex: none;
+}
+
+.dql-app-block-cite i.draft,
+.dql-app-plan-item > i.draft { background: var(--dql-app-orange); }
+
+.dql-app-seal {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  border-radius: 999px;
+  min-height: 22px;
+  padding: 2px 9px;
+  width: fit-content;
+  border: 1px solid rgba(22, 163, 74, 0.26);
+  background: var(--dql-app-green-soft);
+  color: var(--dql-app-green);
+  font-family: var(--font-mono);
+  font-size: 10.5px;
+  font-weight: 700;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-seal::before {
+  content: "";
+  width: 6px;
+  height: 6px;
+  border-radius: 999px;
+  background: currentColor;
+}
+
+.dql-app-seal.draft { border-color: rgba(202, 138, 4, 0.30); background: var(--dql-app-orange-soft); color: var(--dql-app-orange); }
+.dql-app-seal.agentic { border-color: rgba(37, 99, 235, 0.32); background: var(--dql-app-accent-soft); color: var(--dql-app-accent); }
+
+.dql-app-create-shell,
+.dql-app-workspace {
+  height: 100%;
+  min-height: 0;
+  display: grid;
+}
+
+.dql-app-create-shell { grid-template-rows: auto 1fr; overflow: hidden; }
+.dql-app-workspace { grid-template-rows: auto auto 1fr; }
+
+.dql-app-buildbar,
+.dql-app-view-topbar {
+  min-height: 54px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 9px 18px;
+  border-bottom: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface);
+  flex-wrap: wrap;
+}
+
+.dql-app-back {
+  width: 30px;
+  height: 30px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-control);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--dql-app-muted);
+  cursor: pointer;
+  flex: none;
+}
+
+.dql-app-back:hover { color: var(--dql-app-ink); border-color: var(--dql-app-line-2); }
+
+.dql-app-back-label {
+  width: auto;
+  min-width: 72px;
+  padding: 0 11px 0 9px;
+  gap: 6px;
+  justify-content: flex-start;
+  color: var(--dql-app-ink);
+  font: 750 12px var(--font-ui);
+}
+
+.dql-app-back-label span {
+  line-height: 1;
+}
+
+.dql-app-topbar-divider {
+  width: 1px;
+  height: 22px;
+  background: var(--dql-app-line);
+  flex: none;
+}
+
+.dql-app-topbar-filters {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.dql-app-filter-icon {
+  display: inline-flex;
+  align-items: center;
+  color: var(--dql-app-faint);
+}
+
+.dql-app-name-input input {
+  width: 240px;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 5px 8px;
+  outline: 0;
+  background: transparent;
+  color: var(--dql-app-ink);
+  font: 800 16px var(--font-ui);
+}
+
+.dql-app-name-input input:focus { border-color: var(--dql-app-accent); background: var(--dql-app-control); }
+.dql-app-mode-seg {
+  margin: 0 auto;
+  display: flex;
+  gap: 2px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-control);
+  padding: 3px;
+}
+
+.dql-app-mode-seg button {
+  min-width: 78px;
+  border: 0;
+  background: transparent;
+  border-radius: 999px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-height: 30px;
+  padding: 6px 12px;
+  color: var(--dql-app-muted);
+  cursor: pointer;
+  font: 750 12px var(--font-ui);
+}
+
+.dql-app-mode-seg button.on { background: var(--dql-app-deep); color: #fff; }
+
+.dql-app-customize-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-height: 32px;
+  padding: 6px 14px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-control);
+  color: var(--dql-app-ink);
+  cursor: pointer;
+  font: 750 12px var(--font-ui);
+}
+
+.dql-app-customize-btn:hover {
+  border-color: rgba(79, 99, 215, 0.34);
+  background: var(--dql-app-accent-soft);
+  color: var(--dql-app-accent);
+}
+
+.dql-app-customize-btn.on {
+  border-color: var(--dql-app-deep);
+  background: var(--dql-app-deep);
+  color: #fff;
+}
+.dql-app-build-actions,
+.dql-app-view-actions {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.dql-app-view-actions { position: relative; }
+
+.dql-app-share-popover {
+  position: absolute;
+  right: 0;
+  top: calc(100% + 8px);
+  z-index: 20;
+  width: min(340px, 80vw);
+  border: 1px solid var(--dql-app-line-2);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  box-shadow: var(--dql-app-shadow);
+  padding: 10px;
+  display: grid;
+  gap: 7px;
+}
+
+.dql-app-share-popover b {
+  color: var(--dql-app-ink);
+  font: 850 12px var(--font-ui);
+}
+
+.dql-app-share-popover textarea {
+  width: 100%;
+  min-height: 92px;
+  resize: none;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  background: var(--dql-app-control);
+  color: var(--dql-app-ink);
+  padding: 8px;
+  font: 11px/1.45 var(--font-mono);
+  box-sizing: border-box;
+}
+
+.dql-app-promote-popover {
+  position: absolute;
+  right: 0;
+  top: calc(100% + 8px);
+  z-index: 21;
+  max-width: min(360px, 80vw);
+  border: 1px solid rgba(22, 163, 74, 0.28);
+  border-radius: 8px;
+  background: var(--dql-app-green-soft);
+  color: var(--dql-app-ink);
+  box-shadow: var(--dql-app-shadow);
+  padding: 10px 12px;
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.dql-app-promote-popover.error {
+  border-color: rgba(202, 138, 4, 0.28);
+  background: var(--dql-app-orange-soft);
+}
+
+.dql-app-persona {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  padding: 3px 9px 3px 4px;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+}
+
+.dql-app-persona b {
+  width: 26px;
+  height: 26px;
+  border-radius: 999px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--dql-app-accent);
+  color: #fff;
+  font-size: 9px;
+}
+
+.dql-app-create-workspace {
+  min-height: 0;
+  display: grid;
+  grid-template-columns: 380px minmax(420px, 1fr) 300px;
+}
+
+.dql-app-create-workspace.classic { grid-template-columns: 286px minmax(420px, 1fr) 320px; }
+.dql-app-create-workspace.clean {
+  display: block;
+  min-height: calc(100vh - 56px);
+  overflow: auto;
+  padding: 26px;
+  background: var(--dql-app-canvas);
+}
+
+.dql-app-ai-start {
+  max-width: 1260px;
+  margin: 0 auto;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
+  gap: 18px;
+  align-items: start;
+}
+
+.dql-app-ai-start-main {
+  min-width: 0;
+  display: grid;
+  gap: 14px;
+}
+
+.dql-app-ai-start-copy h1 {
+  margin: 0 0 7px;
+  color: var(--dql-app-ink);
+  font-size: clamp(30px, 4vw, 52px);
+  line-height: 0.98;
+  letter-spacing: 0;
+}
+
+.dql-app-ai-start-copy p {
+  margin: 0;
+  max-width: 650px;
+  color: var(--dql-app-muted);
+  font-size: 14px;
+  line-height: 1.55;
+}
+
+.dql-app-ai-start-card {
+  position: relative;
+  border: 1px solid rgba(79, 99, 215, 0.32);
+  border-radius: 12px;
+  background: var(--dql-app-surface);
+  box-shadow: var(--dql-app-shadow);
+  padding: 18px 76px 18px 18px;
+}
+
+.dql-app-ai-start-card textarea {
+  width: 100%;
+  min-height: 124px;
+  resize: vertical;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--dql-app-ink);
+  padding: 0;
+  font: 520 18px/1.45 var(--font-ui);
+}
+
+.dql-app-ai-start-send {
+  position: absolute;
+  right: 18px;
+  bottom: 18px;
+  width: 46px;
+  height: 46px;
+  border: 0;
+  border-radius: 999px;
+  background: var(--dql-app-accent);
+  color: white;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 14px 30px rgba(79, 99, 215, 0.24);
+}
+
+.dql-app-ai-start-send:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.dql-app-ai-start-examples {
+  padding-left: 2px;
+}
+
+.dql-app-ai-start-advanced {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  padding: 0 12px;
+}
+
+.dql-app-ai-start-advanced .dql-app-palette {
+  max-height: 340px;
+  margin: 0 0 12px;
+}
+
+.dql-app-ai-start-result {
+  margin: 0;
+}
+
+.dql-app-ai-start-context {
+  display: grid;
+  gap: 12px;
+}
+
+.dql-app-ai-context-card {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 10px;
+  background: var(--dql-app-surface);
+  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
+  overflow: hidden;
+}
+
+.dql-app-ai-evidence-list {
+  display: grid;
+  gap: 8px;
+  padding: 12px;
+}
+
+.dql-app-ai-evidence-row {
+  display: grid;
+  grid-template-columns: 30px minmax(0, 1fr) auto;
+  gap: 9px;
+  align-items: start;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface-muted);
+  padding: 10px;
+}
+
+.dql-app-ai-evidence-row > span:first-child {
+  width: 30px;
+  height: 30px;
+  border-radius: 8px;
+  background: var(--dql-app-green-soft);
+  color: var(--dql-app-green);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dql-app-ai-evidence-row b {
+  display: block;
+  color: var(--dql-app-ink);
+  font-size: 12px;
+  line-height: 1.25;
+}
+
+.dql-app-ai-evidence-row small {
+  display: block;
+  margin-top: 3px;
+  color: var(--dql-app-muted);
+  font-size: 11px;
+  line-height: 1.35;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.dql-app-ai-filter-preview {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px;
+  padding: 12px;
+}
+
+.dql-app-ai-filter-preview span {
+  min-height: 70px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface-muted);
+  padding: 10px;
+}
+
+.dql-app-ai-filter-preview small {
+  display: block;
+  color: var(--dql-app-faint);
+  font: 800 9.5px var(--font-mono);
+  text-transform: uppercase;
+  margin-bottom: 8px;
+}
+
+.dql-app-ai-filter-preview b {
+  color: var(--dql-app-accent);
+  font-size: 18px;
+  line-height: 1.1;
+}
+
+.dql-app-ai-gap-list {
+  display: grid;
+  gap: 8px;
+  padding: 12px;
+}
+
+.dql-app-ai-gap-list span {
+  display: flex;
+  gap: 8px;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.dql-app-ai-gap-list svg {
+  flex: 0 0 auto;
+  margin-top: 1px;
+  color: var(--dql-app-orange);
+}
+
+.dql-app-ai-generated-section {
+  max-width: 1260px;
+  margin: 18px auto 0;
+  display: grid;
+  gap: 12px;
+}
+
+.dql-app-ai-generated-head {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 14px;
+}
+
+.dql-app-ai-generated-head h2 {
+  margin: 0;
+  color: var(--dql-app-ink);
+  font-size: 20px;
+}
+
+.dql-app-ai-generated-head p {
+  margin: 4px 0 0;
+  color: var(--dql-app-muted);
+  font-size: 12.5px;
+}
+
+.dql-app-ai-generated-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
+  gap: 14px;
+  align-items: start;
+}
+
+.dql-app-ai-plan-compact {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 10px;
+  background: var(--dql-app-surface);
+  overflow: hidden;
+  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
+}
+
+.dql-app-plan-list.compact {
+  max-height: 520px;
+}
+.dql-app-panel {
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface-muted);
+}
+
+.dql-app-panel:last-child { border-right: 0; }
+.dql-app-panel-head {
+  min-height: 48px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 15px;
+  border-bottom: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface);
+}
+
+.dql-app-panel-head span { font-weight: 850; font-size: 14px; }
+.dql-app-panel-head b { margin-left: auto; color: var(--dql-app-faint); font: 500 10px var(--font-mono); text-transform: uppercase; letter-spacing: 0; }
+
+.dql-app-agent-scroll,
+.dql-app-plan-list {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 16px;
+}
+
+.dql-app-agent-panel.ai-clean { background: var(--dql-app-surface); }
+.dql-app-ai-brief {
+  padding: 18px 16px 2px;
+  display: grid;
+  gap: 8px;
+}
+
+.dql-app-ai-brief > span {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--dql-app-ink);
+  font: 850 13px var(--font-ui);
+}
+
+.dql-app-ai-brief > span svg { color: var(--dql-app-accent); }
+.dql-app-ai-brief p {
+  margin: 0;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.dql-app-ai-result {
+  margin-top: 5px;
+  border: 1px solid rgba(22, 163, 74, 0.26);
+  border-radius: 7px;
+  background: var(--dql-app-green-soft);
+  color: var(--dql-app-ink);
+  padding: 8px 10px;
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.dql-app-ai-result small {
+  display: block;
+  margin-top: 3px;
+  color: var(--dql-app-muted);
+  font: 700 10px var(--font-mono);
+}
+
+.dql-app-composer {
+  border-top: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface);
+  padding: 12px;
+  display: grid;
+  gap: 9px;
+}
+
+.dql-app-composer.ai-clean {
+  border-top: 0;
+  padding: 10px 16px 16px;
+  gap: 9px;
+}
+
+.dql-app-suggestions {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.dql-app-suggestions > span {
+  color: var(--dql-app-faint);
+  font: 750 10px var(--font-mono);
+  text-transform: uppercase;
+}
+
+.dql-app-suggestions button,
+.dql-app-suggests button {
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: var(--dql-app-muted);
+  padding: 2px 0;
+  cursor: pointer;
+  font: 750 11.5px var(--font-ui);
+}
+
+.dql-app-suggestions button:hover,
+.dql-app-suggests button:hover {
+  color: var(--dql-app-accent);
+}
+
+.dql-app-composer textarea,
+.dql-app-form-grid input,
+.dql-app-select-label select,
+.dql-app-modal input {
+  width: 100%;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  background: var(--dql-app-control);
+  color: var(--dql-app-ink);
+  outline: 0;
+  padding: 8px 10px;
+  font: 12.5px var(--font-ui);
+}
+
+.dql-app-composer textarea { resize: vertical; min-height: 92px; line-height: 1.45; }
+.dql-app-composer.ai-clean textarea {
+  min-height: 130px;
+  background: var(--dql-app-surface);
+  border-color: var(--dql-app-line-2);
+  border-radius: 10px;
+  padding: 11px 12px;
+  font-size: 13.5px;
+}
+.dql-app-form-grid.two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
+.dql-app-form-grid label,
+.dql-app-select-label,
+.dql-app-modal label {
+  display: grid;
+  gap: 5px;
+  color: var(--dql-app-muted);
+  font: 700 10px var(--font-mono);
+  text-transform: uppercase;
+  letter-spacing: 0;
+}
+
+.dql-app-ai-context {
+  border-top: 1px solid var(--dql-app-line);
+  border-bottom: 1px solid var(--dql-app-line);
+  background: transparent;
+}
+
+.dql-app-ai-context summary {
+  min-height: 34px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 2px;
+  cursor: pointer;
+  list-style: none;
+}
+
+.dql-app-ai-context summary::-webkit-details-marker { display: none; }
+
+.dql-app-ai-context summary span {
+  color: var(--dql-app-muted);
+  font: 800 10px var(--font-mono);
+  text-transform: uppercase;
+}
+
+.dql-app-ai-context summary b {
+  margin-left: auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--dql-app-ink);
+  font: 750 11px var(--font-ui);
+}
+
+.dql-app-ai-context summary svg {
+  flex: 0 0 auto;
+  color: var(--dql-app-faint);
+  transition: transform 140ms ease;
+}
+
+.dql-app-ai-context[open] summary svg { transform: rotate(180deg); }
+
+.dql-app-ai-context-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 8px;
+  padding: 0 0 10px;
+  border-top: 1px solid var(--dql-app-line);
+}
+
+.dql-app-ai-context-grid label {
+  display: grid;
+  gap: 5px;
+  color: var(--dql-app-muted);
+  font: 700 10px var(--font-mono);
+  text-transform: uppercase;
+}
+
+.dql-app-ai-context-grid input,
+.dql-app-ai-context-grid select {
+  width: 100%;
+  height: 34px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  background: var(--dql-app-surface-muted);
+  color: var(--dql-app-ink);
+  outline: 0;
+  padding: 0 10px;
+  font: 12.5px var(--font-ui);
+}
+
+.dql-app-ai-send-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  padding-top: 3px;
+}
+
+.dql-app-ai-send-row span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--dql-app-muted);
+  font: 750 11px var(--font-ui);
+}
+
+.dql-app-ai-send-row span svg {
+  color: var(--dql-app-green);
+}
+
+.dql-app-preview-panel { background: var(--dql-app-canvas); }
+.dql-app-preview-scroll { flex: 1; min-height: 0; overflow: auto; padding: 18px 20px 40px; }
+.dql-app-preview-card {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  overflow: hidden;
+}
+
+.dql-app-preview-head {
+  min-height: 58px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 12px 18px;
+  border-bottom: 1px solid var(--dql-app-line);
+}
+
+.dql-app-preview-head h2 { margin: 0; font-size: 19px; }
+.dql-app-preview-filters {
+  display: flex;
+  gap: 7px;
+  padding: 10px 18px;
+  border-bottom: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface-muted);
+}
+
+.dql-app-preview-filters span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 6px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  padding: 4px 9px;
+  font-size: 11px;
+}
+
+.dql-app-preview-grid {
+  display: grid;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  gap: 12px;
+  padding: 16px 18px;
+  min-height: 300px;
+}
+
+.dql-app-preview-empty {
+  grid-column: 1 / -1;
+  min-height: 260px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  color: var(--dql-app-faint);
+  text-align: center;
+}
+
+.dql-app-preview-tile {
+  grid-column: span 4;
+  min-height: 136px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.dql-app-preview-tile.wide { grid-column: span 6; }
+.dql-app-preview-tile.draft { border-color: rgba(202, 138, 4, 0.34); }
+.dql-app-preview-tile-head,
+.dql-app-preview-tile-foot {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--dql-app-line);
+}
+
+.dql-app-preview-tile-head b { font-size: 12px; }
+.dql-app-preview-tile-head span,
+.dql-app-preview-tile-foot {
+  color: var(--dql-app-faint);
+  font: 700 9px var(--font-mono);
+  text-transform: uppercase;
+  letter-spacing: 0;
+}
+
+.dql-app-preview-tile-head span { margin-left: auto; }
+.dql-app-preview-tile-body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 10px;
+}
+
+.dql-app-preview-tile-body strong { font-size: 26px; }
+.dql-app-preview-tile-body small { color: var(--dql-app-muted); }
+.dql-app-preview-source {
+  display: grid;
+  grid-template-columns: 34px minmax(0, 1fr);
+  gap: 10px;
+  align-items: center;
+}
+.dql-app-preview-source > span {
+  width: 34px;
+  height: 34px;
+  border-radius: 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--dql-app-accent-soft);
+  color: var(--dql-app-accent);
+}
+.dql-app-preview-source b {
+  display: block;
+  color: var(--dql-app-ink);
+  font-size: 13px;
+  line-height: 1.2;
+}
+.dql-app-preview-source p {
+  margin: 4px 0 0;
+  color: var(--dql-app-muted);
+  font-size: 11.5px;
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.dql-app-preview-viz-row {
+  display: flex;
+  gap: 4px;
+  padding: 0 10px 8px;
+  align-items: center;
+}
+.dql-app-preview-viz-row button {
+  width: 26px;
+  height: 26px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 6px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.dql-app-preview-viz-row button.on {
+  background: var(--dql-app-accent);
+  border-color: var(--dql-app-accent);
+  color: #fff;
+}
+.dql-app-preview-viz-row button:disabled {
+  cursor: default;
+  opacity: 0.58;
+}
+.dql-app-preview-tile-foot { border-bottom: 0; border-top: 1px solid var(--dql-app-line); }
+.dql-app-preview-tile-foot b { margin-left: auto; color: var(--dql-app-green); }
+.dql-app-preview-tile.draft .dql-app-preview-tile-foot b { color: var(--dql-app-orange); }
+.dql-app-review-backlog {
+  border-top: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface-muted);
+  padding: 14px 18px 18px;
+}
+.dql-app-review-backlog-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 10px;
+  color: var(--dql-app-muted);
+}
+.dql-app-review-backlog-head span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font: 850 12px var(--font-ui);
+  color: var(--dql-app-ink);
+}
+.dql-app-review-backlog-head b {
+  margin-left: auto;
+  min-width: 22px;
+  height: 22px;
+  border-radius: 999px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--dql-app-orange-soft);
+  color: var(--dql-app-orange);
+  font: 800 10px var(--font-mono);
+}
+.dql-app-review-backlog-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+.dql-app-review-backlog-item {
+  border: 1px solid rgba(202, 138, 4, 0.22);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  padding: 11px;
+  display: grid;
+  gap: 9px;
+}
+.dql-app-review-backlog-item b {
+  display: block;
+  font-size: 12.5px;
+  line-height: 1.25;
+}
+.dql-app-review-backlog-item p {
+  margin: 5px 0 0;
+  color: var(--dql-app-muted);
+  font-size: 11.5px;
+  line-height: 1.4;
+}
+.dql-app-review-backlog-item > div:last-child {
+  display: flex;
+  gap: 5px;
+  flex-wrap: wrap;
+}
+.dql-app-review-backlog-item span {
+  border: 1px solid rgba(79, 99, 215, 0.18);
+  border-radius: 999px;
+  background: var(--dql-app-accent-soft);
+  color: var(--dql-app-accent);
+  padding: 3px 7px;
+  font: 750 10px var(--font-ui);
+}
+.dql-app-planner-flow {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  padding: 11px;
+  margin-bottom: 12px;
+}
+.dql-app-planner-flow-title {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--dql-app-accent);
+  font: 850 12px var(--font-ui);
+}
+.dql-app-planner-flow p {
+  margin: 7px 0 0;
+  color: var(--dql-app-muted);
+  font-size: 11.5px;
+  line-height: 1.42;
+}
+.dql-app-planner-flow-steps {
+  display: grid;
+  gap: 6px;
+  margin-top: 10px;
+}
+.dql-app-planner-flow-steps span {
+  display: grid;
+  grid-template-columns: 20px minmax(0, 1fr);
+  gap: 7px;
+  color: var(--dql-app-muted);
+  font-size: 11px;
+  line-height: 1.35;
+}
+.dql-app-planner-flow-steps b {
+  width: 20px;
+  height: 20px;
+  border-radius: 999px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--dql-app-accent-soft);
+  color: var(--dql-app-accent);
+  font: 850 10px var(--font-mono);
+}
+.dql-app-plan-group-label {
+  margin: 14px 0 4px;
+  color: var(--dql-app-faint);
+  font: 850 10px var(--font-mono);
+  text-transform: uppercase;
+}
+.dql-app-plan-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 0;
+  border-bottom: 1px solid var(--dql-app-line);
+}
+
+.dql-app-plan-item span { flex: 1; min-width: 0; }
+.dql-app-plan-item b { display: block; font: 700 11.5px var(--font-mono); }
+.dql-app-plan-item small { display: block; color: var(--dql-app-faint); font-size: 10px; margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dql-app-plan-item em { color: var(--dql-app-faint); font: 700 9px var(--font-mono); text-transform: uppercase; font-style: normal; }
+
+.dql-app-plan-session,
+.dql-app-plan-warning,
+.dql-app-plan-task {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  padding: 8px 9px;
+  background: var(--dql-app-surface-muted);
+  color: var(--dql-app-muted);
+  font-size: 11.5px;
+  line-height: 1.35;
+}
+
+.dql-app-plan-session span {
+  display: block;
+  color: var(--dql-app-ink);
+  font-weight: 800;
+}
+
+.dql-app-plan-session small {
+  display: block;
+  margin-top: 2px;
+  color: var(--dql-app-faint);
+}
+
+.dql-app-plan-warning {
+  border-color: rgba(202, 138, 4, 0.24);
+  background: var(--dql-app-orange-soft);
+}
+
+.dql-app-plan-task {
+  display: flex;
+  align-items: flex-start;
+  gap: 7px;
+}
+
+.dql-app-plan-foot {
+  margin-top: auto;
+  padding: 14px;
+  border-top: 2px solid var(--dql-app-accent);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-app-leader {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  font-size: 11.5px;
+  color: var(--dql-app-muted);
+  margin: 5px 0;
+}
+
+.dql-app-leader i { flex: 1; border-bottom: 1.5px dotted var(--dql-app-line-2); transform: translateY(-3px); }
+.dql-app-leader b { font-family: var(--font-mono); color: var(--dql-app-ink); }
+.dql-app-leader.certified b { color: var(--dql-app-green); }
+.dql-app-leader.draft b { color: var(--dql-app-orange); }
+
+.dql-app-error {
+  border: 1px solid rgba(220, 38, 38, 0.24);
+  border-radius: 6px;
+  background: rgba(220, 38, 38, 0.06);
+  color: #b91c1c;
+  padding: 8px 10px;
+  font-size: 12px;
+  line-height: 1.45;
+  margin-top: 10px;
+}
+
+.dql-app-palette { flex: 1; min-height: 0; overflow: auto; padding: 12px; }
+.dql-app-agent-scroll .dql-app-palette {
+  margin-top: 12px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface-muted);
+  padding: 10px;
+  max-height: 360px;
+}
+
+.dql-app-palette-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.dql-app-palette-title span {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--dql-app-ink);
+  font: 850 12px var(--font-ui);
+}
+
+.dql-app-palette-title b {
+  margin-left: auto;
+  color: var(--dql-app-faint);
+  font: 700 9.5px var(--font-mono);
+  text-transform: uppercase;
+}
+
+.dql-app-palette-search {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  padding: 8px 10px;
+  margin-bottom: 10px;
+  font-size: 12px;
+}
+
+.dql-app-palette-search input {
+  flex: 1;
+  min-width: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--dql-app-ink);
+  font: 12px var(--font-ui);
+}
+
+.dql-app-palette button {
+  width: 100%;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-ink);
+  padding: 9px 10px;
+  margin-bottom: 7px;
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  text-align: left;
+  cursor: pointer;
+}
+
+.dql-app-palette button.selected { border-color: var(--dql-app-accent); background: var(--dql-app-accent-soft); }
+.dql-app-palette-icon {
+  width: 25px;
+  height: 25px;
+  border-radius: 6px;
+  background: #f1f5f9;
+  color: var(--dql-app-accent);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+}
+
+.dql-app-palette span:nth-child(2) { flex: 1; min-width: 0; }
+.dql-app-palette b { display: block; font: 700 11px var(--font-mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dql-app-palette small { display: block; color: var(--dql-app-faint); font-size: 10px; }
+.dql-app-palette i { color: var(--dql-app-green); font: 700 9px var(--font-mono); text-transform: uppercase; font-style: normal; }
+.dql-app-palette-more {
+  color: var(--dql-app-faint);
+  text-align: center;
+  font: 700 10px var(--font-mono);
+  padding: 8px 0 2px;
+}
+
+.dql-app-view-topbar { position: relative; z-index: 4; }
+.dql-app-view-topbar {
+  min-height: 48px;
+  padding: 7px 22px;
+  box-shadow: 0 1px 0 var(--dql-app-line);
+  background: var(--dql-app-surface);
+  backdrop-filter: blur(10px);
+}
+
+.dql-app-crumb { color: var(--dql-app-muted); font: 700 11.5px var(--font-mono); }
+.dql-app-filterbar {
+  position: relative;
+  z-index: 3;
+  min-height: 52px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 26px;
+  border-bottom: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface);
+  flex-wrap: wrap;
+}
+
+.dql-app-filter-select {
+  height: 34px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-control);
+  padding: 0 10px;
+}
+
+.dql-app-filter-select span {
+  color: var(--dql-app-faint);
+  font: 700 9px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-filter-select select,
+.dql-app-filter-select input {
+  border: 0;
+  background: transparent;
+  color: var(--dql-app-ink);
+  outline: 0;
+  font: 750 12.5px var(--font-ui);
+  min-width: 0;
+  max-width: 110px;
+}
+
+.dql-app-filter-select input[type="number"] {
+  width: 64px;
+}
+
+.dql-app-filter-empty {
+  color: var(--dql-app-faint);
+  font: 750 11px var(--font-ui);
+}
+
+.dql-app-filter-note {
+  margin-left: auto;
+  color: var(--dql-app-faint);
+  font: 700 11px var(--font-ui);
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.dql-app-toggle {
+  border: 0;
+  background: transparent;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--dql-app-muted);
+  cursor: pointer;
+  font: 800 12px var(--font-ui);
+}
+
+.dql-app-toggle i {
+  width: 32px;
+  height: 18px;
+  border-radius: 999px;
+  background: #cbd5e1;
+  position: relative;
+}
+
+.dql-app-toggle i::after {
+  content: "";
+  width: 14px;
+  height: 14px;
+  border-radius: 999px;
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  background: #fff;
+  transition: transform 140ms ease;
+}
+
+.dql-app-toggle.on i { background: var(--dql-app-accent); }
+.dql-app-toggle.on i::after { transform: translateX(14px); }
+
+.dql-app-view-wrap {
+  position: relative;
+  z-index: 1;
+  width: min(1560px, calc(100% - 40px));
+  margin: 0 auto;
+  padding: 12px 0 60px;
+}
+
+.dql-app-title-row {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 18px;
+  margin-bottom: 12px;
+  flex-wrap: wrap;
+}
+
+.dql-app-title-copy {
+  flex: 1 1 420px;
+  min-width: 0;
+}
+
+.dql-app-title-meta {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+
+.dql-app-title-meta > span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--dql-app-muted);
+  font: 750 11.5px var(--font-ui);
+  text-transform: capitalize;
+}
+
+.dql-app-title-row h1 {
+  margin: 0;
+  font-size: 26px;
+  line-height: 1.1;
+  font-weight: 820;
+}
+
+.dql-app-title-row p {
+  margin: 6px 0 0;
+  color: var(--dql-app-muted);
+  font-size: 13px;
+  line-height: 1.45;
+  max-width: 720px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.dql-app-title-context {
+  display: inline-flex;
+  align-items: center;
+  color: var(--dql-app-faint);
+  font: 700 11.5px var(--font-mono);
+}
+.dql-app-title-context::before { content: "·"; margin-right: 8px; color: var(--dql-app-line-2); }
+
+.dql-app-nav-row {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  flex-wrap: wrap;
+  min-width: 0;
+}
+
+.dql-app-section-tabs,
+.dql-app-page-picker {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.dql-app-section-tabs {
+  overflow-x: auto;
+}
+
+.dql-app-section-tabs button,
+.dql-app-page-picker {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  min-height: 32px;
+  display: inline-flex;
+  align-items: center;
+  font: 750 12px var(--font-ui);
+}
+
+.dql-app-section-tabs {
+  gap: 6px;
+}
+
+.dql-app-section-tabs button {
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--dql-app-muted);
+  min-height: 32px;
+  padding: 6px 9px;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  font: 750 12px var(--font-ui);
+}
+
+.dql-app-section-tabs button {
+  min-width: 38px;
+  justify-content: center;
+}
+
+.dql-app-section-tabs .dql-app-tab-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-style: normal;
+}
+
+.dql-app-section-tabs .dql-app-tab-label {
+  display: none;
+}
+
+.dql-app-section-tabs button.on .dql-app-tab-label {
+  display: inline;
+}
+
+.dql-app-section-tabs button.on,
+.dql-app-section-tabs button:hover {
+  color: var(--dql-app-ink);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-app-section-tabs button.on {
+  box-shadow: inset 0 0 0 1px var(--dql-app-accent);
+}
+
+.dql-app-section-tabs b {
+  color: var(--dql-app-accent);
+  font-family: var(--font-mono);
+  font-size: 10px;
+}
+
+.dql-app-page-picker {
+  padding: 0 5px 0 10px;
+  white-space: nowrap;
+  max-width: min(440px, 100%);
+}
+
+.dql-app-page-picker > span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--dql-app-faint);
+  font: 800 10px var(--font-mono);
+  text-transform: uppercase;
+}
+
+.dql-app-page-picker select {
+  min-width: 210px;
+  max-width: 310px;
+  height: 30px;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--dql-app-ink);
+  font: 800 12px var(--font-ui);
+  text-overflow: ellipsis;
+}
+
+.dql-app-page-picker button {
+  width: 26px;
+  height: 26px;
+  border: 0;
+  border-radius: 6px;
+  background: var(--dql-app-accent-soft);
+  color: var(--dql-app-accent);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.dql-app-dashboard-label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dql-app-view-layout {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 14px;
+  align-items: start;
+}
+
+.dql-app-view-layout.no-explain { grid-template-columns: minmax(0, 1fr); }
+.dql-app-main-column { min-width: 0; }
+.dql-app-filter-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+  margin-bottom: 14px;
+  padding: 12px 14px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 12px;
+  background: var(--dql-app-surface);
+}
+.dql-app-filter-row-copy { display: grid; gap: 2px; min-width: 170px; }
+.dql-app-filter-row-copy b { font-size: 12px; color: var(--dql-app-ink); }
+.dql-app-filter-row-copy span { font-size: 10.5px; color: var(--dql-app-faint); }
+.dql-app-filter-row .dql-app-topbar-filters { flex: 1; }
+.dql-app-filter-row-actions { display: flex; gap: 7px; margin-left: auto; }
+
+.dql-app-explain-panel {
+  position: sticky;
+  top: 110px;
+  width: clamp(420px, 29vw, 500px);
+  min-width: 390px;
+  max-width: min(520px, 40vw);
+  min-height: 580px;
+  height: calc(100vh - 142px);
+  max-height: calc(100vh - 142px);
+  border: 1px solid var(--dql-app-line);
+  border-radius: 16px;
+  background: var(--dql-app-surface);
+  overflow: hidden;
+  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.14);
+}
+
+.dql-app-explain-panel[data-expanded="true"] {
+  width: min(${Kt}px, 52vw);
+  max-width: min(${Kt}px, 52vw);
+}
+
+.dql-app-copilot-panel {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.dql-app-assistant-panel {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+  /* No background override: the shared AiSidePanel owns the surface so App AI,
+     Notebook AI and Block AI read as the same panel rather than three skins. */
+}
+
+.dql-app-assistant-top {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: end;
+  gap: 10px;
+  padding: 10px 12px;
+  border-bottom: 1px solid var(--dql-app-line);
+  flex: none;
+  background: var(--dql-app-surface);
+}
+
+.dql-app-assistant-focus {
+  min-width: 0;
+  display: grid;
+  gap: 5px;
+}
+
+.dql-app-assistant-focus span {
+  color: var(--dql-app-muted);
+  font: 800 9.5px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-assistant-focus select {
+  width: 100%;
+  height: 36px;
+  border: 1px solid var(--dql-app-line-2);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-ink);
+  padding: 0 10px;
+  font: 750 12px var(--font-ui);
+  cursor: pointer;
+}
+
+.dql-app-assistant-context-btn {
+  flex: none;
+  height: 30px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-control);
+  color: var(--dql-app-muted);
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 0 9px;
+  cursor: pointer;
+  font: 800 11px var(--font-ui);
+}
+
+.dql-app-assistant-context-btn.on,
+.dql-app-assistant-context-btn:hover {
+  color: var(--dql-app-accent);
+  border-color: rgba(79, 99, 215, 0.34);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-app-assistant-context-btn.on svg { transform: rotate(180deg); }
+
+.dql-app-assistant-context {
+  display: grid;
+  gap: 8px;
+  padding: 11px 14px;
+  border-bottom: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface-muted);
+}
+
+.dql-app-assistant-context p {
+  margin: 0;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.dql-app-assistant-context > div {
+  display: grid;
+  gap: 6px;
+}
+
+.dql-app-one-ai-panel {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  background: var(--dql-app-surface);
+}
+
+.dql-app-one-ai-status {
+  margin: 0;
+  display: grid;
+  gap: 6px;
+  padding: 10px 16px;
+  border-bottom: 1px solid var(--dql-app-line);
+  background: color-mix(in srgb, var(--dql-app-surface-muted) 72%, var(--dql-app-surface));
+  flex: none;
+}
+
+.dql-app-one-ai-status span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--dql-app-green);
+  font: 850 11px var(--font-ui);
+}
+
+.dql-app-one-ai-status > div {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 6px;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.dql-app-one-ai-status > div::-webkit-scrollbar {
+  display: none;
+}
+
+.dql-app-one-ai-status b {
+  flex: none;
+  min-width: 0;
+  max-width: 190px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-faint);
+  font: 750 10.5px var(--font-ui);
+  padding: 4px 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dql-app-copilot-thread {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  padding: 16px 0 20px;
+}
+
+.dql-app-direct-ask {
+  margin-top: 0;
+  z-index: 4;
+  border-top: 1px solid var(--dql-app-line);
+  padding: 14px 16px 16px;
+  display: grid;
+  gap: 8px;
+  flex: none;
+  background: color-mix(in srgb, var(--dql-app-surface) 92%, transparent);
+  backdrop-filter: blur(10px);
+  box-shadow: 0 -12px 28px rgba(15, 23, 42, 0.05);
+}
+
+.dql-app-direct-ask-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 8px;
+  align-items: end;
+}
+
+.dql-app-direct-ask-row textarea {
+  width: 100%;
+  min-height: 96px;
+  max-height: 150px;
+  resize: vertical;
+  border: 1px solid var(--dql-app-line-2);
+  border-radius: 12px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-ink);
+  padding: 12px 13px;
+  font: 500 13.5px/1.45 var(--font-ui);
+  outline: none;
+}
+
+.dql-app-direct-ask-row textarea:focus {
+  border-color: rgba(79, 99, 215, 0.48);
+  box-shadow: 0 0 0 3px rgba(79, 99, 215, 0.1);
+}
+
+.dql-app-direct-ask-row button,
+.dql-app-direct-quick button {
+  border: 1px solid var(--dql-app-line-2);
+  border-radius: 12px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-ink);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 8px 10px;
+  font-weight: 750;
+}
+
+.dql-app-direct-ask-row button {
+  min-height: 48px;
+  padding-inline: 13px;
+  background: var(--dql-app-accent);
+  border-color: var(--dql-app-accent);
+  color: #fff;
+}
+
+.dql-app-direct-ask-row button:disabled {
+  opacity: 0.55;
+}
+
+.dql-app-direct-quick {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 6px;
+}
+
+.dql-app-direct-quick button {
+  color: var(--dql-app-muted);
+  font-size: 11.5px;
+  padding: 7px 9px;
+  white-space: nowrap;
+  width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.dql-app-copilot-welcome {
+  margin: 2px 16px 0;
+  border: 1px dashed var(--dql-app-line-2);
+  border-radius: 12px;
+  background: var(--dql-app-surface);
+  padding: 12px;
+  display: grid;
+  gap: 6px;
+}
+
+.dql-app-user-message {
+  align-self: flex-end;
+  max-width: calc(100% - 42px);
+  margin: 0 16px 0 42px;
+  border: 1px solid rgba(79, 99, 215, 0.28);
+  border-radius: 14px 14px 5px 14px;
+  background: var(--dql-app-accent);
+  color: #fff;
+  padding: 10px 12px;
+  box-shadow: 0 10px 28px rgba(79, 99, 215, 0.16);
+}
+
+.dql-app-user-message span {
+  display: block;
+  font: 850 9.5px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+  opacity: .72;
+}
+
+.dql-app-user-message p {
+  margin: 4px 0 0;
+  color: inherit;
+  font-size: 12.5px;
+  line-height: 1.45;
+  overflow-wrap: anywhere;
+}
+
+.dql-app-copilot-welcome span {
+  color: var(--dql-app-accent);
+  font: 850 10.5px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-copilot-welcome p {
+  margin: 0;
+  color: var(--dql-app-muted);
+  font-size: 12.5px;
+  line-height: 1.48;
+}
+
+.dql-app-direct-answer {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 14px 14px 14px 5px;
+  background: var(--dql-app-surface);
+  margin: 0 42px 0 16px;
+  padding: 12px;
+  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
+}
+
+.dql-app-direct-answer > div:first-child {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+
+.dql-app-direct-answer p {
+  margin: 0;
+  color: var(--dql-app-ink);
+  font-size: 12.5px;
+  line-height: 1.45;
+}
+
+.dql-app-direct-followups {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 8px;
+}
+
+.dql-app-direct-followups span,
+.dql-app-direct-followups button {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  padding: 3px 7px;
+  color: var(--dql-app-muted);
+  font-size: 10.5px;
+  background: var(--dql-app-surface);
+}
+
+.dql-app-direct-followups button {
+  cursor: pointer;
+  font-weight: 750;
+}
+
+.dql-app-direct-followups button:hover {
+  color: var(--dql-app-accent);
+  border-color: rgba(79, 99, 215, 0.34);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-app-copilot-action-grid {
+  display: grid;
+  gap: 7px;
+  margin-top: 10px;
+}
+
+.dql-app-copilot-next-step {
+  display: grid;
+  gap: 8px;
+  margin-top: 12px;
+  border: 1px solid rgba(79, 99, 215, 0.18);
+  border-radius: 11px;
+  background: color-mix(in srgb, var(--dql-app-accent-soft) 58%, var(--dql-app-surface));
+  padding: 10px;
+}
+
+.dql-app-copilot-next-step > span {
+  color: var(--dql-app-accent);
+  font: 850 10.5px var(--font-mono);
+  text-transform: uppercase;
+}
+
+.dql-app-copilot-next-step p {
+  margin: 0;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.dql-app-analysis-handoff {
+  margin: 0 16px;
+  border: 1px solid rgba(22, 163, 74, 0.2);
+  border-radius: 12px;
+  background: rgba(22, 163, 74, 0.06);
+  padding: 12px;
+  display: grid;
+  gap: 7px;
+}
+
+.dql-app-analysis-handoff > span {
+  color: #15803d;
+  font: 850 10.5px var(--font-mono);
+  letter-spacing: .02em;
+  text-transform: uppercase;
+}
+
+.dql-app-analysis-handoff p {
+  margin: 0;
+  color: var(--dql-app-ink);
+  font-size: 12.5px;
+  line-height: 1.45;
+}
+
+.dql-app-analysis-handoff small {
+  color: var(--dql-app-muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.dql-app-analysis-handoff > div {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 7px;
+  margin-top: 2px;
+}
+
+.dql-app-context-composer {
+  margin: 0 16px;
+  border: 1px solid rgba(79, 99, 215, 0.28);
+  border-radius: 14px;
+  background: var(--dql-app-surface);
+  box-shadow: 0 16px 44px rgba(79, 99, 215, 0.11);
+  padding: 12px;
+  display: grid;
+  gap: 9px;
+}
+
+.dql-app-context-composer-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.dql-app-context-composer h4 {
+  margin: 0;
+  color: var(--dql-app-ink);
+  font-size: 14px;
+  line-height: 1.25;
+}
+
+.dql-app-context-composer p {
+  margin: 0;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.dql-app-context-composer textarea {
+  width: 100%;
+  min-height: 158px;
+  resize: vertical;
+  border: 1px solid var(--dql-app-line-2);
+  border-radius: 8px;
+  background: var(--dql-app-control);
+  color: var(--dql-app-ink);
+  outline: 0;
+  padding: 10px;
+  font: 12.5px/1.5 var(--font-ui);
+}
+
+.dql-app-context-composer textarea:focus {
+  border-color: rgba(79, 99, 215, 0.54);
+  box-shadow: 0 0 0 3px rgba(79, 99, 215, 0.1);
+}
+
+.dql-app-context-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.dql-app-context-chips span {
+  min-width: 0;
+  max-width: 100%;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-surface-muted);
+  color: var(--dql-app-muted);
+  padding: 4px 8px;
+  font: 750 10px var(--font-ui);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dql-app-context-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.dql-app-copilot-hero {
+  padding: 12px 14px 10px;
+  border-bottom: 1px solid var(--dql-app-line);
+  background: linear-gradient(180deg, var(--dql-app-surface), var(--dql-app-surface-muted));
+}
+
+.dql-app-copilot-kicker {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--dql-app-muted);
+  font: 750 10px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-copilot-kicker svg { color: var(--dql-app-accent); }
+.dql-app-copilot-hero h3 {
+  margin: 6px 0 0;
+  color: var(--dql-app-ink);
+  font-size: 19px;
+  line-height: 1.15;
+}
+
+.dql-app-copilot-hero p {
+  margin: 6px 0 0;
+  color: var(--dql-app-muted);
+  font-size: 11.5px;
+  line-height: 1.42;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.dql-app-copilot-decision {
+  margin-top: 8px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  background: var(--dql-app-surface);
+  padding: 7px 9px;
+}
+
+.dql-app-copilot-decision small,
+.dql-app-copilot-facts small {
+  display: block;
+  color: var(--dql-app-muted);
+  font: 750 9px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-copilot-decision b {
+  display: block;
+  margin-top: 3px;
+  color: var(--dql-app-ink);
+  font-size: 11.5px;
+  line-height: 1.32;
+}
+
+.dql-app-copilot-facts {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 6px;
+  margin-top: 7px;
+}
+
+.dql-app-copilot-facts span {
+  min-width: 0;
+  border-radius: 7px;
+  background: var(--dql-app-control);
+  padding: 6px 8px;
+}
+
+.dql-app-copilot-facts b {
+  display: block;
+  margin-top: 2px;
+  color: var(--dql-app-ink);
+  font-size: 10.5px;
+  line-height: 1.25;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dql-app-copilot-chat {
+  flex: 1;
+  min-height: 210px;
+  padding: 9px 12px 12px;
+}
+
+.dql-app-explain-head { padding: 14px 16px 12px; border-bottom: 1px solid var(--dql-app-line); }
+.dql-app-explain-head span,
+.dql-app-ex-label {
+  color: var(--dql-app-muted);
+  font: 700 9px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-explain-head h3 { margin: 3px 0 0; font-size: 17px; }
+.dql-app-explain-head p { margin: 5px 0 0; color: var(--dql-app-muted); font-size: 11.5px; line-height: 1.45; }
+.dql-app-ex-section { padding: 13px 16px; border-bottom: 1px solid var(--dql-app-line); }
+.dql-app-ex-section.compact { padding-top: 11px; padding-bottom: 11px; }
+.dql-app-copilot-controls {
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--dql-app-line);
+}
+
+.dql-app-copilot-focus {
+  display: grid;
+  gap: 5px;
+}
+
+.dql-app-copilot-focus span {
+  color: var(--dql-app-muted);
+  font: 700 9px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-copilot-focus select {
+  width: 100%;
+  min-width: 0;
+  height: 34px;
+  border: 1px solid var(--dql-app-line-2);
+  border-radius: 7px;
+  background: var(--dql-app-control);
+  color: var(--dql-app-ink);
+  padding: 0 10px;
+  font: 800 12px var(--font-ui);
+}
+
+.dql-app-copilot-empty {
+  margin-top: 7px;
+  color: var(--dql-app-faint);
+  font-size: 11px;
+}
+
+.dql-app-copilot-brief {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 9px 12px;
+  border-bottom: 1px solid var(--dql-app-line);
+}
+
+.dql-app-copilot-brief > div {
+  min-width: 0;
+  flex: 1;
+}
+
+.dql-app-copilot-brief span {
+  display: inline-flex;
+  color: var(--dql-app-green);
+  font: 750 9px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-copilot-brief b {
+  display: block;
+  margin-top: 4px;
+  color: var(--dql-app-ink);
+  font-size: 13px;
+  line-height: 1.25;
+}
+
+.dql-app-copilot-brief p {
+  margin: 4px 0 0;
+  color: var(--dql-app-muted);
+  font-size: 11.5px;
+  line-height: 1.35;
+}
+
+.dql-app-copilot-result-pill {
+  flex: none;
+  border-radius: 999px;
+  border: 1px solid rgba(22, 163, 74, 0.24);
+  background: var(--dql-app-green-soft);
+  color: var(--dql-app-green) !important;
+  padding: 4px 8px;
+  white-space: nowrap;
+}
+
+.dql-app-copilot-prompts {
+  display: flex;
+  gap: 7px;
+  flex-wrap: wrap;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--dql-app-line);
+}
+
+.dql-app-copilot-prompts button {
+  min-width: 0;
+  height: 31px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  padding: 0 9px;
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  cursor: pointer;
+  font: 800 10.5px var(--font-ui);
+}
+
+.dql-app-copilot-prompts button:hover {
+  color: var(--dql-app-accent);
+  border-color: rgba(79, 99, 215, 0.34);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-app-copilot-prompts svg {
+  flex: 0 0 auto;
+}
+
+.dql-app-copilot-evidence {
+  border-bottom: 1px solid var(--dql-app-line);
+}
+
+.dql-app-copilot-evidence summary {
+  min-height: 36px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 12px;
+  cursor: pointer;
+  color: var(--dql-app-muted);
+  font: 800 11px var(--font-ui);
+  list-style: none;
+}
+
+.dql-app-copilot-evidence summary::-webkit-details-marker { display: none; }
+.dql-app-copilot-evidence summary span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+
+.dql-app-copilot-evidence summary small {
+  margin-left: auto;
+  min-width: 0;
+  max-width: 160px;
+  color: var(--dql-app-faint);
+  font: 700 10px var(--font-mono);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dql-app-copilot-evidence > div {
+  display: grid;
+  gap: 6px;
+  padding: 0 12px 11px;
+}
+
+.dql-app-keyvalue-inline {
+  display: grid;
+  grid-template-columns: 92px minmax(0, 1fr);
+  gap: 8px;
+  align-items: baseline;
+  font-size: 11px;
+}
+
+.dql-app-keyvalue-inline span {
+  color: var(--dql-app-faint);
+  font-family: var(--font-mono);
+}
+
+.dql-app-keyvalue-inline b {
+  min-width: 0;
+  color: var(--dql-app-muted);
+  font-weight: 700;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dql-app-block-cite {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 5px 0;
+  font-size: 11.5px;
+}
+
+.dql-app-block-cite span { flex: 1; min-width: 0; font-family: var(--font-mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dql-app-block-cite b { color: var(--dql-app-faint); font: 10px var(--font-mono); }
+.dql-app-flow { margin-top: 8px; }
+.dql-app-flow-node {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 0;
+  font-size: 11.5px;
+}
+
+.dql-app-flow-node span {
+  width: 28px;
+  height: 23px;
+  border-radius: 6px;
+  background: var(--dql-app-accent-soft);
+  color: var(--dql-app-accent);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font: 700 8px var(--font-mono);
+}
+
+.dql-app-flow-node b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dql-app-flow-node small { color: var(--dql-app-faint); font: 9px var(--font-mono); }
+.dql-app-flow i {
+  display: block;
+  width: 2px;
+  height: 9px;
+  background: var(--dql-app-accent);
+  margin-left: 13px;
+}
+
+.dql-app-suggests { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 9px; }
+.dql-app-focus-list {
+  display: grid;
+  gap: 6px;
+  margin-top: 8px;
+}
+
+.dql-app-focus-list > span {
+  color: var(--dql-app-faint);
+  font-size: 12px;
+}
+
+.dql-app-focus-list button {
+  min-width: 0;
+  min-height: 34px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 7px 8px;
+  cursor: pointer;
+  text-align: left;
+}
+
+.dql-app-focus-list button.on {
+  color: var(--dql-app-ink);
+  border-color: rgba(79, 99, 215, 0.42);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-app-focus-list button svg {
+  flex: 0 0 auto;
+  color: var(--dql-app-accent);
+}
+
+.dql-app-focus-list button span {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font: 800 11.5px var(--font-ui);
+}
+
+.dql-app-focus-list button b {
+  color: var(--dql-app-faint);
+  font: 700 8.5px var(--font-mono);
+  text-transform: uppercase;
+}
+
+.dql-app-rail-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.dql-app-rail-title > span { flex: 1; }
+
+.dql-app-rail-title button {
+  height: 26px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 6px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 0 8px;
+  cursor: pointer;
+  font: 800 10.5px var(--font-ui);
+}
+
+.dql-app-drilldown-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 7px;
+}
+
+.dql-app-drilldown-grid button {
+  min-width: 0;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  padding: 8px 6px;
+  display: grid;
+  justify-items: center;
+  gap: 5px;
+  cursor: pointer;
+  font: 800 10.5px var(--font-ui);
+}
+
+.dql-app-drilldown-grid button:hover {
+  color: var(--dql-app-accent);
+  border-color: rgba(79, 99, 215, 0.34);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-app-rail-chat {
+  height: 100%;
+  min-height: 0;
+  border: 1px solid var(--dql-app-line-2);
+  border-radius: 8px;
+  overflow: hidden;
+  background: var(--dql-app-surface);
+}
+
+.dql-app-rail-chat.expanded {
+  position: fixed;
+  z-index: 80;
+  right: 24px;
+  top: 76px;
+  bottom: 24px;
+  width: min(760px, calc(100vw - 80px));
+  height: auto;
+  box-shadow: 0 18px 60px rgba(15, 23, 42, 0.24);
+}
+
+.dql-app-gapcard {
+  margin: 12px;
+  border-radius: 7px;
+  background: var(--dql-app-orange-soft);
+  padding: 11px 12px;
+}
+
+.dql-app-gapcard p { margin: 6px 0 0; color: var(--dql-app-muted); font-size: 11.5px; line-height: 1.45; }
+.dql-app-research-shell {
+  display: grid;
+  gap: 14px;
+  min-height: 620px;
+}
+
+.dql-app-research-shell.history-open {
+  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
+}
+
+.dql-app-research-shell.history-collapsed {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.dql-app-research-shell.history-collapsed .dql-app-research-list {
+  display: none;
+}
+
+.dql-app-research-list {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+}
+
+.dql-app-research-list {
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  min-width: 0;
+}
+
+.dql-app-research-detail {
+  padding: 0;
+  min-width: 0;
+  overflow: auto;
+  background: transparent;
+}
+
+.dql-app-research-head,
+.dql-app-research-titlebar,
+.dql-app-research-evidence-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.dql-app-research-head span {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  font-weight: 850;
+}
+
+.dql-app-research-head > div {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+}
+
+.dql-app-research-head b {
+  color: var(--dql-app-faint);
+  font-family: var(--font-mono);
+  font-size: 10px;
+}
+
+.dql-app-research-head button {
+  height: 26px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-surface-muted);
+  color: var(--dql-app-muted);
+  padding: 0 9px;
+  cursor: pointer;
+  font: 800 10px var(--font-ui);
+}
+
+.dql-app-research-head button:hover {
+  color: var(--dql-app-accent);
+  border-color: rgba(79, 99, 215, 0.34);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-app-research-new {
+  height: 32px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  background: var(--dql-app-control);
+  color: var(--dql-app-ink);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  font: 800 12px var(--font-ui);
+  cursor: pointer;
+}
+
+.dql-app-research-new:disabled { opacity: 0.65; cursor: not-allowed; }
+.dql-app-research-items { display: grid; gap: 6px; overflow: auto; }
+.dql-app-research-group-label {
+  margin: 4px 2px 1px;
+  color: var(--dql-app-faint);
+  font: 850 9.5px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+.dql-app-research-items button {
+  border: 1px solid transparent;
+  border-radius: 7px;
+  background: transparent;
+  color: var(--dql-app-ink);
+  text-align: left;
+  padding: 9px;
+  cursor: pointer;
+  min-width: 0;
+}
+
+.dql-app-research-items button.on,
+.dql-app-research-items button:hover {
+  border-color: var(--dql-app-line);
+  background: var(--dql-app-control);
+}
+
+.dql-app-research-items button.status-error:not(.on) {
+  color: var(--dql-app-muted);
+  opacity: 0.72;
+}
+
+.dql-app-research-items button.status-error small {
+  color: var(--dql-app-orange);
+}
+
+.dql-app-research-items button.status-ready small {
+  color: var(--dql-app-green);
+}
+
+.dql-app-research-history-toggle {
+  border-style: dashed !important;
+  background: var(--dql-app-surface-muted) !important;
+  color: var(--dql-app-muted) !important;
+}
+
+.dql-app-research-items span,
+.dql-app-research-items small {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dql-app-research-items span { font-weight: 800; font-size: 12px; }
+.dql-app-research-items small { margin-top: 3px; color: var(--dql-app-muted); font-size: 10.5px; }
+.dql-app-research-titlebar { align-items: flex-start; margin-bottom: 14px; }
+.dql-app-research-titlebar h2 {
+  margin: 2px 0 0;
+  font-size: 20px;
+  line-height: 1.2;
+}
+
+.dql-app-research-status {
+  margin: 0 0 12px;
+  border: 1px solid rgba(37, 99, 235, 0.26);
+  border-radius: 8px;
+  background: var(--dql-app-accent-soft);
+  color: var(--dql-app-accent);
+  padding: 10px 12px;
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  font: 800 12px var(--font-ui);
+}
+
+.dql-app-research-status.opening {
+  border-color: rgba(79, 99, 215, 0.28);
+  background: color-mix(in srgb, var(--dql-app-accent-soft) 72%, var(--dql-app-surface));
+}
+
+.dql-app-research-status > div {
+  min-width: 0;
+  display: grid;
+  gap: 3px;
+}
+
+.dql-app-research-status small {
+  color: var(--dql-app-muted);
+  font: 700 11px/1.35 var(--font-ui);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.dql-app-report-toolbar {
+  max-width: 1120px;
+  margin: 0 auto 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.dql-app-report-toolbar > div {
+  min-width: 0;
+  display: grid;
+  gap: 3px;
+}
+
+.dql-app-report-toolbar span {
+  color: var(--dql-app-faint);
+  font: 850 9.5px var(--font-mono);
+  text-transform: uppercase;
+}
+
+.dql-app-report-toolbar b {
+  min-width: 0;
+  color: var(--dql-app-ink);
+  font-size: 13px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dql-app-research-creating {
+  max-width: 760px;
+  min-height: 340px;
+  margin: 40px auto;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 12px;
+  background: var(--dql-app-surface);
+  box-shadow: var(--dql-app-shadow);
+  color: var(--dql-app-muted);
+  padding: 42px;
+  display: grid;
+  place-items: center;
+  align-content: center;
+  gap: 12px;
+  text-align: center;
+}
+
+.dql-app-research-creating.active {
+  max-width: 920px;
+  min-height: 420px;
+  border-color: rgba(79, 99, 215, 0.24);
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--dql-app-accent-soft) 24%, var(--dql-app-surface)), var(--dql-app-surface) 48%),
+    var(--dql-app-surface);
+}
+
+.dql-app-research-creating svg {
+  color: var(--dql-app-accent);
+}
+
+.dql-app-research-creating > span {
+  color: var(--dql-app-accent);
+  font: 850 10.5px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-research-creating h2 {
+  margin: 0;
+  color: var(--dql-app-ink);
+  font-size: 24px;
+}
+
+.dql-app-research-creating p {
+  margin: 0;
+  max-width: 520px;
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+.dql-app-research-creating-steps {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+  margin-top: 4px;
+  max-width: 680px;
+}
+
+.dql-app-research-creating-steps small {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-surface-muted);
+  color: var(--dql-app-muted);
+  padding: 5px 9px;
+  font: 750 11px var(--font-ui);
+}
+
+.dql-app-research-report {
+  max-width: 1040px;
+  margin: 0 auto;
+  border: 0;
+  border-radius: 0;
+  background: var(--dql-app-surface);
+  box-shadow: none;
+  overflow: visible;
+}
+
+.dql-app-report-hero {
+  padding: 26px 34px 20px;
+  border-bottom: 0;
+  background: var(--dql-app-surface);
+}
+
+.dql-app-report-status-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+}
+
+.dql-app-report-status-row > span {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--dql-app-muted);
+  font: 850 10px var(--font-mono);
+  text-transform: uppercase;
+}
+
+.dql-app-report-hero h2 {
+  margin: 18px 0 0;
+  color: var(--dql-app-ink);
+  font-size: clamp(25px, 2.4vw, 34px);
+  line-height: 1.08;
+  max-width: 860px;
+  text-wrap: balance;
+}
+
+.dql-app-report-hero p {
+  margin: 14px 0 0;
+  color: var(--dql-app-muted);
+  font-size: 14px;
+  line-height: 1.6;
+  max-width: 850px;
+}
+
+.dql-app-report-context-line {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 18px;
+}
+
+.dql-app-report-context-line span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  padding: 6px 10px;
+  font-size: 11.5px;
+  max-width: 100%;
+}
+
+.dql-app-report-context-line b {
+  color: var(--dql-app-ink);
+  font-weight: 850;
+}
+
+.dql-app-report-route {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  margin-top: 14px;
+  border: 1px solid rgba(79, 99, 215, 0.18);
+  border-radius: 10px;
+  background: rgba(79, 99, 215, 0.055);
+  padding: 10px 12px;
+  max-width: 900px;
+}
+
+.dql-app-report-route > svg {
+  color: var(--dql-app-accent);
+  flex: 0 0 auto;
+  margin-top: 2px;
+}
+
+.dql-app-report-route span {
+  display: block;
+  color: var(--dql-app-accent);
+  font: 850 10.5px var(--font-mono);
+  letter-spacing: .02em;
+  text-transform: uppercase;
+}
+
+.dql-app-report-route p {
+  margin: 5px 0 0;
+  color: var(--dql-app-ink);
+  font-size: 12.5px;
+  line-height: 1.45;
+}
+
+.dql-app-report-route small {
+  display: block;
+  margin-top: 5px;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.dql-app-report-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 18px;
+}
+
+.dql-app-report-review-actions {
+  position: relative;
+}
+
+.dql-app-report-review-actions summary {
+  list-style: none;
+  height: 32px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  padding: 0 10px;
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  font: 800 11.5px var(--font-ui);
+}
+
+.dql-app-report-review-actions summary::-webkit-details-marker {
+  display: none;
+}
+
+.dql-app-report-review-actions[open] summary,
+.dql-app-report-review-actions summary:hover {
+  color: var(--dql-app-accent);
+  border-color: rgba(79, 99, 215, 0.34);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-app-report-review-actions > div {
+  position: absolute;
+  z-index: 5;
+  right: 0;
+  top: calc(100% + 6px);
+  min-width: 220px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 10px;
+  background: var(--dql-app-surface);
+  box-shadow: var(--dql-app-shadow);
+  padding: 8px;
+  display: grid;
+  gap: 7px;
+}
+
+.dql-app-report-review-actions > div .dql-apps-btn {
+  justify-content: flex-start;
+  width: 100%;
+}
+
+.dql-app-report-warning {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin-top: 14px;
+  border: 1px solid rgba(217, 119, 6, 0.24);
+  border-radius: 9px;
+  background: rgba(251, 191, 36, 0.12);
+  color: #92400e;
+  padding: 10px 12px;
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.dql-app-report-warning svg {
+  flex: none;
+  margin-top: 1px;
+}
+
+.dql-app-report-section {
+  padding: 24px 34px;
+  border-bottom: 0;
+}
+
+.dql-app-report-section:last-child {
+  border-bottom: 0;
+}
+
+.dql-app-report-section h3 {
+  margin: 0 0 12px;
+  color: var(--dql-app-ink);
+  font-size: 17px;
+  line-height: 1.25;
+}
+
+.dql-app-report-paper {
+  color: var(--dql-app-ink);
+  font-size: 14.5px;
+  line-height: 1.78;
+  padding: 26px 54px 20px;
+}
+
+.dql-app-report-paper h2,
+.dql-app-report-paper h3 {
+  margin: 18px 0 8px;
+  color: var(--dql-app-ink);
+  font-size: 18px;
+  line-height: 1.22;
+}
+
+.dql-app-report-paper h2:first-child,
+.dql-app-report-paper h3:first-child {
+  margin-top: 0;
+}
+
+.dql-app-report-paper p,
+.dql-app-report-paper ul,
+.dql-app-report-paper ol {
+  max-width: 900px;
+}
+
+.dql-app-report-dynamic-sections {
+  display: grid;
+  gap: 30px;
+}
+
+.dql-app-report-dynamic-section {
+  border-left: 0;
+  padding: 0;
+  display: grid;
+  gap: 10px;
+}
+
+.dql-app-report-dynamic-head {
+  display: grid;
+  gap: 5px;
+}
+
+.dql-app-report-dynamic-head span {
+  color: var(--dql-app-muted);
+  font: 850 9.5px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-report-dynamic-head h3 {
+  margin: 0;
+  font-size: 20px;
+  line-height: 1.18;
+}
+
+.dql-app-report-memo-body {
+  display: grid;
+  gap: 10px;
+  max-width: 900px;
+}
+
+.dql-app-report-memo-body p {
+  margin: 0;
+  color: var(--dql-app-ink);
+  font-size: 14.5px;
+  line-height: 1.72;
+}
+
+.dql-app-report-dynamic-section ul {
+  margin: 4px 0 0;
+  padding-left: 20px;
+  display: grid;
+  gap: 7px;
+  max-width: 820px;
+}
+
+.dql-app-report-dynamic-section li {
+  color: var(--dql-app-ink);
+  font-size: 14.5px;
+  line-height: 1.6;
+}
+
+.dql-app-report-evidence-story {
+  display: grid;
+  grid-template-columns: minmax(280px, 0.9fr) minmax(360px, 1.1fr);
+  gap: 24px;
+  align-items: start;
+  margin: 6px 34px 12px;
+  border: 1px solid color-mix(in srgb, var(--dql-app-line) 75%, transparent);
+  border-radius: 12px;
+  background: linear-gradient(180deg, color-mix(in srgb, var(--dql-app-surface-muted) 64%, var(--dql-app-surface)), var(--dql-app-surface));
+}
+
+.dql-app-report-evidence-story.single {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.dql-app-report-evidence-story .dql-app-report-numbers {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.dql-app-report-prose {
+  font-size: 14px;
+  line-height: 1.65;
+}
+
+.dql-app-report-callout {
+  margin-top: 16px;
+  border-left: 3px solid var(--dql-app-accent);
+  background: var(--dql-app-surface-muted);
+  padding: 12px 14px;
+  color: var(--dql-app-muted);
+}
+
+.dql-app-report-numbers {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.dql-app-report-number {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 9px;
+  background: var(--dql-app-surface);
+  padding: 13px;
+  min-width: 0;
+}
+
+.dql-app-report-number span,
+.dql-app-report-number small {
+  display: block;
+  color: var(--dql-app-muted);
+}
+
+.dql-app-report-number span {
+  font: 850 9.5px var(--font-mono);
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.dql-app-report-number b {
+  display: block;
+  margin-top: 7px;
+  color: var(--dql-app-ink);
+  font-size: 23px;
+  line-height: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.dql-app-report-number small {
+  margin-top: 7px;
+  font-size: 11.5px;
+  line-height: 1.35;
+}
+
+.dql-app-report-drivers {
+  display: grid;
+  gap: 12px;
+}
+
+.dql-app-report-driver {
+  display: grid;
+  grid-template-columns: 34px minmax(0, 1fr);
+  gap: 12px;
+  align-items: start;
+  padding: 13px 0;
+  border-bottom: 1px solid var(--dql-app-line);
+}
+
+.dql-app-report-driver:last-child { border-bottom: 0; }
+
+.dql-app-report-driver > span {
+  width: 28px;
+  height: 28px;
+  border-radius: 999px;
+  background: var(--dql-app-accent-soft);
+  color: var(--dql-app-accent);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font: 850 12px var(--font-mono);
+}
+
+.dql-app-report-driver b {
+  display: inline;
+  color: var(--dql-app-ink);
+  font-size: 14px;
+}
+
+.dql-app-report-driver em {
+  margin-left: 8px;
+  color: var(--dql-app-accent);
+  font: 850 12px var(--font-mono);
+  font-style: normal;
+}
+
+.dql-app-report-driver p,
+.dql-app-report-muted {
+  margin: 7px 0 0;
+  color: var(--dql-app-muted);
+  font-size: 13px;
+  line-height: 1.55;
+}
+
+.dql-app-report-driver-chart {
+  display: grid;
+  gap: 13px;
+}
+
+.dql-app-report-driver-bar {
+  display: grid;
+  gap: 7px;
+}
+
+.dql-app-report-driver-bar > div {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.dql-app-report-driver-bar b {
+  min-width: 0;
+  color: var(--dql-app-ink);
+  font-size: 13.5px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dql-app-report-driver-bar span {
+  flex: none;
+  color: var(--dql-app-accent);
+  font: 850 11px var(--font-mono);
+}
+
+.dql-app-report-driver-bar i {
+  display: block;
+  width: var(--driver-width);
+  min-width: 28px;
+  height: 9px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--dql-app-accent), rgba(79, 99, 215, 0.42));
+}
+
+.dql-app-report-driver-bar p {
+  margin: 0;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.dql-app-report-appendix {
+  padding: 0;
+}
+
+.dql-app-report-appendix summary {
+  list-style: none;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 4px 14px;
+  align-items: center;
+  cursor: pointer;
+  padding: 18px 30px;
+}
+
+.dql-app-report-appendix summary::-webkit-details-marker {
+  display: none;
+}
+
+.dql-app-report-appendix summary span {
+  color: var(--dql-app-ink);
+  font: 850 14px var(--font-ui);
+}
+
+.dql-app-report-appendix summary small {
+  grid-column: 1 / 2;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.dql-app-report-appendix summary svg {
+  grid-row: 1 / span 2;
+  grid-column: 2;
+  color: var(--dql-app-muted);
+  transition: transform 140ms ease;
+}
+
+.dql-app-report-appendix[open] summary {
+  border-bottom: 1px solid var(--dql-app-line);
+}
+
+.dql-app-report-appendix[open] summary svg {
+  transform: rotate(180deg);
+}
+
+.dql-app-report-appendix .dql-app-research-evidence-head {
+  align-items: flex-start;
+  margin: 18px 30px 10px;
+}
+
+.dql-app-report-appendix .dql-app-research-evidence-head h3 {
+  margin-bottom: 4px;
+}
+
+.dql-app-report-appendix .dql-app-research-evidence-head p {
+  margin: 0;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.dql-app-report-appendix .dql-app-research-table,
+.dql-app-report-appendix .dql-app-research-sql-review,
+.dql-app-report-appendix .dql-app-research-assumptions,
+.dql-app-report-appendix .dql-app-research-code {
+  margin-left: 30px;
+  margin-right: 30px;
+}
+
+.dql-app-report-appendix > :last-child {
+  margin-bottom: 24px;
+}
+
+.dql-app-research-tabs {
+  display: flex;
+  gap: 4px;
+  flex-wrap: wrap;
+}
+
+.dql-app-research-tabs button,
+.dql-app-research-next button {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 999px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-muted);
+  font: 800 11px var(--font-ui);
+  padding: 5px 9px;
+  cursor: pointer;
+}
+
+.dql-app-research-tabs button.on,
+.dql-app-research-tabs button:hover,
+.dql-app-research-next button:hover {
+  color: var(--dql-app-accent);
+  border-color: rgba(37, 99, 235, 0.34);
+  background: var(--dql-app-accent-soft);
+}
+
+.dql-app-research-code {
+  margin: 10px 0 0;
+  max-height: 320px;
+  overflow: auto;
+  border-radius: 8px;
+  border: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface);
+  padding: 11px;
+  color: var(--dql-app-ink);
+  font: 11px/1.5 var(--font-mono);
+  white-space: pre-wrap;
+}
+
+.dql-app-research-sql-review {
+  display: grid;
+  gap: 10px;
+  margin-top: 10px;
+}
+
+.dql-app-research-sql-review textarea {
+  min-height: 260px;
+  resize: vertical;
+  border-radius: 8px;
+  border: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface);
+  color: var(--dql-app-ink);
+  padding: 11px;
+  font: 11px/1.5 var(--font-mono);
+  outline: none;
+}
+
+.dql-app-research-sql-review textarea:focus {
+  border-color: rgba(37, 99, 235, 0.42);
+  box-shadow: 0 0 0 3px var(--dql-app-accent-soft);
+}
+
+.dql-app-research-assumptions {
+  display: grid;
+  gap: 8px;
+  margin-top: 10px;
+}
+
+.dql-app-research-assumptions p {
+  margin: 0;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  background: var(--dql-app-surface);
+  padding: 9px;
+  color: var(--dql-app-muted);
+  font-size: 12px;
+}
+
+.dql-app-research-table {
+  margin-top: 10px;
+  overflow: auto;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+}
+
+.dql-app-research-table table {
+  width: 100%;
+  border-collapse: collapse;
+  min-width: 520px;
+}
+
+.dql-app-research-table th,
+.dql-app-research-table td {
+  padding: 8px 9px;
+  border-bottom: 1px solid var(--dql-app-line);
+  text-align: left;
+  font-size: 11.5px;
+  white-space: nowrap;
+}
+
+.dql-app-research-table th {
+  color: var(--dql-app-muted);
+  background: var(--dql-app-control);
+  font-weight: 850;
+}
+
+.dql-app-research-next {
+  display: flex;
+  gap: 7px;
+  flex-wrap: wrap;
+  margin-top: 10px;
+}
+
+.dql-app-simple-list,
+.dql-app-settings-grid { display: grid; gap: 10px; }
+.dql-app-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.dql-app-panel-card {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  padding: 13px;
+  display: flex;
+  gap: 10px;
+  align-items: flex-start;
+}
+
+.dql-app-panel-card > span {
+  width: 30px;
+  height: 30px;
+  border-radius: 7px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--dql-app-accent);
+  background: var(--dql-app-accent-soft);
+  flex: none;
+}
+
+.dql-app-panel-card b { display: block; }
+.dql-app-panel-card span:last-child { color: var(--dql-app-muted); font-size: 12px; }
+.dql-app-empty {
+  min-height: 260px;
+  border: 1px dashed var(--dql-app-line-2);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  color: var(--dql-app-faint);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  gap: 8px;
+  padding: 28px;
+}
+
+.dql-app-empty.compact { min-height: 120px; padding: 18px; }
+.dql-app-empty b { color: var(--dql-app-ink); }
+.dql-app-empty span { max-width: 440px; font-size: 12px; line-height: 1.45; }
+.dql-app-modal-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  background: rgba(15, 23, 42, 0.36);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+}
+
+.dql-app-modal {
+  width: min(480px, 94vw);
+  border-radius: 8px;
+  background: var(--dql-app-surface);
+  box-shadow: 0 18px 60px rgba(15, 23, 42, 0.28);
+  padding: 18px;
+  display: grid;
+  gap: 12px;
+}
+
+.dql-app-modal h3 { margin: 0; }
+.dql-app-modal p { margin: 0; color: var(--dql-app-muted); font-size: 12px; }
+.dql-app-modal > div:last-child { display: flex; justify-content: flex-end; gap: 8px; }
+
+@media (max-width: 1120px) {
+  .dql-apps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .dql-app-create-workspace,
+  .dql-app-create-workspace.classic {
+    grid-template-columns: 1fr;
+    align-content: start;
+    overflow: auto;
+  }
+  .dql-app-create-workspace .dql-app-panel {
+    min-height: auto;
+    border-right: 0;
+    border-bottom: 1px solid var(--dql-app-line);
+  }
+  .dql-app-ai-start,
+  .dql-app-ai-generated-grid {
+    grid-template-columns: 1fr;
+  }
+  .dql-app-filterbar {
+    flex-wrap: nowrap;
+    gap: 6px;
+    padding: 7px 22px;
+    overflow-x: auto;
+  }
+  .dql-app-filter-note {
+    width: 30px;
+    height: 30px;
+    justify-content: center;
+    gap: 0;
+    border: 1px solid var(--dql-app-line);
+    border-radius: 8px;
+    background: var(--dql-app-control);
+    font-size: 0;
+    flex: 0 0 auto;
+  }
+  .dql-app-filter-note svg {
+    width: 14px;
+    height: 14px;
+  }
+  .dql-app-filter-select,
+  .dql-app-toggle {
+    flex: 0 0 auto;
+  }
+  .dql-app-toggle {
+    gap: 6px;
+    font-weight: 750;
+  }
+  .dql-app-review-backlog-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 900px) {
+  .dql-app-view-layout { grid-template-columns: 1fr; }
+  .dql-app-view-topbar {
+    align-content: flex-start;
+    align-items: flex-start;
+    min-height: 132px;
+    row-gap: 8px;
+  }
+  .dql-app-topbar-divider {
+    display: none;
+  }
+  .dql-app-topbar-filters {
+    flex: 1 1 100%;
+    order: 2;
+  }
+  .dql-app-filter-row { align-items: stretch; }
+  .dql-app-filter-row-copy, .dql-app-filter-row-actions { width: 100%; }
+  .dql-app-filter-row-actions { justify-content: flex-end; }
+  .dql-app-view-actions {
+    flex: 1 1 100%;
+    justify-content: flex-start;
+    margin-left: 0;
+    order: 3;
+  }
+  .dql-app-research-shell {
+    grid-template-columns: 1fr;
+  }
+  .dql-app-research-detail {
+    order: 1;
+  }
+  .dql-app-research-list {
+    order: 2;
+  }
+  .dql-app-explain-panel {
+    position: static;
+    width: 100%;
+    max-width: none;
+    height: min(680px, calc(100vh - 24px));
+    resize: none;
+    max-height: none;
+  }
+  .dql-app-explain-panel[data-expanded="true"] {
+    width: 100%;
+    max-width: none;
+  }
+}
+
+@media (max-width: 760px) {
+  .dql-apps-wrap,
+  .dql-app-view-wrap {
+    width: min(100% - 16px, calc(100vw - 104px));
+    max-width: calc(100vw - 104px);
+    margin: 0 auto;
+    padding-bottom: 48px;
+  }
+  .dql-apps-libbar,
+  .dql-app-buildbar,
+  .dql-app-view-topbar,
+  .dql-app-filterbar {
+    align-items: stretch;
+    flex-direction: column;
+    overflow-x: visible;
+  }
+  .dql-app-filter-note {
+    width: auto;
+    height: auto;
+    margin-left: 0;
+    justify-content: flex-start;
+    gap: 6px;
+    font-size: 11px;
+  }
+  .dql-apps-grid,
+  .dql-app-form-grid.two,
+  .dql-app-settings-grid,
+  .dql-app-ai-filter-preview { grid-template-columns: 1fr; }
+  .dql-apps-ai-entry-box {
+    grid-template-columns: 1fr;
+  }
+  .dql-apps-ai-entry-box button {
+    width: 100%;
+  }
+  .dql-apps-ai-entry-foot {
+    align-items: stretch;
+    flex-direction: column;
+  }
+  .dql-apps-ai-entry-secondary {
+    justify-content: center;
+  }
+  .dql-app-create-workspace.clean {
+    padding: 16px;
+  }
+  .dql-app-ai-start-card {
+    padding: 15px;
+  }
+  .dql-app-ai-start-card textarea {
+    min-height: 150px;
+    font-size: 15px;
+    padding-bottom: 48px;
+  }
+  .dql-app-ai-start-send {
+    right: 14px;
+    bottom: 14px;
+  }
+  .dql-app-ai-generated-head {
+    align-items: stretch;
+    flex-direction: column;
+  }
+  .dql-app-mode-seg { margin: 0; width: 100%; }
+  .dql-app-mode-seg button { flex: 1; }
+  .dql-app-build-actions,
+  .dql-app-view-actions { margin-left: 0; width: 100%; flex-wrap: wrap; }
+  .dql-app-nav-row {
+    width: 100%;
+    justify-content: flex-start;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    padding-bottom: 2px;
+  }
+  .dql-app-section-tabs {
+    flex: 0 0 auto;
+    max-width: none;
+  }
+  .dql-app-section-tabs button {
+    min-width: auto;
+    white-space: nowrap;
+  }
+  .dql-app-section-tabs .dql-app-tab-label {
+    display: inline;
+  }
+  .dql-app-explain-panel {
+    order: -1;
+    min-width: 0;
+    height: min(620px, calc(100vh - 160px));
+    min-height: 420px;
+    margin-bottom: 12px;
+  }
+  .dql-app-assistant-top {
+    grid-template-columns: minmax(0, 1fr);
+    align-items: stretch;
+  }
+  .dql-app-assistant-focus {
+    flex: 1 1 100%;
+  }
+  .dql-app-assistant-focus select {
+    width: 100%;
+    max-width: none;
+  }
+  .dql-app-assistant-context-btn {
+    position: static;
+    justify-self: start;
+  }
+  .dql-app-direct-ask-row {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .dql-app-direct-ask-row button {
+    width: 100%;
+  }
+  .dql-app-page-picker {
+    flex: 0 0 min(100%, 360px);
+  }
+  .dql-app-page-picker select { min-width: 0; max-width: 100%; }
+  .dql-app-report-hero {
+    padding: 18px 16px 16px;
+  }
+  .dql-app-report-status-row {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+  .dql-app-report-hero h2 {
+    font-size: 26px;
+    line-height: 1.08;
+    overflow-wrap: anywhere;
+  }
+  .dql-app-report-section {
+    padding: 18px 16px;
+  }
+  .dql-app-report-paper {
+    padding: 18px 18px 14px;
+  }
+  .dql-app-report-evidence-story {
+    margin: 4px 16px 10px;
+  }
+  .dql-app-report-appendix {
+    padding: 0;
+  }
+  .dql-app-report-appendix summary {
+    padding: 16px;
+  }
+  .dql-app-report-appendix .dql-app-research-evidence-head,
+  .dql-app-report-appendix .dql-app-research-table,
+  .dql-app-report-appendix .dql-app-research-sql-review,
+  .dql-app-report-appendix .dql-app-research-assumptions,
+  .dql-app-report-appendix .dql-app-research-code {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+  .dql-app-direct-quick,
+  .dql-app-report-evidence-story,
+  .dql-app-report-numbers {
+    grid-template-columns: 1fr;
+  }
+  .dql-app-report-evidence-story .dql-app-report-numbers {
+    grid-template-columns: 1fr;
+  }
+  .dql-app-report-context-line span {
+    white-space: normal;
+  }
+  .dql-app-preview-tile,
+  .dql-app-preview-tile.wide { grid-column: 1 / -1; }
+  .dql-app-drilldown-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* ══ Redesigned AI build flow (Apps Redesign.dc.html) ══ */
+@keyframes dql-app-fadein { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }
+@keyframes dql-app-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
+@keyframes dql-app-orb { 0%, 100% { box-shadow: 0 0 0 0 rgba(107, 93, 211, 0); } 50% { box-shadow: 0 0 13px 1px rgba(107, 93, 211, 0.4); } }
+@keyframes dql-app-step { from { opacity: 0; transform: translateX(-4px); } to { opacity: 1; transform: none; } }
+
+.dql-app-flow-scroll { min-height: 100%; }
+.dql-app-flow {
+  width: min(880px, calc(100% - 48px));
+  margin: 0 auto;
+  padding: 28px 0 40px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.dql-app-flow-head h2 { margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -0.01em; color: var(--dql-app-ink); }
+.dql-app-flow-head p { margin: 3px 0 0; font-size: 12.5px; color: var(--dql-app-faint); }
+.dql-app-flow-bubble {
+  align-self: flex-end;
+  max-width: 78%;
+  background: var(--dql-app-surface-muted);
+  color: var(--dql-app-ink);
+  border-radius: 16px 16px 4px 16px;
+  padding: 10px 14px;
+  font-size: 13px;
+  line-height: 1.5;
+  animation: dql-app-fadein 0.2s ease-out;
+}
+.dql-app-buildstream { display: flex; gap: 12px; animation: dql-app-fadein 0.25s ease-out; }
+.dql-app-buildorb {
+  width: 30px; height: 30px; border-radius: 50%;
+  background: var(--dql-app-accent-soft);
+  border: 1px solid var(--dql-app-line);
+  color: var(--dql-app-accent);
+  display: inline-flex; align-items: center; justify-content: center;
+  flex: none;
+  animation: dql-app-orb 1.8s ease-in-out infinite;
+}
+.dql-app-buildorb.still { animation: none; }
+.dql-app-buildbody { display: flex; flex-direction: column; gap: 7px; padding-top: 4px; min-width: 0; }
+.dql-app-buildbody.wide { flex: 1; gap: 10px; }
+.dql-app-shimmer {
+  font-size: 13.5px; font-weight: 700; letter-spacing: -0.01em;
+  background-image: linear-gradient(100deg, var(--dql-app-ink) 25%, var(--dql-app-accent) 50%, var(--dql-app-ink) 75%);
+  background-size: 220% 100%;
+  -webkit-background-clip: text; background-clip: text;
+  color: transparent; -webkit-text-fill-color: transparent;
+  animation: dql-app-shimmer 2.4s linear infinite;
+}
+.dql-app-buildsteps { display: flex; flex-direction: column; gap: 5px; font-size: 11.5px; color: var(--dql-app-faint); line-height: 1.45; }
+.dql-app-buildsteps > span { display: inline-flex; align-items: center; gap: 6px; animation: dql-app-step 0.3s ease-out both; }
+.dql-app-buildsteps .ok { color: var(--dql-app-green); flex: none; }
+.dql-app-buildsteps code { font-family: var(--font-mono); font-size: 10.5px; }
+.dql-app-buildsteps .dot { width: 5px; height: 5px; border-radius: 999px; background: var(--dql-app-accent); margin: 0 3px; flex: none; }
+.dql-app-proposal-lede { font-size: 13.5px; line-height: 1.6; color: var(--dql-app-ink); }
+.dql-app-proposal-card {
+  border: 1px solid var(--dql-app-line);
+  border-radius: 11px;
+  background: var(--dql-app-surface);
+  overflow: hidden;
+}
+.dql-app-proposal-row {
+  display: flex; align-items: center; gap: 10px;
+  width: 100%;
+  padding: 10px 13px;
+  border: 0; border-bottom: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface);
+  cursor: pointer; text-align: left; font-family: inherit;
+}
+.dql-app-proposal-row:hover { background: var(--dql-app-canvas); }
+.dql-app-proposal-row.off { background: var(--dql-app-canvas); }
+.dql-app-prop-check {
+  width: 16px; height: 16px; border-radius: 4.5px;
+  border: 1.5px solid var(--dql-app-line-2);
+  background: var(--dql-app-surface);
+  color: #fff;
+  display: inline-flex; align-items: center; justify-content: center;
+  flex: none;
+}
+.dql-app-prop-check.on { border-color: var(--dql-app-accent); background: var(--dql-app-accent); }
+.dql-app-prop-glyph {
+  width: 26px; height: 26px; border-radius: 6px;
+  background: var(--dql-app-accent-soft); color: var(--dql-app-accent);
+  display: inline-flex; align-items: center; justify-content: center;
+  flex: none; font-size: 13px;
+}
+.dql-app-prop-glyph.green { background: var(--dql-app-green-soft); color: var(--dql-app-green); }
+.dql-app-prop-name { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
+.dql-app-prop-name b { font-size: 12.5px; font-weight: 650; color: var(--dql-app-ink); font-family: var(--font-mono); }
+.dql-app-prop-name small { font-size: 11px; color: var(--dql-app-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dql-app-prop-badge {
+  flex: none; border-radius: 999px; padding: 2px 8px;
+  font-size: 9.5px; font-weight: 700;
+}
+.dql-app-prop-badge.certified { border: 1px solid rgba(46, 139, 87, 0.33); color: var(--dql-app-green); background: var(--dql-app-green-soft); }
+.dql-app-prop-badge.draft { border: 1px solid rgba(178, 107, 31, 0.31); color: var(--dql-app-orange); background: var(--dql-app-orange-soft); }
+.dql-app-prop-viz { flex: none; font-size: 10.5px; color: var(--dql-app-faint); }
+.dql-app-addmore {
+  display: flex; align-items: center; gap: 7px;
+  width: 100%; padding: 10px 13px;
+  border: 0; background: none;
+  color: var(--dql-app-accent);
+  font-size: 12px; font-weight: 650; cursor: pointer; font-family: inherit; text-align: left;
+}
+.dql-app-addmore:hover { background: var(--dql-app-accent-soft); }
+.dql-app-addmore-panel { border-top: 1px solid var(--dql-app-line); animation: dql-app-fadein 0.15s ease-out; }
+.dql-app-addmore-search {
+  display: flex; align-items: center; gap: 7px;
+  padding: 9px 13px;
+  border-bottom: 1px solid var(--dql-app-line);
+  background: var(--dql-app-canvas);
+  color: var(--dql-app-faint);
+}
+.dql-app-addmore-search input {
+  flex: 1; border: 0; background: none; outline: none;
+  font-size: 12px; font-family: inherit; color: var(--dql-app-ink); min-width: 0;
+}
+.dql-app-addmore-row {
+  display: flex; align-items: center; gap: 9px;
+  width: 100%; padding: 8px 13px;
+  border: 0; border-bottom: 1px solid var(--dql-app-line);
+  background: none; cursor: pointer; text-align: left; font-family: inherit;
+  color: var(--dql-app-accent);
+}
+.dql-app-addmore-row:hover { background: var(--dql-app-accent-soft); }
+.dql-app-addmore-row span { flex: 1; min-width: 0; font-size: 12px; font-family: var(--font-mono); color: var(--dql-app-ink); }
+.dql-app-addmore-row small { flex: none; font-size: 10.5px; color: var(--dql-app-faint); }
+.dql-app-addmore-hint { padding: 9px 13px; font-size: 11px; color: var(--dql-app-faint); }
+.dql-app-detected { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 11px; color: var(--dql-app-faint); }
+.dql-app-detected-label { font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; font-size: 9.5px; }
+.dql-app-detected-pill {
+  border: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface);
+  border-radius: 999px; padding: 2.5px 9px;
+  color: var(--dql-app-muted);
+}
+.dql-app-flow-gaps { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: var(--dql-app-orange); }
+.dql-app-flow-gaps span { display: inline-flex; align-items: center; gap: 6px; }
+.dql-app-flow-actions { display: flex; align-items: center; gap: 8px; }
+.dql-app-flow-build {
+  display: inline-flex; align-items: center; gap: 7px;
+  height: 34px; padding: 0 16px;
+  border-radius: 8px; border: 0;
+  background: var(--dql-app-accent); color: #fff;
+  font-size: 12.5px; font-weight: 650; cursor: pointer; font-family: inherit;
+  box-shadow: 0 1px 5px rgba(107, 93, 211, 0.3);
+}
+.dql-app-flow-build:hover { filter: brightness(0.95); }
+.dql-app-flow-build:disabled { opacity: 0.55; cursor: default; }
+.dql-app-flow-reset {
+  height: 34px; padding: 0 13px;
+  border-radius: 8px; border: 1px solid var(--dql-app-line);
+  background: var(--dql-app-surface); color: var(--dql-app-muted);
+  font-size: 12px; font-weight: 600; cursor: pointer; font-family: inherit;
+}
+.dql-app-flow-reset:hover { background: var(--dql-app-surface-muted); }
+/* View / Edit segmented toggle (app workspace top bar) */
+.dql-app-modeseg {
+  display: inline-flex; align-items: center; gap: 2px;
+  padding: 2px;
+  border: 1px solid var(--dql-app-line);
+  border-radius: 7px;
+  background: var(--dql-app-canvas);
+}
+.dql-app-modeseg button {
+  border: 0; border-radius: 5px;
+  padding: 4px 12px;
+  font-size: 11.5px; font-weight: 600;
+  cursor: pointer; font-family: inherit;
+  display: inline-flex; align-items: center; gap: 5px;
+  background: transparent; color: var(--dql-app-faint);
+}
+.dql-app-modeseg button.on { background: var(--dql-app-accent-soft); color: var(--dql-app-accent); }
+`;export{is as AppsView};