@bryanhu/codexly 0.40.0 → 0.41.0

package/dist/web/assets/{xychartDiagram-ELKLHX3M-Cyq1aXDR.js → xychartDiagram-ELKLHX3M-CWXlmFCE.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-Y2CYZVJY-DsF7k-Jl.js";import{m as t}from"./src-BY_WSiz7.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-I66GZJ75-DQ6xf6w7.js";import{t as m}from"./linear-CExu3jxD.js";import{t as h}from"./ordinal-BDEzSJ7C.js";import{t as g}from"./init-C-OQMol4.js";import{i as _}from"./chunk-NSK5VX7P-CWtmfyNT.js";import{t as v}from"./line-CxzJiGLl.js";import"./chunk-4I5QYGJK-CFTW6BjH.js";import{t as y}from"./chunk-WRU74C26-COKHzxBn.js";import{a as b}from"./dist-DKGpvUu3.js";function x(e,t,n){e=+e,t=+t,n=(i=arguments.length)<2?(t=e,e=0,1):i<3?1:+n;for(var r=-1,i=Math.max(0,Math.ceil((t-e)/n))|0,a=Array(i);++r<i;)a[r]=e+r*n;return a}function S(){var e=h().unknown(void 0),t=e.domain,n=e.range,r=0,i=1,a,o,s=!1,c=0,l=0,u=.5;delete e.unknown;function d(){var e=t().length,d=i<r,f=d?i:r,p=d?r:i;a=(p-f)/Math.max(1,e-c+l*2),s&&(a=Math.floor(a)),f+=(p-f-a*(e-c))*u,o=a*(1-c),s&&(f=Math.round(f),o=Math.round(o));var m=x(e).map(function(e){return f+a*e});return n(d?m.reverse():m)}return e.domain=function(e){return arguments.length?(t(e),d()):t()},e.range=function(e){return arguments.length?([r,i]=e,r=+r,i=+i,d()):[r,i]},e.rangeRound=function(e){return[r,i]=e,r=+r,i=+i,s=!0,d()},e.bandwidth=function(){return o},e.step=function(){return a},e.round=function(e){return arguments.length?(s=!!e,d()):s},e.padding=function(e){return arguments.length?(c=Math.min(1,l=+e),d()):c},e.paddingInner=function(e){return arguments.length?(c=Math.min(1,e),d()):c},e.paddingOuter=function(e){return arguments.length?(l=+e,d()):l},e.align=function(e){return arguments.length?(u=Math.max(0,Math.min(1,e)),d()):u},e.copy=function(){return S(t(),[r,i]).round(s).paddingInner(c).paddingOuter(l).align(u)},g.apply(d(),arguments)}var C=(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,36,37,38],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,36,37,38],E=[1,10,12,14,16,18,19,21,23,24,26,28,29,36,37,38],D=[1,10,12,14,16,18,19,21,23,24,26,28,29,36,37,38,42,43,44,45,46,47,48,49,50,51],O=[1,65],k=[26,28],A={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,dataPoints:25,SQUARE_BRACES_END:26,dataPoint:27,COMMA:28,NUMBER_WITH_DECIMAL:29,STR:30,xAxisData:31,bandData:32,ARROW_DELIMITER:33,commaSeparatedTexts:34,yAxisData:35,NEWLINE:36,SEMI:37,EOF:38,alphaNum:39,MD_STR:40,alphaNumToken:41,AMP:42,NUM:43,ALPHA:44,PLUS:45,EQUALS:46,MULT:47,DOT:48,BRKT:49,MINUS:50,UNDERSCORE:51,$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`,28:`COMMA`,29:`NUMBER_WITH_DECIMAL`,30:`STR`,33:`ARROW_DELIMITER`,36:`NEWLINE`,37:`SEMI`,38:`EOF`,40:`MD_STR`,42:`AMP`,43:`NUM`,44:`ALPHA`,45:`PLUS`,46:`EQUALS`,47:`MULT`,48:`DOT`,49:`BRKT`,50:`MINUS`,51:`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],[27,2],[27,1],[13,1],[13,2],[13,1],[31,1],[31,3],[32,3],[34,3],[34,1],[15,1],[15,2],[15,1],[35,3],[4,1],[4,1],[4,1],[11,1],[11,1],[11,1],[39,1],[39,2],[41,1],[41,1],[41,1],[41,1],[41,1],[41,1],[41,1],[41,1],[41,1],[41,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:case 30:this.$=[a[s-2],...a[s]];break;case 21:case 31:this.$=[a[s]];break;case 22:this.$={value:Number(a[s-1]),label:a[s]};break;case 23:this.$={value:Number(a[s]),label:``};break;case 24:r.setXAxisTitle(a[s]);break;case 25:r.setXAxisTitle(a[s-1]);break;case 26:r.setXAxisTitle({type:`text`,text:``});break;case 27:r.setXAxisBand(a[s]);break;case 28:r.setXAxisRangeData(Number(a[s-2]),Number(a[s]));break;case 29:this.$=a[s-1];break;case 32:r.setYAxisTitle(a[s]);break;case 33:r.setYAxisTitle(a[s-1]);break;case 34:r.setYAxisTitle({type:`text`,text:``});break;case 35:r.setYAxisRangeData(Number(a[s-2]),Number(a[s]));break;case 39:this.$={text:a[s],type:`text`};break;case 40:this.$={text:a[s],type:`text`};break;case 41:this.$={text:a[s],type:`markdown`};break;case 42:this.$=a[s];break;case 43:this.$=a[s-1]+``+a[s]}},`anonymous`),table:[t(n,r,{3:1,4:2,7:4,5:i,36:a,37:o,38:s}),{1:[3]},t(n,r,{4:2,7:4,3:8,5:i,36:a,37:o,38:s}),t(n,r,{4:2,7:4,6:9,3:10,5:i,8:[1,11],36:a,37:o,38: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,36]),t(c,[2,37]),t(c,[2,38]),{1:[2,1]},t(n,r,{4:2,7:4,3:21,5:i,36:a,37:o,38:s}),{1:[2,3]},t(c,[2,5]),t(n,[2,7],{4:22,36:a,37:o,38:s}),{11:23,30:l,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},{11:39,13:38,24:x,29:S,30:l,31:40,32:41,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},{11:45,15:44,29:C,30:l,35:46,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},{11:49,17:48,24:w,30:l,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},{11:52,17:51,24:w,30:l,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51: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,39],{41:55,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b}),t(E,[2,40]),t(E,[2,41]),t(D,[2,42]),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(D,[2,52]),t(D,[2,53]),t(T,[2,10]),t(T,[2,24],{32:41,31:56,24:x,29:S}),t(T,[2,26]),t(T,[2,27]),{33:[1,57]},{11:59,30:l,34:58,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},t(T,[2,11]),t(T,[2,32],{35:60,29:C}),t(T,[2,34]),{33:[1,61]},t(T,[2,12]),{17:62,24:w},{25:63,27:64,29:O},t(T,[2,14]),{17:66,24:w},t(T,[2,16]),t(T,[2,17]),t(D,[2,43]),t(T,[2,25]),{29:[1,67]},{26:[1,68]},{26:[2,31],28:[1,69]},t(T,[2,33]),{29:[1,70]},t(T,[2,13]),{26:[1,71]},{26:[2,21],28:[1,72]},t(k,[2,23],{30:[1,73]}),t(T,[2,15]),t(T,[2,28]),t(T,[2,29]),{11:59,30:l,34:74,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},t(T,[2,35]),t(T,[2,19]),{25:75,27:64,29:O},t(k,[2,22]),{26:[2,30]},{26:[2,20]}],defaultActions:{8:[2,1],10:[2,3],21:[2,2],74:[2,30],75:[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;this.parseError=typeof g.yy.parseError==`function`?g.yy.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}from"./chunk-Y2CYZVJY-DsF7k-Jl.js";import{m as t}from"./src-BY_WSiz7.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-I66GZJ75-DQ6xf6w7.js";import{t as m}from"./linear-CExu3jxD.js";import{t as h}from"./ordinal-BDEzSJ7C.js";import{t as g}from"./init-C-OQMol4.js";import{i as _}from"./chunk-NSK5VX7P-CWtmfyNT.js";import{t as v}from"./line-CxzJiGLl.js";import"./chunk-4I5QYGJK-CFTW6BjH.js";import{t as y}from"./chunk-WRU74C26-COKHzxBn.js";import{a as b}from"./dist-AuPj8SgL.js";function x(e,t,n){e=+e,t=+t,n=(i=arguments.length)<2?(t=e,e=0,1):i<3?1:+n;for(var r=-1,i=Math.max(0,Math.ceil((t-e)/n))|0,a=Array(i);++r<i;)a[r]=e+r*n;return a}function S(){var e=h().unknown(void 0),t=e.domain,n=e.range,r=0,i=1,a,o,s=!1,c=0,l=0,u=.5;delete e.unknown;function d(){var e=t().length,d=i<r,f=d?i:r,p=d?r:i;a=(p-f)/Math.max(1,e-c+l*2),s&&(a=Math.floor(a)),f+=(p-f-a*(e-c))*u,o=a*(1-c),s&&(f=Math.round(f),o=Math.round(o));var m=x(e).map(function(e){return f+a*e});return n(d?m.reverse():m)}return e.domain=function(e){return arguments.length?(t(e),d()):t()},e.range=function(e){return arguments.length?([r,i]=e,r=+r,i=+i,d()):[r,i]},e.rangeRound=function(e){return[r,i]=e,r=+r,i=+i,s=!0,d()},e.bandwidth=function(){return o},e.step=function(){return a},e.round=function(e){return arguments.length?(s=!!e,d()):s},e.padding=function(e){return arguments.length?(c=Math.min(1,l=+e),d()):c},e.paddingInner=function(e){return arguments.length?(c=Math.min(1,e),d()):c},e.paddingOuter=function(e){return arguments.length?(l=+e,d()):l},e.align=function(e){return arguments.length?(u=Math.max(0,Math.min(1,e)),d()):u},e.copy=function(){return S(t(),[r,i]).round(s).paddingInner(c).paddingOuter(l).align(u)},g.apply(d(),arguments)}var C=(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,36,37,38],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,36,37,38],E=[1,10,12,14,16,18,19,21,23,24,26,28,29,36,37,38],D=[1,10,12,14,16,18,19,21,23,24,26,28,29,36,37,38,42,43,44,45,46,47,48,49,50,51],O=[1,65],k=[26,28],A={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,dataPoints:25,SQUARE_BRACES_END:26,dataPoint:27,COMMA:28,NUMBER_WITH_DECIMAL:29,STR:30,xAxisData:31,bandData:32,ARROW_DELIMITER:33,commaSeparatedTexts:34,yAxisData:35,NEWLINE:36,SEMI:37,EOF:38,alphaNum:39,MD_STR:40,alphaNumToken:41,AMP:42,NUM:43,ALPHA:44,PLUS:45,EQUALS:46,MULT:47,DOT:48,BRKT:49,MINUS:50,UNDERSCORE:51,$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`,28:`COMMA`,29:`NUMBER_WITH_DECIMAL`,30:`STR`,33:`ARROW_DELIMITER`,36:`NEWLINE`,37:`SEMI`,38:`EOF`,40:`MD_STR`,42:`AMP`,43:`NUM`,44:`ALPHA`,45:`PLUS`,46:`EQUALS`,47:`MULT`,48:`DOT`,49:`BRKT`,50:`MINUS`,51:`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],[27,2],[27,1],[13,1],[13,2],[13,1],[31,1],[31,3],[32,3],[34,3],[34,1],[15,1],[15,2],[15,1],[35,3],[4,1],[4,1],[4,1],[11,1],[11,1],[11,1],[39,1],[39,2],[41,1],[41,1],[41,1],[41,1],[41,1],[41,1],[41,1],[41,1],[41,1],[41,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:case 30:this.$=[a[s-2],...a[s]];break;case 21:case 31:this.$=[a[s]];break;case 22:this.$={value:Number(a[s-1]),label:a[s]};break;case 23:this.$={value:Number(a[s]),label:``};break;case 24:r.setXAxisTitle(a[s]);break;case 25:r.setXAxisTitle(a[s-1]);break;case 26:r.setXAxisTitle({type:`text`,text:``});break;case 27:r.setXAxisBand(a[s]);break;case 28:r.setXAxisRangeData(Number(a[s-2]),Number(a[s]));break;case 29:this.$=a[s-1];break;case 32:r.setYAxisTitle(a[s]);break;case 33:r.setYAxisTitle(a[s-1]);break;case 34:r.setYAxisTitle({type:`text`,text:``});break;case 35:r.setYAxisRangeData(Number(a[s-2]),Number(a[s]));break;case 39:this.$={text:a[s],type:`text`};break;case 40:this.$={text:a[s],type:`text`};break;case 41:this.$={text:a[s],type:`markdown`};break;case 42:this.$=a[s];break;case 43:this.$=a[s-1]+``+a[s]}},`anonymous`),table:[t(n,r,{3:1,4:2,7:4,5:i,36:a,37:o,38:s}),{1:[3]},t(n,r,{4:2,7:4,3:8,5:i,36:a,37:o,38:s}),t(n,r,{4:2,7:4,6:9,3:10,5:i,8:[1,11],36:a,37:o,38: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,36]),t(c,[2,37]),t(c,[2,38]),{1:[2,1]},t(n,r,{4:2,7:4,3:21,5:i,36:a,37:o,38:s}),{1:[2,3]},t(c,[2,5]),t(n,[2,7],{4:22,36:a,37:o,38:s}),{11:23,30:l,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},{11:39,13:38,24:x,29:S,30:l,31:40,32:41,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},{11:45,15:44,29:C,30:l,35:46,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},{11:49,17:48,24:w,30:l,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},{11:52,17:51,24:w,30:l,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51: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,39],{41:55,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b}),t(E,[2,40]),t(E,[2,41]),t(D,[2,42]),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(D,[2,52]),t(D,[2,53]),t(T,[2,10]),t(T,[2,24],{32:41,31:56,24:x,29:S}),t(T,[2,26]),t(T,[2,27]),{33:[1,57]},{11:59,30:l,34:58,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},t(T,[2,11]),t(T,[2,32],{35:60,29:C}),t(T,[2,34]),{33:[1,61]},t(T,[2,12]),{17:62,24:w},{25:63,27:64,29:O},t(T,[2,14]),{17:66,24:w},t(T,[2,16]),t(T,[2,17]),t(D,[2,43]),t(T,[2,25]),{29:[1,67]},{26:[1,68]},{26:[2,31],28:[1,69]},t(T,[2,33]),{29:[1,70]},t(T,[2,13]),{26:[1,71]},{26:[2,21],28:[1,72]},t(k,[2,23],{30:[1,73]}),t(T,[2,15]),t(T,[2,28]),t(T,[2,29]),{11:59,30:l,34:74,39:24,40:u,41:27,42:d,43:f,44:p,45:m,46:h,47:g,48:_,49:v,50:y,51:b},t(T,[2,35]),t(T,[2,19]),{25:75,27:64,29:O},t(k,[2,22]),{26:[2,30]},{26:[2,20]}],defaultActions:{8:[2,1],10:[2,3],21:[2,2],74:[2,30],75:[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;this.parseError=typeof g.yy.parseError==`function`?g.yy.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`)};A.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/dist/web/index.html

@@ -7,21 +7,21 @@
     <meta name="theme-color" content="#181818" media="(prefers-color-scheme: dark)" />
     <link rel="icon" href="/favicon.svg?v=4" type="image/svg+xml" />
     <title>Codexly</title>
-    <script type="module" crossorigin src="/assets/index-BUna2uyD.js"></script>
+    <script type="module" crossorigin src="/assets/index-CE2J7Z4y.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-B0Z9INg1.js">
     <link rel="modulepreload" crossorigin href="/assets/initial-deps-CqwWvUnY.js">
     <link rel="modulepreload" crossorigin href="/assets/react-runtime-CMZHB3u8.js">
     <link rel="modulepreload" crossorigin href="/assets/initial-deps-CG4ykI_P.js">
     <link rel="modulepreload" crossorigin href="/assets/initial-deps-D0opk7c-.js">
-    <link rel="modulepreload" crossorigin href="/assets/initial-deps-DNAUCF1H.js">
-    <link rel="modulepreload" crossorigin href="/assets/initial-deps-DZ-sH4cr.js">
-    <link rel="modulepreload" crossorigin href="/assets/initial-deps-BeVJyoJH.js">
-    <link rel="modulepreload" crossorigin href="/assets/initial-deps-CRaxZAOH.js">
-    <link rel="modulepreload" crossorigin href="/assets/scheduled-task-floating-ui~index~workbench-shell~workbench-inspector-changes~project-source~dp1dands-ClgveiMa.js">
+    <link rel="modulepreload" crossorigin href="/assets/initial-deps-DgzPJEbl.js">
+    <link rel="modulepreload" crossorigin href="/assets/initial-deps-DBOKk1z5.js">
+    <link rel="modulepreload" crossorigin href="/assets/initial-deps-cK7Q2EcP.js">
+    <link rel="modulepreload" crossorigin href="/assets/initial-deps-ZpffyCug.js">
+    <link rel="modulepreload" crossorigin href="/assets/scheduled-task-floating-ui~index~workbench-shell~workbench-inspector-changes~project-source~b4s77zfd-ClgveiMa.js">
     <link rel="modulepreload" crossorigin href="/assets/initial-deps-DFOart6r.js">
-    <link rel="modulepreload" crossorigin href="/assets/initial-deps-CilSILfP.js">
-    <link rel="modulepreload" crossorigin href="/assets/initial-deps-CyMAtgCd.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-CB0Jmx2g.css">
+    <link rel="modulepreload" crossorigin href="/assets/initial-deps-YY1DxiPl.js">
+    <link rel="modulepreload" crossorigin href="/assets/initial-deps-DGiIFgQX.js">
+    <link rel="stylesheet" crossorigin href="/assets/index-DNMb0zwW.css">
   </head>
   <body>
     <div id="root"></div>

package/docs/README.md

@@ -15,8 +15,10 @@ Codexly 支持 Codex 与 Claude，提供桌面应用、电脑 Web 和移动浏
 
 ## 日常使用
 
-- [工作台使用](usage.md) · [Workspace guide](usage.en.md)：项目、任务、队列、分屏、文件、扩展与定时任务。
+- [工作台使用](usage.md) · [Workspace guide](usage.en.md)：任务时间线、通知、常用提示词、队列、分屏、文件、扩展与定时任务。
+- [用量统计](usage-statistics.md)：双引擎 Token 用量、年度热力图、统计口径与验证。
 - [Git 操作](git-workflow.md)：差异审阅、提交、远端同步、分支与 worktree，含英文说明。
+- [聊天与文件工作区](document-workspace.md)：中栏标签、聊天对照、移动视图与设计依据。
 - [文本编辑](text-file-editing.md)：保存、文件限制与冲突处理。
 - [全局搜索](global-search.md)：项目、任务、消息与文件搜索。
 - [常见问题](faq.md)：本地数据、跨端使用、连接失败与更新。

package/docs/document-workspace.md

@@ -0,0 +1,49 @@
+# 聊天与文件工作区设计
+
+本方案面向在 AI 对话、项目文件与代码变更之间反复核对的用户。文件内容进入中栏，导航列表保留原位，避免每打开一个文件就丢失文件树或变更列表。
+
+## 布局与选择依据
+
+| 区域 | 职责                                            | 打开内容后的行为                     |
+| ---- | ----------------------------------------------- | ------------------------------------ |
+| 左栏 | 项目、任务与搜索入口                            | 保留任务导航，文件交给聚焦任务       |
+| 中栏 | 聊天、源码、图片、PDF、Diff、批量审核、提交详情 | 使用独立、可关闭的文档标签；聊天常驻 |
+| 右栏 | 项目文件树、变更列表、提交历史、运行上下文      | 点击条目后保留原来的导航标签与列表   |
+
+采用中央内容标签而非继续扩充右栏，是因为文件与差异需要主要阅读空间；文件树和变更列表需要在阅读时持续可用。聊天仍是默认入口，纯聊天用户无需选择文件或调整布局。
+
+视觉沿用项目语义色：内容白色 `#ffffff` / 深色 `#181818`、主强调蓝 `#006aff` / `#339cff`，边界使用已有低对比度分隔线。标签采用现有系统字体，源码沿用等宽字体；不引入新字体下载、动画库或工作台框架。选中标签使用与右栏一致的低对比度灰色底，无强调下划线；桌面标签栏高 28px，只有聊天时完全隐藏。文件类型图标区分源码、图片和变更，完整路径通过悬停查看。
+
+## 实际操作
+
+1. 点击文件树、搜索结果或消息中的文件引用，内容在当前任务的中栏标签打开。
+2. 点击「聊天」返回会话，草稿和聊天 DOM 状态保留。
+3. 在文件标签工具栏选择「与聊天左右对照」或「与聊天上下对照」，同时阅读聊天和文件。拖动分割线调整比例，方向键微调，双击恢复等分。
+4. 再次点击已选中的对照按钮恢复单栏；最右侧聚焦按钮可回到聊天并退出对照，保留文件标签。左右对照、上下对照和聚焦按钮均提供 Tooltip，并固定在标签栏右侧；只有左侧标签区域滚动。回到聊天时按钮区仍保留，对照按钮暂时置灰。关闭当前文件优先选择相邻标签，最后一个关闭后返回聊天。
+5. 标签栏支持左右方向键、Home、End、Delete 与鼠标中键关闭；标签过多时可用鼠标滚轮、触控板横滑或触摸滑动浏览，不额外显示下拉菜单。点击或切换标签后自动居中显示完整标签（包含关闭按钮），栏宽改变后重新定位。
+
+现有任务分屏仍支持最多四个任务。每个任务有自己的标签和对照状态，右栏跟随当前聚焦任务。从侧栏、搜索或通知导航到任务时自动回到聊天，保留已打开的文件标签；普通点击分屏内的文件区域只切换焦点，不重置文档。任务分屏与聊天/文件对照是两种不同操作：前者处理多个任务，后者核对一个任务的内容。当前不提供文件标签跨任务拖移、任意文件对文件分组或重启后的标签恢复。
+
+手机及触摸设备保持单组标签，打开文件自动收起覆盖内容的侧栏；不展示对照入口。桌面缩小再恢复时，对照方向仍保留。
+
+## 状态、安全与性能边界
+
+- 两端共用文档状态、标签、对照布局、快捷键和分割线，只保留客户端与文件查看器的宿主适配。
+- 标签只保存资源描述。只有当前文档挂载查看器，后台标签不挂载图片、PDF、代码高亮或 Diff。
+- 聊天使用 React `Activity` 保留状态，隐藏时暂停界面副作用；任务运行时位于边界外，继续接收事件。
+- 文本复用已有带容量预算的编辑会话缓存、撤销和滚动快照。切换与关闭等待保存；保存失败保留文件和草稿。迟到的保存不能恢复已离开的工作目录。
+- 文件树、搜索与消息的路径按项目和根目录统一身份，重复打开复用标签；不同工作树相同相对路径隔离。
+- 拖动只写布局 CSS 变量，释放指针后才更新分割线语义状态，不逐帧刷新聊天和编辑器。
+- 当前标签与布局只在本窗口生命周期内保留；不将文件内容复制到布局状态或持久存储。
+
+## 官方参考
+
+- [VS Code：用户界面、标签与编辑器组](https://code.visualstudio.com/docs/getstarted/userinterface)：导航与主要内容分区，活动编辑器接收新文件，支持并排阅读。
+- [JetBrains：Editor basics](https://www.jetbrains.com/help/idea/using-code-editor.html)：文档标签、预览标签、拆分和键盘切换。本实现使用显式文档标签，避免连续浏览时替换用户正在编辑的内容。
+- [React：Activity](https://react.dev/reference/react/Activity)：保留隐藏界面状态并清理其副作用。
+
+## 验证入口
+
+共享状态与资源身份见 `packages/frontend-core/src/document-*.test.ts`。真实 Chromium / WebKit 的草稿、保存保护和挂载数量验证见 `desktop/src/shared/components/core/document-workspace.browser.test.tsx`。完整 Web、移动与多任务分屏流程见 `tests/e2e/app-shell-document-workspace.spec.ts`。
+
+这些验证检查资源生命周期、布局与行为，不代表真实大型项目、所有操作系统上的帧率或内存峰值基准。

package/docs/local-catalog.md

@@ -48,6 +48,14 @@ Node 使用 [os.homedir()](https://nodejs.org/api/os.html#oshomedir)，桌面端
 
 Codex 适配边界负责翻译请求、响应、通知和审批请求中的任务引用。正文、工具文本和回合 ID 保持原值；不同 provider 的 session ID 不共享映射。适配器只为 Codex 任务执行请求，其他 provider 必须接入自己的执行适配器。
 
+### 任务标题与首条消息预览
+
+正式名称与首条输入预览独立保存。首次向未命名的 Codex 任务发送请求时，两端先持久化首个非空输入行（最多 1024 个 Unicode 字符），无正文时使用技能或附件名称。预览只写一次，后续消息不改写它，也不改变任务排序时间。列表、固定任务、详情和搜索按“正式名称 → 持久预览 → 新聊天”显示；预览不能冒充引擎协议的 `name`，因此自动标题成功后仍能替换预览，手动改名仍保持优先。
+
+Web 与桌面共用 `local-catalog-schema.json` 中的 `previewSql`，通过独立的 `managed_task_previews` 表保存预览，删除任务时由外键一并清理。建表是幂等增量操作，兼容任一端先升级；不改变既有任务表的列顺序或管理字段。
+
+旧版本遗留的空标题任务在打开本地仓储时恢复：仅针对已有 Codex 会话绑定、正式名称和持久预览都缺失的记录，以只读方式按 session ID 查询原生索引中的有界预览。基线索引为 `state_5.sqlite`，目录使用 `CODEX_SQLITE_HOME`、`CODEX_HOME` 或默认 `~/.codex`；源索引缺失、占用或不兼容时保留离线目录能力，下次打开重试。恢复不导入或复活任务，不读取完整会话、不调用模型、不更改正式名称、排序、置顶或归档状态。正常列表读取不轮询执行引擎。
+
 ## 首次迁移
 
 1. 读取原目录、活动任务、归档任务以及既有 Web 项目记录。仅首次导入需要上游列表接口。
@@ -68,6 +76,7 @@ Codex 适配边界负责翻译请求、响应、通知和审批请求中的任
 ## 验证
 
 - `packages/server/src/local-catalog*.test.ts`：持久化、稳定分页、目录唯一性、迁移拆分与回滚、身份映射，以及引擎离线时的 HTTP 管理全流程。
+- `local-catalog-preview.test.ts`、`local-catalog-title-restart.test.ts` 与 Rust `local_catalog::preview_tests`：自动标题成功、失败和取消后的重启恢复，旧仓储升级补齐，以及正式名称、归档和排序保持。
 - Rust `local_catalog` 测试：本地生命周期、创建空任务不发送 RPC、执行请求与通知身份转换。
 - 单文件夹协议测试和共享选择器回归：拒绝多个根，不丢弃用户输入中的额外根后继续创建。
 - 两端运行完整测试、类型检查、静态检查及构建；浏览器验证通过 chrome-devtools-mcp 连接运行中的 Chrome。

package/docs/usage-statistics.md

@@ -0,0 +1,51 @@
+# 用量统计
+
+在 **设置 → 用量统计** 查看 Codex 与 Claude 的实际 Token 用量。Web、移动浏览器与桌面共用页面；同一台主机上的 Web 和桌面共用 `~/.codexly/state.sqlite3`，不会因切换客户端重复累计。
+
+## 页面
+
+- 年度热力图：颜色表示当天已记录的总 Token 数，可切换年份和引擎。
+- 总量、活跃天数与单日峰值采用等宽等高概览卡片；月度趋势与引擎占比保持统一边界与间距。
+- 点击热力图或使用图内日期选择器查看当天任务，按用量展示前 50 项；有实际分类或已选日期时才展开明细区。
+- 统计口径收在默认折叠的“统计说明”中。仅在引擎实际提供分类字段时展示明细；`—` 表示未提供，`≥` 表示只有部分活动提供了该分类。
+- 日期统一按 UTC 归属，手机上的热力图可独立横向滚动，默认定位到最近日期。键盘可使用方向键、Home 和 End 浏览日期，Enter 选择。
+
+统计反映应用观测到的实际新增用量，**不代表订阅剩余额度、费用或官方账单**。功能不会扫描历史会话来回填旧记录。
+
+## 数据口径
+
+### Codex
+
+消费 `thread/tokenUsage/updated` 的 `tokenUsage.total` 累计值，以原生会话 ID 持久化计数水位；首次使用 `total - last` 建立旧记录基线，随后只累计实际增长。重复、迟到的旧通知不重复计数。
+
+优先使用实际返回的 `totalTokens`，只有输入与输出均存在时才允许将二者相加。Codex 的 `inputTokens` 包含 `cachedInputTokens`，展示输入明细时扣除已单列的缓存读取；输出已经包含推理 Token，不再另加一次。协议未返回缓存写入时不推测该值。
+
+上下文指示器仍使用 `tokenUsage.last`，与累计消耗相互独立。
+
+### Claude
+
+优先消费 SDK `result.modelUsage` 的模型累计用量，它包含子代理及辅助模型调用。实际返回的普通输入、输出、缓存读取与写入互不重叠，可相加得到已报告总量；不会重复叠加 `result.usage`。提供方只返回 `usage` 时按回合 ID 幂等记录其实际字段。
+
+SDK 可能在恢复会话时带回旧累计量。已有统计水位优先于首次基线；旧会话首次接入统计时，只归属本次可确认的字段，避免将以前的消耗错误计入今天。assistant 消息按原生消息 ID 去重；其输出占位值不能用来补算实际输出。进程异常终止且未返回可靠结果时不估算缺失用量。
+
+## 性能与持久化
+
+采集仅处理结构化用量及结果边界；正文 Token 增量不产生统计存储调用。Web 在既有 SQLite Worker 中执行短事务；桌面使用有界 FIFO 队列和 Tokio 阻塞池，流式投递不等待统计写盘。同步和异步存储错误均与任务执行隔离。
+
+两端执行同一份 SQL：计数水位更新与日汇总在同一事务中提交；上游后来补充的分类先建立水位，只记录此后可确认的增量，不将旧分类回填到今天；计数未变化的重复通知不修改数据库，不增加 WAL 帧。统计表不外键级联到任务，删除任务不会抹除已消耗的用量。统计不保存提示词、模型输出、密钥或账单。
+
+页面只读取有日期索引的年度汇总与有界任务明细，不启动引擎，不扫描聊天正文，不新增 WebSocket 或轮询。年度汇总按年份共用缓存，引擎标签在本地即时筛选最多 732 条日汇总，首次切换也不新增年度请求或重挂统计区域；当天前 50 项任务仍按所选引擎查询，避免先截断再筛选而漏项。组件、样式及响应校验器按需加载，年度数据缓存 30 秒、闲置查询缓存保留 5 分钟，可手动刷新。
+
+## 接口与验证
+
+- Web：`GET /v1/usage?year=2026&engine=codex&day=2026-10-22`，`engine` 和 `day` 可省略。复用访问控制，年份限制为 2000–9999，响应不允许 HTTP 缓存。
+- 桌面：`get_token_usage`，主窗口 ACL 授权，不依赖 Codex 运行时。
+- 共用协议及 SQL：`packages/protocol/src/token-usage.ts`、`token-usage-sql.json`。
+- 回归：`usage-statistics.test.ts`、`token-usage.test.ts`、`token-usage-routes.test.ts`、`usage-statistics-model.test.ts` 以及 Rust `local_catalog::token_usage`。
+- 性能回归：`token-usage.performance.test.ts` 验证十万条正文增量没有统计存储调用；WAL 用例验证重复通知不写盘。
+
+## 官方依据
+
+- [OpenAI Codex App Server](https://developers.openai.com/codex/app-server)：使用官方用量通知，字段以仓库锁定的协议版本及本地官方源码为准。
+- [Claude Agent SDK 用量跟踪](https://code.claude.com/docs/en/agent-sdk/cost-tracking)：区分主循环用量与全树累计模型用量、恢复会话及并行消息去重。
+- [GitHub 贡献日历](https://docs.github.com/en/account-and-profile/concepts/contributions-on-your-profile)：年度日历热力图及 UTC 日期参考。

package/docs/usage.en.md

@@ -10,10 +10,14 @@ Add a disk folder as a project, or create a temporary task without project conte
 
 Pin, archive, restore, or permanently delete tasks. Sidebar shortcuts help you move between projects and show unread completions, pending approvals, and running tasks. Use the task board to review work centrally. Search can find projects, tasks, messages, and files; some entry points depend on the enabled engine.
 
+Switch the sidebar between projects and a timeline grouped by Today, Yesterday, the last seven days, and Earlier. Groups can be collapsed. The task board and extensions are in the sidebar header, with schedules in the icon area; settings, notifications, and help are at the bottom. The notification center separates unread and read alerts, supports marking all as read, and opens the linked task when selected.
+
 ## Conversations and queues
 
 Choose a model and the permission and reasoning options offered by that engine. Attach files or images, reference project files with `@`, and Skills with `$`. Existing tasks keep their original engine.
 
+Save a name, shortcut, and instructions in **Settings → Saved prompts**, choosing global or project scope. Type `/` in chat to select a prompt: it inserts at the cursor, preserves existing text, and does not send automatically. Project prompts override global prompts with the same shortcut. Prompts stay in the current browser or desktop client and do not synchronize with host task data. When space is limited, composer options such as model selection move into a menu.
+
 Follow streaming replies, commands, tools, plans, subagents, and file changes. Respond to approvals and questions in the task. Steer running work or queue follow-ups; queued messages can be reordered, withdrawn for editing, or cancelled before execution. Claude foreground interruption and background-task stopping are separate controls.
 
 Recent history loads first. Load older turns from the top, and expand execution groups for their details. Claude supports forks from completed replies and context compaction through the command menu. Commands and capabilities follow the selected engine.
@@ -24,11 +28,15 @@ Desktop and computer browsers support up to four task panes. Use **Split layout*
 
 Drag dividers to resize panes. Drafts and queues are independent; files, Git, and the desktop terminal follow the focused task. Navigation from notifications, search, or the task board preserves the layout.
 
+Use the drag handle in a task pane header to move it onto another pane to swap their positions; drop feedback identifies the target.
+
 Mobile keeps a single-task view. Switch projects and tasks through the sidebar and open files, changes, or settings as needed. Native desktop terminals and global shortcuts are unavailable. See [mobile connections](web.en.md#mobile-and-lan-access).
 
 ## Files and previews
 
-Browse source, Markdown, images, and PDFs. Images support zoom and pan. Chat attachments, file links, and task-local images open in their corresponding previews.
+Open source, Markdown, images, and PDFs in center tabs while the project tree stays visible on the right. Diffs, file reviews, and commit details also use center tabs. Select **Chat** to return to the conversation. Images support zoom and pan; attachments keep their dedicated previews.
+
+Use the file toolbar to compare with chat side by side or above, drag the divider to resize, and click the selected comparison button again to focus on the document. The tab bar is hidden when only chat is open. Task navigation returns to chat while keeping open file tabs. Each task pane owns its tabs. Mobile uses a single tab group and closes overlay sidebars when opening a file.
 
 On a phone or another LAN device, download files that cannot be previewed and open them with an app on that device. Choosing the system default from the file tree, chat file links, or search results first shows a download prompt; transfer starts when you select Download. Local Web access and desktop can still open files with applications on the host.
 
@@ -58,6 +66,10 @@ Search and filter extensions, then choose global or current-project scope before
 
 Models, reasoning, permissions, and context settings are engine-specific. Defaults apply to new tasks; existing conversations retain their choices. Declaring a context window does not increase a provider's actual capacity. Claude permissions do not provide Codex's OS sandbox, and extension configuration is not copied across engines.
 
+## Usage statistics
+
+Open **Settings → Usage statistics** to filter token totals, active days, trends, and a yearly heatmap by year and engine. Select a date for its top 50 tasks by usage. Dates use UTC; the heatmap scrolls horizontally on mobile. Statistics record newly observed usage without backfilling earlier history and do not represent remaining credits, costs, or official billing. Desktop and Web on the same host share these records.
+
 ## Data across clients
 
 Desktop and Web under the same OS user on the same computer share projects, tasks, and history in `~/.codexly`. Mobile reads the Web host's data. Another computer does not automatically synchronize these directories. Shared storage does not imply simultaneous control of the same running agent session.

package/docs/usage.md

@@ -10,12 +10,16 @@
 
 侧栏可置顶任务、查看运行状态、归档历史，并从归档列表恢复或永久删除任务。「已固定」和「运行中」快捷区方便跨项目切换；未查看的完成任务、待审批和运行状态会显示提醒。任务看板提供集中查看任务的入口。
 
+侧栏支持项目与时间线视图切换；时间线按今天、昨天、近 7 天与更早分组，可折叠分组。任务看板与扩展位于侧栏头部，定时任务位于图标区；底部提供设置、通知与帮助入口。通知中心区分未读和已读，可全部标为已读，点击通知进入对应任务。
+
 使用搜索查找项目、任务、历史消息和文件；部分搜索入口依赖已启用引擎的能力，详见[搜索参考](global-search.md)。
 
 ## 发送需求与继续对话
 
 输入需求后选择模型和当前引擎支持的权限、思考强度等选项。可以附加文件或图片，用 `@` 引用项目文件、用 `$` 引用 Skills。具体控件按引擎与模型能力显示；新任务可选择引擎，已有任务不切换引擎。
 
+在「设置 → 常用提示词」保存名称、快捷词与内容，选择全局或项目范围；聊天输入 `/` 后选择提示词，内容插入光标位置并保留已有输入，不会自动发送。同快捷词优先使用项目版本。提示词仅保存在当前浏览器或桌面客户端，不随主机任务数据跨客户端同步。输入区空间不足时，模型等配置收进菜单，展开后仍可调整。
+
 任务运行时，查看流式回答、命令输出、工具调用、计划、子代理与文件变更。审批和异步问题需要在当前任务中处理。你可以给运行中的任务补充要求，也可将后续消息加入队列，执行前排序、撤回修改或取消。Claude 的运行中引导、前台中断与后台任务停止各有入口；停止前台不代表所有后台任务都已停止。
 
 历史先加载最近回合，在顶部继续读取更早内容；展开执行过程时才读取对应细节。Claude 可从已完成回复处分叉新会话，也可在命令菜单中压缩上下文。不同引擎的命令与能力以界面为准。
@@ -26,11 +30,15 @@
 
 macOS 使用 `⌘+⌥+方向键`，Windows / Ubuntu 使用 `Ctrl+Alt+方向键`。拖动分割线调整大小；每个分屏保留独立草稿与消息队列，项目文件、Git 面板和桌面终端跟随当前聚焦任务。从通知、搜索或看板进入任务会保留分屏布局。
 
+使用任务标题栏的拖动手柄，将当前分屏拖到另一个分屏，可交换两者的位置；拖动时的目标提示帮助确认落点。
+
 移动端保持单任务视图，通过侧栏切换项目与任务，按需打开文件、变更和设置面板；不提供桌面原生终端或全局快捷键。连接方式见 [Web 与移动端](web.md)。
 
 ## 文件与预览
 
-在项目面板中浏览文件，预览代码、Markdown、图片与 PDF；图片支持缩放和拖动。聊天中的附件、文件链接与任务本地图片也可进入对应预览。
+在右侧项目面板中浏览文件，点击后在中栏标签打开代码、Markdown、图片或 PDF，文件树保持原位。文件差异、批量审核与提交详情也进入中栏；点击「聊天」返回会话。图片支持缩放和拖动，聊天附件继续使用对应预览。
+
+文件标签工具栏支持「与聊天左右对照」「与聊天上下对照」，拖动分割线调整大小，再次点击已选中的对照按钮恢复单栏。只有聊天时隐藏标签栏；从任务入口切换任务时回到聊天，并保留已打开的文件标签。每个任务分屏独立管理文件标签；手机上使用单组标签，打开文件后自动收起覆盖内容的侧栏。详见[工作区设计与操作](document-workspace.md)。
 
 从手机或其他局域网设备访问时，不能预览的文件可通过「下载」保存到当前设备，再用本机应用打开；文件树、聊天文件链接和搜索结果中的「系统默认」会先显示下载提示，点击后才传输文件。本机 Web 与桌面端仍可调用主机上的应用打开文件。
 
@@ -60,6 +68,10 @@ macOS 使用 `⌘+⌥+方向键`，Windows / Ubuntu 使用 `Ctrl+Alt+方向键`
 
 模型、思考强度、权限和上下文窗口按引擎配置。模型默认值用于新任务，已有会话保留自己的选择；窗口声明不会扩大模型或服务商的真实容量。Claude 权限模式不等同于 Codex 的系统沙盒，扩展配置也不在两种引擎间自动复制。详见[引擎参考](agent-engines.md)与[上下文设置](model-context-window.md)。
 
+## 用量统计
+
+在「设置 → 用量统计」按年份和引擎查看 Token 总量、活跃天数、趋势与年度热力图，选择日期查看当天用量最高的 50 项任务。日期按 UTC 归属；手机可横向滚动热力图。统计只记录功能启用后观测到的实际新增用量，不回填旧历史，也不代表剩余额度、费用或官方账单。详见[用量统计参考](usage-statistics.md)。
+
 ## 数据与多端使用
 
 同机同一系统用户下，桌面与 Web 共用 `~/.codexly` 中的项目、任务和历史；手机访问 Web 主机的数据。另一台电脑不会自动同步这些本地目录，也不应将同机共享理解为可同时控制同一执行会话。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bryanhu/codexly",
-  "version": "0.40.0",
+  "version": "0.41.0",
   "description": "支持 Codex 与 Claude 的本地 AI 编程工作台，覆盖桌面、Web 与移动浏览器",
   "type": "module",
   "author": "BryanHu",
@@ -53,6 +53,8 @@
     "docs/faq.md",
     "docs/text-file-editing.md",
     "docs/global-search.md",
+    "docs/document-workspace.md",
+    "docs/usage-statistics.md",
     "docs/conversation-performance.md",
     "docs/scheduled-task-idempotency.md",
     "docs/images/codexly-preview.png"