@databrainhq/mcp-server 0.2.17 → 0.3.0-rc.10

package/dist/chunk-5IGP6A6T.js

@@ -0,0 +1,496 @@
+#!/usr/bin/env node
+import {
+  APPLY_TO_PRODUCTION_CONFIRMATION,
+  APP_MIME,
+  CHART_URI,
+  KPI_URI,
+  READ_ONLY,
+  RENDER_TYPES,
+  WRITE_CREATE,
+  appMeta,
+  chartResult,
+  createServiceBundle,
+  draftPage,
+  draftSchema,
+  pageSchema,
+  referenceSchema,
+  rowsSchema,
+  saveDraftAsDashboard,
+  viewSchema,
+  workspacesForDatamart
+} from "./chunk-ERTAKB2H.js";
+import {
+  DatabrainApiError,
+  DatabrainClient,
+  toolContext
+} from "./chunk-OCBTNAAO.js";
+
+// src/apps/registry.ts
+import { z } from "zod";
+
+// src/apps/backend.ts
+var RENDER_PATH = "/api/v2/dashboard/mcp-chart";
+var UncachedChartClient = class extends DatabrainClient {
+  constructor(delegate) {
+    super({ apiUrl: delegate.getApiUrl(), demoDomain: delegate.getDemoDomain() });
+    this.delegate = delegate;
+  }
+  request(options) {
+    return this.delegate.request({ ...options, cacheKey: void 0, cacheTtlMs: void 0 });
+  }
+};
+function createChartBackend(client) {
+  const services = createServiceBundle(new UncachedChartClient(client));
+  return {
+    async execute(action, rawReference, rawView) {
+      const reference = referenceSchema.parse(rawReference);
+      const view = viewSchema.parse(rawView);
+      const app = await services.widgetService.resolveDataAppName(void 0, reference.embedId);
+      if (!app.ok) throw new Error("Chart scope unavailable");
+      const scope = await services.widgetService.ensureReadableDashboardScope({
+        embedId: reference.embedId,
+        clientId: reference.clientId,
+        dataAppName: app.value
+      });
+      if (!scope.ok) throw new Error("Chart scope denied");
+      const { token } = await services.guestTokenService.generateToken({
+        clientId: reference.clientId,
+        dataAppName: app.value,
+        allowedEmbeds: [reference.embedId],
+        permissions: {
+          isDisableMetricCreation: true,
+          isEnableManageMetrics: false,
+          isEnableMetricUpdation: false,
+          isEnableArchiveMetrics: false
+        }
+      });
+      if (!token) throw new Error("Guest scope unavailable");
+      const page = await client.request({
+        method: "POST",
+        path: RENDER_PATH,
+        auth: "none",
+        token,
+        body: {
+          action,
+          embedId: reference.embedId,
+          widgetId: reference.widgetId,
+          ...view,
+          pageSize: 50,
+          width: 600,
+          height: 320,
+          animation: false
+        },
+        skipDataUnwrap: true
+      });
+      return pageSchema.parse(page);
+    }
+  };
+}
+
+// src/apps/tile.ts
+var TILE_SCRIPT = String.raw`(()=>{
+const $=id=>document.getElementById(id),root=document.documentElement,pending=new Map();
+let seq=0,origin='*',ready=false,closed=false,ref=null,view={},next=null,context={},busy=false,revision=0,rawSvg=null,dialect=null,shown=false,draft=null,rows=[],saved=null,attempt='',workspace=null;
+/* One lifecycle, two sets of names. Hosts ship either or both, so notifications go out
+   under both and arrive under either. Same order in both rows: result, input, context. */
+const DASH=['ui/notifications/tool-result','ui/notifications/tool-input','ui/notifications/host-context-changed'],
+SNAKE=['notifications/tools/call/result','notifications/tools/call/input','notifications/host_context/changed'],
+INIT=['ui/notifications/initialized','notifications/initialized'],
+SIZE=['ui/notifications/size-changed','notifications/size_changed'],
+DISPLAY=['ui/request-display-mode','requestDisplayMode'];
+function send(message){if(!closed)parent.postMessage({jsonrpc:'2.0',...message},origin)}
+function notify(names,params){for(const method of names)send({method,params})}
+function rpc(method,params){return new Promise((resolve,reject)=>{const id=++seq;
+const timer=setTimeout(()=>{pending.delete(id);reject(Error('timeout'))},65000);
+pending.set(id,{resolve,reject,timer});send({id,method,params})})}
+/* Try each alias while the host says it never heard of it; any other error stands. */
+async function ask(names,params){let last;
+for(const method of names){try{return await rpc(method,params)}catch(error){last=error;if(error.code!==-32601)throw error}}
+throw last}
+/* Fixed codes only; never log customer rows. */
+function trouble(code){send({method:'notifications/error',params:{code}})}
+/* One formatter for rail, table, KPI and answer line. Compact past 10K, grouped past 100,
+   two decimals below; null is an absence, so it prints as a dash and never as 0. */
+function fmt(v){if(typeof v!=='number')return v==null||v===''?'\u2014':String(v);const a=Math.abs(v);
+return new Intl.NumberFormat(navigator.language||'en',a>=1e4?{notation:'compact',maximumFractionDigits:1}:a>=100?{maximumFractionDigits:0}:{maximumFractionDigits:2}).format(v)}
+function exact(el,v){el.title=typeof v==='number'?String(v):''}
+/* The answer line: what this shows, and the headline value. Gated on carrying a number or
+   a count, so it never renders as a second title or an empty reserved slot. */
+function answer(p){if(p.description)return p.description;const bits=[];
+if(p.kind==='dashboard'){const n=p.widgets?.length||0;return n?n+(n===1?' chart':' charts')+' on this dashboard':''}
+const [dim,measure]=p.columns||[];const pts=(p.points||[]).filter(q=>typeof q.value==='number');
+if(pts.length<2)return '';if(dim&&measure&&!p.draft)bits.push(measure+' by '+dim);
+const top=pts.reduce((a,b)=>b.value>a.value?b:a);bits.push(top.label.split(' \u2014 ')[0]+' highest at '+fmt(top.value));return bits.join(' \u00b7 ')}
+function status(text,bad,ok){const s=$('status');s.textContent=text;s.toggleAttribute('data-error',!!bad);s.toggleAttribute('data-ok',!!ok);if(bad)$('plot').dataset.state='off'}
+function paint(){const img=$('chart-image');if(!img||!rawSvg)return;
+const c=getComputedStyle(document.body).color,mix=pc=>'color-mix(in srgb,'+c+' '+pc+'%,transparent)';
+img.src='data:image/svg+xml,'+encodeURIComponent(rawSvg.replace(/<\/svg>\s*$/i,'<style>text{fill:'+mix(72)+'!important}'
++'[stroke="#dbdee4"],[stroke="#f1f1f2" i]{stroke:'+mix(13)+'!important}[stroke="#54555a"],[stroke="#d4d4d8" i]{stroke:'+mix(30)+'!important}'
++'</style></svg>'))}
+function controls(){document.querySelectorAll('button,input,select').forEach(e=>{e.disabled=busy});
+$('refresh').hidden=!ref;$('next').hidden=!next;$('range').hidden=!ref;$('plot').toggleAttribute('data-busy',busy);
+$('save').hidden=!draft||!!saved||!$('form').hidden;
+$('expand').hidden=!shown||root.dataset.kind==='dashboard'||!context.availableDisplayModes?.includes('fullscreen');
+root.toggleAttribute('data-deep',context.displayMode==='fullscreen'||$('expand').hidden)}
+function host(change){context={...context,...change};if(change.theme==='dark'||change.theme==='light')root.style.colorScheme=change.theme;
+const vars=change.styles?.variables||{};for(const [key,value] of Object.entries(vars)){
+if(/^--(?:color-|font-|border-|shadow-)/.test(key)&&typeof value==='string'&&!/url\s*\(|@import/i.test(value))root.style.setProperty(key,value)}
+const face=change.styles?.css?.fonts;if(typeof face==='string'&&face.length<4000&&!/@import|javascript:/i.test(face))$('hostfont').textContent=face;
+const insets=change.safeAreaInsets;if(insets)for(const edge of ['top','right','bottom','left']){
+const n=insets[edge];if(Number.isFinite(n))root.style.setProperty('--safe-'+edge,Math.max(0,Math.min(n,200))+'px')}
+root.dataset.mode=context.displayMode==='fullscreen'?'full':'inline';
+$('expand').textContent=context.displayMode==='fullscreen'?'Back to conversation':'Expand';paint();controls()}
+function scope(p,n){const bits=[];
+if(p.kind==='chart'||p.kind==='table')bits.push(p.rowsTotal>n?'first '+n+' of '+p.rowsTotal+' rows':n?(n===1?'1 row':n+' rows'):'No rows in this view');
+if(view.dateRange)bits.push(view.dateRange.from+' to '+view.dateRange.to);
+if(next)bits.push('more pages available');
+$('scope').textContent=bits.join(' · ')}
+function resize(){if(ready)notify(SIZE,{width:document.body.scrollWidth,height:document.body.scrollHeight})}
+function table(rows,columns){$('rows').replaceChildren();$('data').hidden=!rows?.length;if(!rows?.length)return;
+$('count').textContent=rows.length===1?'1 row behind this':rows.length+' rows behind this';
+const t=document.createElement('table');
+const num=name=>rows.some(r=>typeof r[name]==='number');
+const header=document.createElement('tr');for(const name of columns){const th=document.createElement('th');th.scope='col';th.textContent=name;if(num(name))th.className='n';header.append(th)}
+const head=document.createElement('thead');head.append(header);t.append(head);const body=document.createElement('tbody');
+for(const row of rows.slice(0,50)){const tr=document.createElement('tr');for(const key of columns){const td=document.createElement('td');td.textContent=fmt(row[key]);exact(td,row[key]);if(num(key))td.className='n';tr.append(td)}body.append(tr)}t.append(body);$('rows').append(t)}
+async function display(mode){try{const answer=await ask(DISPLAY,{mode});
+host({displayMode:answer.mode||context.displayMode});if(root.dataset.mode==='full'&&!$('data').hidden)$('data').open=true;resize()}
+catch{status('Expand is unavailable in this host.',1)}}
+function wait(){busy=true;if(!$('plot').firstChild)$('plot').dataset.state='wait';status('Loading chart…');controls()}
+async function call(name,extra={}){if(!ready||!ref||busy)return;run(name,{reference:ref,view:{...view,...extra}})}
+/* The draft tools take the draft and the rows on screen instead of a reference. */
+async function run(name,args){if(!ready||busy)return;wait();const rev=++revision;
+const selection=workspace?(name==='save_chart_as_dashboard'?{workspaceName:args.workspaceName||workspace.name}:{workspace:workspace.id}):{};
+try{const result=await rpc('tools/call',{name,arguments:{...args,...selection,context:'tile'}});
+if(rev===revision)render(result)}catch{if(rev===revision){trouble('tool-call-failed');if(name==='save_chart_as_dashboard'){$('plot').dataset.state='ready';status('Could not save. Try again.',1)}else if(name==='preview_chart'){status('Could not draw that. Pick another type.',1);$('plot').dataset.state='ready'}else stale()}}finally{busy=false;controls()}}
+function stale(){if(shown&&$('plot').firstChild){status('Could not refresh. Showing the last chart that loaded. Select Refresh to try again.',1);$('plot').dataset.state='stale'}else status('Could not load the chart. Select Refresh to try again.',1)}
+function render(result){busy=false;controls();
+if(result?._meta?.['databrain/workspace'])workspace=result._meta['databrain/workspace'];
+const sp=result?.structuredContent;if(sp&&sp.kind==='save'){$('plot').dataset.state='ready';if(sp.ok){saved=sp;$('form').hidden=true;status('Saved "'+sp.title+'" to workspace '+sp.workspaceName+'.',0,1)}
+else if(sp.choices?.length){choose(sp.choices);status('Choose a workspace, then save again.',1)}
+else status((result.content?.[0]?.text)||'Could not save. Try again.',1);controls();resize();return}
+if(result?.isError&&draft&&$('form').hidden===false){$('plot').dataset.state='ready';status((result.content?.[0]?.text)||'Could not save. Try again.',1);controls();return}
+if(result?.isError){trouble('tool-returned-error');
+if(shown&&$('plot').firstChild){stale();controls();return}shown=false;controls();
+status(ref?'Chart unavailable. Check your access to this dashboard, then Refresh.'
+:'Chart unavailable. Ask again to retry.',1);return}
+const p=result?.structuredContent;if(!p||typeof p!=='object'){shown=false;controls();status('No chart data came back for this result.',1);return}
+revision++;shown=true;rawSvg=null;$('plot').replaceChildren();$('plot').dataset.state='ready';$('choices').replaceChildren();delete $('rail').dataset.value;
+ref=p.reference||null;view=p.view||{};next=p.nextCursor||null;draft=p.draft||null;rows=p.rows||[];saved=null;$('form').hidden=true;
+$('title').textContent=p.title||'Analytics';$('description').textContent=answer(p);root.dataset.kind=p.kind;$('choices').toggleAttribute('data-grid',p.kind==='dashboard');
+if(p.kind==='dashboard'){$('plot').dataset.state='off';
+for(const item of p.widgets||[]){const b=document.createElement('button');b.textContent=item.name||'Untitled widget';b.onclick=()=>{ref=item.reference;view={};call('render_chart')};$('choices').append(b)}
+status(p.widgets?.length?'':'No charts on this dashboard yet. Add one in Databrain.');
+}else if(p.kind==='kpi'){
+const number=document.createElement('p');number.className='kpi';number.textContent=fmt(p.value);exact(number,p.value);$('plot').append(number);status('');
+}else if(p.svg){
+const box=document.createElement('div');box.className='chart';box.style.aspectRatio=p.width+'/'+p.height;
+const img=document.createElement('img');img.id='chart-image';rawSvg=p.svg;img.alt=p.title||'Chart';img.onerror=()=>{status('The chart could not be drawn. The rows are below.',1);$('data').open=$('data').toggleAttribute('data-only',true)};box.append(img);
+for(const point of p.points||[]){const b=document.createElement('button');b.className='point';b.setAttribute('aria-label',point.label+': '+fmt(point.value));b.setAttribute('aria-pressed','false');
+b.style.left=100*point.x/p.width+'%';b.style.top=100*point.y/p.height+'%';b.style.width=100*point.width/p.width+'%';b.style.height=100*point.height/p.height+'%';
+const hover=()=>{$('vlabel').textContent=point.label;$('vnum').textContent=fmt(point.value);exact($('vnum'),point.value);$('rail').dataset.value='1'};b.onmouseenter=hover;b.onfocus=hover;
+b.onclick=()=>{box.querySelectorAll('.point').forEach(e=>e.setAttribute('aria-pressed','false'));b.setAttribute('aria-pressed','true');hover();
+$('choices').replaceChildren();if(point.drillId){const drill=document.createElement('button');drill.className='primary';drill.textContent='Explore selected data';drill.onclick=()=>call('drill_down',{drillId:point.drillId,cursor:undefined});$('choices').append(drill)}};box.append(b)}$('plot').append(box);
+status('');
+}else if(p.kind==='table'){
+// ask_question returns a table by design; calling that a missing chart called success a failure.
+$('plot').dataset.state='off';status('');
+}else{$('plot').dataset.state='off';
+status('Nothing to show. Try a wider date range, then Refresh.',1)}
+if(draft&&p.previewTypes?.length){for(const t of p.previewTypes){const b=document.createElement('button');b.textContent=t[0].toUpperCase()+t.slice(1);b.className='chip';b.setAttribute('aria-pressed',String(t===draft.chartType));
+b.onclick=()=>run('preview_chart',{draft,rows,chartType:t});$('choices').append(b)}$('choices').dataset.chips='1'}else delete $('choices').dataset.chips;
+if(p.previewError)status('Cannot draw this as '+(p.draft?.chartType||'a chart')+' ('+p.previewError+'). Showing the rows.',1);
+paint();table(p.rows||[],p.columns||Object.keys(p.rows?.[0]||{}));scope(p,p.rows?.length||0);
+const only=!p.svg&&p.value===undefined&&p.kind!=='dashboard';$('data').open=only;$('data').toggleAttribute('data-only',only);controls();resize()}
+$('refresh').onclick=()=>call('refresh_widget',{cursor:undefined});$('next').onclick=()=>call('render_chart',{cursor:next});
+function choose(names){const w=$('ws');w.replaceChildren();for(const n of names){const o=document.createElement('option');o.value=n;o.textContent=n;w.append(o)}$('wsrow').hidden=names.length<2;$('wsone').textContent=names.length===1?'in workspace '+names[0]:'';$('form').hidden=false;$('dtitle').focus();controls();resize()}
+$('save').onclick=()=>{attempt=crypto.randomUUID();$('dtitle').value=draft?.title||'';choose(draft?.workspaces||[])};
+$('cancel').onclick=()=>{$('form').hidden=true;status('');controls();resize()};
+$('commit').onclick=()=>{const t=$('dtitle').value.trim();if(!t){status('Name the dashboard.',1);return}
+run('save_chart_as_dashboard',{draft,chartType:draft.chartType,dashboardTitle:t,workspaceName:$('wsrow').hidden?undefined:$('ws').value,attemptId:attempt,confirm:'APPLY_TO_PRODUCTION'})};
+$('expand').onclick=()=>display(context.displayMode==='fullscreen'?'inline':'fullscreen');
+$('dates').onclick=()=>{const from=$('from').value,to=$('to').value;if(!from||!to||from>to){status('Start date must not be after the end date.',1);return}call('change_date_range',{dateRange:{from,to},cursor:undefined,drillId:undefined})};
+function receive(event){if(event.source!==parent||closed)return;const m=event.data;
+if(!m||Array.isArray(m)||m.jsonrpc!=='2.0'||(origin!=='*'&&event.origin!==origin))return;
+if(!m.method&&pending.has(m.id)&&('result'in m||'error'in m)){if(origin==='*'&&event.origin!=='null')origin=event.origin;
+const p=pending.get(m.id);pending.delete(m.id);clearTimeout(p.timer);
+if(m.error){const error=Error('host error');error.code=m.error.code;p.reject(error)}else p.resolve(m.result);return}
+if(m.method==='ping'&&m.id!==undefined){send({id:m.id,result:{}});return}
+if(m.method==='ui/resource-teardown'){send({id:m.id,result:{}});closed=true;revision++;for(const p of pending.values()){clearTimeout(p.timer);p.reject(Error('closed'))}pending.clear();observer.disconnect();removeEventListener('message',receive);return}
+if(!ready||m.id!==undefined)return;
+let slot=DASH.indexOf(m.method),kind='dashed';
+if(slot<0){slot=SNAKE.indexOf(m.method);kind='snake'}
+if(slot>=0){
+/* A dual host posts each notification twice. Lock to the first name and drop its twin:
+   same payload, and a second render is a visible flicker. */
+if(!dialect)dialect=kind;if(dialect!==kind)return;
+// The snake result nests one level deeper.
+if(slot===0)render(kind==='snake'?m.params&&m.params.result:m.params);
+else if(slot===1)wait();
+else{host(m.params||{});resize()}
+return}
+if(m.method==='ui/notifications/tool-cancelled'){revision++;busy=false;$('plot').dataset.state='off';status('Request cancelled.');controls()}}
+addEventListener('message',receive);const observer=new ResizeObserver(resize);observer.observe(document.body);controls();
+rpc('ui/initialize',{protocolVersion:'2026-01-26',appInfo:{name:'Databrain tile',version:'1.0.0'},appCapabilities:{availableDisplayModes:['inline','fullscreen']}})
+.then(r=>{if(r.protocolVersion!=='2026-01-26')throw Error('version');host(r.hostContext||{});ready=true;notify(INIT,{});resize()})
+.catch(()=>{trouble('initialize-failed');status('This chart needs an MCP Apps host.',1)});
+})();`;
+var SERVED_SCRIPT = TILE_SCRIPT.replace(/\/\*[\s\S]*?\*\//g, "").replace(/^\s*\/\/.*$/gm, "").replace(/\n{2,}/g, "\n");
+function tileHtml(kind = "chart") {
+  return strip(`<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; img-src data:; font-src data:; connect-src 'none'; base-uri 'none'; form-action 'none'">
+<title>Databrain ${kind} tile</title><style id="hostfont"></style><style>
+/* Host tokens are the Claude MCP Apps style-variable names. Every one carries a fallback:
+   hosts may ship any subset, so nothing here may depend on a token existing. */
+:root{color-scheme:light dark;
+--dbn-bg:var(--color-background-primary,Canvas);--dbn-text:var(--color-text-primary,CanvasText);
+--dbn-mute:var(--color-text-secondary,GrayText);--dbn-faint:var(--color-text-tertiary,GrayText);
+--dbn-edge:var(--color-border-secondary,color-mix(in srgb,currentColor 20%,transparent));
+--dbn-line:var(--color-border-tertiary,color-mix(in srgb,currentColor 9%,transparent));
+--dbn-accent:var(--color-text-info,LinkText);--dbn-ring:var(--color-ring-primary,var(--dbn-accent));
+--dbn-bad:var(--color-text-danger,var(--dbn-text));
+--dbn-quiet:color-mix(in srgb,currentColor 6%,transparent);
+--bw:var(--border-width-regular,1px);--r-s:var(--border-radius-sm,6px);--r-m:var(--border-radius-md,8px);
+--med:var(--font-weight-medium,500);--semi:var(--font-weight-semibold,600);--xs:var(--font-text-xs-size,12px);
+/* One curve. Quick / standard / display-mode. Corporate: no overshoot. */
+--e:cubic-bezier(.2,0,0,1);--q:120ms;--s:300ms;--l:400ms}
+*{box-sizing:border-box}
+body{margin:0;padding:var(--safe-top,0px) var(--safe-right,0px) var(--safe-bottom,0px) var(--safe-left,0px);background:var(--dbn-bg);color:var(--dbn-text);
+font:var(--font-text-sm-size,14px)/var(--font-text-sm-line-height,1.4) var(--font-sans,system-ui)}
+main{padding:20px;max-width:1200px;margin:auto;transition:padding var(--l) var(--e)}
+header{display:flex;align-items:start;justify-content:space-between;gap:12px}header>div{min-width:0}
+.acts{display:flex;gap:6px;flex:none;align-items:center}
+h1{font-size:var(--font-heading-md-size,18px);line-height:var(--font-heading-md-line-height,1.4);margin:0 0 6px;font-weight:var(--semi);letter-spacing:-.01em;overflow-wrap:anywhere;transition:font-size var(--l) var(--e)}
+p{margin:6px 0;color:var(--dbn-mute);overflow-wrap:anywhere}
+#description{font-size:var(--xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}#description:empty{display:none}
+button,input,select{font:inherit;color:inherit;background:var(--dbn-bg);border:var(--bw) solid var(--dbn-edge);border-radius:var(--r-s);padding:7px 10px}
+button{cursor:pointer;transition:background-color var(--q) var(--e),border-color var(--q) var(--e)}
+input{max-width:160px;min-width:0}button:hover:not(:disabled){background:var(--dbn-quiet)}button:disabled{color:var(--dbn-faint);cursor:default}
+button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--dbn-ring);outline-offset:2px}
+/* The picker is a scannable grid of quiet chips: 26 charts fit in nine rows, not a wall. */
+#choices[data-grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:12px}
+#choices[data-grid] button{text-align:left;border-color:var(--dbn-line);padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
+#choices[data-grid] button:hover:not(:disabled){background:var(--dbn-quiet);border-color:var(--dbn-edge)}
+/* One primary per state: the drill pill, and Next page when there is a next page. */
+#choices button.primary,#next{flex:none;text-align:center;border:var(--bw) solid var(--dbn-accent);
+border-radius:var(--r-s);padding:7px 10px;font-weight:var(--med);color:var(--dbn-accent)}
+#choices button.primary{align-self:flex-start;margin-top:10px}
+/* Refresh is a re-fetch, not a choice. Quiet it so it stops reading as a fifth chart. */
+#refresh{border-color:transparent;color:var(--dbn-mute);padding:7px 8px}
+#refresh:hover:not(:disabled){color:var(--dbn-text);background:none;text-decoration:underline}
+#status:empty{margin:0}
+#status[data-ok],#status[data-error]{font-weight:var(--med);border-left:2px solid;border-radius:0 var(--r-m) var(--r-m) 0;padding:10px 12px;margin:10px 0;background:color-mix(in srgb,currentColor 5%,transparent)}
+#status[data-ok]{color:var(--color-text-success,var(--dbn-text));border-color:var(--color-border-success,color-mix(in srgb,currentColor 40%,transparent))}
+/* "Show as": one row of quiet chips, the current type pressed. Never a second title. */
+#choices[data-chips]{flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:10px}
+.chip{border-color:var(--dbn-line);border-radius:999px;padding:5px 11px;font-size:var(--xs);color:var(--dbn-mute)}
+.chip:hover:not(:disabled){color:var(--dbn-text);border-color:var(--dbn-edge)}
+.chip[aria-pressed=true]{color:var(--dbn-text);border-color:var(--dbn-text);background:var(--dbn-quiet)}
+/* Save is the one commit on a draft, so it is the one filled button in the tile. */
+#save,#commit{border-color:var(--dbn-accent);background:var(--dbn-accent);color:var(--dbn-bg);font-weight:var(--med)}
+#save:hover:not(:disabled),#commit:hover:not(:disabled){background:color-mix(in srgb,var(--dbn-accent) 85%,var(--dbn-text))}
+#form{margin-top:12px;padding:12px;border:var(--bw) solid var(--dbn-line);border-radius:var(--r-m);display:flex;flex-direction:column;gap:8px}
+[hidden]{display:none!important}#form label{flex-direction:column;align-items:stretch;gap:4px;font-size:var(--xs)}
+#form input,#form select{max-width:none;width:100%;background:color-mix(in srgb,currentColor 4%,var(--dbn-bg))}
+#wsone{color:var(--dbn-mute);font-size:var(--xs)}#wsone:empty{display:none}
+#status[data-error]{color:var(--dbn-bad);border-color:var(--color-border-danger,color-mix(in srgb,currentColor 40%,transparent));background:var(--color-background-danger,color-mix(in srgb,currentColor 5%,transparent))}
+/* Reserved plot. The skeleton is a static bar silhouette matching the 15:8 backend render:
+   Claude's guidance asks for a skeleton that matches the final layout, and bans nothing here,
+   but shimmer is banned by our own motion budget - so this paints once and never repaints. */
+#plot{position:relative;transition:opacity var(--q) var(--e)}#plot[data-busy],#plot[data-state=stale]{opacity:.55}
+#plot[data-state=wait]{aspect-ratio:15/8}
+#plot[data-state=wait]::before,#plot[data-state=ready]::before{content:'';position:absolute;pointer-events:none;inset:16% 6% 13%;
+border-bottom:var(--bw) solid var(--dbn-line);transition:opacity var(--s) var(--e);
+--g:linear-gradient(var(--dbn-quiet),var(--dbn-quiet));background:var(--g) 0 100%/11% 44% no-repeat,var(--g) 22% 100%/11% 71% no-repeat,var(--g) 44% 100%/11% 57% no-repeat,var(--g) 66% 100%/11% 86% no-repeat,var(--g) 88% 100%/11% 33% no-repeat}
+#plot[data-state=ready]::before{opacity:0}
+.chart{position:relative;width:100%;margin:12px 0}.chart img{width:100%;height:100%;display:block}
+/* A point's geometry comes from the renderer and can be 8px; the hit area must not.
+   ::after pads it to at least 24px; ::before is the marker that says "you can pick this". */
+.point{position:absolute;padding:0;border:0;background:transparent;border-radius:50%}
+.point::after{content:'';position:absolute;inset:-8px}
+.point::before{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;
+background:var(--dbn-accent);box-shadow:0 0 0 2px var(--dbn-bg);opacity:0;transform:scale(.6);transition:opacity var(--q) var(--e),transform var(--q) var(--e)}
+.point:hover::before,.point:focus-visible::before{opacity:.7;transform:none}
+.point[aria-pressed=true]::before{opacity:1;transform:none;box-shadow:0 0 0 2px var(--dbn-bg),0 0 0 4px color-mix(in srgb,var(--dbn-accent) 35%,transparent)}
+.kpi{font-size:clamp(34px,10vw,44px);line-height:1.1;font-weight:var(--semi);letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:var(--dbn-text);margin:14px 0 6px;transition:font-size var(--l) var(--e)}
+/* The readout rail. At rest it states the scope of what is on screen; on selection it
+   becomes the value. One slot, two jobs, so selecting a bar never reflows the tile. */
+#rail{display:flex;align-items:center;min-height:2.5em;margin:2px 0 0}
+#scope,#value{margin:0;display:none;overflow-wrap:anywhere}
+#rail:not([data-value]) #scope{display:block;color:var(--dbn-mute);font-size:var(--xs)}
+#rail:not([data-value]):has(#scope:empty){display:none}
+#rail[data-value] #value{display:flex;flex-direction:column;gap:1px;line-height:1.15}
+#vlabel{color:var(--dbn-mute);font-size:var(--xs)}
+#vnum{font-size:var(--font-heading-md-size,18px);font-weight:var(--semi);letter-spacing:-.015em;font-variant-numeric:tabular-nums}
+[data-mode=full] #vnum{font-size:var(--font-heading-xl-size,24px)}
+footer,.dates{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
+#choices{display:flex;flex-direction:column;align-items:stretch;margin:10px 0 0}footer{margin-top:12px}footer:not(:has(button:not([hidden]))){display:none}.dates{margin:8px 0 2px}
+label{display:flex;align-items:center;gap:6px;color:var(--dbn-mute)}
+#range{margin-top:10px}#data{margin-top:2px}
+html:not([data-deep]) #range,html:not([data-deep]) #data:not([data-only]){display:none}
+summary{cursor:pointer;color:var(--dbn-mute);font-size:var(--xs);padding:5px 0;width:fit-content;transition:color var(--q) var(--e)}summary:hover{color:var(--dbn-text)}
+#rows{overflow:auto;max-height:260px;border-radius:var(--r-s)}
+table{border-collapse:collapse;width:100%;font-size:var(--xs)}
+th,td{text-align:left;padding:8px;border-bottom:var(--bw) solid var(--dbn-line);overflow-wrap:anywhere}
+td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
+th{font-weight:var(--semi);position:sticky;top:0;background:var(--dbn-bg);color:var(--dbn-mute);
+font-size:var(--xs);letter-spacing:.02em;text-transform:uppercase}
+/* Inline to fullscreen is a layout morph, not a new screen: main widens over 400ms on the
+   one curve and every dependent box follows it. Fullscreen is the detailed view, so the
+   table loses its inline height cap. */
+/* The SVG is rendered at 600x320 and scaled by width, so an unbounded fullscreen column
+   makes the chart's own axis type larger than the tile's heading. Hold a measure. */
+[data-mode=full] main{padding:28px 32px;max-width:900px}
+[data-mode=full] h1{font-size:var(--font-heading-xl-size,24px);line-height:var(--font-heading-xl-line-height,1.25)}
+[data-mode=full] .kpi{font-size:clamp(44px,7vw,72px)}
+[data-mode=full] #rows{max-height:none}
+/* Touch: the host gives vertical pan to the conversation, so a nested scroller is a trap. */
+@media(pointer:coarse){button,input{min-height:44px}summary{padding:12px 0}#rows{max-height:none;overflow:visible}}
+@media(max-width:480px){main{padding:14px}}
+/* Entrance. Content first, chrome 60ms later: 300+60 = 360ms, inside the 400ms budget.
+   No stagger past two groups - a chat tile that cascades reads as lag, not luxury. */
+@keyframes rise{from{opacity:0;transform:translateY(6px)}}
+@keyframes land{from{opacity:0;transform:translateY(4px) scale(.995)}}
+header,#status,#plot{animation:rise var(--s) var(--e) both}
+#rail,#choices,footer,#range,#data{animation:rise var(--s) var(--e) 60ms both}
+.chart,.kpi{animation:land var(--s) var(--e) both}
+@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
+</style></head><body><main id="tile"><header><div><h1 id="title">Analytics</h1><p id="description"></p></div><div class="acts"><button id="refresh" hidden>Refresh</button><button id="expand" hidden>Expand</button></div></header>
+<p id="status" role="status">Loading chart\u2026</p><div id="plot" data-state="wait"></div>
+<div id="rail"><p id="scope"></p><p id="value"><span id="vlabel"></span><b id="vnum"></b></p></div><div id="choices"></div>
+<footer><button id="save" hidden>Save as dashboard</button><button id="next" hidden>Next page</button></footer>
+<form id="form" hidden onsubmit="return false"><label>Dashboard name<input id="dtitle" type="text" maxlength="200" autocomplete="off"></label>
+<label id="wsrow" hidden>Workspace<select id="ws"></select></label><p id="wsone"></p>
+<div class="dates"><button id="commit" type="button">Save to Databrain</button><button id="cancel" type="button">Cancel</button></div></form>
+<details id="range" hidden><summary>Change the date range</summary><div class="dates"><label>From <input id="from" type="date"></label><label>To <input id="to" type="date"></label><button id="dates" type="button">Apply dates</button></div></details>
+<details id="data" hidden><summary id="count">Show the data behind this</summary><div id="rows" tabindex="0" role="region" aria-label="Chart data"></div></details></main><script>${SERVED_SCRIPT}</script></body></html>`);
+}
+function strip(html) {
+  return html.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\n{2,}/g, "\n").replace(/<style>([\s\S]*?)<\/style><\/head>/, (_m, css) => `<style>${css.replace(/;}/g, "}").replace(/\n/g, "")}</style></head>`);
+}
+
+// src/apps/registry.ts
+var actions = {
+  render_chart: "Render one authorized chart page as SVG with point metadata. Cursor pagination stays within the same guest scope.",
+  refresh_widget: "Refresh a chart in the current guest scope. Revalidates access before returning data.",
+  drill_down: "Explore a server-issued drill identifier within the current chart and guest scope.",
+  change_date_range: "Render a chart for an ordered date range within the current guest scope."
+};
+function registerChartApps(server, client, backend = createChartBackend(client)) {
+  for (const [name, description] of Object.entries(actions)) {
+    const action = name;
+    const tool = server.tool(name, description, {
+      reference: referenceSchema,
+      view: viewSchema.default({}),
+      context: z.string().max(200).optional().describe("Chart interaction context")
+    }, READ_ONLY, async ({ reference, view }) => {
+      try {
+        if (action === "drill_down" && !view.drillId || action === "change_date_range" && !view.dateRange) throw new Error("Missing view selector");
+        const page = pageSchema.parse(await toolContext.run(
+          { tool: name, category: "embedding", workflowIntent: "chart_app", inputMode: "app" },
+          () => backend.execute(action, reference, view)
+        ));
+        if (page.svg && (!/^\s*<svg\b/i.test(page.svg) || /<\s*(?:script|foreignObject|iframe|image|animate\w*|set)\b|<!DOCTYPE|<!ENTITY|\bon\w+\s*=|@(?:import|keyframes)|\banimation\s*:|(?:href\s*=\s*["'](?!#)|url\s*\(\s*["']?(?!#))/i.test(page.svg))) {
+          throw new Error("Unsafe SVG");
+        }
+        return chartResult(`${page.kind === "kpi" ? "KPI" : "Chart"} ready. ${page.rows.length} rows in this page.`, {
+          ...page,
+          reference,
+          view
+        });
+      } catch {
+        return { isError: true, content: [{
+          type: "text",
+          text: "Chart unavailable. Check dashboard access and the chart renderer integration, then retry."
+        }] };
+      }
+    });
+    tool.update({ _meta: appMeta(["app"]) });
+  }
+  registerDraftTools(server, client);
+  for (const [uri, kind] of [[CHART_URI, "chart"], [KPI_URI, "kpi"]]) {
+    server.resource(`Databrain ${kind} tile`, uri, { mimeType: APP_MIME, description: `Interactive ${kind} using host theme and scoped server tools` }, async () => ({
+      contents: [{ uri, mimeType: APP_MIME, text: tileHtml(kind), _meta: { ui: { prefersBorder: true } } }]
+    }));
+  }
+}
+function registerDraftTools(server, client) {
+  const preview = server.tool(
+    "preview_chart",
+    "Redraw an unsaved ask_question answer as another chart type, from the rows already on screen. No query runs.",
+    {
+      draft: draftSchema,
+      rows: rowsSchema,
+      chartType: z.enum(RENDER_TYPES),
+      context: z.string().max(200).optional().describe("Chart interaction context")
+    },
+    READ_ONLY,
+    async ({ draft, rows, chartType }) => {
+      try {
+        const page = await draftPage(client, draft, rows, chartType);
+        return chartResult(`${page.kind === "table" ? "Table" : "Chart"} ready as ${chartType}.`, page);
+      } catch {
+        return { isError: true, content: [{ type: "text", text: "Chart preview unavailable. Ask the question again to retry." }] };
+      }
+    }
+  );
+  preview.update({ _meta: appMeta(["app"]) });
+  const save = server.tool(
+    "save_chart_as_dashboard",
+    `Save an ask_question answer: creates a workspace metric from its SQL and a new dashboard holding it. Production write; requires confirm: "${APPLY_TO_PRODUCTION_CONFIRMATION}". A workspaceName is needed when the datamart backs more than one workspace.`,
+    {
+      draft: draftSchema,
+      chartType: z.enum(RENDER_TYPES),
+      dashboardTitle: z.string().trim().min(1).max(200),
+      workspaceName: z.string().trim().min(1).max(256).optional(),
+      attemptId: z.string().trim().min(1).max(64).optional().describe("Identifies one save attempt. Reuse it to retry safely; omit or change it to save again on purpose."),
+      confirm: z.string().optional(),
+      context: z.string().max(200).optional().describe("Chart interaction context")
+    },
+    WRITE_CREATE,
+    async ({ draft, chartType, dashboardTitle, workspaceName, attemptId, confirm }) => {
+      if (confirm !== APPLY_TO_PRODUCTION_CONFIRMATION) {
+        return { isError: true, content: [{
+          type: "text",
+          text: `Saving writes to production. Retry with confirm: "${APPLY_TO_PRODUCTION_CONFIRMATION}".`
+        }] };
+      }
+      const choices = await workspacesForDatamart(client, draft.datamartName, "authorize");
+      const refuse = (text) => ({
+        isError: true,
+        content: [{ type: "text", text }],
+        structuredContent: { kind: "save", ok: false, choices }
+      });
+      const target = workspaceName ? choices.find((w) => w.trim().toLowerCase() === workspaceName.toLowerCase()) : choices.length === 1 ? choices[0] : void 0;
+      if (workspaceName && !target) {
+        return refuse(`Workspace "${workspaceName}" cannot run this datamart's SQL. Choose one of: ${choices.join(", ")}.`);
+      }
+      if (!target) {
+        return refuse(choices.length ? `Choose a workspace: ${choices.join(", ")}.` : `No workspace is built on datamart "${draft.datamartName}". Create one in Databrain, then save again.`);
+      }
+      try {
+        const saved = await saveDraftAsDashboard(client, draft, { chartType, dashboardTitle, workspaceName: target, attemptId });
+        return chartResult(
+          `Saved "${saved.title}" to workspace ${saved.workspaceName} (dashboard ${saved.dashboardId}, metric ${saved.metricId}).`,
+          { kind: "save", ok: true, ...saved, draft: { ...draft, chartType } }
+        );
+      } catch (error) {
+        const code = error instanceof DatabrainApiError ? error.code : "SAVE_FAILED";
+        return {
+          isError: true,
+          content: [{
+            type: "text",
+            text: `Could not save (${code}). Check the workspace name and your access, then try again.`
+          }],
+          structuredContent: { kind: "save", ok: false, code }
+        };
+      }
+    }
+  );
+  save.update({ _meta: appMeta(["model", "app"]) });
+}
+
+export {
+  registerChartApps
+};
+//# sourceMappingURL=chunk-5IGP6A6T.js.map