orcheo-studio 0.24.4 → 0.24.6

package/dist/assets/{xychartDiagram-PRI3JC2R-D0dNQImL.js → xychartDiagram-PRI3JC2R-BtcJYIPe.js}

@@ -1,4 +1,4 @@
-import{s as gi,g as xi,q as Xt,p as di,a as fi,b as pi,_ as a,l as Nt,H as mi,e as yi,y as bi,F as St,i as Ai,D as Yt,E as wi,K as Ci,aI as Si,R as Wt}from"./index-lkycEDHM.js";import{i as _i}from"./init-Gi6I4Gst.js";import{o as ki}from"./ordinal-Cboi1Yqb.js";import{l as zt}from"./linear-CZlgolw0.js";import"./defaultLocale-C4B-KCzX.js";function Ri(e,t,i){e=+e,t=+t,i=(n=arguments.length)<2?(t=e,e=0,1):n<3?1:+i;for(var s=-1,n=Math.max(0,Math.ceil((t-e)/i))|0,o=new Array(n);++s<n;)o[s]=e+s*i;return o}function yt(){var e=ki().unknown(void 0),t=e.domain,i=e.range,s=0,n=1,o,g,m=!1,p=0,k=0,v=.5;delete e.unknown;function C(){var b=t().length,E=n<s,D=E?n:s,P=E?s:n;o=(P-D)/Math.max(1,b-p+k*2),m&&(o=Math.floor(o)),D+=(P-D-o*(b-p))*v,g=o*(1-p),m&&(D=Math.round(D),g=Math.round(g));var I=Ri(b).map(function(y){return D+o*y});return i(E?I.reverse():I)}return e.domain=function(b){return arguments.length?(t(b),C()):t()},e.range=function(b){return arguments.length?([s,n]=b,s=+s,n=+n,C()):[s,n]},e.rangeRound=function(b){return[s,n]=b,s=+s,n=+n,m=!0,C()},e.bandwidth=function(){return g},e.step=function(){return o},e.round=function(b){return arguments.length?(m=!!b,C()):m},e.padding=function(b){return arguments.length?(p=Math.min(1,k=+b),C()):p},e.paddingInner=function(b){return arguments.length?(p=Math.min(1,b),C()):p},e.paddingOuter=function(b){return arguments.length?(k=+b,C()):k},e.align=function(b){return arguments.length?(v=Math.max(0,Math.min(1,b)),C()):v},e.copy=function(){return yt(t(),[s,n]).round(m).paddingInner(p).paddingOuter(k).align(v)},_i.apply(C(),arguments)}var bt=(function(){var e=a(function(F,h,u,x){for(u=u||{},x=F.length;x--;u[F[x]]=h);return u},"o"),t=[1,10,12,14,16,18,19,21,23],i=[2,6],s=[1,3],n=[1,5],o=[1,6],g=[1,7],m=[1,5,10,12,14,16,18,19,21,23,34,35,36],p=[1,25],k=[1,26],v=[1,28],C=[1,29],b=[1,30],E=[1,31],D=[1,32],P=[1,33],I=[1,34],y=[1,35],_=[1,36],c=[1,37],W=[1,43],z=[1,42],U=[1,47],X=[1,50],l=[1,10,12,14,16,18,19,21,23,34,35,36],L=[1,10,12,14,16,18,19,21,23,24,26,27,28,34,35,36],S=[1,10,12,14,16,18,19,21,23,24,26,27,28,34,35,36,41,42,43,44,45,46,47,48,49,50],R=[1,64],$={trace:a(function(){},"trace"),yy:{},symbols_:{error:2,start:3,eol:4,XYCHART:5,chartConfig:6,document:7,CHART_ORIENTATION:8,statement:9,title:10,text:11,X_AXIS:12,parseXAxis:13,Y_AXIS:14,parseYAxis:15,LINE:16,plotData:17,BAR:18,acc_title:19,acc_title_value:20,acc_descr:21,acc_descr_value:22,acc_descr_multiline_value:23,SQUARE_BRACES_START:24,commaSeparatedNumbers:25,SQUARE_BRACES_END:26,NUMBER_WITH_DECIMAL:27,COMMA:28,xAxisData:29,bandData:30,ARROW_DELIMITER:31,commaSeparatedTexts:32,yAxisData:33,NEWLINE:34,SEMI:35,EOF:36,alphaNum:37,STR:38,MD_STR:39,alphaNumToken:40,AMP:41,NUM:42,ALPHA:43,PLUS:44,EQUALS:45,MULT:46,DOT:47,BRKT:48,MINUS:49,UNDERSCORE:50,$accept:0,$end:1},terminals_:{2:"error",5:"XYCHART",8:"CHART_ORIENTATION",10:"title",12:"X_AXIS",14:"Y_AXIS",16:"LINE",18:"BAR",19:"acc_title",20:"acc_title_value",21:"acc_descr",22:"acc_descr_value",23:"acc_descr_multiline_value",24:"SQUARE_BRACES_START",26:"SQUARE_BRACES_END",27:"NUMBER_WITH_DECIMAL",28:"COMMA",31:"ARROW_DELIMITER",34:"NEWLINE",35:"SEMI",36:"EOF",38:"STR",39:"MD_STR",41:"AMP",42:"NUM",43:"ALPHA",44:"PLUS",45:"EQUALS",46:"MULT",47:"DOT",48:"BRKT",49:"MINUS",50:"UNDERSCORE"},productions_:[0,[3,2],[3,3],[3,2],[3,1],[6,1],[7,0],[7,2],[9,2],[9,2],[9,2],[9,2],[9,2],[9,3],[9,2],[9,3],[9,2],[9,2],[9,1],[17,3],[25,3],[25,1],[13,1],[13,2],[13,1],[29,1],[29,3],[30,3],[32,3],[32,1],[15,1],[15,2],[15,1],[33,3],[4,1],[4,1],[4,1],[11,1],[11,1],[11,1],[37,1],[37,2],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1]],performAction:a(function(h,u,x,d,w,r,at){var f=r.length-1;switch(w){case 5:d.setOrientation(r[f]);break;case 9:d.setDiagramTitle(r[f].text.trim());break;case 12:d.setLineData({text:"",type:"text"},r[f]);break;case 13:d.setLineData(r[f-1],r[f]);break;case 14:d.setBarData({text:"",type:"text"},r[f]);break;case 15:d.setBarData(r[f-1],r[f]);break;case 16:this.$=r[f].trim(),d.setAccTitle(this.$);break;case 17:case 18:this.$=r[f].trim(),d.setAccDescription(this.$);break;case 19:this.$=r[f-1];break;case 20:this.$=[Number(r[f-2]),...r[f]];break;case 21:this.$=[Number(r[f])];break;case 22:d.setXAxisTitle(r[f]);break;case 23:d.setXAxisTitle(r[f-1]);break;case 24:d.setXAxisTitle({type:"text",text:""});break;case 25:d.setXAxisBand(r[f]);break;case 26:d.setXAxisRangeData(Number(r[f-2]),Number(r[f]));break;case 27:this.$=r[f-1];break;case 28:this.$=[r[f-2],...r[f]];break;case 29:this.$=[r[f]];break;case 30:d.setYAxisTitle(r[f]);break;case 31:d.setYAxisTitle(r[f-1]);break;case 32:d.setYAxisTitle({type:"text",text:""});break;case 33:d.setYAxisRangeData(Number(r[f-2]),Number(r[f]));break;case 37:this.$={text:r[f],type:"text"};break;case 38:this.$={text:r[f],type:"text"};break;case 39:this.$={text:r[f],type:"markdown"};break;case 40:this.$=r[f];break;case 41:this.$=r[f-1]+""+r[f];break}},"anonymous"),table:[e(t,i,{3:1,4:2,7:4,5:s,34:n,35:o,36:g}),{1:[3]},e(t,i,{4:2,7:4,3:8,5:s,34:n,35:o,36:g}),e(t,i,{4:2,7:4,6:9,3:10,5:s,8:[1,11],34:n,35:o,36:g}),{1:[2,4],9:12,10:[1,13],12:[1,14],14:[1,15],16:[1,16],18:[1,17],19:[1,18],21:[1,19],23:[1,20]},e(m,[2,34]),e(m,[2,35]),e(m,[2,36]),{1:[2,1]},e(t,i,{4:2,7:4,3:21,5:s,34:n,35:o,36:g}),{1:[2,3]},e(m,[2,5]),e(t,[2,7],{4:22,34:n,35:o,36:g}),{11:23,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:39,13:38,24:W,27:z,29:40,30:41,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:45,15:44,27:U,33:46,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:49,17:48,24:X,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:52,17:51,24:X,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{20:[1,53]},{22:[1,54]},e(l,[2,18]),{1:[2,2]},e(l,[2,8]),e(l,[2,9]),e(L,[2,37],{40:55,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c}),e(L,[2,38]),e(L,[2,39]),e(S,[2,40]),e(S,[2,42]),e(S,[2,43]),e(S,[2,44]),e(S,[2,45]),e(S,[2,46]),e(S,[2,47]),e(S,[2,48]),e(S,[2,49]),e(S,[2,50]),e(S,[2,51]),e(l,[2,10]),e(l,[2,22],{30:41,29:56,24:W,27:z}),e(l,[2,24]),e(l,[2,25]),{31:[1,57]},{11:59,32:58,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},e(l,[2,11]),e(l,[2,30],{33:60,27:U}),e(l,[2,32]),{31:[1,61]},e(l,[2,12]),{17:62,24:X},{25:63,27:R},e(l,[2,14]),{17:65,24:X},e(l,[2,16]),e(l,[2,17]),e(S,[2,41]),e(l,[2,23]),{27:[1,66]},{26:[1,67]},{26:[2,29],28:[1,68]},e(l,[2,31]),{27:[1,69]},e(l,[2,13]),{26:[1,70]},{26:[2,21],28:[1,71]},e(l,[2,15]),e(l,[2,26]),e(l,[2,27]),{11:59,32:72,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},e(l,[2,33]),e(l,[2,19]),{25:73,27:R},{26:[2,28]},{26:[2,20]}],defaultActions:{8:[2,1],10:[2,3],21:[2,2],72:[2,28],73:[2,20]},parseError:a(function(h,u){if(u.recoverable)this.trace(h);else{var x=new Error(h);throw x.hash=u,x}},"parseError"),parse:a(function(h){var u=this,x=[0],d=[],w=[null],r=[],at=this.table,f="",lt=0,It=0,hi=2,Mt=1,li=r.slice.call(arguments,1),T=Object.create(this.lexer),Y={yy:{}};for(var dt in this.yy)Object.prototype.hasOwnProperty.call(this.yy,dt)&&(Y.yy[dt]=this.yy[dt]);T.setInput(h,Y.yy),Y.yy.lexer=T,Y.yy.parser=this,typeof T.yylloc>"u"&&(T.yylloc={});var ft=T.yylloc;r.push(ft);var ci=T.options&&T.options.ranges;typeof Y.yy.parseError=="function"?this.parseError=Y.yy.parseError:this.parseError=Object.getPrototypeOf(this).parseError;function ui(V){x.length=x.length-2*V,w.length=w.length-V,r.length=r.length-V}a(ui,"popStack");function Vt(){var V;return V=d.pop()||T.lex()||Mt,typeof V!="number"&&(V instanceof Array&&(d=V,V=d.pop()),V=u.symbols_[V]||V),V}a(Vt,"lex");for(var M,H,B,pt,q={},ct,O,Bt,ut;;){if(H=x[x.length-1],this.defaultActions[H]?B=this.defaultActions[H]:((M===null||typeof M>"u")&&(M=Vt()),B=at[H]&&at[H][M]),typeof B>"u"||!B.length||!B[0]){var mt="";ut=[];for(ct in at[H])this.terminals_[ct]&&ct>hi&&ut.push("'"+this.terminals_[ct]+"'");T.showPosition?mt="Parse error on line "+(lt+1)+`:
+import{s as gi,g as xi,q as Xt,p as di,a as fi,b as pi,_ as a,l as Nt,H as mi,e as yi,y as bi,F as St,i as Ai,D as Yt,E as wi,K as Ci,aI as Si,R as Wt}from"./index-CaWVBOSf.js";import{i as _i}from"./init-Gi6I4Gst.js";import{o as ki}from"./ordinal-Cboi1Yqb.js";import{l as zt}from"./linear-h9-K1RBq.js";import"./defaultLocale-C4B-KCzX.js";function Ri(e,t,i){e=+e,t=+t,i=(n=arguments.length)<2?(t=e,e=0,1):n<3?1:+i;for(var s=-1,n=Math.max(0,Math.ceil((t-e)/i))|0,o=new Array(n);++s<n;)o[s]=e+s*i;return o}function yt(){var e=ki().unknown(void 0),t=e.domain,i=e.range,s=0,n=1,o,g,m=!1,p=0,k=0,v=.5;delete e.unknown;function C(){var b=t().length,E=n<s,D=E?n:s,P=E?s:n;o=(P-D)/Math.max(1,b-p+k*2),m&&(o=Math.floor(o)),D+=(P-D-o*(b-p))*v,g=o*(1-p),m&&(D=Math.round(D),g=Math.round(g));var I=Ri(b).map(function(y){return D+o*y});return i(E?I.reverse():I)}return e.domain=function(b){return arguments.length?(t(b),C()):t()},e.range=function(b){return arguments.length?([s,n]=b,s=+s,n=+n,C()):[s,n]},e.rangeRound=function(b){return[s,n]=b,s=+s,n=+n,m=!0,C()},e.bandwidth=function(){return g},e.step=function(){return o},e.round=function(b){return arguments.length?(m=!!b,C()):m},e.padding=function(b){return arguments.length?(p=Math.min(1,k=+b),C()):p},e.paddingInner=function(b){return arguments.length?(p=Math.min(1,b),C()):p},e.paddingOuter=function(b){return arguments.length?(k=+b,C()):k},e.align=function(b){return arguments.length?(v=Math.max(0,Math.min(1,b)),C()):v},e.copy=function(){return yt(t(),[s,n]).round(m).paddingInner(p).paddingOuter(k).align(v)},_i.apply(C(),arguments)}var bt=(function(){var e=a(function(F,h,u,x){for(u=u||{},x=F.length;x--;u[F[x]]=h);return u},"o"),t=[1,10,12,14,16,18,19,21,23],i=[2,6],s=[1,3],n=[1,5],o=[1,6],g=[1,7],m=[1,5,10,12,14,16,18,19,21,23,34,35,36],p=[1,25],k=[1,26],v=[1,28],C=[1,29],b=[1,30],E=[1,31],D=[1,32],P=[1,33],I=[1,34],y=[1,35],_=[1,36],c=[1,37],W=[1,43],z=[1,42],U=[1,47],X=[1,50],l=[1,10,12,14,16,18,19,21,23,34,35,36],L=[1,10,12,14,16,18,19,21,23,24,26,27,28,34,35,36],S=[1,10,12,14,16,18,19,21,23,24,26,27,28,34,35,36,41,42,43,44,45,46,47,48,49,50],R=[1,64],$={trace:a(function(){},"trace"),yy:{},symbols_:{error:2,start:3,eol:4,XYCHART:5,chartConfig:6,document:7,CHART_ORIENTATION:8,statement:9,title:10,text:11,X_AXIS:12,parseXAxis:13,Y_AXIS:14,parseYAxis:15,LINE:16,plotData:17,BAR:18,acc_title:19,acc_title_value:20,acc_descr:21,acc_descr_value:22,acc_descr_multiline_value:23,SQUARE_BRACES_START:24,commaSeparatedNumbers:25,SQUARE_BRACES_END:26,NUMBER_WITH_DECIMAL:27,COMMA:28,xAxisData:29,bandData:30,ARROW_DELIMITER:31,commaSeparatedTexts:32,yAxisData:33,NEWLINE:34,SEMI:35,EOF:36,alphaNum:37,STR:38,MD_STR:39,alphaNumToken:40,AMP:41,NUM:42,ALPHA:43,PLUS:44,EQUALS:45,MULT:46,DOT:47,BRKT:48,MINUS:49,UNDERSCORE:50,$accept:0,$end:1},terminals_:{2:"error",5:"XYCHART",8:"CHART_ORIENTATION",10:"title",12:"X_AXIS",14:"Y_AXIS",16:"LINE",18:"BAR",19:"acc_title",20:"acc_title_value",21:"acc_descr",22:"acc_descr_value",23:"acc_descr_multiline_value",24:"SQUARE_BRACES_START",26:"SQUARE_BRACES_END",27:"NUMBER_WITH_DECIMAL",28:"COMMA",31:"ARROW_DELIMITER",34:"NEWLINE",35:"SEMI",36:"EOF",38:"STR",39:"MD_STR",41:"AMP",42:"NUM",43:"ALPHA",44:"PLUS",45:"EQUALS",46:"MULT",47:"DOT",48:"BRKT",49:"MINUS",50:"UNDERSCORE"},productions_:[0,[3,2],[3,3],[3,2],[3,1],[6,1],[7,0],[7,2],[9,2],[9,2],[9,2],[9,2],[9,2],[9,3],[9,2],[9,3],[9,2],[9,2],[9,1],[17,3],[25,3],[25,1],[13,1],[13,2],[13,1],[29,1],[29,3],[30,3],[32,3],[32,1],[15,1],[15,2],[15,1],[33,3],[4,1],[4,1],[4,1],[11,1],[11,1],[11,1],[37,1],[37,2],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1]],performAction:a(function(h,u,x,d,w,r,at){var f=r.length-1;switch(w){case 5:d.setOrientation(r[f]);break;case 9:d.setDiagramTitle(r[f].text.trim());break;case 12:d.setLineData({text:"",type:"text"},r[f]);break;case 13:d.setLineData(r[f-1],r[f]);break;case 14:d.setBarData({text:"",type:"text"},r[f]);break;case 15:d.setBarData(r[f-1],r[f]);break;case 16:this.$=r[f].trim(),d.setAccTitle(this.$);break;case 17:case 18:this.$=r[f].trim(),d.setAccDescription(this.$);break;case 19:this.$=r[f-1];break;case 20:this.$=[Number(r[f-2]),...r[f]];break;case 21:this.$=[Number(r[f])];break;case 22:d.setXAxisTitle(r[f]);break;case 23:d.setXAxisTitle(r[f-1]);break;case 24:d.setXAxisTitle({type:"text",text:""});break;case 25:d.setXAxisBand(r[f]);break;case 26:d.setXAxisRangeData(Number(r[f-2]),Number(r[f]));break;case 27:this.$=r[f-1];break;case 28:this.$=[r[f-2],...r[f]];break;case 29:this.$=[r[f]];break;case 30:d.setYAxisTitle(r[f]);break;case 31:d.setYAxisTitle(r[f-1]);break;case 32:d.setYAxisTitle({type:"text",text:""});break;case 33:d.setYAxisRangeData(Number(r[f-2]),Number(r[f]));break;case 37:this.$={text:r[f],type:"text"};break;case 38:this.$={text:r[f],type:"text"};break;case 39:this.$={text:r[f],type:"markdown"};break;case 40:this.$=r[f];break;case 41:this.$=r[f-1]+""+r[f];break}},"anonymous"),table:[e(t,i,{3:1,4:2,7:4,5:s,34:n,35:o,36:g}),{1:[3]},e(t,i,{4:2,7:4,3:8,5:s,34:n,35:o,36:g}),e(t,i,{4:2,7:4,6:9,3:10,5:s,8:[1,11],34:n,35:o,36:g}),{1:[2,4],9:12,10:[1,13],12:[1,14],14:[1,15],16:[1,16],18:[1,17],19:[1,18],21:[1,19],23:[1,20]},e(m,[2,34]),e(m,[2,35]),e(m,[2,36]),{1:[2,1]},e(t,i,{4:2,7:4,3:21,5:s,34:n,35:o,36:g}),{1:[2,3]},e(m,[2,5]),e(t,[2,7],{4:22,34:n,35:o,36:g}),{11:23,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:39,13:38,24:W,27:z,29:40,30:41,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:45,15:44,27:U,33:46,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:49,17:48,24:X,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:52,17:51,24:X,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{20:[1,53]},{22:[1,54]},e(l,[2,18]),{1:[2,2]},e(l,[2,8]),e(l,[2,9]),e(L,[2,37],{40:55,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c}),e(L,[2,38]),e(L,[2,39]),e(S,[2,40]),e(S,[2,42]),e(S,[2,43]),e(S,[2,44]),e(S,[2,45]),e(S,[2,46]),e(S,[2,47]),e(S,[2,48]),e(S,[2,49]),e(S,[2,50]),e(S,[2,51]),e(l,[2,10]),e(l,[2,22],{30:41,29:56,24:W,27:z}),e(l,[2,24]),e(l,[2,25]),{31:[1,57]},{11:59,32:58,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},e(l,[2,11]),e(l,[2,30],{33:60,27:U}),e(l,[2,32]),{31:[1,61]},e(l,[2,12]),{17:62,24:X},{25:63,27:R},e(l,[2,14]),{17:65,24:X},e(l,[2,16]),e(l,[2,17]),e(S,[2,41]),e(l,[2,23]),{27:[1,66]},{26:[1,67]},{26:[2,29],28:[1,68]},e(l,[2,31]),{27:[1,69]},e(l,[2,13]),{26:[1,70]},{26:[2,21],28:[1,71]},e(l,[2,15]),e(l,[2,26]),e(l,[2,27]),{11:59,32:72,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},e(l,[2,33]),e(l,[2,19]),{25:73,27:R},{26:[2,28]},{26:[2,20]}],defaultActions:{8:[2,1],10:[2,3],21:[2,2],72:[2,28],73:[2,20]},parseError:a(function(h,u){if(u.recoverable)this.trace(h);else{var x=new Error(h);throw x.hash=u,x}},"parseError"),parse:a(function(h){var u=this,x=[0],d=[],w=[null],r=[],at=this.table,f="",lt=0,It=0,hi=2,Mt=1,li=r.slice.call(arguments,1),T=Object.create(this.lexer),Y={yy:{}};for(var dt in this.yy)Object.prototype.hasOwnProperty.call(this.yy,dt)&&(Y.yy[dt]=this.yy[dt]);T.setInput(h,Y.yy),Y.yy.lexer=T,Y.yy.parser=this,typeof T.yylloc>"u"&&(T.yylloc={});var ft=T.yylloc;r.push(ft);var ci=T.options&&T.options.ranges;typeof Y.yy.parseError=="function"?this.parseError=Y.yy.parseError:this.parseError=Object.getPrototypeOf(this).parseError;function ui(V){x.length=x.length-2*V,w.length=w.length-V,r.length=r.length-V}a(ui,"popStack");function Vt(){var V;return V=d.pop()||T.lex()||Mt,typeof V!="number"&&(V instanceof Array&&(d=V,V=d.pop()),V=u.symbols_[V]||V),V}a(Vt,"lex");for(var M,H,B,pt,q={},ct,O,Bt,ut;;){if(H=x[x.length-1],this.defaultActions[H]?B=this.defaultActions[H]:((M===null||typeof M>"u")&&(M=Vt()),B=at[H]&&at[H][M]),typeof B>"u"||!B.length||!B[0]){var mt="";ut=[];for(ct in at[H])this.terminals_[ct]&&ct>hi&&ut.push("'"+this.terminals_[ct]+"'");T.showPosition?mt="Parse error on line "+(lt+1)+`:
 `+T.showPosition()+`
 Expecting `+ut.join(", ")+", got '"+(this.terminals_[M]||M)+"'":mt="Parse error on line "+(lt+1)+": Unexpected "+(M==Mt?"end of input":"'"+(this.terminals_[M]||M)+"'"),this.parseError(mt,{text:T.match,token:this.terminals_[M]||M,line:T.yylineno,loc:ft,expected:ut})}if(B[0]instanceof Array&&B.length>1)throw new Error("Parse Error: multiple actions possible at state: "+H+", token: "+M);switch(B[0]){case 1:x.push(M),w.push(T.yytext),r.push(T.yylloc),x.push(B[1]),M=null,It=T.yyleng,f=T.yytext,lt=T.yylineno,ft=T.yylloc;break;case 2:if(O=this.productions_[B[1]][1],q.$=w[w.length-O],q._$={first_line:r[r.length-(O||1)].first_line,last_line:r[r.length-1].last_line,first_column:r[r.length-(O||1)].first_column,last_column:r[r.length-1].last_column},ci&&(q._$.range=[r[r.length-(O||1)].range[0],r[r.length-1].range[1]]),pt=this.performAction.apply(q,[f,It,lt,Y.yy,B[1],w,r].concat(li)),typeof pt<"u")return pt;O&&(x=x.slice(0,-1*O*2),w=w.slice(0,-1*O),r=r.slice(0,-1*O)),x.push(this.productions_[B[1]][0]),w.push(q.$),r.push(q._$),Bt=at[x[x.length-2]][x[x.length-1]],x.push(Bt);break;case 3:return!0}}return!0},"parse")},Et=(function(){var F={EOF:1,parseError:a(function(u,x){if(this.yy.parser)this.yy.parser.parseError(u,x);else throw new Error(u)},"parseError"),setInput:a(function(h,u){return this.yy=u||this.yy||{},this._input=h,this._more=this._backtrack=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},"setInput"),input:a(function(){var h=this._input[0];this.yytext+=h,this.yyleng++,this.offset++,this.match+=h,this.matched+=h;var u=h.match(/(?:\r\n?|\n).*/g);return u?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),h},"input"),unput:a(function(h){var u=h.length,x=h.split(/(?:\r\n?|\n)/g);this._input=h+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-u),this.offset-=u;var d=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),x.length-1&&(this.yylineno-=x.length-1);var w=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:x?(x.length===d.length?this.yylloc.first_column:0)+d[d.length-x.length].length-x[0].length:this.yylloc.first_column-u},this.options.ranges&&(this.yylloc.range=[w[0],w[0]+this.yyleng-u]),this.yyleng=this.yytext.length,this},"unput"),more:a(function(){return this._more=!0,this},"more"),reject:a(function(){if(this.options.backtrack_lexer)this._backtrack=!0;else return this.parseError("Lexical error on line "+(this.yylineno+1)+`. You can only invoke reject() in the lexer when the lexer is of the backtracking persuasion (options.backtrack_lexer = true).
 `+this.showPosition(),{text:"",token:null,line:this.yylineno});return this},"reject"),less:a(function(h){this.unput(this.match.slice(h))},"less"),pastInput:a(function(){var h=this.matched.substr(0,this.matched.length-this.match.length);return(h.length>20?"...":"")+h.substr(-20).replace(/\n/g,"")},"pastInput"),upcomingInput:a(function(){var h=this.match;return h.length<20&&(h+=this._input.substr(0,20-h.length)),(h.substr(0,20)+(h.length>20?"...":"")).replace(/\n/g,"")},"upcomingInput"),showPosition:a(function(){var h=this.pastInput(),u=new Array(h.length+1).join("-");return h+this.upcomingInput()+`

package/dist/index.html

@@ -4,9 +4,15 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap"
+      rel="stylesheet"
+    />
     <title>Orcheo</title>
-    <script type="module" crossorigin src="/assets/index-lkycEDHM.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-Df4jFRhd.css">
+    <script type="module" crossorigin src="/assets/index-CaWVBOSf.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CbLxL6va.css">
   </head>
   <body>
     <div id="root"></div>

package/index.html

@@ -4,6 +4,12 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap"
+      rel="stylesheet"
+    />
     <title>Orcheo</title>
   </head>
   <body>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "orcheo-studio",
   "private": false,
-  "version": "0.24.4",
+  "version": "0.24.6",
   "type": "module",
   "description": "Orcheo UI for Orcheo workflow orchestration platform",
   "keywords": [

package/src/App.tsx

@@ -78,9 +78,7 @@ function WorkspaceWorkflowRoute() {
   }, [workspaceSlug]);
 
   return (
-    <WorkflowPage
-      workflowId={workflowId === "new" ? undefined : workflowId}
-    />
+    <WorkflowPage workflowId={workflowId === "new" ? undefined : workflowId} />
   );
 }
 
@@ -88,52 +86,58 @@ export default function OrcheoStudioApp() {
   return (
     <Router>
       <BrowserContextProvider>
-          <Routes>
-            <Route path="/login" element={<Login />} />
+        <Routes>
+          <Route path="/login" element={<Login />} />
+
+          <Route path="/auth/verify" element={<AuthVerify />} />
+          <Route path="/chat/:workflowId" element={<PublicChatPage />} />
+          <Route
+            path="/chat/team/:teamSlug/:workflowId"
+            element={<PublicChatPage />}
+          />
+          <Route
+            path="/chat/:workspaceSlug/:workflowId"
+            element={<PublicChatPage />}
+          />
+          <Route
+            path="/chat/:workspaceSlug/team/:teamSlug/:workflowId"
+            element={<PublicChatPage />}
+          />
+
+          <Route element={<RequireAuth />}>
+            <Route path="/invitations/accept" element={<InvitationAccept />} />
+            <Route element={<RequireWorkspace />}>
+              <Route path="/" element={<WorkspaceHomeRedirect />} />
+              <Route
+                path="/:workspaceSlug"
+                element={<WorkspaceGalleryRoute />}
+              />
 
-            <Route path="/auth/verify" element={<AuthVerify />} />
-            <Route path="/chat/:workflowId" element={<PublicChatPage />} />
-            <Route path="/chat/team/:teamSlug/:workflowId" element={<PublicChatPage />} />
-            <Route path="/chat/:workspaceSlug/:workflowId" element={<PublicChatPage />} />
-            <Route path="/chat/:workspaceSlug/team/:teamSlug/:workflowId" element={<PublicChatPage />} />
+              <Route
+                path="/:workspaceSlug/workspace"
+                element={<WorkspaceManagementRoute />}
+              />
 
-            <Route element={<RequireAuth />}>
               <Route
-                path="/invitations/accept"
-                element={<InvitationAccept />}
+                path="/:workspaceSlug/new"
+                element={<WorkspaceWorkflowRoute />}
+              />
+              <Route
+                path="/:workspaceSlug/team/:teamSlug/:workflowId"
+                element={<WorkspaceWorkflowRoute />}
+              />
+              <Route
+                path="/:workspaceSlug/:workflowId"
+                element={<WorkspaceWorkflowRoute />}
               />
-              <Route element={<RequireWorkspace />}>
-                <Route path="/" element={<WorkspaceHomeRedirect />} />
-                <Route
-                  path="/:workspaceSlug"
-                  element={<WorkspaceGalleryRoute />}
-                />
-
-                <Route
-                  path="/:workspaceSlug/workspace"
-                  element={<WorkspaceManagementRoute />}
-                />
-
-                <Route
-                  path="/:workspaceSlug/new"
-                  element={<WorkspaceWorkflowRoute />}
-                />
-                <Route
-                  path="/:workspaceSlug/team/:teamSlug/:workflowId"
-                  element={<WorkspaceWorkflowRoute />}
-                />
-                <Route
-                  path="/:workspaceSlug/:workflowId"
-                  element={<WorkspaceWorkflowRoute />}
-                />
-
-                <Route path="/profile" element={<Profile />} />
-
-                <Route path="/settings" element={<Settings />} />
-              </Route>
+
+              <Route path="/profile" element={<Profile />} />
+
+              <Route path="/settings" element={<Settings />} />
             </Route>
-          </Routes>
-          <Toaster />
+          </Route>
+        </Routes>
+        <Toaster />
       </BrowserContextProvider>
     </Router>
   );

package/src/design-system/ui/button.tsx

@@ -10,7 +10,7 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default:
-          "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+          "bg-primary text-primary-foreground shadow hover:bg-primary-hover active:bg-primary-active",
         destructive:
           "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
         outline:

package/src/features/account/components/settings/appearance-settings-tab.tsx

@@ -8,7 +8,7 @@ import {
 import ThemeSettings from "@features/account/components/theme-settings";
 
 const AppearanceSettingsTab = () => (
-  <Card>
+  <Card className="border-border/70 bg-muted/40 shadow-none">
     <CardHeader>
       <CardTitle>Theme</CardTitle>
       <CardDescription>

package/src/features/account/pages/profile/components/profile-general-tab.tsx

@@ -21,7 +21,7 @@ interface ProfileGeneralTabProps {
 export function ProfileGeneralTab({ user }: ProfileGeneralTabProps) {
   return (
     <div className="space-y-4">
-      <Card>
+      <Card className="border-border/70 bg-muted/40 shadow-none">
         <CardHeader>
           <CardTitle>Profile Information</CardTitle>
           <CardDescription>

package/src/features/account/pages/workspace-members.tsx

@@ -282,69 +282,65 @@ export default function WorkspaceMembers() {
         </div>
       )}
 
-      {canManage &&
-        invitations.some((i) => i.status === "pending") && (
-          <div className="rounded-lg border">
-            <div className="border-b px-4 py-3">
-              <h3 className="text-sm font-medium">Pending Invitations</h3>
-            </div>
-            <Table>
-              <TableHeader>
-                <TableRow>
-                  <TableHead>Email</TableHead>
-                  <TableHead>Role</TableHead>
-                  <TableHead>Expires</TableHead>
-                  <TableHead className="text-right">Actions</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {invitations
-                  .filter((i) => i.status === "pending")
-                  .map((invitation) => {
-                    const isRevoking =
-                      revokingInvitationId === invitation.id;
-                    const isExpired =
-                      new Date(invitation.expires_at) < new Date();
-                    return (
-                      <TableRow
-                        key={invitation.id}
-                        className={isExpired ? "opacity-60" : undefined}
-                      >
-                        <TableCell className="text-sm">
-                          {invitation.email}
-                        </TableCell>
-                        <TableCell className="capitalize">
-                          {invitation.role}
-                        </TableCell>
-                        <TableCell className="text-sm text-muted-foreground">
-                          {isExpired ? (
-                            <span className="text-destructive">Expired</span>
-                          ) : (
-                            new Date(
-                              invitation.expires_at,
-                            ).toLocaleDateString()
-                          )}
-                        </TableCell>
-                        <TableCell className="text-right">
-                          <Button
-                            variant="ghost"
-                            size="sm"
-                            className="text-destructive hover:text-destructive"
-                            onClick={() =>
-                              void handleRevokeInvitation(invitation.id)
-                            }
-                            disabled={isRevoking}
-                          >
-                            {isRevoking ? "Revoking..." : "Revoke"}
-                          </Button>
-                        </TableCell>
-                      </TableRow>
-                    );
-                  })}
-              </TableBody>
-            </Table>
+      {canManage && invitations.some((i) => i.status === "pending") && (
+        <div className="rounded-lg border">
+          <div className="border-b px-4 py-3">
+            <h3 className="text-sm font-medium">Pending Invitations</h3>
           </div>
-        )}
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>Email</TableHead>
+                <TableHead>Role</TableHead>
+                <TableHead>Expires</TableHead>
+                <TableHead className="text-right">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {invitations
+                .filter((i) => i.status === "pending")
+                .map((invitation) => {
+                  const isRevoking = revokingInvitationId === invitation.id;
+                  const isExpired =
+                    new Date(invitation.expires_at) < new Date();
+                  return (
+                    <TableRow
+                      key={invitation.id}
+                      className={isExpired ? "opacity-60" : undefined}
+                    >
+                      <TableCell className="text-sm">
+                        {invitation.email}
+                      </TableCell>
+                      <TableCell className="capitalize">
+                        {invitation.role}
+                      </TableCell>
+                      <TableCell className="text-sm text-muted-foreground">
+                        {isExpired ? (
+                          <span className="text-destructive">Expired</span>
+                        ) : (
+                          new Date(invitation.expires_at).toLocaleDateString()
+                        )}
+                      </TableCell>
+                      <TableCell className="text-right">
+                        <Button
+                          variant="ghost"
+                          size="sm"
+                          className="text-destructive hover:text-destructive"
+                          onClick={() =>
+                            void handleRevokeInvitation(invitation.id)
+                          }
+                          disabled={isRevoking}
+                        >
+                          {isRevoking ? "Revoking..." : "Revoke"}
+                        </Button>
+                      </TableCell>
+                    </TableRow>
+                  );
+                })}
+            </TableBody>
+          </Table>
+        </div>
+      )}
 
       {isForbidden ? null : isLoading ? (
         <p className="text-sm text-muted-foreground">Loading members...</p>

package/src/features/auth/pages/login.tsx

@@ -73,7 +73,9 @@ export default function Login() {
       setStage("sent");
     } catch (err) {
       setError(
-        err instanceof Error ? err.message : "Unable to send the sign-in email.",
+        err instanceof Error
+          ? err.message
+          : "Unable to send the sign-in email.",
       );
     } finally {
       setBusy(false);
@@ -103,7 +105,7 @@ export default function Login() {
   };
 
   return (
-    <div className="flex min-h-screen items-center justify-center bg-[#ebd3a6] p-6 text-foreground">
+    <div className="flex min-h-screen items-center justify-center bg-cream dark:bg-background p-6 text-foreground">
       <Card className="w-full max-w-md border-border bg-card text-card-foreground shadow-xl">
         <CardHeader className="text-center">
           <CardTitle className="text-xl">Sign in to Orcheo</CardTitle>

package/src/features/auth/pages/verify.tsx

@@ -63,7 +63,7 @@ export default function AuthVerify() {
   }, [token, redirectTo, navigate]);
 
   return (
-    <div className="flex min-h-screen items-center justify-center bg-[#ebd3a6] p-6 text-foreground">
+    <div className="flex min-h-screen items-center justify-center bg-cream dark:bg-background p-6 text-foreground">
       <Card className="w-full max-w-md border-border bg-card text-card-foreground shadow-xl">
         <CardHeader>
           <CardTitle>Signing in</CardTitle>

package/src/features/chatkit/components/public-chat-error-boundary.tsx

@@ -42,7 +42,7 @@ export class PublicChatErrorBoundary extends Component<
   public override render(): ReactNode {
     if (this.state.hasError) {
       return (
-        <Alert className="rounded-3xl border-red-500/40 bg-red-500/10 p-6 text-red-100">
+        <Alert className="rounded-3xl border-destructive/40 bg-destructive-muted p-6 text-destructive-muted-foreground">
           <AlertTitle>Something went wrong</AlertTitle>
           <AlertDescription>
             {this.state.errorMessage ||

package/src/features/chatkit/components/public-chat-widget.tsx

@@ -220,9 +220,8 @@ export function PublicChatWidget({
     <div
       className={cn(
         "relative h-full w-full overflow-hidden rounded-3xl",
-        "border border-slate-200/70 bg-white",
-        "shadow-[0_25px_80px_rgba(15,23,42,0.12)]",
-        "dark:border-slate-800/70 dark:bg-slate-900",
+        "border border-border/70 bg-card",
+        "shadow-[0_25px_80px_rgba(40,30,16,0.12)]",
       )}
     >
       <ChatKitSurface options={options} />

package/src/features/chatkit/lib/chatkit-theme.ts

@@ -6,13 +6,14 @@ export const buildChatTheme = (
 ): NonNullable<UseChatKitOptions["theme"]> => ({
   colorScheme: scheme,
   color: {
+    // Warm ink grayscale + Orcheo orange accent (orcheo-design-system tokens).
     grayscale: {
-      hue: 220,
+      hue: 42,
       tint: 6,
       shade: scheme === "dark" ? -1 : -4,
     },
     accent: {
-      primary: scheme === "dark" ? "#f1f5f9" : "#0f172a",
+      primary: "#f87825",
       level: 1,
     },
   },

package/src/features/chatkit/lib/public-chat-access.ts

@@ -0,0 +1,13 @@
+import type { PublicChatHttpError } from "@features/chatkit/lib/chatkit-client";
+
+export const getPublicChatAccessErrorMessage = (
+  error: Pick<PublicChatHttpError, "status" | "code">,
+): string => {
+  if (error.code === "chatkit.auth.workspace_mismatch") {
+    return "Your account is signed in, but it is not a member of this workflow workspace. Switch workspaces or ask the owner to add you.";
+  }
+  if (error.status === 403) {
+    return "You do not have permission to use this workflow. Ask the owner to confirm your workspace access.";
+  }
+  return "You do not have access to this workflow yet. Ask the owner to confirm it is still published.";
+};

package/src/features/chatkit/pages/public-chat.tsx

@@ -19,6 +19,7 @@ import type { PublicWorkflowMetadata } from "@features/workflow/lib/workflow-sto
 import { PublicChatWidget } from "@features/chatkit/components/public-chat-widget";
 import { PublicChatErrorBoundary } from "@features/chatkit/components/public-chat-error-boundary";
 import type { PublicChatHttpError } from "@features/chatkit/lib/chatkit-client";
+import { getPublicChatAccessErrorMessage } from "@features/chatkit/lib/public-chat-access";
 
 type ColorScheme = "light" | "dark";
 
@@ -27,18 +28,6 @@ type WorkflowState =
   | { status: "error"; message: string }
   | { status: "ready"; workflow: PublicWorkflowMetadata };
 
-export const getPublicChatAccessErrorMessage = (
-  error: Pick<PublicChatHttpError, "status" | "code">,
-): string => {
-  if (error.code === "chatkit.auth.workspace_mismatch") {
-    return "Your account is signed in, but it is not a member of this workflow workspace. Switch workspaces or ask the owner to add you.";
-  }
-  if (error.status === 403) {
-    return "You do not have permission to use this workflow. Ask the owner to confirm your workspace access.";
-  }
-  return "You do not have access to this workflow yet. Ask the owner to confirm it is still published.";
-};
-
 const sanitizeWorkflowNameForEmail = (value: string): string =>
   value
     .replace(/[\r\n]+/g, " ")
@@ -236,9 +225,9 @@ export default function PublicChatPage() {
 
       if (workflowState.status === "error") {
         return (
-          <div className="rounded-3xl border border-slate-200/80 bg-white/70 p-6 text-slate-900 shadow-sm dark:border-slate-800/60 dark:bg-slate-950/40 dark:text-white">
+          <div className="rounded-3xl border border-border/80 bg-card/70 p-6 text-foreground shadow-sm">
             <p className="text-lg font-semibold">Chat unavailable</p>
-            <p className="mt-2 text-sm text-slate-600 dark:text-slate-300">
+            <p className="mt-2 text-sm text-muted-foreground">
               We cannot open a ChatKit session until the workflow loads.
             </p>
             <Button asChild variant="secondary" className="mt-4">
@@ -251,7 +240,7 @@ export default function PublicChatPage() {
       return (
         <div className="space-y-4">
           {rateLimitError && (
-            <Alert className="border-amber-500/50 bg-amber-500/[0.08] text-amber-100">
+            <Alert className="border-warning/50 bg-warning-muted text-warning-muted-foreground">
               <AlertTitle>Slow down for a moment</AlertTitle>
               <AlertDescription>
                 {rateLimitError.message ||
@@ -261,7 +250,7 @@ export default function PublicChatPage() {
                 <Button
                   size="sm"
                   variant="outline"
-                  className="border-amber-400/60 text-amber-100"
+                  className="border-warning/60 text-warning-muted-foreground"
                   onClick={() => setRateLimitError(null)}
                 >
                   Dismiss
@@ -271,8 +260,10 @@ export default function PublicChatPage() {
           )}
 
           {chatError ? (
-            <div className="space-y-4 rounded-3xl border border-red-500/40 bg-red-500/10 p-6 text-center">
-              <p className="font-medium text-red-100">{chatError.message}</p>
+            <div className="space-y-4 rounded-3xl border border-destructive/40 bg-destructive-muted p-6 text-center">
+              <p className="font-medium text-destructive-muted-foreground">
+                {chatError.message}
+              </p>
               <div className="flex flex-wrap justify-center gap-3">
                 <Button asChild variant="outline">
                   <a href={contactHref}>Contact owner</a>
@@ -282,7 +273,7 @@ export default function PublicChatPage() {
           ) : (
             <div className="relative min-h-[520px]">
               {!isChatReady && (
-                <div className="absolute inset-0 flex flex-col gap-4 rounded-3xl bg-white/90 p-6 shadow-sm dark:bg-slate-950/80">
+                <div className="absolute inset-0 flex flex-col gap-4 rounded-3xl bg-background/90 p-6 shadow-sm">
                   <Skeleton className="h-10 w-1/2 self-center" />
                   <Skeleton className="h-full w-full" />
                 </div>
@@ -324,21 +315,21 @@ export default function PublicChatPage() {
       <div className="space-y-6">
         <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
           <div className="space-y-2">
-            <p className="text-3xl font-semibold text-slate-900 dark:text-white">
+            <p className="text-3xl font-semibold text-foreground">
               Chat with “{currentWorkflowName}”
             </p>
-            <p className="text-base text-slate-600 dark:text-slate-300">
+            <p className="text-base text-muted-foreground">
               Chat sessions open automatically for published workflows unless
               the owner requires OAuth login.
             </p>
             {workflowState.status === "ready" && (
-              <div className="flex flex-wrap gap-2 text-xs text-slate-500 dark:text-slate-400">
+              <div className="flex flex-wrap gap-2 text-xs text-muted-foreground">
                 {workflowState.workflow.handle && (
-                  <code className="rounded bg-slate-100 px-2 py-1 dark:bg-slate-900">
+                  <code className="rounded bg-muted px-2 py-1">
                     handle: {workflowState.workflow.handle}
                   </code>
                 )}
-                <code className="rounded bg-slate-100 px-2 py-1 dark:bg-slate-900">
+                <code className="rounded bg-muted px-2 py-1">
                   id: {workflowState.workflow.id}
                 </code>
               </div>
@@ -353,7 +344,7 @@ export default function PublicChatPage() {
 
   return (
     <PublicChatErrorBoundary onReset={handleErrorBoundaryReset}>
-      <div className="h-screen overflow-hidden bg-white text-slate-900 dark:bg-slate-950 dark:text-white">
+      <div className="h-screen overflow-hidden bg-background text-foreground">
         <div className="mx-auto flex h-full max-w-6xl flex-col px-4 py-6 lg:py-8">
           <div className="flex flex-1 items-center justify-center">
             <div className="w-full max-w-3xl">{renderChatColumn()}</div>
@@ -414,7 +405,7 @@ function ThemeToggleButtonGroup({
       onValueChange={handleThemeChange}
       aria-label="Select display theme"
       className={cn(
-        "rounded-full border border-slate-200 bg-white/90 px-1 py-1 shadow-[inset_0_-1px_4px_rgba(15,23,42,0.12)] backdrop-blur-sm dark:border-slate-800 dark:bg-slate-950/70",
+        "rounded-full border border-border bg-card/90 px-1 py-1 shadow-[inset_0_-1px_4px_rgba(40,30,16,0.12)] backdrop-blur-sm dark:bg-background/70",
         className,
       )}
       variant="default"
@@ -425,7 +416,7 @@ function ThemeToggleButtonGroup({
           key={option.value}
           value={option.value}
           aria-label={`Use ${option.label.toLowerCase()} theme`}
-          className="h-9 w-9 rounded-full border border-transparent p-0 text-slate-400 transition-all hover:bg-transparent hover:text-slate-900 dark:text-slate-400 dark:hover:text-white data-[state=on]:border-slate-900/20 data-[state=on]:bg-slate-900 data-[state=on]:text-white data-[state=on]:shadow-[0_4px_12px_rgba(15,23,42,0.3)] dark:data-[state=on]:border-white/30 dark:data-[state=on]:bg-white dark:data-[state=on]:text-slate-900"
+          className="h-9 w-9 rounded-full border border-transparent p-0 text-muted-foreground transition-all hover:bg-transparent hover:text-foreground data-[state=on]:border-primary/20 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground data-[state=on]:shadow-[0_4px_12px_rgba(248,120,37,0.3)]"
         >
           {option.icon}
           <span className="sr-only">{option.label}</span>

package/src/features/shared/components/chat-interface.types.ts

@@ -27,11 +27,7 @@ export interface ChatInterfaceProps {
   isMinimizable?: boolean;
   isClosable?: boolean;
   position?:
-    | "bottom-right"
-    | "bottom-left"
-    | "top-right"
-    | "top-left"
-    | "center";
+    "bottom-right" | "bottom-left" | "top-right" | "top-left" | "center";
   triggerButton?: React.ReactNode;
   user: ChatParticipant;
   ai: ChatParticipant;

package/src/features/shared/components/top-navigation/studio-brand.tsx

@@ -42,7 +42,7 @@ export default function StudioBrand() {
             >
               <Badge
                 variant="outline"
-                className="border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.2em] text-amber-700 shadow-none dark:text-amber-300"
+                className="border-warning/40 bg-warning/10 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.2em] text-warning-muted-foreground shadow-none"
               >
                 Beta
               </Badge>