@vincemakes/kiso-web 0.0.0-stage → 0.52.0

package/out/renderer/assets/index-D9KtogVK.css

@@ -0,0 +1 @@
+:root{--ink:#1c1c1e;--mute:#8a8a8e;--faint:#b4b4ba;--line:#ececee;--blue:#2f6bff;--green:#1f9d57;--red:#d94a4a;--amber:#d98a1a;--sunk:#f6f6f8;--ease:cubic-bezier(.22, .9, .24, 1);--spring:cubic-bezier(.34, 1.4, .5, 1);--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.6 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}textarea{font:inherit;color:inherit}svg{display:block}.ico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.scroll{overflow-anchor:none;scrollbar-width:none;padding:0 0 40px;position:absolute;inset:54px 0 112px;overflow-y:auto;mask-image:linear-gradient(#0000,#000 14px)}.col{flex-direction:column;gap:14px;width:680px;max-width:calc(100% - 40px);margin:0 auto;display:flex}.empty{text-align:center;color:var(--mute);margin:22vh auto 0;font-size:15px}.empty b{color:var(--ink);letter-spacing:-.01em;margin-bottom:6px;font-size:22px;font-weight:600;display:block}.me{white-space:pre-wrap;max-width:82%;animation:in .5s var(--ease) both;background:#f3f3f5;border-radius:18px;align-self:flex-end;padding:9px 14px}@keyframes in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.comp{width:min(680px,100% - 40px);position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.box{background:#fff;border-radius:24px;align-items:flex-end;gap:10px;padding:11px 12px 11px 18px;display:flex;box-shadow:0 8px 30px #00000012,0 0 0 1px #0000000a}.box textarea{resize:none;background:0 0;border:0;outline:0;flex:1;max-height:160px;padding:4px 0;line-height:1.5}.box textarea::placeholder{color:#a5a5a8}.sendb{color:#fff;background:#d7d7d5;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;transition:all .3s;display:grid}.sendb.ready,.sendb.run{background:var(--ink)}.sendb i{background:#fff;border-radius:2px;width:10px;height:10px;display:block}.proc{animation:in .5s var(--ease) both;flex-direction:column;gap:10px;display:flex}.ph{text-align:left;width:100%;color:var(--mute);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.chev{color:var(--faint);flex:none;transition:transform .15s}.grp:not(.folded)>.ph .chev,.think.open .th-h .chev{transform:rotate(90deg)}.ph .lab{color:#555;font-weight:500}.ph .clk{font-variant-numeric:tabular-nums}.delta{font-variant-numeric:tabular-nums;gap:4px;font-size:12.5px;display:inline-flex}.delta .plus{color:var(--green);font-style:normal}.delta .minus{color:var(--red);font-style:normal}.delta.mod{color:var(--faint)}.pw{transition:grid-template-rows .3s var(--ease);grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);display:grid}.grp.folded>.pw{grid-template-rows:0fr}.pb{min-width:0;min-height:0;overflow:clip}.pb-in{flex-direction:column;gap:12px;padding:6px 0 4px 2px;display:flex}.dotpulse{background:var(--blue);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.dotpulse:after{content:"";border:2px solid var(--blue);opacity:0;border-radius:50%;animation:1.5s ease-out infinite rg;position:absolute;inset:-4px}@keyframes rg{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.think{animation:in .5s var(--ease) both}.th-h{color:var(--mute);text-align:left;align-items:center;gap:8px;width:100%;font-size:13px;display:flex}.th-h .spark{color:#9a8cff;width:14px;height:14px}.ph .lab.shimmer,.th-h .lab.shimmer{background:linear-gradient(90deg,#8a8a8e 20%,#1c1c1e 50%,#8a8a8e 80%) 0 0/200% 100%;color:#0000;background-clip:text;animation:1.8s linear infinite sh}@keyframes sh{to{background-position:-200% 0}}.th-h .t{font-variant-numeric:tabular-nums;color:var(--faint)}.pv1{flex:1;min-width:0;height:20px;margin-left:4px;transition:opacity .3s;position:relative;overflow:hidden}.pv1 span{white-space:nowrap;text-overflow:ellipsis;color:#a0a0a6;font-size:12.5px;line-height:20px;position:absolute;top:0;left:0;right:0;overflow:hidden}.pv1 .on{animation:lineIn .4s var(--ease) both}.pv1 .out{animation:lineOut .3s var(--ease) both}@keyframes lineIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes lineOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-100%)}}.think.thinking .pv1 span{background:linear-gradient(90deg,#a0a0a6 25%,#3a3a40 50%,#a0a0a6 75%) 0 0/220% 100%;color:#0000;background-clip:text;animation-name:sh;animation-duration:2.2s;animation-timing-function:linear;animation-iteration-count:infinite}.think.done .pv1,.think.open .pv1{opacity:0}.th-full{transition:grid-template-rows .3s var(--ease);grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);display:grid}.think.open .th-full{grid-template-rows:1fr}.th-full>div{min-width:0;min-height:0;overflow:clip}.th-text{color:#7c7c84;white-space:pre-wrap;border-left:2px solid #e8e6f6;margin:6px 0 2px 7px;padding:2px 0 2px 14px;font-size:12.5px;line-height:1.75}.say{color:#2b2b2e;animation:in .4s var(--ease) both;line-height:1.65}.say p{margin:0}.say p+p,.say ul,.say ol,.say pre,.say .tbl{margin-top:6px}.say code{font:12.5px var(--mono);background:#f3f3f5;border-radius:5px;padding:1px 5px}.say ul,.say ol{margin-bottom:0;padding-left:20px}.caret>:last-child:not(ul,ol,pre,hr,.tbl):after,.caret>:is(ul,ol):last-child>li:last-child:after{content:"";background:var(--ink);vertical-align:-2px;width:6px;height:14px;margin-left:2px;animation:.9s step-end infinite bl;display:inline-block}@keyframes bl{50%{opacity:0}}.steer{background:#f3f3f5;border-radius:14px;align-self:flex-end;padding:5px 12px;font-size:13px}.step{animation:in .45s var(--ease) both}.s-row{align-items:center;gap:9px;min-height:26px;display:flex}.s-ic{color:#777;flex:none;place-items:center;width:16px;height:16px;display:grid}.s-ic .sp{border:2px solid #dcdce0;border-top-color:var(--blue);border-radius:50%;width:12px;height:12px;animation:1s linear infinite spn}@keyframes spn{to{transform:rotate(360deg)}}.s-verb{font-size:12.5px;font-weight:600}.s-obj{font:12px var(--mono);color:#555;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.s-sp{flex:1}.s-time{font:11px var(--mono);color:var(--mute);font-variant-numeric:tabular-nums;flex:none}.step.failed .s-verb,.step.denied .s-verb{color:var(--red)}.bgtag{color:var(--blue);animation:in .4s var(--ease) both;background:#eef3ff;border-radius:8px;flex:none;padding:1px 8px;font-size:11px}.s-bar{background:#ececef;border-radius:3px;height:3px;margin:4px 0 0 25px;position:relative;overflow:hidden}.s-bar b{background:var(--green);width:100%;height:100%;display:block}.s-bar.live b{background:var(--blue);width:35%;animation:slide 1.4s var(--ease) infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.s-out{background:var(--sunk);font:11.5px/1.6 var(--mono);color:#4a4a52;border-radius:8px;margin:4px 0 0 25px;padding:7px 11px}.s-lines{white-space:pre;overflow:hidden}.s-lines[data-wide=true]{mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.s-out .more{color:var(--blue);font:11px var(--sans);margin-top:3px}.s-out .a{color:#176b3a}.s-out .d{color:#a33636}.s-req{font:11px var(--mono);color:var(--mute);font-variant-numeric:tabular-nums;margin:3px 0 0 25px}.s-err{color:var(--red);margin:3px 0 0 25px;font-size:12px}.ask{animation:in .45s var(--ease) both, pl 1.6s ease-in-out .5s infinite;background:#fff;border-radius:16px;padding:13px 15px;box-shadow:0 0 0 1px #f0d9a8,0 8px 30px #d98a1a1f}@keyframes pl{50%{box-shadow:0 0 0 1px #e8c47a,0 8px 36px #d98a1a47}}.ask .h{align-items:center;gap:8px;font-weight:600;display:flex}.ask .h svg{color:var(--amber)}.ask pre{font:12.5px var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f5f6;border-radius:10px;max-height:220px;margin:9px 0;padding:8px 12px;overflow:auto}.ask pre .a{color:#176b3a}.ask pre .d{color:#a33636}.btn{background:#f1f1f3;border-radius:9px;height:30px;margin-right:6px;padding:0 13px;transition:all .2s}.btn.pri{background:var(--ink);color:#fff}.btn:disabled{opacity:.5;cursor:default}.note{color:var(--mute);animation:in .4s var(--ease) both;align-items:center;gap:8px;font-size:12.5px;display:flex}.note .ok{background:var(--green);border-radius:50%;flex:none;width:14px;height:14px;position:relative}.note .ok:after{content:"";border:1.6px solid #fff;border-width:0 1.6px 1.6px 0;width:3px;height:6px;position:absolute;top:2px;left:4.5px;transform:rotate(45deg)}.note .no{background:var(--red);border-radius:50%;flex:none;width:14px;height:14px}.ans{animation:in .4s var(--ease) both;color:#222;font-size:14.5px;line-height:1.75}.ans h1,.ans h2,.ans h3{letter-spacing:-.01em;margin:2px 0 8px;font-size:18px}.ans p{margin:8px 0}.ans ul,.ans ol{margin:8px 0;padding-left:20px}.ans li{margin:4px 0}.ans code{font:13px var(--mono);background:#f3f3f5;border-radius:6px;padding:1px 6px}.ans pre{background:var(--sunk);font:12.5px/1.6 var(--mono);border-radius:10px;padding:10px 14px;overflow:auto}.ans pre code{background:0 0;padding:0}.lk{color:var(--blue);cursor:pointer;border-bottom:1px dashed #0000;text-decoration:none;display:inline;position:relative}.lk:hover{border-bottom-color:var(--blue)}.lk.plain{cursor:default;color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);border-bottom:0}.fic{vertical-align:-.15em;width:14px;height:14px;margin-right:4px;display:inline}.hov{z-index:5;border:1px solid var(--line);min-width:240px;color:var(--mute);white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 28px #0000001a}.lk:hover .hov,.lk:focus-visible .hov{display:flex}.hov .o{color:var(--ink);margin-left:auto}.fchip{overflow-wrap:anywhere;vertical-align:baseline;max-width:100%;color:var(--ink);cursor:pointer;background:#f3f4f6;border-radius:6px;padding:1px 6px;display:inline-block}.fchip:hover{background:#e9ebef}.ans .tbl{max-width:100%;margin:10px 0;overflow-x:auto}.ans table{border-collapse:collapse;font-size:13.5px;line-height:1.5}.ans th,.ans td{border:1px solid var(--line);vertical-align:top;padding:5px 10px}.ans th{white-space:nowrap;background:#f7f7f8;font-weight:600}.ans blockquote{border-left:3px solid var(--line);color:#555;margin:8px 0;padding:2px 0 2px 14px}.ans hr{border:0;border-top:1px solid var(--line);margin:14px 0}.acts{color:var(--mute);font:11.5px var(--mono);animation:in .4s var(--ease) both}.ask.resume .btn,.verdict{margin-top:8px}.verdict pre{margin:0 0 8px}.toast{color:#fff;animation:in .3s var(--ease) both;background:#1c1c1ee6;border-radius:14px;padding:6px 14px;font-size:12.5px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.latest{color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 6px 18px #0000001a;animation:in .25s var(--ease) both;background:#fff;border-radius:15px;padding:5px 13px;font-size:12.5px;position:absolute;bottom:124px;left:50%;transform:translate(-50%)}.loading{color:var(--mute);animation:in .3s var(--ease) .15s both;flex-direction:column;gap:10px;font-size:13px;display:flex}.loading i{background:#f1f1f3;border-radius:6px;height:12px;display:block}.loading i:nth-child(2){width:70%}.loading i:nth-child(3){width:45%}@media (prefers-reduced-motion:reduce){.ph .lab.shimmer,.th-h .lab.shimmer{color:var(--mute);background:0 0;animation:none}.dotpulse:after,.pv1 span,.ask{animation:none!important}.pw,.th-full,.chev{transition:none}.brand{animation:none}}.tns{flex:none;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.tn{width:66px;height:42px;box-shadow:0 0 0 1px var(--line), 0 1px 4px #00000014;cursor:zoom-in;background:#fff;border-radius:7px;flex:none;place-items:center;display:inline-grid;overflow:hidden}.tn .fic{width:18px;height:18px;margin:0}.tn-img{object-fit:cover;width:100%;height:100%;display:block}.tn-img.gone,.ip-img.gone{color:var(--faint);text-align:center;place-items:center;font-size:10.5px;line-height:1.2;display:grid}.tpage{color:var(--mute);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:0 4px;font-size:10px;line-height:1.2;display:flex;overflow:hidden}.tpage>span{white-space:nowrap;text-overflow:ellipsis;max-width:58px;overflow:hidden}.tn-more{color:var(--mute);font-size:12px}.s-row.click{cursor:pointer}.step.shown .s-row .chev{transform:rotate(90deg)}.inplace{flex-direction:column;gap:8px;margin:6px 0 2px 25px;display:flex}.ip-img{width:100%;box-shadow:0 0 0 1px var(--line);cursor:zoom-in;border-radius:10px;display:block}:root{--sw:264px;--side:#f5f5f6}.win{background:#fff;display:flex;position:fixed;inset:0;overflow:clip}.sidetoggle{z-index:70;width:34px;height:34px;color:var(--mute);transition:left .6s var(--ease);border-radius:10px;place-items:center;display:grid;position:absolute;top:10px;left:12px}.win[data-side="1"] .sidetoggle{left:calc(var(--sw) - 46px)}.brand{z-index:70;height:34px;color:var(--ink);pointer-events:none;animation:brandIn .3s .2s var(--ease) both;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:22px}@keyframes brandIn{0%{opacity:0}}.brand .mark{flex:none}.brand .word{letter-spacing:-.02em;font-size:17px;font-weight:600;line-height:1}.sidetoggle:hover{color:var(--ink);background:#0000000f}.main{flex:1 1 0;min-width:0;display:flex;position:relative;container-type:inline-size}.side{background:var(--side);width:0;transition:width .6s var(--ease);flex:none;overflow:hidden}.win[data-side="1"] .side{width:var(--sw)}.side-in{width:var(--sw);flex-direction:column;height:100%;padding:54px 10px 10px;display:flex}.newbtn{background:#ffffffbf;border-radius:11px;align-items:center;gap:8px;width:100%;height:38px;margin-bottom:8px;padding:0 12px;transition:all .2s;display:flex;box-shadow:0 0 0 1px #0000000a}.newbtn:hover{background:#fff}.hlist{scrollbar-width:thin;scrollbar-color:#cfcfcb transparent;flex:1;margin:0 -6px;padding:0 6px;overflow-y:auto}.grp{color:var(--mute);padding:12px 8px 4px;font-size:12px}.item{text-align:left;border-radius:10px;align-items:center;gap:8px;width:100%;padding:7px 9px;transition:background .15s;display:flex}.item:hover{background:#0000000b}.item.on{background:#ffffffe6;box-shadow:0 0 0 1px #0000000a}.item .tt{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.item small{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:38%;font-size:11.5px;overflow:hidden}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot.amber{background:var(--amber)}.item .sp{border:2px solid #d8d8d5;border-top-color:var(--blue);border-radius:50%;flex:none;width:12px;height:12px;animation:1s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}.fn{border-top:1px solid #0000000f;margin:8px -4px 0;padding-top:6px}.fn-h{width:100%;color:var(--mute);border-radius:10px;align-items:center;gap:6px;padding:7px 10px;display:flex}.fn-h:hover{color:var(--ink)}.fn-h .chev{transition:transform .3s var(--ease);margin-left:auto}.fn.open .fn-h .chev{transform:rotate(90deg)}.fn-b{transition:grid-template-rows .4s var(--ease);grid-template-rows:0fr;display:grid}.fn.open .fn-b{grid-template-rows:1fr}.fn-b>div{overflow:hidden}.fn-b button{color:#444;border-radius:10px;align-items:center;gap:10px;width:100%;padding:7px 10px;display:flex}.fn-b button:hover,.fn-b button.on{background:#0000000b}.settings{padding:72px 0 40px;position:absolute;inset:0;overflow-y:auto}.settings>*{width:560px;max-width:calc(100% - 40px);margin-left:auto;margin-right:auto}.settings h1{letter-spacing:-.01em;margin-top:0;margin-bottom:20px;font-size:22px;font-weight:600}.srow{border-top:1px solid var(--line);align-items:center;gap:16px;padding:14px 0;display:flex}.slabel{flex:1}.slabel small{color:var(--mute);font-size:12px;display:block}.sfield select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:9px;max-width:280px;padding:6px 10px}.muted{color:var(--mute)}.okline{color:var(--green)}.warnline{color:var(--amber)}.folders{border:0;border-radius:16px;flex-direction:column;gap:10px;width:min(560px,100vw - 32px);max-height:min(620px,100vh - 48px);padding:18px;display:flex;box-shadow:0 18px 60px #0000002e}.folders:not([open]){display:none}.folders::backdrop{background:#0000002e}.folders h2{margin:0;font-size:16px;font-weight:600}.folders .frow{align-items:center;gap:8px;display:flex}.folders .frow input{border:1px solid var(--line,#e5e5e2);min-width:0;height:32px;font:inherit;border-radius:9px;flex:1;padding:0 10px}.folders .frow.end{justify-content:flex-end}.folders .full{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.folders .chip.on{background:#00000012}.folders .chip.primary{background:var(--ink);color:#fff}.folders .chip.primary:disabled{opacity:.4}.folders .crumbs{color:var(--mute);flex-wrap:wrap;gap:2px;font-size:13px;display:flex}.folders .crumbs button+button:before{content:"/";color:#c4c4c0;margin-right:4px}.folders .dirs{border-top:1px solid #0000000f;border-bottom:1px solid #0000000f;flex-direction:column;flex:1;min-height:160px;padding:4px 0;display:flex;overflow-y:auto}.folders .dir{text-align:left;border-radius:8px;padding:6px 8px}.folders button.dir:hover{background:#0000000b}.folders .dir.off{color:var(--mute)}.signedout{color:var(--mute);text-align:center;background:#fff;place-items:center;padding:16px;font-size:14px;display:grid;position:fixed;inset:0}.railtoggle{z-index:70;width:34px;height:34px;color:var(--mute);border-radius:10px;place-items:center;display:grid;position:absolute;top:10px;right:12px}.railtoggle:hover{color:var(--ink);background:#0000000f}.railtoggle.on{color:var(--ink);background:#efeff1}.tbadge{background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.rail{width:0;transition:width .5s var(--ease);background:#fbfbfc;flex:none;overflow:hidden}.win[data-rail="1"] .rail{width:244px}.rail-in{border-left:1px solid var(--line);flex-direction:column;width:244px;height:100%;display:flex}.rail-h{flex:none;height:56px}.rail-b{scrollbar-width:thin;flex:1;padding:0 14px 8px;overflow-y:auto}.rail-f{border-top:1px solid var(--line);flex:none;padding:10px 14px 14px}.grow{flex:1}.r-status{cursor:default;border-radius:10px;align-items:center;gap:8px;height:34px;padding:0 6px;display:flex}.r-status:hover,.r-line:hover{background:#f1f1f4}.r-status b{font-weight:600}.pulse{background:#c9c9ce;border-radius:50%;flex:none;width:8px;height:8px;position:relative}.pulse.working{background:var(--blue)}.pulse.working:after{content:"";border:2px solid var(--blue);opacity:0;border-radius:50%;animation:1.5s ease-out infinite rg;position:absolute;inset:-4px}.pulse.waiting,.pulse.interrupted{background:var(--amber)}.pulse.done{background:var(--green)}.pulse.failed{background:var(--red)}.clk{font-variant-numeric:tabular-nums;color:#444;font-size:15px;font-weight:300}.r-line{color:#555;cursor:default;border-radius:10px;align-items:center;gap:8px;height:34px;padding:0 6px;font-size:13px;display:flex}.r-line b{color:var(--ink);margin-left:auto;font-weight:600}.r-line circle:last-child{transition:stroke-dashoffset .8s var(--ease)}.mono{color:var(--mute);font:11.5px ui-monospace,Menlo,monospace}.r-use{white-space:nowrap;cursor:default;margin:-4px 6px 2px 40px;padding:2px 0}.r-sec{color:var(--mute);letter-spacing:.06em;margin:16px 6px 6px;font-size:11.5px}.rail .empty{text-align:left;color:var(--mute);margin:0 6px;padding:4px 0;font-size:13px}.rail .tl{margin-left:6px;padding-left:18px;position:relative}.rail .tl:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:4px}.rail .tli{cursor:default;border-radius:9px;padding:4px 6px;position:relative}.rail .tli:hover{background:#f1f1f4}.rail .tli .nd{background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:9px;left:-18px;box-shadow:0 0 0 2px #d7d7dc}.rail .tli.done .nd{box-shadow:0 0 0 2px #cfeedd}.rail .tli.waiting .nd,.rail .tli.running .nd,.rail .tli.calling .nd{box-shadow:0 0 0 2px #f6e2bd}.rail .tli.failed .nd,.rail .tli.denied .nd{box-shadow:0 0 0 2px #f4cccc}.rail .tli .t1{align-items:baseline;gap:8px;display:flex}.rail .tli .t1 b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.rail .tli .t1 small{color:var(--mute);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.rail .bar{background:#ececef;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.rail .bar b{background:var(--green);width:100%;height:100%;display:block}.rail .bar.live b{background:var(--blue);width:35%;animation:1.4s ease-in-out infinite slide}.envcol{color:#555;flex-direction:column;gap:4px;font-size:12.5px;display:flex}.envcol>span:not(.chip2){white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:2px 4px;overflow:hidden}.chip2{color:#555;background:#efeff1;border-radius:10px;align-self:flex-start;margin-top:2px;padding:2px 10px;font-size:12px}.tip{z-index:150;width:236px;box-shadow:0 14px 50px #0000002e, 0 0 0 1px var(--line);color:#444;pointer-events:none;animation:in .18s var(--ease) both;background:#fff;border-radius:14px;padding:12px 14px;font-size:12.5px;position:fixed;right:254px}.tip h6{color:var(--mute);letter-spacing:.04em;word-break:break-all;margin:0 0 8px;font-size:12px;font-weight:500}.tip .kv{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.tip .kv b{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;word-break:break-all;font-weight:600}.tip .lg{color:#d9d9dc;white-space:pre-wrap;word-break:break-all;background:#161618;border-radius:8px;margin-top:6px;padding:8px 10px;font:11.5px/1.6 ui-monospace,Menlo,monospace}.tip .tnote{color:var(--mute);margin-top:6px}.work{flex:1 1 0;min-width:0;display:flex;position:relative}.chat{flex:320px;min-width:320px;position:relative}.panel{border-left:1px solid var(--line);min-width:320px;animation:in .4s var(--ease) both;background:#fff;flex-direction:column;flex:0 50%;display:flex;position:relative;overflow:hidden}.panel.full{flex:100%}.work.paneled:has(.panel.full) .chat{flex:0 0 0;min-width:0;overflow:hidden}@container (width<=639px){.work.paneled .chat{flex:0 0 0;min-width:0;overflow:hidden}.work.paneled .panel{flex:auto;min-width:0}}.win[data-rail="0"] .pv-h{padding-right:100px}.panel.full.clear .pv-h{padding-left:132px}.pv-h{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:2px;height:56px;padding:0 12px;display:flex}.pv-h .name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;margin-right:auto;font-weight:600;display:inline-flex;overflow:hidden}.sbtn{width:34px;height:34px;color:var(--mute);border-radius:10px;place-items:center;display:grid}.sbtn:hover{color:var(--ink);background:#0000000f}.pv-b{flex:1;padding:12px;overflow:auto}.pv-b.flush{flex-direction:column;padding:0;display:flex}.pnote{color:var(--mute);padding:6px 2px;font-size:12px}.pnote.warn{color:var(--amber);padding:6px 10px}.pv-b .empty{color:var(--mute);text-align:left;margin:0;padding:4px 0;font-size:13.5px}.pad{padding:20px 16px!important}.morebtn{z-index:70;width:34px;height:34px;color:var(--mute);border-radius:10px;place-items:center;display:grid;position:absolute;top:10px;right:48px}.morebtn:hover{color:var(--ink);background:#0000000f}.menu{z-index:120;min-width:210px;box-shadow:0 12px 44px #00000029, 0 0 0 1px var(--line);animation:in .2s var(--ease) both;background:#fff;border-radius:14px;padding:6px;position:absolute;top:50px;right:12px}.menu button{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.menu button:hover{background:#f4f4f6}.menu .ico{color:#777}.diff{border:1px solid var(--line);background:#fafaf9;border-radius:10px;margin-bottom:10px;font:12.5px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.diff div{white-space:pre-wrap;word-break:break-all;padding:0 12px}.diff .a{color:#176b3a;background:#e8f6ec}.diff .d{color:#a33636;background:#fbe9e9}.diff .h{color:var(--mute);background:#f1f1ef;padding:4px 12px}.log{color:#d9d9dc;white-space:pre-wrap;word-break:break-all;background:#161618;border-radius:12px;min-height:120px;padding:14px;font:12.5px/1.7 ui-monospace,Menlo,monospace}.log.txt{color:#333;border:1px solid var(--line);background:#fafaf9}.ttabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.ttabs button{background:#f3f3f5;border-radius:10px;padding:4px 12px;font-size:12.5px}.ttabs button.on{background:var(--ink);color:#fff}.tmeta{padding:4px 0 8px}.cmd{margin-bottom:12px}.crumbs{color:var(--mute);flex-wrap:wrap;gap:2px;margin-bottom:8px;font-size:12.5px;display:flex}.crumbs button:hover,.crumb:hover{color:var(--ink)}.crumb{color:var(--mute);margin-bottom:10px;font-size:12.5px}.tree{font-size:13.5px}.tree button{text-align:left;border-radius:8px;justify-content:space-between;gap:10px;width:100%;padding:7px 8px;display:flex}.tree button:hover{background:#f4f4f2}.tree button:disabled{opacity:.6;cursor:default}.tree span{color:var(--mute);flex:none}.tree span.plus{color:var(--green)}.imgprev{max-width:100%;box-shadow:0 0 0 1px var(--line);border-radius:10px}[data-panel-body=open] .imgprev{cursor:zoom-in}[data-panel-body=open] .imgprev.actual{cursor:zoom-out;max-width:none}.modes{gap:4px;padding:0 0 10px;display:flex}.modes button{color:var(--mute);border-radius:7px;padding:3px 10px;font-size:12.5px}.modes button:hover,.modes button.on{color:var(--ink);background:#f3f3f5}.mdprev{padding:4px 6px}.browser{flex-direction:column;height:100%;display:flex}.urlbar{border-bottom:1px solid var(--line);background:#f7f7f8;align-items:center;gap:8px;padding:8px 10px;display:flex}.urlbar .u{color:#555;font:inherit;box-shadow:0 0 0 1px var(--line);background:#fff;border:0;border-radius:8px;outline:0;flex:1;padding:4px 10px;font-size:13px}.chips{flex-wrap:wrap;gap:6px;padding:6px 10px;display:flex}.chips button{background:#f3f3f5;border-radius:10px;padding:2px 10px;font-size:12px}.browser iframe{background:#fff;border:0;flex:1;width:100%}.click{cursor:pointer}.homebox{flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:0 20px 60px;display:flex;position:absolute;inset:0}.homebox h1{letter-spacing:-.02em;text-align:center;margin:0;font-size:40px;font-weight:300}.comp.inline{width:min(680px,100%);position:static;transform:none}.tray{align-items:center;gap:8px;padding:10px 4px 0;display:flex}.trayfold{position:relative}.chip{color:#444;background:#f3f3f5;border:0;border-radius:15px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:13px;display:inline-flex}.chip:hover{background:#ebebee}select.chip{appearance:none;cursor:pointer;font:inherit;padding-right:14px;font-size:13px}.tray .hint{color:var(--mute);margin-left:auto;font-size:12px}.fmenu{min-width:220px;inset:auto auto 36px 0}.mlabel{color:var(--mute);padding:6px 10px 2px;font-size:11.5px}.guide{text-align:left;background:#fff;border-radius:18px;flex-direction:column;gap:10px;width:min(560px,100%);padding:22px 24px;display:flex;box-shadow:0 8px 30px #00000012,0 0 0 1px #0000000a}.guide h2{margin:0;font-size:18px;font-weight:600}.guide p{color:#555;margin:0 0 6px}.guide label{color:var(--mute);font-size:12.5px}.guide input{font:inherit;border:1px solid var(--line);border-radius:10px;outline:0;width:100%;padding:8px 12px}.gprofile{text-align:left;background:#f6f6f8;border-radius:10px;align-items:baseline;gap:8px;padding:9px 12px;display:flex}.gprofile:hover{background:#ededf1}.gprofile span{color:var(--mute);font-size:12.5px}.gprofile small{color:var(--amber);margin-left:auto}.gdemo{color:var(--blue);align-self:flex-start;margin-top:4px}.grow-row{gap:8px;display:flex}[data-panel-body=open].served{flex-direction:column;height:100%;display:flex}.pageview{width:100%;min-height:60vh;box-shadow:0 0 0 1px var(--line);background:#fff;border:0;border-radius:8px;flex:1}.mediaview{width:100%}

package/out/renderer/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>kiso</title>
+		<link rel="manifest" href="/manifest.webmanifest" />
+		<link rel="icon" href="/icon.png" />
+		<link rel="apple-touch-icon" href="/icon.png" />
+		<script type="module" crossorigin src="/assets/index-CmrQEQ98.js"></script>
+		<link rel="stylesheet" crossorigin href="/assets/index-D9KtogVK.css">
+	</head>
+	<body>
+		<div id="root"></div>
+	</body>
+</html>

package/out/renderer/manifest.webmanifest

@@ -0,0 +1,10 @@
+{
+	"name": "kiso",
+	"short_name": "kiso",
+	"start_url": "/",
+	"scope": "/",
+	"display": "standalone",
+	"background_color": "#ffffff",
+	"theme_color": "#ffffff",
+	"icons": [{ "src": "/icon.png", "sizes": "1024x1024", "type": "image/png", "purpose": "any" }]
+}

package/package.json

@@ -1,6 +1,65 @@
 {
-  "name": "@vincemakes/kiso-web",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+	"name": "@vincemakes/kiso-web",
+	"version": "0.52.0",
+	"private": false,
+	"description": "kiso web: a local web app on the hosted-session service, served on 127.0.0.1.",
+	"type": "module",
+	"license": "MIT",
+	"bin": {
+		"kiso-web": "dist/main/headless.js"
+	},
+	"files": [
+		"dist/main",
+		"dist/shared",
+		"out/renderer",
+		"README.md",
+		"LICENSE"
+	],
+	"scripts": {
+		"build": "tsc -p tsconfig.build.json && vite build",
+		"typecheck": "tsc -p tsconfig.json",
+		"check": "npm run build && npm run typecheck && npm run gates && npm run proofs:fast",
+		"gates": "node scripts/gates/size.mjs && node scripts/gates/deps.mjs && node scripts/gates/imports.mjs && node scripts/gates/names.mjs && node scripts/gates/paths.mjs && node ../../scripts/check-cjk.mjs",
+		"proofs:fast": "node scripts/proofs/all.mjs fast",
+		"proofs:full": "node scripts/proofs/all.mjs full",
+		"check:full": "npm run build && npm run typecheck && npm run gates && npm run proofs:full",
+		"start": "node dist/main/headless.js"
+	},
+	"dependencies": {
+		"@vincemakes/kiso-client": "0.52.0",
+		"@vincemakes/kiso-code": "0.52.0",
+		"@vincemakes/kiso-core": "0.52.0",
+		"@vincemakes/kiso-protocol": "0.52.0",
+		"@vincemakes/kiso-provider-openai": "0.52.0",
+		"@vincemakes/kiso-runtime": "0.52.0",
+		"@vincemakes/kiso-server": "0.52.0",
+		"@vincemakes/kiso-tools-node": "0.52.0"
+	},
+	"devDependencies": {
+		"@types/node": "^26.1.2",
+		"@types/react": "19.3.0",
+		"@types/react-dom": "19.3.0",
+		"@vincemakes/kiso-evals": "0.52.0",
+		"@vitejs/plugin-react": "6.1.2",
+		"react": "19.3.1",
+		"react-dom": "19.3.1",
+		"typescript": "^5.7.2",
+		"vite": "8.3.4"
+	},
+	"engines": {
+		"node": ">=22"
+	},
+	"os": [
+		"darwin",
+		"linux"
+	],
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/vincemakes/kiso.git",
+		"directory": "apps/web"
+	},
+	"bugs": {
+		"url": "https://github.com/vincemakes/kiso/issues"
+	},
+	"homepage": "https://github.com/vincemakes/kiso/tree/main/apps/web#readme"
+}