Spaces:
Running
Running
UI: render the Adaptive widget INSIDE the assistant response card (text + building pill + chart + actions as one cohesive bubble, like Baseline)
Browse files- vivek/frontend-vue/dist/assets/{ActionRow-5H0fz5N3.js → ActionRow-BUIphIqi.js} +1 -1
- vivek/frontend-vue/dist/assets/{BoxplotChart-BbS5kH4m.js → BoxplotChart-R1HwgRUZ.js} +1 -1
- vivek/frontend-vue/dist/assets/{BubbleChart-BDY40Tqp.js → BubbleChart-D1dMmPOI.js} +1 -1
- vivek/frontend-vue/dist/assets/{CandlestickChart-BVe1mHp4.js → CandlestickChart-bX3vYYZ5.js} +1 -1
- vivek/frontend-vue/dist/assets/{CartesianChart-BP95FC1_.js → CartesianChart-DOgx-RPk.js} +1 -1
- vivek/frontend-vue/dist/assets/{ChartBlock-BtP8-aLJ.js → ChartBlock-BfqktGXq.js} +2 -2
- vivek/frontend-vue/dist/assets/{FlowChart-DEad0SuN.js → FlowChart-CRz4gKRl.js} +1 -1
- vivek/frontend-vue/dist/assets/{FunnelChart-BbBzHm92.js → FunnelChart-j_gv1Qt2.js} +1 -1
- vivek/frontend-vue/dist/assets/{GaugeChart-DlE2ZzlY.js → GaugeChart-D9Cz71WH.js} +1 -1
- vivek/frontend-vue/dist/assets/{HeatmapChart-BFPweHL7.js → HeatmapChart-BrSqpo_J.js} +1 -1
- vivek/frontend-vue/dist/assets/{NetworkChart-C6DAJ0eN.js → NetworkChart-BV5Xk6Br.js} +1 -1
- vivek/frontend-vue/dist/assets/{ParallelChart-BVMzlh7U.js → ParallelChart-2nrgyEb4.js} +1 -1
- vivek/frontend-vue/dist/assets/{PieChart-FOSqGRek.js → PieChart-DFhHM3_l.js} +1 -1
- vivek/frontend-vue/dist/assets/{PolarChart-BXzC_EVZ.js → PolarChart-XPiKw6Qs.js} +1 -1
- vivek/frontend-vue/dist/assets/{RadarChart-CVita6sO.js → RadarChart-BV8XTfCL.js} +1 -1
- vivek/frontend-vue/dist/assets/{RoseChart-CJ_IaNLs.js → RoseChart-B4HKgzZx.js} +1 -1
- vivek/frontend-vue/dist/assets/{TextBlock-OFktGzEv.js → TextBlock-DQ6Q7Sqn.js} +1 -1
- vivek/frontend-vue/dist/assets/{ThemeriverChart-Bo079dHg.js → ThemeriverChart-B8C52mX3.js} +1 -1
- vivek/frontend-vue/dist/assets/{ThreeDChart-6-p_yRNg.js → ThreeDChart-CJwoOTyy.js} +1 -1
- vivek/frontend-vue/dist/assets/{TreeChart-Bs2QChNK.js → TreeChart-BDsxW14K.js} +1 -1
- vivek/frontend-vue/dist/assets/{TreemapChart-DLuIbQAj.js → TreemapChart-Bm6IZBwI.js} +1 -1
- vivek/frontend-vue/dist/assets/{WaterfallChart-BL5KIKvM.js → WaterfallChart-NXPdE5B9.js} +1 -1
- vivek/frontend-vue/dist/assets/{echarts-gl-BOZX-85D.js → echarts-gl-C3XnXRtg.js} +0 -0
- vivek/frontend-vue/dist/assets/{index-U7t4k4gR.js → index-C3mAsaX1.js} +0 -0
- vivek/frontend-vue/dist/assets/{index-B-X5mXaL.css → index-DwwDtQUs.css} +0 -0
- vivek/frontend-vue/dist/assets/{useEChart-gyP91k5v.js → useEChart-Df1mEb7t.js} +1 -1
- vivek/frontend-vue/dist/index.html +2 -2
- vivek/frontend-vue/src/pages/Chat.vue +69 -71
vivek/frontend-vue/dist/assets/{ActionRow-5H0fz5N3.js → ActionRow-BUIphIqi.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,P as n,f as r,h as i,i as a,jt as o,u as s,v as c}from"./runtime-core.esm-bundler-olIhRSij.js";import{yr as l}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,P as n,f as r,h as i,i as a,jt as o,u as s,v as c}from"./runtime-core.esm-bundler-olIhRSij.js";import{yr as l}from"./index-C3mAsaX1.js";var u={class:`flex flex-wrap gap-2`},d=c({__name:`ActionRow`,props:{block:{}},emits:[`action`],setup(c,{emit:d}){let f=d;function p(e){let t=String(e.label||e.intent||``).trim();t&&f(`action`,t)}return(d,f)=>(t(),r(`div`,u,[(t(!0),r(a,null,n(c.block.buttons||[],(n,r)=>(t(),s(l,{key:r,type:`button`,variant:`outline`,size:`sm`,title:n.intent?`Ask: ${n.label||n.intent}`:void 0,onClick:e=>p(n)},{default:e(()=>[i(o(n.label||`Action`),1)]),_:2},1032,[`title`,`onClick`]))),128))]))}});export{d as default};
|
vivek/frontend-vue/dist/assets/{BoxplotChart-BbS5kH4m.js → BoxplotChart-R1HwgRUZ.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{g as s}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{g as s}from"./index-C3mAsaX1.js";import{n as c,t as l}from"./useEChart-Df1mEb7t.js";function u(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=e?.x_categories||[],i=(e?.boxes||[]).map(e=>Array.isArray(e)?e.slice(0,5).map(e=>s(e)??0):[]);return{backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`},grid:{left:48,right:16,top:20,bottom:40,containLabel:!0},xAxis:{type:`category`,data:r,axisLabel:{fontSize:10}},yAxis:{type:`value`,scale:!0,splitLine:{lineStyle:{opacity:.2}}},series:[{type:`boxplot`,data:i,itemStyle:{color:`rgba(59,130,246,0.25)`,borderColor:`#3b82f6`}}]}}var d=o({__name:`BoxplotChart`,props:{title:{},chart:{}},setup(o){let s=o,d=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=l(f,()=>u(s.chart,d()),()=>s.chart);return(i,s)=>(t(),a(c,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`boxplot`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{d as default};
|
vivek/frontend-vue/dist/assets/{BubbleChart-BDY40Tqp.js → BubbleChart-D1dMmPOI.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{g as s,l as c}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{g as s,l as c}from"./index-C3mAsaX1.js";import{n as l,t as u}from"./useEChart-Df1mEb7t.js";function d(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=(e?.series||[]).map((t,n)=>({name:t.name||`Series ${n+1}`,type:`scatter`,data:(Array.isArray(t.values)?t.values:[]).filter(e=>Array.isArray(e)&&e.length>=2).map(e=>e.map(e=>s(e)??0)),itemStyle:{color:c(n,(e?.series||[]).length),opacity:.65}})),i=r.flatMap(e=>e.data.map(e=>Math.abs(Number(e[2])||0))).filter(e=>e>0),a=i.length?Math.sqrt(Math.min(...i)):0,o=i.length?Math.sqrt(Math.max(...i)):1,l=e=>{let t=Math.abs(Number(e?.[2])||0);return!(t>0)||o<=a?16:10+(Math.sqrt(t)-a)/(o-a)*36},u=r.map(e=>({...e,symbolSize:l}));return{backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`},legend:r.length>1?{bottom:0,textStyle:{color:n,fontSize:10}}:void 0,grid:{left:48,right:24,top:20,bottom:40,containLabel:!0},xAxis:{type:`value`,name:e?.x_label||``,nameLocation:`middle`,nameGap:26,splitLine:{lineStyle:{opacity:.2}}},yAxis:{type:`value`,name:e?.y_label||``,nameLocation:`middle`,nameGap:36,splitLine:{lineStyle:{opacity:.2}}},series:u}}var f=o({__name:`BubbleChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=u(f,()=>d(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(l,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`bubble`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{f as default};
|
vivek/frontend-vue/dist/assets/{CandlestickChart-BVe1mHp4.js → CandlestickChart-bX3vYYZ5.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{g as s,n as c,t as l}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{g as s,n as c,t as l}from"./index-C3mAsaX1.js";import{n as u,t as d}from"./useEChart-Df1mEb7t.js";function f(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=e?.x_categories||[],i=(e?.candles||[]).map(e=>Array.isArray(e)?e.slice(0,4).map(e=>s(e)??0):[]);return{backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`axis`},grid:{left:48,right:16,top:20,bottom:56,containLabel:!0},xAxis:{type:`category`,data:r,axisLabel:{fontSize:10}},yAxis:{type:`value`,scale:!0,splitLine:{lineStyle:{opacity:.2}}},dataZoom:[{type:`inside`},{type:`slider`,height:16,bottom:8}],series:[{type:`candlestick`,data:i,itemStyle:{color:c,color0:l,borderColor:c,borderColor0:l}}]}}var p=o({__name:`CandlestickChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,l=i(null),{toPng:p}=d(l,()=>f(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(u,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`candlestick`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:l,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{p as default};
|
vivek/frontend-vue/dist/assets/{CartesianChart-BP95FC1_.js → CartesianChart-DOgx-RPk.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{f as s,i as c,o as l,s as u,v as d}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{f as s,i as c,o as l,s as u,v as d}from"./index-C3mAsaX1.js";import{n as f,t as p}from"./useEChart-Df1mEb7t.js";function m(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=String(e?.kind||`line`).toLowerCase(),i=s(e),a=u(e),o=r===`hbar`||r===`horizontal-bar`||r===`horizontal_bar`,f=r===`stacked`||r===`stacked-bar`||r===`stacked_bar`,p=r===`combo`,m=r===`bar`||r===`histogram`||f||o,h=r===`scatter`||r===`bubble`,g=r===`area`||r===`timeseries`,_=l(e),v=Array.isArray(_)&&_.length>0,y=_?.length??a[0]?.points.length??0,b=y>0&&y<=12&&a.length<=4,x=y>0&&y<=8&&a.length<=2,S=a.map((e,t)=>{let r=p?e.kind===`line`?`line`:e.kind===`bar`||t===0?`bar`:`line`:m?`bar`:h?`scatter`:`line`,a=r===`line`,s=r===`bar`;return{name:e.name,type:r,data:v?e.points.map(e=>e[1]):e.points,stack:f?`total`:void 0,smooth:a?.35:void 0,showSymbol:r===`scatter`||a&&x,symbolSize:r===`scatter`?10:7,label:s?{show:f?y<=8:b,position:f?`inside`:o?`right`:`top`,fontSize:10,fontWeight:600,color:f?`#fff`:n,formatter:e=>i(e.value)}:a?{show:x,position:`top`,fontSize:10,color:n,formatter:e=>i(e.value)}:void 0,itemStyle:{color:e.color,borderRadius:s?o?[0,4,4,0]:[4,4,0,0]:void 0},areaStyle:g&&a?{color:c(e.color)}:void 0,lineStyle:a?{width:2.5}:void 0,emphasis:{focus:`series`,scale:r===`scatter`,itemStyle:{shadowBlur:10,shadowColor:d(e.color,.5)}},animationDuration:900,animationEasing:`cubicOut`}}),C=a.map(e=>e.name),w={type:`value`,name:(o?e?.x_label:e?.y_label)||``,nameLocation:`middle`,nameGap:36,splitLine:{show:!0,lineStyle:{opacity:.2}}},T=v?{type:`category`,data:_,name:(o?e?.y_label:e?.x_label)||``,nameLocation:o?`end`:`middle`,nameGap:o?12:_.length>6?42:28,nameTextStyle:o?{align:`right`,color:n}:{color:n},axisLabel:{fontSize:10,rotate:!o&&_.length>6?30:0}}:{type:`value`,name:(o?e?.y_label:e?.x_label)||``,nameLocation:`middle`,nameGap:28,splitLine:{show:!0,lineStyle:{opacity:.2}}},E=!o&&!h&&(r===`timeseries`||(r===`line`||r===`area`)&&v&&_.length>10);return{animation:!0,animationDuration:1100,backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},grid:{left:48,right:24,top:36,bottom:E?64:40,containLabel:!0},tooltip:{trigger:`axis`,axisPointer:{type:`cross`},valueFormatter:e=>i(e)},legend:C.length>1?{data:C,bottom:0,textStyle:{color:n,fontSize:10}}:void 0,dataZoom:E?[{type:`inside`},{type:`slider`,height:16,bottom:8}]:void 0,xAxis:o?w:T,yAxis:o?T:w,series:S}}var h=o({__name:`CartesianChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,l=i(null),{toPng:u}=p(l,()=>m(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(f,{title:o.title,onPng:s[0]||=e=>r(u)(o.title||`chart`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:l,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{h as default};
|
vivek/frontend-vue/dist/assets/{ChartBlock-BtP8-aLJ.js → ChartBlock-BfqktGXq.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
| 1 |
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/PieChart-
|
| 2 |
-
import{A as e,L as t,M as n,T as r,V as i,_ as a,c as o,d as s,f as c,g as l,h as u,jt as d,k as f,l as p,lt as m,tt as h,u as g,v as _}from"./runtime-core.esm-bundler-olIhRSij.js";import"./echarts-gl-
|
|
|
|
| 1 |
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/PieChart-DFhHM3_l.js","assets/index-C3mAsaX1.js","assets/runtime-core.esm-bundler-olIhRSij.js","assets/index-DwwDtQUs.css","assets/useEChart-Df1mEb7t.js","assets/FunnelChart-j_gv1Qt2.js","assets/GaugeChart-D9Cz71WH.js","assets/RadarChart-BV8XTfCL.js","assets/RoseChart-B4HKgzZx.js","assets/HeatmapChart-BrSqpo_J.js","assets/TreemapChart-Bm6IZBwI.js","assets/WaterfallChart-NXPdE5B9.js","assets/CandlestickChart-bX3vYYZ5.js","assets/BoxplotChart-R1HwgRUZ.js","assets/BubbleChart-D1dMmPOI.js","assets/NetworkChart-BV5Xk6Br.js","assets/FlowChart-CRz4gKRl.js","assets/PolarChart-XPiKw6Qs.js","assets/ParallelChart-2nrgyEb4.js","assets/ThemeriverChart-B8C52mX3.js","assets/TreeChart-BDsxW14K.js","assets/ThreeDChart-CJwoOTyy.js","assets/echarts-gl-C3XnXRtg.js","assets/CartesianChart-DOgx-RPk.js"])))=>i.map(i=>d[i]);
|
| 2 |
+
import{A as e,L as t,M as n,T as r,V as i,_ as a,c as o,d as s,f as c,g as l,h as u,jt as d,k as f,l as p,lt as m,tt as h,u as g,v as _}from"./runtime-core.esm-bundler-olIhRSij.js";import"./echarts-gl-C3XnXRtg.js";import{$ as v,a as y,c as b,x,y as S}from"./index-C3mAsaX1.js";var C={pie:()=>S(()=>import(`./PieChart-DFhHM3_l.js`),__vite__mapDeps([0,1,2,3,4])),donut:()=>S(()=>import(`./PieChart-DFhHM3_l.js`),__vite__mapDeps([0,1,2,3,4])),funnel:()=>S(()=>import(`./FunnelChart-j_gv1Qt2.js`),__vite__mapDeps([5,1,2,3,4])),gauge:()=>S(()=>import(`./GaugeChart-D9Cz71WH.js`),__vite__mapDeps([6,1,2,3,4])),radar:()=>S(()=>import(`./RadarChart-BV8XTfCL.js`),__vite__mapDeps([7,1,2,3,4])),rose:()=>S(()=>import(`./RoseChart-B4HKgzZx.js`),__vite__mapDeps([8,1,2,3,4])),heatmap:()=>S(()=>import(`./HeatmapChart-BrSqpo_J.js`),__vite__mapDeps([9,1,2,3,4])),treemap:()=>S(()=>import(`./TreemapChart-Bm6IZBwI.js`),__vite__mapDeps([10,1,2,3,4])),sunburst:()=>S(()=>import(`./TreemapChart-Bm6IZBwI.js`),__vite__mapDeps([10,1,2,3,4])),waterfall:()=>S(()=>import(`./WaterfallChart-NXPdE5B9.js`),__vite__mapDeps([11,1,2,3,4])),candlestick:()=>S(()=>import(`./CandlestickChart-bX3vYYZ5.js`),__vite__mapDeps([12,1,2,3,4])),boxplot:()=>S(()=>import(`./BoxplotChart-R1HwgRUZ.js`),__vite__mapDeps([13,1,2,3,4])),bubble:()=>S(()=>import(`./BubbleChart-D1dMmPOI.js`),__vite__mapDeps([14,1,2,3,4])),sankey:()=>S(()=>import(`./NetworkChart-BV5Xk6Br.js`),__vite__mapDeps([15,1,2,3,4])),graph:()=>S(()=>import(`./NetworkChart-BV5Xk6Br.js`),__vite__mapDeps([15,1,2,3,4])),flow:()=>S(()=>import(`./FlowChart-CRz4gKRl.js`),__vite__mapDeps([16,1,2,3,4])),flowchart:()=>S(()=>import(`./FlowChart-CRz4gKRl.js`),__vite__mapDeps([16,1,2,3,4])),process:()=>S(()=>import(`./FlowChart-CRz4gKRl.js`),__vite__mapDeps([16,1,2,3,4])),polar:()=>S(()=>import(`./PolarChart-XPiKw6Qs.js`),__vite__mapDeps([17,1,2,3,4])),parallel:()=>S(()=>import(`./ParallelChart-2nrgyEb4.js`),__vite__mapDeps([18,1,2,3,4])),themeriver:()=>S(()=>import(`./ThemeriverChart-B8C52mX3.js`),__vite__mapDeps([19,1,2,3,4])),tree:()=>S(()=>import(`./TreeChart-BDsxW14K.js`),__vite__mapDeps([20,1,2,3,4])),mindmap:()=>S(()=>import(`./TreeChart-BDsxW14K.js`),__vite__mapDeps([20,1,2,3,4])),org:()=>S(()=>import(`./TreeChart-BDsxW14K.js`),__vite__mapDeps([20,1,2,3,4])),orgchart:()=>S(()=>import(`./TreeChart-BDsxW14K.js`),__vite__mapDeps([20,1,2,3,4])),scatter3d:()=>S(()=>import(`./ThreeDChart-CJwoOTyy.js`),__vite__mapDeps([21,1,2,3,22,4])),bar3d:()=>S(()=>import(`./ThreeDChart-CJwoOTyy.js`),__vite__mapDeps([21,1,2,3,22,4])),line3d:()=>S(()=>import(`./ThreeDChart-CJwoOTyy.js`),__vite__mapDeps([21,1,2,3,22,4])),line:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),bar:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),hbar:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),"horizontal-bar":()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),horizontal_bar:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),area:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),scatter:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),stacked:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),"stacked-bar":()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),stacked_bar:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),combo:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),histogram:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4])),timeseries:()=>S(()=>import(`./CartesianChart-DOgx-RPk.js`),__vite__mapDeps([23,1,2,3,4]))};function w(e){let t=C[String(e||``).toLowerCase()];return t?a(t):null}var T={key:1,class:`wsc-root rounded-xl border bg-card overflow-hidden shadow-sm transition-shadow duration-300 hover:shadow-md`},E={key:0,class:`px-3 py-2 border-b flex items-center justify-between gap-2`},D={class:`text-xs font-medium truncate`},O={key:2,class:`px-3 py-6 text-xs text-muted-foreground text-center`},k=_({__name:`ChartHost`,props:{title:{},chart:{}},setup(a){let _=a,S=o(()=>String(_.chart?.kind||`line`).toLowerCase()),C=o(()=>_.chart),k=o(()=>w(S.value)),A=h(null),j=null,M=o(()=>b(_.chart));function N(){let e=typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches;return y(_.chart,_.title||``,{dark:e})}let P=null,F=0;function I(){F||=requestAnimationFrame(()=>{F=0,j?.resize()})}function L(){A.value&&(j&&=(j.dispose(),null),j=v(A.value,void 0,{renderer:`canvas`}),j.setOption(N(),!0),!P&&typeof ResizeObserver<`u`&&(P=new ResizeObserver(()=>I()),P.observe(A.value)))}function R(){k.value||r(()=>{if(!M.value){j?.dispose(),j=null;return}if(!j||!A.value){L();return}j.setOption(N(),!0)})}function z(){if(!j)return;let e=typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,t=j.getDataURL({type:`png`,pixelRatio:2,backgroundColor:e?`#13151c`:`#ffffff`}),n=(_.title||`chart`).replace(/[^a-zA-Z0-9_-]+/g,`-`).replace(/^-|-$/g,``).slice(0,60)||`chart`,r=document.createElement(`a`);r.href=t,r.download=`${n}.png`,document.body.appendChild(r),r.click(),r.remove()}return f(()=>{R(),window.addEventListener(`resize`,I)}),e(()=>{window.removeEventListener(`resize`,I),F&&cancelAnimationFrame(F),P?.disconnect(),P=null,j?.dispose(),j=null}),i(()=>_.chart,R,{deep:!0}),(e,r)=>k.value?(n(),g(t(k.value),{key:0,title:a.title,chart:C.value},null,8,[`title`,`chart`])):(n(),c(`div`,T,[a.title||M.value?(n(),c(`div`,E,[p(`span`,D,d(a.title),1),M.value?(n(),c(`button`,{key:0,type:`button`,class:`shrink-0 inline-flex items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground border rounded-md px-2 py-0.5 transition`,title:`Download chart as PNG`,onClick:z},[l(m(x),{class:`h-3 w-3`}),r[0]||=u(` PNG `,-1)])):s(``,!0)])):s(``,!0),M.value?(n(),c(`div`,{key:1,ref_key:`rootEl`,ref:A,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)):(n(),c(`div`,O,` No renderable data for chart type "`+d(S.value)+`". `,1))]))}}),A=_({__name:`ChartBlock`,props:{block:{}},setup(e){let t=e;return(e,r)=>(n(),g(k,{title:t.block.title,chart:t.block.chart||{}},null,8,[`title`,`chart`]))}});export{A as default};
|
vivek/frontend-vue/dist/assets/{FlowChart-DEad0SuN.js → FlowChart-CRz4gKRl.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{l as s}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{l as s}from"./index-C3mAsaX1.js";import{n as c,t as l}from"./useEChart-Df1mEb7t.js";function u(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=(e?.nodes||[]).map(e=>typeof e==`string`?{name:e}:{name:e.name||``,level:e.level}),i=(e?.links||[]).map(e=>({source:String(e.source??``),target:String(e.target??``),label:e.label})),a=new Map(r.map(e=>[e.name,e]));for(let e of i)for(let t of[e.source,e.target])if(t&&!a.has(t)){let e={name:t};r.push(e),a.set(t,e)}let o=new Map,c=new Map;r.forEach(e=>c.set(e.name,0)),i.forEach(e=>c.set(e.target,(c.get(e.target)||0)+1)),r.forEach(e=>o.set(e.name,typeof e.level==`number`?e.level:0));for(let e=0;e<r.length;e++){let e=!1;for(let t of i){let n=Math.max(o.get(t.target)||0,(o.get(t.source)||0)+1);n!==o.get(t.target)&&(o.set(t.target,n),e=!0)}if(!e)break}let l=new Map;r.forEach(e=>{let t=o.get(e.name)||0;l.has(t)||l.set(t,[]),l.get(t).push(e.name)});let u=Math.max(0,...Array.from(l.keys())),d=r.map((e,t)=>{let n=o.get(e.name)||0,i=l.get(n),a=i.indexOf(e.name),c=u>0?n/u*100:50,d=i.length>1?a/(i.length-1)*100:50;return{name:e.name,x:c,y:d,value:1,symbol:`roundRect`,symbolSize:[Math.min(120,Math.max(54,e.name.length*7)),34],itemStyle:{color:s(t,r.length),borderColor:`rgba(255,255,255,0.65)`,borderWidth:1},label:{show:!0,color:`#fff`,fontSize:11,fontWeight:600,overflow:`truncate`,width:110}}});return{backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`},series:[{type:`graph`,layout:`none`,roam:!0,data:d,links:i.map(e=>({source:e.source,target:e.target,label:e.label?{show:!0,formatter:e.label,fontSize:9,color:n}:void 0,lineStyle:{color:t?`rgba(255,255,255,0.45)`:`rgba(71,85,105,0.6)`,width:1.5,curveness:.05}})),edgeSymbol:[`none`,`arrow`],edgeSymbolSize:[0,9],emphasis:{focus:`adjacency`},label:{position:`inside`}}]}}var d=o({__name:`FlowChart`,props:{title:{},chart:{}},setup(o){let s=o,d=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=l(f,()=>u(s.chart,d()),()=>s.chart);return(i,s)=>(t(),a(c,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`flow`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{d as default};
|
vivek/frontend-vue/dist/assets/{FunnelChart-BbBzHm92.js → FunnelChart-j_gv1Qt2.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{f as s,l as c,p as l}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{f as s,l as c,p as l}from"./index-C3mAsaX1.js";import{n as u,t as d}from"./useEChart-Df1mEb7t.js";function f(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=s(e),i=l(e);return{animation:!0,backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`,formatter:e=>e.name+`: `+r(e.value)+(e.percent==null?``:` (`+e.percent+`%)`)},legend:{bottom:0,textStyle:{color:n,fontSize:10}},series:[{type:`funnel`,left:`10%`,right:`10%`,top:20,bottom:40,sort:`descending`,gap:2,label:{show:!0,position:`inside`,fontSize:10,color:`#fff`,formatter:e=>e.name+`: `+r(e.value)},data:i.map((e,t)=>({...e,itemStyle:{color:c(t,i.length)}}))}]}}var p=o({__name:`FunnelChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,l=i(null),{toPng:p}=d(l,()=>f(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(u,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`funnel`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:l,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{p as default};
|
vivek/frontend-vue/dist/assets/{GaugeChart-DlE2ZzlY.js → GaugeChart-D9Cz71WH.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{u as s}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{u as s}from"./index-C3mAsaX1.js";import{n as c,t as l}from"./useEChart-Df1mEb7t.js";function u(e,t,n=``){let r=t?`#8d93aa`:`#5a5f72`,i=s(e,n);return{animation:!0,backgroundColor:`transparent`,series:[{type:`gauge`,min:0,max:i.max,progress:{show:!0,width:14},axisLine:{lineStyle:{width:14}},axisLabel:{fontSize:9,color:r},detail:{valueAnimation:!0,fontSize:22,color:r,formatter:`{value}`},data:[{value:Number(i.value.toFixed(2)),name:i.name}],title:{fontSize:11,color:r}}]}}var d=o({__name:`GaugeChart`,props:{title:{},chart:{}},setup(o){let s=o,d=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=l(f,()=>u(s.chart,d(),s.title),()=>s.chart);return(i,s)=>(t(),a(c,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`gauge`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{d as default};
|
vivek/frontend-vue/dist/assets/{HeatmapChart-BFPweHL7.js → HeatmapChart-BrSqpo_J.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{d as s}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{d as s}from"./index-C3mAsaX1.js";import{n as c,t as l}from"./useEChart-Df1mEb7t.js";function u(e,t){let n=t?`#8d93aa`:`#5a5f72`,{xs:r,ys:i,data:a,vmin:o,vmax:c}=s(e),l=Math.max(Math.abs(o),Math.abs(c))||1,u=o<0;return{animation:!0,backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{position:`top`,formatter:e=>`${i[e.value?.[1]]??``} × ${r[e.value?.[0]]??``}: ${Number(e.value?.[2]).toFixed(2)}`},grid:{left:60,right:20,top:16,bottom:64,containLabel:!0},xAxis:{type:`category`,data:r,splitArea:{show:!0},axisLabel:{fontSize:10,rotate:r.length>5?30:0}},yAxis:{type:`category`,data:i,splitArea:{show:!0},axisLabel:{fontSize:10}},visualMap:{min:u?-l:o,max:u?l:c,calculable:!0,orient:`horizontal`,left:`center`,bottom:0,itemHeight:80,textStyle:{color:n,fontSize:10},inRange:{color:u?[`#ef4444`,`#f8fafc`,`#3b82f6`]:[`#dbeafe`,`#3b82f6`,`#1e3a8a`]}},series:[{type:`heatmap`,data:a,label:{show:r.length<=10&&i.length<=10,fontSize:10,formatter:e=>typeof e.value?.[2]==`number`?e.value[2].toFixed(2):``},emphasis:{itemStyle:{shadowBlur:8,shadowColor:`rgba(0,0,0,0.3)`}}}]}}var d=o({__name:`HeatmapChart`,props:{title:{},chart:{}},setup(o){let s=o,d=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=l(f,()=>u(s.chart,d()),()=>s.chart);return(i,s)=>(t(),a(c,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`heatmap`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{d as default};
|
vivek/frontend-vue/dist/assets/{NetworkChart-C6DAJ0eN.js → NetworkChart-BV5Xk6Br.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{g as s,l as c}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{g as s,l as c}from"./index-C3mAsaX1.js";import{n as l,t as u}from"./useEChart-Df1mEb7t.js";function d(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=String(e?.kind||``).toLowerCase()===`graph`,i=(e?.nodes||[]).map(e=>({name:typeof e==`string`?e:e.name||``})),a=(e?.links||[]).map(e=>({source:e.source,target:e.target,value:s(e.value)??1})),o=new Set(i.map(e=>e.name));for(let e of a)for(let t of[e.source,e.target]){let e=String(t);t!=null&&!o.has(e)&&(i.push({name:e}),o.add(e))}let l=i.map((e,t)=>({...e,itemStyle:{color:c(t,i.length)}}));return{backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`},series:[r?{type:`graph`,layout:`force`,roam:!0,data:l,links:a,label:{show:!0,fontSize:10},force:{repulsion:140}}:{type:`sankey`,data:l,links:a,label:{fontSize:10,color:n},emphasis:{focus:`adjacency`},lineStyle:{color:`gradient`,opacity:.5}}]}}var f=o({__name:`NetworkChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=u(f,()=>d(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(l,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`network`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{f as default};
|
vivek/frontend-vue/dist/assets/{ParallelChart-BVMzlh7U.js → ParallelChart-2nrgyEb4.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{l as s,s as c}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{l as s,s as c}from"./index-C3mAsaX1.js";import{n as l,t as u}from"./useEChart-Df1mEb7t.js";function d(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=c(e),i=e?.x_categories||r[0]?.points.map((e,t)=>`Dim ${t+1}`)||[];return{animation:!0,backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{},legend:r.length>1?{bottom:0,textStyle:{color:n,fontSize:10}}:void 0,parallelAxis:i.map((e,t)=>({dim:t,name:e,nameTextStyle:{fontSize:10}})),parallel:{left:60,right:40,top:30,bottom:40},series:r.map((e,t)=>({type:`parallel`,name:e.name,lineStyle:{width:2,opacity:.6,color:e.color||s(t)},data:[e.points.map(e=>e[1]??0)]}))}}var f=o({__name:`ParallelChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=u(f,()=>d(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(l,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`parallel`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{f as default};
|
vivek/frontend-vue/dist/assets/{PieChart-FOSqGRek.js → PieChart-DFhHM3_l.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{f as s,l as c,p as l}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{f as s,l as c,p as l}from"./index-C3mAsaX1.js";import{n as u,t as d}from"./useEChart-Df1mEb7t.js";function f(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=s(e),i=l(e),a=String(e?.kind||``).toLowerCase()===`donut`;return{animation:!0,backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`,formatter:e=>e.name+`: `+r(e.value)+(e.percent==null?``:` (`+e.percent+`%)`)},legend:{bottom:0,textStyle:{color:n,fontSize:10}},series:[{type:`pie`,radius:a?[`42%`,`70%`]:`65%`,center:[`50%`,`46%`],data:i.map((e,t)=>({...e,itemStyle:{color:c(t,i.length)}})),label:{fontSize:10,color:n,formatter:e=>e.name+`: `+(e.percent==null?r(e.value):e.percent+`%`)}}]}}var p=o({__name:`PieChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,l=i(null),{toPng:p}=d(l,()=>f(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(u,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`pie`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:l,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{p as default};
|
vivek/frontend-vue/dist/assets/{PolarChart-BXzC_EVZ.js → PolarChart-XPiKw6Qs.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{l as s,s as c}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{l as s,s as c}from"./index-C3mAsaX1.js";import{n as l,t as u}from"./useEChart-Df1mEb7t.js";function d(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=c(e),i=e?.x_categories||r[0]?.points.map((e,t)=>`#${t+1}`)||[];return{animation:!0,backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`},legend:r.length>1?{bottom:0,textStyle:{color:n,fontSize:10}}:void 0,polar:{radius:[`12%`,`72%`]},angleAxis:{type:`category`,data:i,axisLabel:{fontSize:10}},radiusAxis:{axisLabel:{fontSize:9}},series:r.map((e,t)=>({type:`bar`,coordinateSystem:`polar`,name:e.name,data:e.points.map(e=>e[1]),itemStyle:{color:e.color||s(t)}}))}}var f=o({__name:`PolarChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=u(f,()=>d(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(l,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`polar`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{f as default};
|
vivek/frontend-vue/dist/assets/{RadarChart-CVita6sO.js → RadarChart-BV8XTfCL.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{l as s,m as c}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{l as s,m as c}from"./index-C3mAsaX1.js";import{n as l,t as u}from"./useEChart-Df1mEb7t.js";function d(e,t){let n=t?`#8d93aa`:`#5a5f72`,{indicator:r,data:i}=c(e);return{animation:!0,backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`},legend:i.length>1?{bottom:0,textStyle:{color:n,fontSize:10}}:void 0,radar:{indicator:r,axisName:{fontSize:10,color:n},splitLine:{lineStyle:{opacity:.3}}},series:[{type:`radar`,data:i.map((e,t)=>({...e,areaStyle:{opacity:.12,color:s(t,i.length)},lineStyle:{color:s(t,i.length)},itemStyle:{color:s(t,i.length)}}))}]}}var f=o({__name:`RadarChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=u(f,()=>d(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(l,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`radar`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{f as default};
|
vivek/frontend-vue/dist/assets/{RoseChart-CJ_IaNLs.js → RoseChart-B4HKgzZx.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{f as s,l as c,p as l}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{f as s,l as c,p as l}from"./index-C3mAsaX1.js";import{n as u,t as d}from"./useEChart-Df1mEb7t.js";function f(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=s(e),i=l(e);return{animation:!0,backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`,formatter:e=>e.name+`: `+r(e.value)+(e.percent==null?``:` (`+e.percent+`%)`)},legend:{bottom:0,textStyle:{color:n,fontSize:10}},series:[{type:`pie`,radius:[`18%`,`72%`],center:[`50%`,`46%`],roseType:`area`,itemStyle:{borderRadius:4},data:i.map((e,t)=>({...e,itemStyle:{color:c(t,i.length)}})),label:{fontSize:10,color:n,formatter:e=>e.name+`: `+(e.percent==null?r(e.value):e.percent+`%`)}}]}}var p=o({__name:`RoseChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,l=i(null),{toPng:p}=d(l,()=>f(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(u,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`rose`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:l,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{p as default};
|
vivek/frontend-vue/dist/assets/{TextBlock-OFktGzEv.js → TextBlock-DQ6Q7Sqn.js}
RENAMED
|
@@ -1,3 +1,3 @@
|
|
| 1 |
-
import{M as e,c as t,f as n,v as r}from"./runtime-core.esm-bundler-olIhRSij.js";import{b as i}from"./index-
|
| 2 |
`).trim();if(!e)return``;let t=e.split(`
|
| 3 |
`),n=[],r=null,a=()=>{r&&=(n.push(`</${r}>`),null)};for(let e of t){let t=e.match(/^\s*#{1,3}\s+(.*)$/),i=e.match(/^\s*(\d+)[.)]\s+(.*)$/),o=e.match(/^\s*[-*•]\s+(.*)$/);t?(a(),n.push(`<div class="ws-h">${s(t[1])}</div>`)):i?(r!==`ol`&&(a(),n.push(`<ol class="ws-ol">`),r=`ol`),n.push(`<li>${s(i[2])}</li>`)):o?(r!==`ul`&&(a(),n.push(`<ul class="ws-bullets">`),r=`ul`),n.push(`<li>${s(o[1])}</li>`)):(a(),e.trim()&&n.push(`<p>${s(e)}</p>`))}return a(),n.join(``)});return(t,r)=>(e(),n(`div`,{class:`ws-text leading-relaxed motion-safe:transition-opacity motion-safe:duration-300`,innerHTML:c.value},null,8,a))}}),[[`__scopeId`,`data-v-51d1042a`]]);export{o as default};
|
|
|
|
| 1 |
+
import{M as e,c as t,f as n,v as r}from"./runtime-core.esm-bundler-olIhRSij.js";import{b as i}from"./index-C3mAsaX1.js";var a=[`innerHTML`],o=i(r({__name:`TextBlock`,props:{block:{}},setup(r){let i=r;function o(e){return e.replace(/&/g,`&`).replace(/</g,`<`).replace(/>/g,`>`)}function s(e){let t=o(e);return t=t.replace(/\*\*(.+?)\*\*/g,`<strong class="ws-accent">$1</strong>`),t=t.replace(/__(.+?)__/g,`<strong class="ws-accent">$1</strong>`),t=t.replace(/`([^`]+?)`/g,`<code class="ws-code">$1</code>`),t}let c=t(()=>{let e=String(i.block.content||``).replace(/\r\n/g,`
|
| 2 |
`).trim();if(!e)return``;let t=e.split(`
|
| 3 |
`),n=[],r=null,a=()=>{r&&=(n.push(`</${r}>`),null)};for(let e of t){let t=e.match(/^\s*#{1,3}\s+(.*)$/),i=e.match(/^\s*(\d+)[.)]\s+(.*)$/),o=e.match(/^\s*[-*•]\s+(.*)$/);t?(a(),n.push(`<div class="ws-h">${s(t[1])}</div>`)):i?(r!==`ol`&&(a(),n.push(`<ol class="ws-ol">`),r=`ol`),n.push(`<li>${s(i[2])}</li>`)):o?(r!==`ul`&&(a(),n.push(`<ul class="ws-bullets">`),r=`ul`),n.push(`<li>${s(o[1])}</li>`)):(a(),e.trim()&&n.push(`<p>${s(e)}</p>`))}return a(),n.join(``)});return(t,r)=>(e(),n(`div`,{class:`ws-text leading-relaxed motion-safe:transition-opacity motion-safe:duration-300`,innerHTML:c.value},null,8,a))}}),[[`__scopeId`,`data-v-51d1042a`]]);export{o as default};
|
vivek/frontend-vue/dist/assets/{ThemeriverChart-Bo079dHg.js → ThemeriverChart-B8C52mX3.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{g as s}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{g as s}from"./index-C3mAsaX1.js";import{n as c,t as l}from"./useEChart-Df1mEb7t.js";function u(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=e?.x_categories||[],i=[];for(let t of e?.series||[]){let e=t.name||`series`;(Array.isArray(t.values)?t.values:[]).forEach((t,n)=>{let a=r[n]??String(n);i.push([a,s(Array.isArray(t)?t[1]:t)??0,e])})}return{backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`axis`,axisPointer:{type:`line`}},legend:{bottom:0,textStyle:{color:n,fontSize:10}},singleAxis:{type:`category`,data:r,top:20,bottom:56,axisLabel:{fontSize:10}},series:[{type:`themeRiver`,data:i,label:{show:!1},emphasis:{focus:`self`}}]}}var d=o({__name:`ThemeriverChart`,props:{title:{},chart:{}},setup(o){let s=o,d=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=l(f,()=>u(s.chart,d()),()=>s.chart);return(i,s)=>(t(),a(c,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`themeriver`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{d as default};
|
vivek/frontend-vue/dist/assets/{ThreeDChart-6-p_yRNg.js → ThreeDChart-CJwoOTyy.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import"./echarts-gl-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import"./echarts-gl-C3XnXRtg.js";import{h as s,l as c}from"./index-C3mAsaX1.js";import{n as l,t as u}from"./useEChart-Df1mEb7t.js";function d(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=String(e?.kind||``).toLowerCase(),i=s(e),a=r===`bar3d`?`bar3D`:r===`line3d`?`line3D`:`scatter3D`;return{backgroundColor:`transparent`,tooltip:{},xAxis3D:{type:`value`,name:e?.x_label||`X`,nameTextStyle:{color:n}},yAxis3D:{type:`value`,name:e?.y_label||`Y`,nameTextStyle:{color:n}},zAxis3D:{type:`value`,name:`Z`,nameTextStyle:{color:n}},grid3D:{boxWidth:100,boxDepth:100,axisLabel:{textStyle:{color:n,fontSize:9}},viewControl:{autoRotate:!1,distance:220},light:{main:{intensity:1.2},ambient:{intensity:.3}}},series:i.map((e,t)=>({type:a,name:e.name,data:e.data,symbolSize:10,itemStyle:{color:e.color||c(t),opacity:a===`scatter3D`?.85:1},shading:a===`bar3D`?`lambert`:void 0,lineStyle:a===`line3D`?{width:3}:void 0}))}}var f=o({__name:`ThreeDChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=u(f,()=>d(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(l,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`chart-3d`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(320px,52vh,520px)] min-h-[300px]`},null,512)]),_:1},8,[`title`]))}});export{f as default};
|
vivek/frontend-vue/dist/assets/{TreeChart-Bs2QChNK.js → TreeChart-BDsxW14K.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{_ as s,l as c}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{_ as s,l as c}from"./index-C3mAsaX1.js";import{n as l,t as u}from"./useEChart-Df1mEb7t.js";function d(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=String(e?.kind||``).toLowerCase(),i=s(e)||{name:`·`},a=r===`mindmap`,o=r===`org`||r===`orgchart`;return{backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`,triggerOn:`mousemove`},series:[{type:`tree`,data:[i],layout:a?`radial`:`orthogonal`,orient:o?`TB`:`LR`,roam:!0,symbol:`circle`,symbolSize:9,itemStyle:{color:c(0)},lineStyle:{color:t?`rgba(255,255,255,0.25)`:`rgba(0,0,0,0.2)`,width:1.2,curveness:a?.3:.5},label:{position:a?`right`:o?`top`:`left`,verticalAlign:`middle`,align:a?`left`:o?`center`:`right`,fontSize:11,color:n},leaves:{label:{position:o?`bottom`:`right`,align:o?`center`:`left`}},expandAndCollapse:!0,initialTreeDepth:-1,animationDuration:600}]}}var f=o({__name:`TreeChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,f=i(null),{toPng:p}=u(f,()=>d(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(l,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`tree`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:f,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{f as default};
|
vivek/frontend-vue/dist/assets/{TreemapChart-DLuIbQAj.js → TreemapChart-Bm6IZBwI.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{f as s,g as c,l,p as u}from"./index-
|
| 2 |
`+r(e.value)}}]}}var m=o({__name:`TreemapChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,l=i(null),{toPng:u}=f(l,()=>p(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(d,{title:o.title,onPng:s[0]||=e=>r(u)(o.title||`treemap`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:l,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{m as default};
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{f as s,g as c,l,p as u}from"./index-C3mAsaX1.js";import{n as d,t as f}from"./useEChart-Df1mEb7t.js";function p(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=s(e),i=String(e?.kind||``).toLowerCase()===`sunburst`,a=e?.items?.length?e.items.map((e,t)=>({name:e.label||e.name||`Item ${t+1}`,value:c(e.value)??0})):u(e),o=a.map((e,t)=>({...e,itemStyle:{color:l(t,a.length)}}));return{backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`item`,formatter:e=>e.name+`: `+r(e.value)+(e.percent==null?``:` (`+e.percent+`%)`)},series:[i?{type:`sunburst`,data:o,radius:[0,`92%`],label:{fontSize:10}}:{type:`treemap`,data:o,breadcrumb:{show:!1},roam:!1,label:{fontSize:11,formatter:e=>e.name+`
|
| 2 |
`+r(e.value)}}]}}var m=o({__name:`TreemapChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,l=i(null),{toPng:u}=f(l,()=>p(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(d,{title:o.title,onPng:s[0]||=e=>r(u)(o.title||`treemap`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:l,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{m as default};
|
vivek/frontend-vue/dist/assets/{WaterfallChart-BL5KIKvM.js → WaterfallChart-NXPdE5B9.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{n as s,p as c,t as l}from"./index-
|
|
|
|
| 1 |
+
import{G as e,M as t,l as n,lt as r,tt as i,u as a,v as o}from"./runtime-core.esm-bundler-olIhRSij.js";import{n as s,p as c,t as l}from"./index-C3mAsaX1.js";import{n as u,t as d}from"./useEChart-Df1mEb7t.js";function f(e,t){let n=t?`#8d93aa`:`#5a5f72`,r=c(e),i=r.map(e=>e.name),a=[],o=[],u=[],d=0;for(let e of r){let t=Number(e.value)||0;t>=0?(a.push(d),o.push(t),u.push(`-`)):(a.push(d+t),o.push(`-`),u.push(-t)),d+=t}return{backgroundColor:`transparent`,textStyle:{color:n,fontSize:11},tooltip:{trigger:`axis`},grid:{left:48,right:16,top:20,bottom:40,containLabel:!0},xAxis:{type:`category`,data:i,axisLabel:{fontSize:10,rotate:i.length>6?30:0}},yAxis:{type:`value`,splitLine:{lineStyle:{opacity:.2}}},series:[{type:`bar`,stack:`wf`,itemStyle:{color:`transparent`},emphasis:{itemStyle:{color:`transparent`}},data:a},{type:`bar`,stack:`wf`,name:`Increase`,itemStyle:{color:s},data:o},{type:`bar`,stack:`wf`,name:`Decrease`,itemStyle:{color:l},data:u}]}}var p=o({__name:`WaterfallChart`,props:{title:{},chart:{}},setup(o){let s=o,c=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches,l=i(null),{toPng:p}=d(l,()=>f(s.chart,c()),()=>s.chart);return(i,s)=>(t(),a(u,{title:o.title,onPng:s[0]||=e=>r(p)(o.title||`waterfall`)},{default:e(()=>[n(`div`,{ref_key:`rootEl`,ref:l,class:`w-full h-[clamp(260px,40vh,400px)] min-h-[240px]`},null,512)]),_:1},8,[`title`]))}});export{p as default};
|
vivek/frontend-vue/dist/assets/{echarts-gl-BOZX-85D.js → echarts-gl-C3XnXRtg.js}
RENAMED
|
The diff for this file is too large to render.
See raw diff
|
|
|
vivek/frontend-vue/dist/assets/{index-U7t4k4gR.js → index-C3mAsaX1.js}
RENAMED
|
The diff for this file is too large to render.
See raw diff
|
|
|
vivek/frontend-vue/dist/assets/{index-B-X5mXaL.css → index-DwwDtQUs.css}
RENAMED
|
The diff for this file is too large to render.
See raw diff
|
|
|
vivek/frontend-vue/dist/assets/{useEChart-gyP91k5v.js → useEChart-Df1mEb7t.js}
RENAMED
|
@@ -1 +1 @@
|
|
| 1 |
-
import{A as e,F as t,M as n,T as r,V as i,d as a,f as o,g as s,h as c,jt as l,k as u,l as d,lt as f,v as p}from"./runtime-core.esm-bundler-olIhRSij.js";import{$ as m,r as h,x as g}from"./index-
|
|
|
|
| 1 |
+
import{A as e,F as t,M as n,T as r,V as i,d as a,f as o,g as s,h as c,jt as l,k as u,l as d,lt as f,v as p}from"./runtime-core.esm-bundler-olIhRSij.js";import{$ as m,r as h,x as g}from"./index-C3mAsaX1.js";var _={class:`rounded-xl border bg-card overflow-hidden shadow-sm transition-shadow duration-300 hover:shadow-md`},v={class:`px-3 py-2 border-b flex items-center justify-between gap-2`},y={class:`text-xs font-medium truncate`},b=p({__name:`ChartCard`,props:{title:{},showPng:{type:Boolean,default:!0}},emits:[`png`],setup(e){return(r,i)=>(n(),o(`div`,_,[d(`div`,v,[d(`span`,y,l(e.title),1),e.showPng?(n(),o(`button`,{key:0,type:`button`,class:`shrink-0 inline-flex items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground border rounded-md px-2 py-0.5 transition`,title:`Download chart as PNG`,onClick:i[0]||=e=>r.$emit(`png`)},[s(f(g),{class:`h-3 w-3`}),i[1]||=c(` PNG `,-1)])):a(``,!0)]),t(r.$slots,`default`)]))}});function x(t,n,a){let o=null,s=null,c=0,l=!0,d=()=>typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches;function f(){c||=requestAnimationFrame(()=>{c=0,o?.resize()})}function p(){r(()=>{t.value&&(o||(o=m(t.value,void 0,{renderer:`canvas`}),typeof ResizeObserver<`u`&&(s=new ResizeObserver(()=>f()),s.observe(t.value))),o.setOption(h(n(),d()),l),l=!1)})}function g(e=`chart`){if(!o)return;let t=o.getDataURL({type:`png`,pixelRatio:2,backgroundColor:d()?`#13151c`:`#ffffff`}),n=String(e).replace(/[^a-zA-Z0-9_-]+/g,`-`).replace(/^-|-$/g,``).slice(0,60)||`chart`,r=document.createElement(`a`);r.href=t,r.download=`${n}.png`,document.body.appendChild(r),r.click(),r.remove()}return u(()=>{p(),window.addEventListener(`resize`,f)}),e(()=>{window.removeEventListener(`resize`,f),c&&cancelAnimationFrame(c),s?.disconnect(),s=null,o?.dispose(),o=null}),a&&i(a,p,{deep:!0}),{render:p,toPng:g}}export{b as n,x as t};
|
vivek/frontend-vue/dist/index.html
CHANGED
|
@@ -5,9 +5,9 @@
|
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
<title>frontend-vue</title>
|
| 8 |
-
<script type="module" crossorigin src="/assets/index-
|
| 9 |
<link rel="modulepreload" crossorigin href="/assets/runtime-core.esm-bundler-olIhRSij.js">
|
| 10 |
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
| 11 |
</head>
|
| 12 |
<body>
|
| 13 |
<div id="app"></div>
|
|
|
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
<title>frontend-vue</title>
|
| 8 |
+
<script type="module" crossorigin src="/assets/index-C3mAsaX1.js"></script>
|
| 9 |
<link rel="modulepreload" crossorigin href="/assets/runtime-core.esm-bundler-olIhRSij.js">
|
| 10 |
+
<link rel="stylesheet" crossorigin href="/assets/index-DwwDtQUs.css">
|
| 11 |
</head>
|
| 12 |
<body>
|
| 13 |
<div id="app"></div>
|
vivek/frontend-vue/src/pages/Chat.vue
CHANGED
|
@@ -1393,80 +1393,78 @@ function downloadWidgetHtmlFor(m: ChatMessage, idx: number) {
|
|
| 1393 |
</template>
|
| 1394 |
</div>
|
| 1395 |
|
| 1396 |
-
|
| 1397 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1398 |
|
| 1399 |
-
|
| 1400 |
-
|
| 1401 |
-
|
| 1402 |
-
|
| 1403 |
-
|
| 1404 |
-
|
| 1405 |
-
|
| 1406 |
-
|
| 1407 |
-
|
| 1408 |
-
|
| 1409 |
-
|
| 1410 |
-
|
| 1411 |
-
|
| 1412 |
-
|
| 1413 |
-
|
| 1414 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1415 |
|
| 1416 |
-
|
| 1417 |
-
|
| 1418 |
-
|
| 1419 |
-
|
| 1420 |
-
|
| 1421 |
-
|
| 1422 |
-
|
| 1423 |
-
|
| 1424 |
-
|
| 1425 |
-
|
| 1426 |
-
|
| 1427 |
-
|
| 1428 |
-
|
| 1429 |
-
|
| 1430 |
-
|
| 1431 |
-
|
| 1432 |
-
|
| 1433 |
-
|
| 1434 |
-
|
| 1435 |
-
|
| 1436 |
-
|
| 1437 |
-
|
| 1438 |
-
|
| 1439 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1440 |
|
| 1441 |
-
|
| 1442 |
-
<div
|
| 1443 |
-
v-if="
|
| 1444 |
-
m.role === 'assistant' &&
|
| 1445 |
-
((m.widgetSchema && String(m.widgetSchema).trim()) ||
|
| 1446 |
-
(m.strategy && Array.isArray(m.xVec) && m.xVec.length))
|
| 1447 |
-
"
|
| 1448 |
-
class="flex flex-wrap items-center gap-2 mt-2"
|
| 1449 |
-
>
|
| 1450 |
-
<template v-if="m.widgetSchema && String(m.widgetSchema).trim()">
|
| 1451 |
-
<Button type="button" variant="outline" size="sm" class="px-2.5" title="Download as interactive HTML" @click="downloadWidgetHtmlFor(m, idx)">
|
| 1452 |
-
<ArrowDownTrayIcon class="h-3.5 w-3.5" /> HTML
|
| 1453 |
-
</Button>
|
| 1454 |
-
<Button type="button" variant="outline" size="sm" class="px-2.5" title="Download widget JSON" @click="downloadWidgetJsonFor(m, idx)">
|
| 1455 |
-
<ArrowDownTrayIcon class="h-3.5 w-3.5" /> JSON
|
| 1456 |
-
</Button>
|
| 1457 |
-
<span
|
| 1458 |
-
v-if="m.strategy && Array.isArray(m.xVec) && m.xVec.length"
|
| 1459 |
-
class="mx-1 h-4 w-px bg-border/70"
|
| 1460 |
-
/>
|
| 1461 |
-
</template>
|
| 1462 |
-
<template v-if="m.strategy && Array.isArray(m.xVec) && m.xVec.length">
|
| 1463 |
-
<Button type="button" variant="outline" :disabled="m.rewardUsedUp" class="px-3" @click="submitReward(m, 1)">
|
| 1464 |
-
Helpful
|
| 1465 |
-
</Button>
|
| 1466 |
-
<Button type="button" variant="outline" :disabled="m.rewardUsedDown" class="px-3" @click="submitReward(m, 0)">
|
| 1467 |
-
Not helpful
|
| 1468 |
-
</Button>
|
| 1469 |
-
</template>
|
| 1470 |
</div>
|
| 1471 |
</Motion>
|
| 1472 |
</div>
|
|
|
|
| 1393 |
</template>
|
| 1394 |
</div>
|
| 1395 |
|
| 1396 |
+
<!-- Widget lives INSIDE the assistant response (like Baseline) — text + chart as one card. -->
|
| 1397 |
+
<!-- "Building widget…" pill: visible the whole creation phase. -->
|
| 1398 |
+
<div
|
| 1399 |
+
v-if="
|
| 1400 |
+
m.role === 'assistant' &&
|
| 1401 |
+
m.widgetStreaming &&
|
| 1402 |
+
!(m.widgetSchema && String(m.widgetSchema).trim())
|
| 1403 |
+
"
|
| 1404 |
+
class="mt-2 inline-flex items-center gap-2 text-xs text-muted-foreground rounded-full border bg-background/60 px-3 py-1.5"
|
| 1405 |
+
>
|
| 1406 |
+
<span class="relative flex h-2 w-2">
|
| 1407 |
+
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-cyan-400 opacity-70" />
|
| 1408 |
+
<span class="relative inline-flex rounded-full h-2 w-2 bg-cyan-500" />
|
| 1409 |
+
</span>
|
| 1410 |
+
Building widget…
|
| 1411 |
+
</div>
|
| 1412 |
|
| 1413 |
+
<!-- ONE widget renderer (partial stream → final schema in place; no remount/flicker). -->
|
| 1414 |
+
<Motion
|
| 1415 |
+
v-if="
|
| 1416 |
+
m.role === 'assistant' &&
|
| 1417 |
+
((m.widgetSchema && String(m.widgetSchema).trim()) ||
|
| 1418 |
+
(m.widgetStreaming && m.widgetStream && String(m.widgetStream).trim()))
|
| 1419 |
+
"
|
| 1420 |
+
tag="div"
|
| 1421 |
+
class="mt-2"
|
| 1422 |
+
:initial="{ opacity: 0, y: 12 }"
|
| 1423 |
+
:animate="{ opacity: 1, y: 0 }"
|
| 1424 |
+
:transition="MOTION_BASE"
|
| 1425 |
+
>
|
| 1426 |
+
<WidgetSchemaRenderer
|
| 1427 |
+
:key="'widget-' + idx"
|
| 1428 |
+
:json-str="(m.widgetSchema && String(m.widgetSchema).trim()) ? m.widgetSchema : (m.widgetStream || '')"
|
| 1429 |
+
:streaming="!(m.widgetSchema && String(m.widgetSchema).trim())"
|
| 1430 |
+
:download-base="widgetDownloadBase(m, idx)"
|
| 1431 |
+
:show-download="false"
|
| 1432 |
+
@action="onWidgetAction"
|
| 1433 |
+
/>
|
| 1434 |
+
</Motion>
|
| 1435 |
|
| 1436 |
+
<!-- Actions inside the response: widget downloads + feedback. -->
|
| 1437 |
+
<div
|
| 1438 |
+
v-if="
|
| 1439 |
+
m.role === 'assistant' &&
|
| 1440 |
+
((m.widgetSchema && String(m.widgetSchema).trim()) ||
|
| 1441 |
+
(m.strategy && Array.isArray(m.xVec) && m.xVec.length))
|
| 1442 |
+
"
|
| 1443 |
+
class="flex flex-wrap items-center gap-2 mt-2 pt-2 border-t border-border/50"
|
| 1444 |
+
>
|
| 1445 |
+
<template v-if="m.widgetSchema && String(m.widgetSchema).trim()">
|
| 1446 |
+
<Button type="button" variant="outline" size="sm" class="px-2.5" title="Download as interactive HTML" @click="downloadWidgetHtmlFor(m, idx)">
|
| 1447 |
+
<ArrowDownTrayIcon class="h-3.5 w-3.5" /> HTML
|
| 1448 |
+
</Button>
|
| 1449 |
+
<Button type="button" variant="outline" size="sm" class="px-2.5" title="Download widget JSON" @click="downloadWidgetJsonFor(m, idx)">
|
| 1450 |
+
<ArrowDownTrayIcon class="h-3.5 w-3.5" /> JSON
|
| 1451 |
+
</Button>
|
| 1452 |
+
<span
|
| 1453 |
+
v-if="m.strategy && Array.isArray(m.xVec) && m.xVec.length"
|
| 1454 |
+
class="mx-1 h-4 w-px bg-border/70"
|
| 1455 |
+
/>
|
| 1456 |
+
</template>
|
| 1457 |
+
<template v-if="m.strategy && Array.isArray(m.xVec) && m.xVec.length">
|
| 1458 |
+
<Button type="button" variant="outline" size="sm" :disabled="m.rewardUsedUp" class="px-3" @click="submitReward(m, 1)">
|
| 1459 |
+
Helpful
|
| 1460 |
+
</Button>
|
| 1461 |
+
<Button type="button" variant="outline" size="sm" :disabled="m.rewardUsedDown" class="px-3" @click="submitReward(m, 0)">
|
| 1462 |
+
Not helpful
|
| 1463 |
+
</Button>
|
| 1464 |
+
</template>
|
| 1465 |
+
</div>
|
| 1466 |
|
| 1467 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1468 |
</div>
|
| 1469 |
</Motion>
|
| 1470 |
</div>
|