cli-jaw 2.2.4 → 2.2.5

package/public/dist/assets/{xychartDiagram-2RQKCTM6-DqEqpcox.js → xychartDiagram-2RQKCTM6-C8573Tgs.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-AGHRB4JF-BeNb9aN4.js";import{D as n,H as r,K as i,U as a,a as o,b as s,c,f as l,v as u,w as d,y as f,z as p}from"./chunk-CSCIHK7Q-BPBO8B3q.js";import{Ot as m,kt as h,lt as g}from"./vendor-utils-BgdgpA_R.js";import{t as _}from"./chunk-WU5MYG2G-BpCiJpUL.js";import{i as v}from"./chunk-5ZQYHXKU-C3d9OOmT.js";import{t as y}from"./chunk-O5CBEL6O-D_hkyy5c.js";var b=(function(){var t=e(function(e,t,n,r){for(n||={},r=e.length;r--;n[e[r]]=t);return n},`o`),n=[1,10,12,14,16,18,19,21,23],r=[2,6],i=[1,3],a=[1,5],o=[1,6],s=[1,7],c=[1,5,10,12,14,16,18,19,21,23,34,35,36],l=[1,25],u=[1,26],d=[1,28],f=[1,29],p=[1,30],m=[1,31],h=[1,32],g=[1,33],_=[1,34],v=[1,35],y=[1,36],b=[1,37],x=[1,43],S=[1,42],C=[1,47],w=[1,50],T=[1,10,12,14,16,18,19,21,23,34,35,36],E=[1,10,12,14,16,18,19,21,23,24,26,27,28,34,35,36],D=[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],O=[1,64],k={trace:e(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:e(function(e,t,n,r,i,a,o){var s=a.length-1;switch(i){case 5:r.setOrientation(a[s]);break;case 9:r.setDiagramTitle(a[s].text.trim());break;case 12:r.setLineData({text:``,type:`text`},a[s]);break;case 13:r.setLineData(a[s-1],a[s]);break;case 14:r.setBarData({text:``,type:`text`},a[s]);break;case 15:r.setBarData(a[s-1],a[s]);break;case 16:this.$=a[s].trim(),r.setAccTitle(this.$);break;case 17:case 18:this.$=a[s].trim(),r.setAccDescription(this.$);break;case 19:this.$=a[s-1];break;case 20:this.$=[Number(a[s-2]),...a[s]];break;case 21:this.$=[Number(a[s])];break;case 22:r.setXAxisTitle(a[s]);break;case 23:r.setXAxisTitle(a[s-1]);break;case 24:r.setXAxisTitle({type:`text`,text:``});break;case 25:r.setXAxisBand(a[s]);break;case 26:r.setXAxisRangeData(Number(a[s-2]),Number(a[s]));break;case 27:this.$=a[s-1];break;case 28:this.$=[a[s-2],...a[s]];break;case 29:this.$=[a[s]];break;case 30:r.setYAxisTitle(a[s]);break;case 31:r.setYAxisTitle(a[s-1]);break;case 32:r.setYAxisTitle({type:`text`,text:``});break;case 33:r.setYAxisRangeData(Number(a[s-2]),Number(a[s]));break;case 37:this.$={text:a[s],type:`text`};break;case 38:this.$={text:a[s],type:`text`};break;case 39:this.$={text:a[s],type:`markdown`};break;case 40:this.$=a[s];break;case 41:this.$=a[s-1]+``+a[s];break}},`anonymous`),table:[t(n,r,{3:1,4:2,7:4,5:i,34:a,35:o,36:s}),{1:[3]},t(n,r,{4:2,7:4,3:8,5:i,34:a,35:o,36:s}),t(n,r,{4:2,7:4,6:9,3:10,5:i,8:[1,11],34:a,35:o,36:s}),{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]},t(c,[2,34]),t(c,[2,35]),t(c,[2,36]),{1:[2,1]},t(n,r,{4:2,7:4,3:21,5:i,34:a,35:o,36:s}),{1:[2,3]},t(c,[2,5]),t(n,[2,7],{4:22,34:a,35:o,36:s}),{11:23,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},{11:39,13:38,24:x,27:S,29:40,30:41,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},{11:45,15:44,27:C,33:46,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},{11:49,17:48,24:w,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},{11:52,17:51,24:w,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},{20:[1,53]},{22:[1,54]},t(T,[2,18]),{1:[2,2]},t(T,[2,8]),t(T,[2,9]),t(E,[2,37],{40:55,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b}),t(E,[2,38]),t(E,[2,39]),t(D,[2,40]),t(D,[2,42]),t(D,[2,43]),t(D,[2,44]),t(D,[2,45]),t(D,[2,46]),t(D,[2,47]),t(D,[2,48]),t(D,[2,49]),t(D,[2,50]),t(D,[2,51]),t(T,[2,10]),t(T,[2,22],{30:41,29:56,24:x,27:S}),t(T,[2,24]),t(T,[2,25]),{31:[1,57]},{11:59,32:58,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},t(T,[2,11]),t(T,[2,30],{33:60,27:C}),t(T,[2,32]),{31:[1,61]},t(T,[2,12]),{17:62,24:w},{25:63,27:O},t(T,[2,14]),{17:65,24:w},t(T,[2,16]),t(T,[2,17]),t(D,[2,41]),t(T,[2,23]),{27:[1,66]},{26:[1,67]},{26:[2,29],28:[1,68]},t(T,[2,31]),{27:[1,69]},t(T,[2,13]),{26:[1,70]},{26:[2,21],28:[1,71]},t(T,[2,15]),t(T,[2,26]),t(T,[2,27]),{11:59,32:72,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},t(T,[2,33]),t(T,[2,19]),{25:73,27:O},{26:[2,28]},{26:[2,20]}],defaultActions:{8:[2,1],10:[2,3],21:[2,2],72:[2,28],73:[2,20]},parseError:e(function(e,t){if(t.recoverable)this.trace(e);else{var n=Error(e);throw n.hash=t,n}},`parseError`),parse:e(function(t){var n=this,r=[0],i=[],a=[null],o=[],s=this.table,c=``,l=0,u=0,d=0,f=2,p=1,m=o.slice.call(arguments,1),h=Object.create(this.lexer),g={yy:{}};for(var _ in this.yy)Object.prototype.hasOwnProperty.call(this.yy,_)&&(g.yy[_]=this.yy[_]);h.setInput(t,g.yy),g.yy.lexer=h,g.yy.parser=this,h.yylloc===void 0&&(h.yylloc={});var v=h.yylloc;o.push(v);var y=h.options&&h.options.ranges;typeof g.yy.parseError==`function`?this.parseError=g.yy.parseError:this.parseError=Object.getPrototypeOf(this).parseError;function b(e){r.length-=2*e,a.length-=e,o.length-=e}e(b,`popStack`);function x(){var e=i.pop()||h.lex()||p;return typeof e!=`number`&&(e instanceof Array&&(i=e,e=i.pop()),e=n.symbols_[e]||e),e}e(x,`lex`);for(var S,C,w,T,E,D={},O,k,A,j;;){if(w=r[r.length-1],this.defaultActions[w]?T=this.defaultActions[w]:(S??=x(),T=s[w]&&s[w][S]),T===void 0||!T.length||!T[0]){var M=``;for(O in j=[],s[w])this.terminals_[O]&&O>f&&j.push(`'`+this.terminals_[O]+`'`);M=h.showPosition?`Parse error on line `+(l+1)+`:
+import{n as e,r as t}from"./chunk-AGHRB4JF-BXLzSehp.js";import{D as n,H as r,K as i,U as a,a as o,b as s,c,f as l,v as u,w as d,y as f,z as p}from"./chunk-CSCIHK7Q-CmvetykJ.js";import{Ot as m,kt as h,lt as g}from"./vendor-utils-DJY0EWnQ.js";import{t as _}from"./chunk-WU5MYG2G-CkoHFn0F.js";import{i as v}from"./chunk-5ZQYHXKU-DVpWOoGS.js";import{t as y}from"./chunk-O5CBEL6O-BWbe_grt.js";var b=(function(){var t=e(function(e,t,n,r){for(n||={},r=e.length;r--;n[e[r]]=t);return n},`o`),n=[1,10,12,14,16,18,19,21,23],r=[2,6],i=[1,3],a=[1,5],o=[1,6],s=[1,7],c=[1,5,10,12,14,16,18,19,21,23,34,35,36],l=[1,25],u=[1,26],d=[1,28],f=[1,29],p=[1,30],m=[1,31],h=[1,32],g=[1,33],_=[1,34],v=[1,35],y=[1,36],b=[1,37],x=[1,43],S=[1,42],C=[1,47],w=[1,50],T=[1,10,12,14,16,18,19,21,23,34,35,36],E=[1,10,12,14,16,18,19,21,23,24,26,27,28,34,35,36],D=[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],O=[1,64],k={trace:e(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:e(function(e,t,n,r,i,a,o){var s=a.length-1;switch(i){case 5:r.setOrientation(a[s]);break;case 9:r.setDiagramTitle(a[s].text.trim());break;case 12:r.setLineData({text:``,type:`text`},a[s]);break;case 13:r.setLineData(a[s-1],a[s]);break;case 14:r.setBarData({text:``,type:`text`},a[s]);break;case 15:r.setBarData(a[s-1],a[s]);break;case 16:this.$=a[s].trim(),r.setAccTitle(this.$);break;case 17:case 18:this.$=a[s].trim(),r.setAccDescription(this.$);break;case 19:this.$=a[s-1];break;case 20:this.$=[Number(a[s-2]),...a[s]];break;case 21:this.$=[Number(a[s])];break;case 22:r.setXAxisTitle(a[s]);break;case 23:r.setXAxisTitle(a[s-1]);break;case 24:r.setXAxisTitle({type:`text`,text:``});break;case 25:r.setXAxisBand(a[s]);break;case 26:r.setXAxisRangeData(Number(a[s-2]),Number(a[s]));break;case 27:this.$=a[s-1];break;case 28:this.$=[a[s-2],...a[s]];break;case 29:this.$=[a[s]];break;case 30:r.setYAxisTitle(a[s]);break;case 31:r.setYAxisTitle(a[s-1]);break;case 32:r.setYAxisTitle({type:`text`,text:``});break;case 33:r.setYAxisRangeData(Number(a[s-2]),Number(a[s]));break;case 37:this.$={text:a[s],type:`text`};break;case 38:this.$={text:a[s],type:`text`};break;case 39:this.$={text:a[s],type:`markdown`};break;case 40:this.$=a[s];break;case 41:this.$=a[s-1]+``+a[s];break}},`anonymous`),table:[t(n,r,{3:1,4:2,7:4,5:i,34:a,35:o,36:s}),{1:[3]},t(n,r,{4:2,7:4,3:8,5:i,34:a,35:o,36:s}),t(n,r,{4:2,7:4,6:9,3:10,5:i,8:[1,11],34:a,35:o,36:s}),{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]},t(c,[2,34]),t(c,[2,35]),t(c,[2,36]),{1:[2,1]},t(n,r,{4:2,7:4,3:21,5:i,34:a,35:o,36:s}),{1:[2,3]},t(c,[2,5]),t(n,[2,7],{4:22,34:a,35:o,36:s}),{11:23,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},{11:39,13:38,24:x,27:S,29:40,30:41,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},{11:45,15:44,27:C,33:46,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},{11:49,17:48,24:w,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},{11:52,17:51,24:w,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},{20:[1,53]},{22:[1,54]},t(T,[2,18]),{1:[2,2]},t(T,[2,8]),t(T,[2,9]),t(E,[2,37],{40:55,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b}),t(E,[2,38]),t(E,[2,39]),t(D,[2,40]),t(D,[2,42]),t(D,[2,43]),t(D,[2,44]),t(D,[2,45]),t(D,[2,46]),t(D,[2,47]),t(D,[2,48]),t(D,[2,49]),t(D,[2,50]),t(D,[2,51]),t(T,[2,10]),t(T,[2,22],{30:41,29:56,24:x,27:S}),t(T,[2,24]),t(T,[2,25]),{31:[1,57]},{11:59,32:58,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},t(T,[2,11]),t(T,[2,30],{33:60,27:C}),t(T,[2,32]),{31:[1,61]},t(T,[2,12]),{17:62,24:w},{25:63,27:O},t(T,[2,14]),{17:65,24:w},t(T,[2,16]),t(T,[2,17]),t(D,[2,41]),t(T,[2,23]),{27:[1,66]},{26:[1,67]},{26:[2,29],28:[1,68]},t(T,[2,31]),{27:[1,69]},t(T,[2,13]),{26:[1,70]},{26:[2,21],28:[1,71]},t(T,[2,15]),t(T,[2,26]),t(T,[2,27]),{11:59,32:72,37:24,38:l,39:u,40:27,41:d,42:f,43:p,44:m,45:h,46:g,47:_,48:v,49:y,50:b},t(T,[2,33]),t(T,[2,19]),{25:73,27:O},{26:[2,28]},{26:[2,20]}],defaultActions:{8:[2,1],10:[2,3],21:[2,2],72:[2,28],73:[2,20]},parseError:e(function(e,t){if(t.recoverable)this.trace(e);else{var n=Error(e);throw n.hash=t,n}},`parseError`),parse:e(function(t){var n=this,r=[0],i=[],a=[null],o=[],s=this.table,c=``,l=0,u=0,d=0,f=2,p=1,m=o.slice.call(arguments,1),h=Object.create(this.lexer),g={yy:{}};for(var _ in this.yy)Object.prototype.hasOwnProperty.call(this.yy,_)&&(g.yy[_]=this.yy[_]);h.setInput(t,g.yy),g.yy.lexer=h,g.yy.parser=this,h.yylloc===void 0&&(h.yylloc={});var v=h.yylloc;o.push(v);var y=h.options&&h.options.ranges;typeof g.yy.parseError==`function`?this.parseError=g.yy.parseError:this.parseError=Object.getPrototypeOf(this).parseError;function b(e){r.length-=2*e,a.length-=e,o.length-=e}e(b,`popStack`);function x(){var e=i.pop()||h.lex()||p;return typeof e!=`number`&&(e instanceof Array&&(i=e,e=i.pop()),e=n.symbols_[e]||e),e}e(x,`lex`);for(var S,C,w,T,E,D={},O,k,A,j;;){if(w=r[r.length-1],this.defaultActions[w]?T=this.defaultActions[w]:(S??=x(),T=s[w]&&s[w][S]),T===void 0||!T.length||!T[0]){var M=``;for(O in j=[],s[w])this.terminals_[O]&&O>f&&j.push(`'`+this.terminals_[O]+`'`);M=h.showPosition?`Parse error on line `+(l+1)+`:
 `+h.showPosition()+`
 Expecting `+j.join(`, `)+`, got '`+(this.terminals_[S]||S)+`'`:`Parse error on line `+(l+1)+`: Unexpected `+(S==p?`end of input`:`'`+(this.terminals_[S]||S)+`'`),this.parseError(M,{text:h.match,token:this.terminals_[S]||S,line:h.yylineno,loc:v,expected:j})}if(T[0]instanceof Array&&T.length>1)throw Error(`Parse Error: multiple actions possible at state: `+w+`, token: `+S);switch(T[0]){case 1:r.push(S),a.push(h.yytext),o.push(h.yylloc),r.push(T[1]),S=null,C?(S=C,C=null):(u=h.yyleng,c=h.yytext,l=h.yylineno,v=h.yylloc,d>0&&d--);break;case 2:if(k=this.productions_[T[1]][1],D.$=a[a.length-k],D._$={first_line:o[o.length-(k||1)].first_line,last_line:o[o.length-1].last_line,first_column:o[o.length-(k||1)].first_column,last_column:o[o.length-1].last_column},y&&(D._$.range=[o[o.length-(k||1)].range[0],o[o.length-1].range[1]]),E=this.performAction.apply(D,[c,u,l,g.yy,T[1],a,o].concat(m)),E!==void 0)return E;k&&(r=r.slice(0,-1*k*2),a=a.slice(0,-1*k),o=o.slice(0,-1*k)),r.push(this.productions_[T[1]][0]),a.push(D.$),o.push(D._$),A=s[r[r.length-2]][r[r.length-1]],r.push(A);break;case 3:return!0}}return!0},`parse`)};k.lexer=(function(){return{EOF:1,parseError:e(function(e,t){if(this.yy.parser)this.yy.parser.parseError(e,t);else throw Error(e)},`parseError`),setInput:e(function(e,t){return this.yy=t||this.yy||{},this._input=e,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:e(function(){var e=this._input[0];return this.yytext+=e,this.yyleng++,this.offset++,this.match+=e,this.matched+=e,e.match(/(?:\r\n?|\n).*/g)?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),e},`input`),unput:e(function(e){var t=e.length,n=e.split(/(?:\r\n?|\n)/g);this._input=e+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-t),this.offset-=t;var r=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),n.length-1&&(this.yylineno-=n.length-1);var i=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:n?(n.length===r.length?this.yylloc.first_column:0)+r[r.length-n.length].length-n[0].length:this.yylloc.first_column-t},this.options.ranges&&(this.yylloc.range=[i[0],i[0]+this.yyleng-t]),this.yyleng=this.yytext.length,this},`unput`),more:e(function(){return this._more=!0,this},`more`),reject:e(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:e(function(e){this.unput(this.match.slice(e))},`less`),pastInput:e(function(){var e=this.matched.substr(0,this.matched.length-this.match.length);return(e.length>20?`...`:``)+e.substr(-20).replace(/\n/g,``)},`pastInput`),upcomingInput:e(function(){var e=this.match;return e.length<20&&(e+=this._input.substr(0,20-e.length)),(e.substr(0,20)+(e.length>20?`...`:``)).replace(/\n/g,``)},`upcomingInput`),showPosition:e(function(){var e=this.pastInput(),t=Array(e.length+1).join(`-`);return e+this.upcomingInput()+`

package/public/dist/index.html

@@ -31,9 +31,9 @@
         href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap"
         rel="stylesheet">
     <!-- Vite handles module bundling in dev (HMR) and production (build) -->
-  <script type="module" crossorigin src="/dist/assets/app-DszWzakT.js"></script>
+  <script type="module" crossorigin src="/dist/assets/app-BJVZZqTm.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/app-BPsa7jSJ.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/app-CvNmD8jx.css">
 </head>
 
 <body>

package/public/dist/manager/index.html

@@ -6,9 +6,9 @@
   <link rel="icon" type="image/png" href="/dist/assets/icon-192-CwXPIYF5.png">
   <title>Jaw Manager</title>
   <script src="/manager/theme-boot.js"></script>
-  <script type="module" crossorigin src="/dist/assets/manager-CdNOlCyS.js"></script>
+  <script type="module" crossorigin src="/dist/assets/manager-pcvo6od1.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/manager-rHNwUB4e.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/manager-C4eNDNFt.css">
 </head>
 <body>
   <div id="manager-root"></div>

package/public/js/diagram/iframe-renderer.ts

@@ -6,6 +6,7 @@ import { ICONS } from '../icons.js';
 import { validateWidgetHtml } from './widget-validator.js';
 import { isChatNearBottom, reconcileChatBottomAfterLayout } from '../features/chat-scroll.js';
 import { copyText } from '../features/copy-text.js';
+import { API_BASE, getAuthToken } from '../api.js';
 
 // ── Action Button Helpers ──
 function createDiagramCopyBtn(): HTMLButtonElement {
@@ -65,6 +66,38 @@ const registeredIframes = new Set<Window>();
 const iframeNonces = new Map<Window, string>();
 
 const widgetLifecycleCleanups = new WeakMap<HTMLElement, () => void>();
+const INLINE_WIDGET_MAX_BYTES = 524_288;
+const FILE_WIDGET_MAX_BYTES = 2_097_152;
+const ACTIVE_CHAT_CACHE_MS = 30_000;
+let activeChatIdCache: { id: string; expiresAt: number } | null = null;
+
+window.addEventListener('session_switched', () => {
+  activeChatIdCache = null;
+});
+
+async function authFetch(path: string, opts: RequestInit = {}): Promise<Response> {
+  const token = await getAuthToken();
+  const headers = new Headers(opts.headers || {});
+  if (token) headers.set('Authorization', `Bearer ${token}`);
+  return fetch(`${API_BASE}${path}`, { ...opts, headers });
+}
+
+async function resolveActiveChatId(force = false): Promise<string | null> {
+  const now = Date.now();
+  if (!force && activeChatIdCache && activeChatIdCache.expiresAt > now) return activeChatIdCache.id;
+  try {
+    const res = await authFetch('/api/chat-sessions');
+    if (!res.ok) return null;
+    const json = await res.json() as { ok?: boolean; data?: { active?: unknown }; active?: unknown };
+    const active = json.data?.active ?? json.active;
+    if (typeof active !== 'string' || !active) return null;
+    activeChatIdCache = { id: active, expiresAt: now + ACTIVE_CHAT_CACHE_MS };
+    return active;
+  } catch (err) {
+    console.warn('[jaw-diagram] Failed to resolve active chat session:', (err as Error).message);
+    return null;
+  }
+}
 
 function cleanupWidgetOwner(owner: HTMLElement): void {
   const cleanup = widgetLifecycleCleanups.get(owner);
@@ -394,11 +427,16 @@ export function createWidgetIframe(htmlCode: string): { iframe: HTMLIFrameElemen
 export function activateWidgets(container?: HTMLElement): void {
   const root = container || document;
   root.querySelectorAll('.diagram-widget-pending').forEach(el => {
-    const encoded = (el as HTMLElement).dataset['diagramHtml'];
-    if (!encoded) return;
+    const pending = el as HTMLElement;
+    const encoded = pending.dataset['diagramHtml'];
+    if (!encoded) {
+      const widgetId = pending.dataset['widgetId'];
+      if (widgetId && pending.dataset['widgetPending'] !== '1') void activateFileWidget(pending, widgetId);
+      return;
+    }
     let htmlCode: string;
     try {
-      htmlCode = decodeWidgetHtml(encoded);
+      htmlCode = decodeWidgetHtml(encoded, INLINE_WIDGET_MAX_BYTES);
     } catch {
       el.replaceWith(Object.assign(document.createElement('div'), {
         className: 'diagram-error',
@@ -408,45 +446,147 @@ export function activateWidgets(container?: HTMLElement): void {
       return;
     }
 
-    // Validate widget HTML before iframe injection
-    const validation = validateWidgetHtml(htmlCode);
-    if (!validation.valid) {
-      el.replaceWith(Object.assign(document.createElement('div'), {
-        className: 'diagram-error',
-        textContent: `Widget blocked: ${validation.reason}`,
-        role: 'alert',
-      }));
+    renderWidgetIframe(pending, htmlCode, encoded);
+  });
+}
+
+async function activateFileWidget(el: HTMLElement, widgetId: string): Promise<void> {
+  if (el.dataset['widgetLoading'] === '1') return;
+  el.dataset['widgetLoading'] = '1';
+  delete el.dataset['widgetPending'];
+  try {
+    const chatId = await resolveActiveChatId();
+    if (!chatId) {
+      showWidgetFilePending(el, widgetId, 'widget file pending');
+      return;
+    }
+
+    let res = await authFetch(`/api/widgets/${encodeURIComponent(chatId)}/${encodeURIComponent(widgetId)}`);
+    if (res.status === 404) {
+      activeChatIdCache = null;
+      const freshChatId = await resolveActiveChatId(true);
+      if (freshChatId && freshChatId !== chatId) {
+        res = await authFetch(`/api/widgets/${encodeURIComponent(freshChatId)}/${encodeURIComponent(widgetId)}`);
+      }
+    }
+
+    if (res.status === 404) {
+      showWidgetFilePending(el, widgetId, 'widget file pending');
       return;
     }
-    if (validation.warnings.length) {
-      console.warn('[jaw-diagram] Widget warnings:', validation.warnings);
+    if (!res.ok) {
+      showWidgetFilePending(el, widgetId, 'widget file pending');
+      return;
     }
 
-    const wrapper = document.createElement('div');
-    wrapper.className = 'diagram-container diagram-widget';
-    // Preserve source for theme-change reload
-    wrapper.dataset['widgetHtml'] = encoded;
+    const htmlCode = await res.text();
+    const encoded = encodeWidgetHtml(htmlCode);
+    renderWidgetIframe(el, htmlCode, encoded, widgetId, FILE_WIDGET_MAX_BYTES);
+  } catch (err) {
+    console.warn('[jaw-diagram] Failed to load widget file:', (err as Error).message);
+    showWidgetFilePending(el, widgetId, 'widget file pending');
+  }
+}
 
-    wrapper.appendChild(createDiagramZoomBtn());
-    wrapper.appendChild(createDiagramSaveBtn());
-    wrapper.appendChild(createDiagramCopyBtn());
-    const { iframe, nonce } = createWidgetIframe(htmlCode);
-    wrapper.appendChild(iframe);
-    bindWidgetZoom(wrapper);
-
-    el.replaceWith(wrapper);
-
-    attachWidgetIframeLifecycle({
-      iframe,
-      nonce,
-      owner: wrapper,
-      onTimeout: () => {
-        wrapper.innerHTML = `<div class="diagram-error" role="alert">
-          Widget failed to load within 10 seconds.
-        </div>`;
-        console.warn('[jaw-diagram] Widget timeout — iframe deregistered');
-      },
-    });
+export async function refreshFileWidget(chatId: string, widgetId: string): Promise<void> {
+  if (!chatId || !widgetId) return;
+  const activeChatId = await resolveActiveChatId();
+  if (activeChatId !== chatId) return;
+
+  const targets = [...document.querySelectorAll<HTMLElement>('[data-widget-id]')]
+    .filter(el => el.dataset['widgetId'] === widgetId
+      && (el.classList.contains('diagram-widget') || el.classList.contains('diagram-widget-pending')));
+  if (!targets.length) return;
+
+  await Promise.all(targets.map(async (target) => {
+    if (target.dataset['widgetLoading'] === '1') return;
+    target.dataset['widgetLoading'] = '1';
+    try {
+      const res = await authFetch(`/api/widgets/${encodeURIComponent(chatId)}/${encodeURIComponent(widgetId)}`);
+      if (res.status === 404) {
+        showWidgetFilePending(target, widgetId, 'widget file pending');
+        return;
+      }
+      if (!res.ok) {
+        delete target.dataset['widgetLoading'];
+        return;
+      }
+      const htmlCode = await res.text();
+      const encoded = encodeWidgetHtml(htmlCode);
+      renderWidgetIframe(target, htmlCode, encoded, widgetId, FILE_WIDGET_MAX_BYTES);
+    } catch (err) {
+      delete target.dataset['widgetLoading'];
+      console.warn('[jaw-diagram] Failed to refresh widget file:', (err as Error).message);
+    }
+  }));
+}
+
+function showWidgetFilePending(el: HTMLElement, widgetId: string, message: string): void {
+  delete el.dataset['widgetLoading'];
+  el.dataset['widgetPending'] = '1';
+  el.className = 'diagram-widget-pending diagram-widget-file-pending';
+  el.dataset['widgetId'] = widgetId;
+  el.setAttribute('role', 'status');
+  el.setAttribute('aria-label', 'Widget file pending');
+  el.innerHTML = '';
+  const label = document.createElement('span');
+  label.textContent = message;
+  const retry = document.createElement('button');
+  retry.type = 'button';
+  retry.className = 'diagram-widget-retry';
+  retry.textContent = 'Retry';
+  retry.addEventListener('click', () => {
+    delete el.dataset['widgetPending'];
+    void activateFileWidget(el, widgetId);
+  });
+  el.append(label, retry);
+}
+
+function renderWidgetIframe(
+  pending: HTMLElement,
+  htmlCode: string,
+  encoded: string,
+  widgetId?: string,
+  maxBytes = INLINE_WIDGET_MAX_BYTES,
+): void {
+  const validation = validateWidgetHtml(htmlCode, { maxBytes });
+  if (!validation.valid) {
+    pending.replaceWith(Object.assign(document.createElement('div'), {
+      className: 'diagram-error',
+      textContent: `Widget blocked: ${validation.reason}`,
+      role: 'alert',
+    }));
+    return;
+  }
+  if (validation.warnings.length) {
+    console.warn('[jaw-diagram] Widget warnings:', validation.warnings);
+  }
+
+  const wrapper = document.createElement('div');
+  wrapper.className = 'diagram-container diagram-widget';
+  // Preserve source for theme-change reload and virtual-scroll reactivation.
+  wrapper.dataset['widgetHtml'] = encoded;
+  if (widgetId) wrapper.dataset['widgetId'] = widgetId;
+
+  wrapper.appendChild(createDiagramZoomBtn());
+  wrapper.appendChild(createDiagramSaveBtn());
+  wrapper.appendChild(createDiagramCopyBtn());
+  const { iframe, nonce } = createWidgetIframe(htmlCode);
+  wrapper.appendChild(iframe);
+  bindWidgetZoom(wrapper);
+
+  pending.replaceWith(wrapper);
+
+  attachWidgetIframeLifecycle({
+    iframe,
+    nonce,
+    owner: wrapper,
+    onTimeout: () => {
+      wrapper.innerHTML = `<div class="diagram-error" role="alert">
+        Widget failed to load within 10 seconds.
+      </div>`;
+      console.warn('[jaw-diagram] Widget timeout — iframe deregistered');
+    },
   });
 }
 
@@ -457,20 +597,26 @@ function bindWidgetZoom(container: HTMLElement): void {
   btn.addEventListener('click', () => {
     const encoded = container.dataset['widgetHtml'];
     if (!encoded) return;
-    openWidgetOverlay(encoded);
+    const maxBytes = container.dataset['widgetId'] ? FILE_WIDGET_MAX_BYTES : INLINE_WIDGET_MAX_BYTES;
+    openWidgetOverlay(encoded, maxBytes);
   });
 }
 
-function decodeWidgetHtml(encoded: string): string {
-  if (encoded.length > 524_288) throw new Error('Widget payload too large');
-  return decodeURIComponent(escape(atob(encoded)));
+function encodeWidgetHtml(htmlCode: string): string {
+  return btoa(unescape(encodeURIComponent(htmlCode)));
+}
+
+function decodeWidgetHtml(encoded: string, maxBytes = INLINE_WIDGET_MAX_BYTES): string {
+  const htmlCode = decodeURIComponent(escape(atob(encoded)));
+  if (new TextEncoder().encode(htmlCode).length > maxBytes) throw new Error('Widget payload too large');
+  return htmlCode;
 }
 
-function openWidgetOverlay(encoded: string): void {
+function openWidgetOverlay(encoded: string, maxBytes = INLINE_WIDGET_MAX_BYTES): void {
   const previousFocus = document.activeElement as HTMLElement | null;
   let htmlCode: string;
   try {
-    htmlCode = decodeWidgetHtml(encoded);
+    htmlCode = decodeWidgetHtml(encoded, maxBytes);
   } catch {
     htmlCode = '';
   }
@@ -511,7 +657,7 @@ function openWidgetOverlay(encoded: string): void {
     }
   };
 
-  const validation = htmlCode ? validateWidgetHtml(htmlCode) : { valid: false, reason: 'Failed to decode widget content', warnings: [] };
+  const validation = htmlCode ? validateWidgetHtml(htmlCode, { maxBytes }) : { valid: false, reason: 'Failed to decode widget content', warnings: [] };
   if (!validation.valid) {
     content.innerHTML = `<div class="diagram-error" role="alert">Widget blocked: ${validation.reason}</div>`;
   } else {
@@ -588,11 +734,13 @@ function throttledResize(source: Window, height: number): void {
 // Also recreates iframes so baked-in chart colors update with new theme.
 export function broadcastThemeToIframes(): void {
   document.querySelectorAll('.diagram-widget').forEach(container => {
-    const encoded = (container as HTMLElement).dataset['widgetHtml'];
+    const containerEl = container as HTMLElement;
+    const encoded = containerEl.dataset['widgetHtml'];
     if (!encoded) return;
+    const maxBytes = containerEl.dataset['widgetId'] ? FILE_WIDGET_MAX_BYTES : INLINE_WIDGET_MAX_BYTES;
     let htmlCode: string;
     try {
-      htmlCode = decodeWidgetHtml(encoded);
+      htmlCode = decodeWidgetHtml(encoded, maxBytes);
     } catch { return; }
 
     // Deregister old iframe
@@ -603,7 +751,7 @@ export function broadcastThemeToIframes(): void {
     }
 
     // Bump generation to invalidate pending timeouts from activateWidgets
-    const cEl = container as HTMLElement;
+    const cEl = containerEl;
     cEl.dataset['gen'] = String((Number(cEl.dataset['gen'] || '0') || 0) + 1);
 
     // Recreate with fresh theme tokens
@@ -613,8 +761,8 @@ export function broadcastThemeToIframes(): void {
     container.appendChild(createDiagramSaveBtn());
     container.appendChild(createDiagramCopyBtn());
     container.appendChild(iframe);
-    bindWidgetZoom(container as HTMLElement);
-    attachWidgetIframeLifecycle({ iframe, nonce, owner: container as HTMLElement });
+    bindWidgetZoom(containerEl);
+    attachWidgetIframeLifecycle({ iframe, nonce, owner: containerEl });
   });
 }
 

package/public/js/diagram/widget-validator.ts

@@ -36,12 +36,26 @@ export interface ValidationResult {
   warnings: string[];
 }
 
-export function validateWidgetHtml(html: string): ValidationResult {
+const DEFAULT_MAX_BYTES = 524_288;
+
+function htmlByteLength(html: string): number {
+  return new TextEncoder().encode(html).length;
+}
+
+function formatMaxBytes(maxBytes: number): string {
+  if (maxBytes === DEFAULT_MAX_BYTES) return '512KB';
+  if (maxBytes % 1_048_576 === 0) return `${maxBytes / 1_048_576}MB`;
+  if (maxBytes % 1024 === 0) return `${maxBytes / 1024}KB`;
+  return `${maxBytes} bytes`;
+}
+
+export function validateWidgetHtml(html: string, opts: { maxBytes?: number } = {}): ValidationResult {
   const warnings: string[] = [];
+  const maxBytes = opts.maxBytes ?? DEFAULT_MAX_BYTES;
 
   // 1. Size cap (redundant with activateWidgets but defense-in-depth)
-  if (html.length > 524_288) {
-    return { valid: false, reason: 'Payload too large (>512KB)', warnings };
+  if (htmlByteLength(html) > maxBytes) {
+    return { valid: false, reason: `Payload too large (>${formatMaxBytes(maxBytes)})`, warnings };
   }
 
   // 2. External URL validation — only allowlisted CDN domains

package/public/js/features/chat-messages.ts

@@ -117,7 +117,11 @@ export function addMessage(role: string, text: string, cli?: string | null): HTM
         div.className = 'msg msg-agent';
         div.innerHTML = `<div class="agent-icon" aria-hidden="true">${getAgentIcon(cli)}</div><div class="agent-body"><div class="msg-content">${rendered}</div>${actions}</div>`;
     } else {
-        div.className = `msg msg-${role}`;
+        // Goal-continuation boundary rows stay .msg-user (the class is the
+        // run-boundary signal for hasFollowingUserMessage) but get a modifier
+        // class so they render as a slim marker, not a full user bubble.
+        const isGoalBoundary = role === 'user' && cli === 'goal_continuation';
+        div.className = `msg msg-${role}${isGoalBoundary ? ' msg-goal-boundary' : ''}`;
         div.innerHTML = `<div class="user-body"><div class="msg-label">${label}</div><div class="msg-content">${rendered}</div>${actions}</div><div class="user-icon" aria-hidden="true">${getUserAvatarMarkup()}</div>`;
     }
     const contentEl = div.querySelector('.msg-content');

package/public/js/features/chat-scroll.ts

@@ -215,14 +215,19 @@ export function scrollToBottom(force = false): void {
     ensureScrollTracking();
     if (!force && !userNearBottom) return;
     if (force) markFollowingBottom();
-    const vs = getVirtualScroll();
-    if (vs.active) {
-        vs.scrollToBottom();
-        return;
-    }
     if (scrollRAF) return;
     scrollRAF = requestAnimationFrame(() => {
         scrollRAF = null;
+        // Re-read VS state inside the frame: activation can flip between
+        // schedule and fire (threshold promotion). One rAF gate batches BOTH
+        // paths — streaming emits scrollToBottom per chunk/tool event, and the
+        // VS branch used to run virtualizer.scrollToIndex + scrollTop reads
+        // synchronously per call (devlog 260705_frontend_perf H1).
+        const vs = getVirtualScroll();
+        if (vs.active) {
+            vs.scrollToBottom();
+            return;
+        }
         const c = document.getElementById('chatMessages');
         if (c) c.scrollTop = c.scrollHeight;
     });

package/public/js/features/chat.ts

@@ -36,7 +36,7 @@ interface CommandResult {
     recovery?: UnknownCommandRecovery;
 }
 interface MessageResult { queued?: boolean; pending?: number; continued?: boolean; noPendingContinue?: boolean; error?: string; queuedId?: string; }
-type MessagePostResult = { ok: boolean; status: number; data: MessageResult };
+type MessagePostResult = { ok: boolean; status: number; data: MessageResult; viaRelay?: boolean };
 type PreviewSendRelayResult = MessagePostResult & {
     type?: unknown;
     requestId?: unknown;
@@ -85,6 +85,7 @@ function sendPreviewMessageViaParent(prompt: string): Promise<MessagePostResult
                 ok: !!data.ok,
                 status: Number.isInteger(data.status) ? data.status : (data.ok ? 200 : 502),
                 data: data.data || (data.error ? { error: data.error } : {}),
+                viaRelay: true,
             });
         };
         const timeout = window.setTimeout(() => settle(null), PREVIEW_SEND_RELAY_TIMEOUT_MS);
@@ -335,6 +336,13 @@ export async function sendMessage(source: SendSource = 'enter'): Promise<void> {
                 // bubble when the message actually starts running.
                 const { updateQueueBadge } = await import('../ui.js');
                 updateQueueBadge(data.pending || 1);
+            } else if (result.viaRelay) {
+                // Preview relay: the manager POSTs with external:true, so the
+                // SSE new_message handler renders this bubble. Rendering here
+                // too would duplicate it (devlog 260705).
+                upsertMessage({ role: 'user', content: text, timestamp: Date.now() });
+                if (data.continued) addSystemMsg(t('chat.continue'));
+                reconcileChatBottomAfterLayout(true);
             } else if (data.noPendingContinue) {
                 // No system copy here: orchestrateContinue() emits the single
                 // user-facing no-pending response through orchestrate_done.

package/public/js/features/elicitation.ts

@@ -7,6 +7,7 @@ import {
     type NormalizedQuestion,
     type NormalizedSpec,
 } from './elicitation-state.js';
+import { escapeHtml } from '../render/html.js';
 
 type ElicitationKind = 'elicitation' | 'choice-buttons';
 
@@ -36,11 +37,6 @@ function escapeAttr(value: string): string {
     return value.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
 }
 
-function escapeHtml(value: string): string {
-    return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;').replace(/'/g, '&#39;');
-}
-
 export function renderElicitationPlaceholder(raw: string, kind: ElicitationKind): string {
     const encoded = encodeURIComponent(raw);
     return `<div class="elicitation-pending" data-elicitation-kind="${escapeAttr(kind)}" data-elicitation-spec="${escapeAttr(encoded)}" role="status" aria-label="Structured question loading">

package/public/js/features/message-item-html.ts

@@ -27,8 +27,10 @@ export function buildLazyVirtualMessageItem(m: MessageItem, index: number): Virt
     const toolAttr = rawToolLog ? ` data-tool-log="${rawToolLog}"` : '';
     const contentHtml = `<div class="msg-content lazy-pending" data-raw="${escapeHtml(rawContent)}"></div>`;
     const actions = renderMessageActionsHtml();
+    // Keep .msg-user for boundary semantics; modifier slims the visual (see chat-messages.ts).
+    const goalBoundaryClass = role === 'user' && m.cli === 'goal_continuation' ? ' msg-goal-boundary' : '';
     const html = role === 'agent'
         ? `<div class="msg msg-agent" ${sourceAttrs}><div class="agent-icon" aria-hidden="true">${getAgentIcon(m.cli)}</div><div class="agent-body"${toolAttr}>${contentHtml}${actions}</div></div>`
-        : `<div class="msg msg-${role}" ${sourceAttrs}><div class="user-body"><div class="msg-label">${label}</div>${contentHtml}${actions}</div><div class="user-icon" aria-hidden="true">${getUserAvatarMarkup()}</div></div>`;
+        : `<div class="msg msg-${role}${goalBoundaryClass}" ${sourceAttrs}><div class="user-body"><div class="msg-label">${label}</div>${contentHtml}${actions}</div><div class="user-icon" aria-hidden="true">${getUserAvatarMarkup()}</div></div>`;
     return { id: generateId(), html, height: 80, rehydratesProcessDetails: Boolean(rawToolLog) };
 }

package/public/js/features/process-block.ts

@@ -334,7 +334,7 @@ function renderStep(step: ProcessStep): string {
 function renderOmittedStepSummary(count: number): string {
     // Clickable: reveals the elided middle (data is in pb.steps). Default-collapsed for
     // DOM/memory safety; expanding is an explicit opt-in (devlog 260620 Phase 4).
-    return `<button type="button" class="process-step process-step-omitted" data-expand-steps>
+    return `<button type="button" class="process-step process-step-omitted" data-expand-steps data-omitted-count="${count}">
         <span class="process-step-snippet">Show ${count} hidden tool step${count === 1 ? '' : 's'}</span>
     </button>`;
 }
@@ -545,13 +545,56 @@ export function createProcessBlock(parentEl: HTMLElement): ProcessBlockState {
     return state;
 }
 
+// Incremental append support for the elided regime (devlog 260705_frontend_perf H2).
+// Past PROCESS_BLOCK_MAX_RENDERED_STEPS the tail window shifts on EVERY append, so a
+// full renderSteps() per event was O(steps^2) over a long run. Instead: append the new
+// tail step, evict the one step that exits the tail window (kept if running/error, the
+// same exception visibleStepIndexes makes), and patch the omitted-button count.
+function updateOmittedButtonCount(btn: HTMLElement, count: number): void {
+    btn.setAttribute('data-omitted-count', String(count));
+    const snippet = btn.querySelector('.process-step-snippet');
+    if (snippet) snippet.textContent = `Show ${count} hidden tool step${count === 1 ? '' : 's'}`;
+}
+
+function evictExitingTailStep(pb: ProcessBlockState, inner: Element): void {
+    const len = pb.steps.length;
+    const exitIdx = len - 1 - PROCESS_BLOCK_TAIL_STEPS;
+    if (exitIdx < PROCESS_BLOCK_HEAD_STEPS) return;
+    const exiting = pb.steps[exitIdx];
+    if (!exiting || exiting.status === 'running' || exiting.status === 'error') return;
+    const el = inner.querySelector(`[data-step-id="${exiting.id}"]`);
+    if (!el) return; // already elided (e.g. mid-list step evicted earlier)
+    const prev = el.previousElementSibling as HTMLElement | null;
+    if (prev && prev.hasAttribute('data-expand-steps')) {
+        updateOmittedButtonCount(prev, Number(prev.getAttribute('data-omitted-count') || '0') + 1);
+        el.remove();
+    } else {
+        // Exiting step is not adjacent to an omitted segment (a kept-visible
+        // running/error step precedes it) — start a new omitted segment here.
+        const temp = document.createElement('div');
+        temp.innerHTML = renderOmittedStepSummary(1);
+        const marker = temp.firstElementChild;
+        if (marker) el.replaceWith(marker);
+    }
+}
+
 export function addStep(pb: ProcessBlockState, step: ProcessStep): void {
     const compactStep = compactProcessStepForStorage(step);
     pb.steps.push(compactStep);
     const inner = pb.element.querySelector('.process-steps-inner');
     if (inner) {
-        if (pb.steps.length > PROCESS_BLOCK_MAX_RENDERED_STEPS) inner.innerHTML = renderSteps(pb.steps, pb.expandedSteps);
-        else inner.insertAdjacentHTML('beforeend', renderStep(compactStep));
+        if (pb.steps.length === PROCESS_BLOCK_MAX_RENDERED_STEPS + 1 && !pb.expandedSteps) {
+            // First append past the cap: one full render establishes the
+            // head / omitted-button / tail structure the incremental path patches.
+            inner.innerHTML = renderSteps(pb.steps, pb.expandedSteps);
+        } else if (pb.steps.length > PROCESS_BLOCK_MAX_RENDERED_STEPS && !pb.expandedSteps) {
+            inner.insertAdjacentHTML('beforeend', renderStep(compactStep));
+            evictExitingTailStep(pb, inner);
+        } else {
+            // Short block, or user-expanded long block: plain append keeps
+            // every step visible (no elision to maintain).
+            inner.insertAdjacentHTML('beforeend', renderStep(compactStep));
+        }
     }
     updateProcessBlockDetailIndex(pb);
     updateSummary(pb);

package/public/js/features/settings-mcp.ts

@@ -43,7 +43,7 @@ export async function loadMcpServers(): Promise<void> {
             return `<div style="padding:2px 0">• <b>${escapeHtml(n)}</b> <span style="opacity:.6">${detail}</span>${tagHtml}</div>`;
         }).join('');
         updateBundleLabel(countBundleCandidates(d.servers));
-    } catch { }
+    } catch { } // best-effort: MCP list render is non-critical UI
 }
 
 function updateBundleLabel(n: number): void {

package/public/js/locale.ts

@@ -8,7 +8,7 @@ export function getPreferredLocale(): string {
             const saved = localStorage.getItem(key);
             if (saved) return saved;
         }
-    } catch { }
+    } catch { } // best-effort: localStorage may be unavailable (private mode)
     return navigator.language || 'ko';
 }
 
@@ -19,7 +19,7 @@ export function syncStoredLocale(locale: string): void {
         for (const key of LOCALE_KEYS) {
             localStorage.setItem(key, value);
         }
-    } catch { }
+    } catch { } // best-effort: localStorage may be unavailable (private mode)
 }
 
 // ── Translation Map ──