@agentsky/desktop-ui 0.0.0-stage → 0.4.65

package/dist/assets/web/kilo-official.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="oklch(95% 0.15 108)"/>
+  <g fill="#000000">
+    <path d="M23,26v-2h3v-5l-2-2h-4v2h-3v5l2,2h4ZM20,20h3v3h-3v-3Z"/>
+    <rect x="12" y="17" width="3" height="3"/>
+    <polygon points="26 12 23 12 23 9 20 6 17 6 17 9 20 9 20 12 17 12 17 15 26 15 26 12"/>
+    <path d="M0,0v32h32V0H0ZM29,29H3V3h26v26Z"/>
+    <polygon points="15 26 15 23 9 23 9 17 6 17 6 23.1875 8.8125 26 15 26"/>
+    <rect x="12" y="6" width="3" height="3"/>
+    <polygon points="9 12 12 12 12 15 15 15 15 12 12 9 9 9 9 6 6 6 6 15 9 15 9 12"/>
+  </g>
+</svg>

package/dist/assets/web/kimchi-official.svg

@@ -0,0 +1,4 @@
+<svg width="123" height="123" viewBox="0 0 123 123" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="61.253" cy="61.2528" rx="61.253" ry="61.2528" fill="#FF521D"/>
+<path d="M80.6263 29.3839C82.2966 28.4796 84.3973 27.9391 86.5589 28.5265C86.9661 28.621 87.3259 28.7338 87.6819 28.8644L89.429 29.504L88.9476 31.3019C88.755 32.0205 88.5843 32.657 88.3919 33.3751L87.927 35.1085L86.1497 34.8653C86.0189 34.8474 85.9018 34.8387 85.7649 34.838C85.1042 34.8519 84.5224 35.1793 83.9476 36.1368C83.5024 36.8786 83.1558 37.8701 82.9056 39.0001C88.1938 42.4457 91.6964 48.4134 91.6966 55.2032C91.6966 58.3431 90.9453 61.3135 89.6126 63.9396C84.235 75.8602 63.8188 99.987 27.6409 93.0685C25.7729 92.711 24.7281 91.1929 24.6224 89.671C24.5188 88.1768 25.3014 86.5642 26.9729 85.8507C36.5987 81.7428 41.9216 77.4027 45.4671 72.13C49.068 66.7747 50.9596 60.301 53.3958 51.5069C55.1219 42.601 62.9567 35.8754 72.3685 35.8751L72.8958 35.8819C73.5513 35.8997 74.1993 35.9516 74.8372 36.0333C75.3327 35.0207 75.9093 34.0272 76.5911 33.0607L76.7718 32.798C77.6998 31.4888 79.0534 30.2355 80.6263 29.3839Z" fill="#18181A"/>
+</svg>

package/dist/assets/web/kiro.svg

@@ -0,0 +1,11 @@
+<svg width="1200" height="1200" viewBox="0 0 1200 1200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1200" height="1200" rx="260" fill="#9046FF"/>
+<mask id="mask0_1106_4856" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="272" y="202" width="655" height="796">
+<path d="M926.578 202.793H272.637V997.857H926.578V202.793Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1106_4856)">
+<path d="M398.554 818.914C316.315 1001.03 491.477 1046.74 620.672 940.156C658.687 1059.66 801.052 970.473 852.234 877.795C964.787 673.567 919.318 465.357 907.64 422.374C827.637 129.443 427.623 128.946 358.8 423.865C342.651 475.544 342.402 534.18 333.458 595.051C328.986 625.86 325.507 645.488 313.83 677.785C306.873 696.424 297.68 712.819 282.773 740.645C259.915 783.881 269.604 867.113 387.87 823.883L399.051 818.914H398.554Z" fill="white"/>
+<path d="M636.123 549.353C603.328 549.353 598.359 510.097 598.359 486.742C598.359 465.623 602.086 448.977 609.293 438.293C615.504 428.852 624.697 424.131 636.123 424.131C647.555 424.131 657.492 428.852 664.447 438.541C672.398 449.474 676.623 466.12 676.623 486.742C676.623 525.998 661.471 549.353 636.375 549.353H636.123Z" fill="black"/>
+<path d="M771.24 549.353C738.445 549.353 733.477 510.097 733.477 486.742C733.477 465.623 737.203 448.977 744.41 438.293C750.621 428.852 759.814 424.131 771.24 424.131C782.672 424.131 792.609 428.852 799.564 438.541C807.516 449.474 811.74 466.12 811.74 486.742C811.74 525.998 796.588 549.353 771.492 549.353H771.24Z" fill="black"/>
+</g>
+</svg>

package/dist/assets/web/minion-code.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <rect fill="none" stroke="currentColor" stroke-width="1.1" x="4.5" y="2.5" width="7" height="10" rx="3.5"/>
+  <line stroke="currentColor" stroke-width="1" x1="3" y1="5.5" x2="13" y2="5.5"/>
+  <circle fill="none" stroke="currentColor" stroke-width="1" cx="6.5" cy="5.5" r="1.6"/>
+  <circle fill="none" stroke="currentColor" stroke-width="1" cx="9.5" cy="5.5" r="1.6"/>
+  <circle fill="currentColor" cx="6.8" cy="5.6" r="0.55"/>
+  <circle fill="currentColor" cx="9.8" cy="5.6" r="0.55"/>
+  <path fill="none" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" d="M7 8.3 Q8 9 9 8.3"/>
+  <path fill="none" stroke="currentColor" stroke-width="0.9" stroke-linecap="round" d="M4.5 8 L3 9.5"/>
+  <path fill="none" stroke="currentColor" stroke-width="0.9" stroke-linecap="round" d="M11.5 8 L13 9.5"/>
+  <line stroke="currentColor" stroke-width="0.7" x1="5" y1="9.5" x2="11" y2="9.5"/>
+  <line stroke="currentColor" stroke-width="0.9" x1="6.5" y1="12.5" x2="6.5" y2="14"/>
+  <line stroke="currentColor" stroke-width="0.9" x1="9.5" y1="12.5" x2="9.5" y2="14"/>
+  <line stroke="currentColor" stroke-width="0.9" stroke-linecap="round" x1="6.5" y1="14" x2="5.5" y2="14"/>
+  <line stroke="currentColor" stroke-width="0.9" stroke-linecap="round" x1="9.5" y1="14" x2="10.5" y2="14"/>
+  <line stroke="currentColor" stroke-width="0.7" stroke-linecap="round" x1="8" y1="2.5" x2="7.3" y2="0.8"/>
+  <line stroke="currentColor" stroke-width="0.7" stroke-linecap="round" x1="8" y1="2.5" x2="8" y2="0.5"/>
+  <line stroke="currentColor" stroke-width="0.7" stroke-linecap="round" x1="8" y1="2.5" x2="8.7" y2="0.8"/>
+</svg>

package/dist/assets/web/mistral-official.svg

@@ -0,0 +1,12 @@
+<svg width="183" height="183" viewBox="0 0 183 183" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="33" y="33" width="24" height="23" fill="#FFAF01"/>
+<rect x="33" y="56" width="47" height="24" fill="#FF8204"/>
+<rect x="33" y="80" width="118" height="23" fill="#FA500F"/>
+<rect x="127" y="103" width="24" height="24" fill="#E10500"/>
+<rect x="80" y="103" width="24" height="24" fill="#E10500"/>
+<rect x="33" y="103" width="24" height="24" fill="#E10500"/>
+<rect x="104" y="127" width="70" height="23" fill="#C4001D"/>
+<rect x="10" y="127" width="70" height="23" fill="#C4001D"/>
+<rect x="104" y="56" width="47" height="24" fill="#FF8204"/>
+<rect x="127" y="33" width="24" height="23" fill="#FFAF01"/>
+</svg>

package/dist/assets/web/notion.svg

@@ -0,0 +1 @@
+<svg fill="#000000" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Notion</title><path d="M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z"/></svg>

package/dist/assets/web/nova.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <circle cx="8" cy="8" r="6" fill="none" stroke="currentColor" stroke-width="1"/>
+  <circle cx="8" cy="8" r="4.5" fill="none" stroke="currentColor" stroke-width="0.3" opacity="0.5"/>
+  <line x1="8" y1="8" x2="13.5" y2="13.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/>
+  <polygon points="14.5,14.5 12.3,13.5 13.5,12.3" fill="currentColor"/>
+  <line x1="8" y1="8" x2="2.5" y2="2.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/>
+  <polygon points="1.5,1.5 3.7,2.5 2.5,3.7" fill="currentColor"/>
+  <circle cx="8" cy="8" r="1.3" fill="currentColor"/>
+  <circle cx="8" cy="8" r="0.6" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.7"/>
+</svg>

package/dist/assets/web/openclaw.svg

@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 16 16" role="img" aria-label="Pixel lobster">
+  <rect width="16" height="16" fill="none"/>
+  <!-- outline -->
+  <g fill="#3a0a0d">
+    <rect x="1" y="5" width="1" height="3"/>
+    <rect x="2" y="4" width="1" height="1"/>
+    <rect x="2" y="8" width="1" height="1"/>
+    <rect x="3" y="3" width="1" height="1"/>
+    <rect x="3" y="9" width="1" height="1"/>
+    <rect x="4" y="2" width="1" height="1"/>
+    <rect x="4" y="10" width="1" height="1"/>
+    <rect x="5" y="2" width="6" height="1"/>
+    <rect x="11" y="2" width="1" height="1"/>
+    <rect x="12" y="3" width="1" height="1"/>
+    <rect x="12" y="9" width="1" height="1"/>
+    <rect x="13" y="4" width="1" height="1"/>
+    <rect x="13" y="8" width="1" height="1"/>
+    <rect x="14" y="5" width="1" height="3"/>
+    <rect x="5" y="11" width="6" height="1"/>
+    <rect x="4" y="12" width="1" height="1"/>
+    <rect x="11" y="12" width="1" height="1"/>
+    <rect x="3" y="13" width="1" height="1"/>
+    <rect x="12" y="13" width="1" height="1"/>
+    <rect x="5" y="14" width="6" height="1"/>
+  </g>
+
+  <!-- body -->
+  <g fill="#ff4f40">
+    <rect x="5" y="3" width="6" height="1"/>
+    <rect x="4" y="4" width="8" height="1"/>
+    <rect x="3" y="5" width="10" height="1"/>
+    <rect x="3" y="6" width="10" height="1"/>
+    <rect x="3" y="7" width="10" height="1"/>
+    <rect x="4" y="8" width="8" height="1"/>
+    <rect x="5" y="9" width="6" height="1"/>
+    <rect x="5" y="12" width="6" height="1"/>
+    <rect x="6" y="13" width="4" height="1"/>
+  </g>
+
+  <!-- claws -->
+  <g fill="#ff775f">
+    <rect x="1" y="6" width="2" height="1"/>
+    <rect x="2" y="5" width="1" height="1"/>
+    <rect x="2" y="7" width="1" height="1"/>
+    <rect x="13" y="6" width="2" height="1"/>
+    <rect x="13" y="5" width="1" height="1"/>
+    <rect x="13" y="7" width="1" height="1"/>
+  </g>
+
+  <!-- eyes -->
+  <g fill="#081016">
+    <rect x="6" y="5" width="1" height="1"/>
+    <rect x="9" y="5" width="1" height="1"/>
+  </g>
+  <g fill="#f5fbff">
+    <rect x="6" y="4" width="1" height="1"/>
+    <rect x="9" y="4" width="1" height="1"/>
+  </g>
+</svg>
+

package/dist/assets/web/opencode.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><rect width="512" height="512" rx="72" fill="#131010"/><path d="M320 224v128H192V224h128Z" fill="#5A5858"/><path fill-rule="evenodd" d="M384 416H128V96h256v320Zm-64-256H192v192h128V160Z" fill="#fff"/></svg>

package/dist/assets/web/pi.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
+  <rect width="800" height="800" rx="120" fill="#09090b"/>
+  <path fill="#fff" fill-rule="evenodd" d="
+    M165.29 165.29
+    H517.36
+    V400
+    H400
+    V517.36
+    H282.65
+    V634.72
+    H165.29
+    Z
+    M282.65 282.65
+    V400
+    H400
+    V282.65
+    Z
+  "/>
+  <path fill="#fff" d="M517.36 400 H634.72 V634.72 H517.36 Z"/>
+</svg>

package/dist/assets/web/poolside-official.svg

@@ -0,0 +1,26 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1451_45954" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="28" height="28">
+<rect x="2" y="2" width="28" height="28" fill="url(#paint0_linear_1451_45954)" style=""/>
+<rect x="2" y="2" width="28" height="28" fill="url(#paint1_linear_1451_45954)" style=""/>
+<rect x="2" y="2" width="28" height="28" fill="url(#paint2_linear_1451_45954)" style=""/>
+</mask>
+<g mask="url(#mask0_1451_45954)">
+<path d="M3.41712 9.86302C6.80654 2.91367 15.1874 0.0275226 22.1368 3.41673C29.0863 6.80621 31.9726 15.188 28.5831 22.1374C25.1936 29.0867 16.8118 31.9722 9.86243 28.5827C4.66204 26.0461 1.73968 20.7158 2.01477 15.2849L2.05188 14.7595L2.07239 14.6081C2.21562 13.8614 2.90513 13.3305 3.67884 13.3992C4.45222 13.468 5.03641 14.1117 5.04602 14.8718L5.04016 15.0251L5.01087 15.4382C4.81888 19.2309 6.61285 22.9542 9.87512 25.1355L13.9933 16.6902L4.10755 11.8689C3.40938 11.5284 3.09379 10.7172 3.35657 10.0036L3.41712 9.86302ZM12.5714 26.4499C17.2445 27.9897 22.4003 26.2141 25.1349 22.1238L16.6896 18.0056L12.5714 26.4499ZM23.7208 8.16575C23.7497 8.57599 23.771 9.00755 23.7794 9.45579C23.8234 11.8115 23.5514 14.7561 22.5206 17.5115L26.4493 19.4275C27.7704 15.4172 26.6506 11.0524 23.7208 8.16575ZM20.5333 6.70384C19.8869 7.05321 19.0593 7.56983 18.1691 8.239C16.5266 9.47362 14.7653 11.1474 13.504 13.114L19.8097 16.1892C20.5828 13.9845 20.8187 11.5667 20.7804 9.51243C20.7596 8.39857 20.656 7.42837 20.5333 6.70384ZM17.4181 5.09153C13.3401 4.56091 9.21077 6.36601 6.86438 9.87571L10.7941 11.7917C12.3304 9.28322 14.4831 7.25617 16.3663 5.84056C16.7246 5.57129 17.0771 5.32128 17.4181 5.09153Z" fill="#4137FF" style="fill:#4137FF;fill:color(display-p3 0.2549 0.2157 1.0000);fill-opacity:1;"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1451_45954" x1="9.875" y1="25.975" x2="8.5625" y2="25.975" gradientUnits="userSpaceOnUse">
+<stop style="stop-color:black;stop-opacity:1;"/>
+<stop offset="1" stop-opacity="0" style="stop-color:none;stop-opacity:0;"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1451_45954" x1="9.9625" y1="15.825" x2="10.4" y2="14.9937" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0" style="stop-color:none;stop-opacity:0;"/>
+<stop offset="1" style="stop-color:black;stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1451_45954" x1="3.1375" y1="25.9312" x2="3.1375" y2="14.7312" gradientUnits="userSpaceOnUse">
+<stop style="stop-color:black;stop-opacity:1;"/>
+<stop offset="0.105" stop-opacity="0.9" style="stop-color:black;stop-opacity:0.9;"/>
+<stop offset="0.903766" stop-opacity="0.04" style="stop-color:black;stop-opacity:0.04;"/>
+<stop offset="1" stop-opacity="0" style="stop-color:none;stop-opacity:0;"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/web/qoder.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="currentColor" d="M8 1C4.134 1 1 4.134 1 8s3.134 7 7 7c1.5 0 2.9-.47 4.05-1.28l1.12 1.12a.75.75 0 1 0 1.06-1.06l-1.12-1.12A6.97 6.97 0 0 0 15 8c0-3.866-3.134-7-7-7Zm0 2c2.761 0 5 2.239 5 5s-2.239 5-5 5-5-2.239-5-5 2.239-5 5-5Z"/>
+</svg>

package/dist/assets/web/sigit.svg

@@ -0,0 +1,98 @@
+<?xml version="1.0" standalone="no" ?>
+<svg
+    version="1.0"
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 1024 1024"
+    preserveAspectRatio="xMidYMid meet"
+>
+
+<g
+        transform="translate(0,1024) scale(0.1,-0.1)"
+        fill="currentColor"
+        stroke="none"
+    >
+<path
+            d="M6428 6358 c-104 -8 -227 -38 -314 -78 -73 -33 -196 -115 -239 -160
+-18 -19 -39 -30 -56 -30 -26 0 -27 1 -18 32 5 18 9 52 9 76 0 34 -6 49 -34 80
+l-34 37 -319 3 c-412 3 -383 18 -447 -236 -20 -78 -36 -154 -36 -168 0 -14 -5
+-35 -12 -47 -6 -12 -21 -60 -33 -107 l-22 -85 -22 43 c-47 91 -179 184 -310
+218 -146 37 -375 34 -536 -7 -203 -51 -365 -175 -443 -339 -68 -143 -109 -304
+-114 -445 l-2 -70 -127 5 c-70 3 -125 2 -123 -1 5 -8 -27 -21 -34 -14 -3 3 0
+5 7 5 7 0 9 5 6 10 -4 6 -11 8 -16 5 -5 -4 -15 -3 -21 2 -7 4 -17 8 -23 8 -5
+0 -10 7 -10 15 0 13 -142 15 -1205 18 -663 1 -1212 -1 -1220 -5 -8 -3 -19 -5
+-25 -4 -5 1 1 -8 15 -21 13 -13 29 -22 34 -20 5 2 3 -4 -4 -14 -13 -15 -15
+-14 -24 5 -5 13 -15 20 -24 16 -7 -3 -157 -5 -333 -5 l-319 0 0 -2540 0 -2540
+5120 0 5120 0 0 2540 0 2540 -685 1 c-377 1 -689 2 -694 3 -16 2 -25 16 -10
+16 11 0 11 2 -1 10 -8 5 -10 10 -4 10 5 0 16 -6 23 -12 11 -10 13 -10 7 0 -5
+8 1 12 18 12 14 0 27 -1 29 -2 1 -2 13 7 27 20 13 12 30 22 37 22 8 0 11 5 8
+10 -3 6 -2 10 2 10 5 0 9 8 9 18 1 9 18 82 38 161 20 79 36 158 36 176 0 42
+-38 97 -75 109 -17 6 -31 11 -32 11 -1 1 5 23 13 50 20 68 20 137 -2 169 -27
+43 -64 56 -155 56 -73 0 -80 2 -74 18 4 9 9 42 12 72 3 44 0 62 -17 88 -38 61
+-57 63 -396 60 l-304 -3 0 38 c0 29 -8 46 -34 75 l-34 37 -313 3 c-215 2 -321
+-1 -340 -8 -50 -21 -68 -52 -100 -177 l-31 -121 -28 16 c-16 9 -35 30 -43 47
+-23 48 -102 130 -168 174 -132 88 -315 126 -531 109z m296 -148 c43 -11 101
+-32 129 -47 67 -37 145 -115 170 -172 41 -92 33 -253 -25 -493 l-21 -88 -275
+0 -274 0 4 23 c3 12 22 91 42 175 25 102 36 170 34 205 -3 51 -4 52 -39 61
+-57 14 -98 -15 -128 -89 -36 -89 -321 -1238 -328 -1321 -5 -66 -4 -72 18 -88
+54 -38 118 -7 159 78 28 58 122 403 113 419 -2 4 -27 7 -54 7 -43 0 -50 3 -46
+18 3 9 20 79 38 154 l33 137 75 7 c79 7 558 1 566 -8 3 -3 -58 -260 -136 -572
+l-141 -566 -174 0 -174 0 0 29 c0 15 -3 49 -6 74 l-7 46 -61 -55 c-33 -30 -94
+-72 -135 -92 -74 -37 -76 -37 -201 -37 -126 0 -126 0 -202 38 -203 100 -254
+266 -179 592 66 287 235 944 271 1050 72 215 132 298 289 403 144 97 262 130
+462 131 95 1 145 -4 203 -19z m-1046 -37 c-3 -10 -18 -71 -33 -135 l-29 -118
+-273 0 c-213 0 -271 3 -268 13 2 6 13 50 25 97 11 46 25 101 31 122 l10 38
+271 0 c253 0 270 -1 266 -17z m2240 0 c-3 -10 -18 -71 -33 -135 l-29 -118
+-273 0 c-213 0 -271 3 -268 13 2 6 13 50 25 97 11 46 25 101 31 122 l10 38
+271 0 c253 0 270 -1 266 -17z m722 -139 c0 -3 -13 -59 -30 -124 -16 -65 -30
+-126 -30 -134 0 -13 13 -16 65 -16 45 0 65 -4 65 -12 0 -13 -31 -146 -51 -220
+l-10 -38 -72 0 -73 0 -132 -532 c-73 -293 -132 -552 -132 -574 0 -47 11 -54
+93 -54 26 0 47 -3 47 -7 0 -5 -15 -66 -33 -138 l-33 -130 -165 -3 c-326 -6
+-421 26 -459 155 -17 55 2 146 155 761 69 277 125 508 125 513 0 5 -25 9 -55
+9 l-55 0 7 28 c3 15 18 74 33 132 l26 105 59 5 59 5 34 138 34 137 264 0 c145
+0 264 -3 264 -6z m-4147 -223 c137 -36 218 -93 257 -183 27 -63 24 -128 -12
+-278 l-24 -95 -232 -3 c-143 -1 -232 1 -232 7 0 5 9 47 20 93 35 145 26 178
+-49 178 -65 0 -117 -79 -128 -195 -9 -104 10 -126 222 -252 211 -127 273 -191
+290 -305 14 -94 -44 -332 -112 -458 -105 -195 -319 -301 -607 -300 -253 1
+-438 89 -476 225 -17 61 -8 193 21 318 l22 97 234 0 233 0 -5 -22 c-3 -13 -14
+-61 -25 -108 -11 -47 -20 -106 -20 -132 0 -40 4 -50 25 -64 31 -20 85 -12 120
+19 32 28 64 120 72 203 8 82 7 82 -202 224 -178 120 -243 177 -277 242 -72
+138 33 532 175 650 70 59 97 75 175 105 101 38 184 51 328 52 99 1 149 -4 207
+-18z m1087 -20 c0 -7 -408 -1652 -426 -1718 l-6 -23 -269 0 c-173 0 -269 4
+-269 10 0 6 97 399 216 875 l216 865 269 0 c148 0 269 -4 269 -9z m2240 -1 c0
+-5 -97 -397 -215 -871 -118 -474 -215 -863 -215 -865 0 -2 -121 -4 -270 -4
+-174 0 -270 4 -270 10 0 6 97 399 216 875 l216 865 269 0 c166 0 269 -4 269
+-10z m1040 -742 c0 -5 -5 -6 -11 -2 -8 4 -9 -1 -4 -17 4 -13 4 -21 0 -17 -4 4
+-9 21 -11 39 -3 27 -2 30 11 19 8 -7 15 -17 15 -22z m-8192 4 c2 -7 -5 -12
+-15 -11 -12 0 -14 2 -4 6 11 5 11 7 0 15 -12 8 -12 9 0 6 8 -3 17 -10 19 -16z
+m1840 -1329 c-311 -2 -824 -2 -1140 0 -315 1 -60 2 567 2 627 0 885 -1 573 -2z
+m619 1 c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2 13 -5z"
+        />
+<path
+            d="M900 6270 c0 -11 6 -20 14 -20 7 0 16 -9 19 -20 5 -20 12 -20 1803
+-18 1731 3 1799 4 1802 21 3 12 -4 20 -17 24 -12 3 -21 12 -21 19 0 12 -274
+14 -1800 14 -1793 0 -1800 0 -1800 -20z"
+        />
+<path
+            d="M900 6005 c0 -15 6 -25 14 -25 7 0 16 -9 19 -20 5 -20 12 -20 1334
+-18 l1328 3 3 23 c3 17 -2 22 -17 22 -14 0 -21 6 -21 20 0 20 -7 20 -1330 20
+l-1330 0 0 -25z"
+        />
+<path
+            d="M737 5713 c-12 -12 -7 -43 7 -43 7 0 16 -9 19 -20 5 -20 12 -20 1323
+-18 1248 3 1319 4 1322 21 2 9 -4 20 -14 24 -10 3 -26 15 -35 24 -17 17 -83
+18 -1317 19 -714 0 -1302 -3 -1305 -7z"
+        />
+<path
+            d="M1953 5412 c-1265 -2 -1273 -2 -1273 -22 0 -11 6 -20 14 -20 7 0 16
+-9 19 -20 5 -20 12 -20 1298 -18 1242 3 1294 4 1297 21 3 12 -4 20 -17 24 -12
+3 -21 11 -21 18 0 7 -10 14 -22 16 -13 2 -596 3 -1295 1z"
+        />
+<path d="M9010 5130 c-12 -7 -10 -9 7 -7 12 0 19 5 17 9 -6 10 -6 10 -24 -2z" />
+<path
+            d="M3180 5109 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
+-5 -10 -11z"
+        />
+</g>
+</svg>

package/dist/assets/web/telegram.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#38AEEB" offset="0%"></stop>
+            <stop stop-color="#279AD1" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <circle id="Oval" fill="url(#linearGradient-1)" cx="8" cy="8" r="8"></circle>
+        <path d="M3.17026167,7.83635602 C5.78750201,6.74265999 7.53273882,6.02162863 8.40597211,5.67326193 C10.8992306,4.67860423 11.2454541,4.53439191 11.5831299,4.52864956 C11.6573986,4.52743168 11.8385417,4.55776042 11.9798438,4.67645833 C12.1211458,4.79515625 12.1635786,4.87206678 12.1755371,4.93908691 C12.1874957,5.00610705 12.1862759,5.21456762 12.1744385,5.3338623 C12.0393279,6.69547283 11.5259342,9.83829771 11.2285121,11.3633248 C11.1026617,12.008621 10.8548582,12.2249854 10.6149558,12.2461596 C10.0935924,12.2921758 9.69769267,11.9156852 9.19272668,11.5981993 C8.40255458,11.1013965 8.13911734,10.9180161 7.3721185,10.4332283 C6.48571864,9.87297217 6.85080034,9.6784879 7.35595703,9.17524981 C7.48815894,9.04355001 9.67825076,7.04590073 9.71077046,6.86250183 C9.7391276,6.70257812 9.7494847,6.68189389 9.67664063,6.60973958 C9.60379655,6.53758527 9.51674192,6.54658941 9.46083149,6.55876051 C9.38158015,6.57601267 8.17521836,7.33962686 5.84174612,8.84960308 C5.48344358,9.08558775 5.15890428,9.20056741 4.86812819,9.19454205 C4.54757089,9.18789957 3.93094724,9.02070014 3.47255094,8.87778221 C2.91030922,8.70248755 2.46345069,8.609808 2.50236203,8.31210343 C2.52262946,8.15704047 2.74526267,7.998458 3.17026167,7.83635602 Z" id="Path-3" fill="#FFFFFF"></path>
+    </g>
+</svg>

package/dist/assets/web/typesafe.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="12" fill="#e551ba"/><path fill="#171717" fill-rule="evenodd" transform="translate(12 12) scale(0.8) translate(-12 -12)" d="M11.94 3.98L12.21 4.09L14.99 5.68L15.01 8.76L17.34 10.12L17.63 10.33L17.62 16.75L11.99 20L9.01 18.28L8.99 15.21L6.38 13.69L6.38 7.2Z M11.62 4.95L7.03 7.61L7.03 12.94L9 11.8L9 8.74L11.62 7.22Z M14.25 9.55L12.38 10.61L12.38 13.66L9.75 15.2L9.75 17.47L14.25 14.86Z M14.64 15.42L10.17 18L9.99 18.06L12 19.22L16.42 16.66L16.49 16.54Z M15 9.54L15 14.85L16.88 15.96L16.88 10.65Z M12 7.79L10.02 8.92L12 10.06L13.94 8.93Z M9.36 12.37L7.5 13.45L7.55 13.59L9.37 14.64L11.25 13.53L11.25 13.49Z M12.38 4.96L12.38 7.24L14.25 8.32L14.25 6.07Z M9.75 9.56L9.75 11.83L11.62 12.9L11.62 10.64Z"/></svg>

package/dist/assets/web/vtcode.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M0.5 5.5L2.5 8 0.5 10.5" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <text x="3.2" y="11.5" font-family="'SF Mono', 'Fira Code', 'Consolas', monospace" font-size="10" font-weight="600" letter-spacing="-0.5" fill="currentColor">VT</text>
+</svg>

package/dist/assets/web/whatsapp.svg

@@ -0,0 +1,11 @@
+<svg width="23" height="23" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 720">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #25d366;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/>
+  <path class="cls-1" d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/>
+</svg>

package/dist/browser-bar.css

@@ -0,0 +1 @@
+:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-code: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--pad-xs: 4px;--pad-sm: 8px;--pad-md: 12px;--pad-lg: 16px;--pad-xl: 24px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--h-control-xs: 28px;--h-control-sm: 32px;--h-control: 36px;--h-control-lg: 40px;--icon-xs: 12px;--icon-sm: 14px;--icon: 16px;--icon-lg: 20px;--icon-xl: 32px;--corner-tiny: 4px;--corner-control: 8px;--corner-card: 12px;--corner-bubble: 20px;--fs-caption: 12px;--lh-caption: 17px;--fs-meta: 13px;--lh-meta: 18px;--fs-ui: 14px;--lh-ui: 21px;--fs-prose: 15px;--lh-prose: 24px;--fs-subhead: 16px;--lh-subhead: 22px;--fs-title: 18px;--lh-title: 24px;--fs-display: 24px;--lh-display: 29px;--fs-metric: 32px;--lh-metric: 36px;--fs-cta: 14px;--lh-cta: 14px;--fs-reading: 15px;--lh-reading: calc(var(--fs-reading) * 1.625);--dur-fast: 60ms;--dur-snap: .15s;--dur-base: .2s;--dur-sheet: .3s;--dur-slow: .45s;--ease-standard: cubic-bezier(0, 0, .2, 1);--ease-snap: cubic-bezier(.32, .72, 0, 1);--ease-overshoot: cubic-bezier(.34, 1.3, .64, 1);--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-dropdown: 30;--z-overlay: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 80;--corner-radius-scale: 1;--text-meta: var(--fs-meta);--text-meta--line-height: var(--lh-meta);--text-meta--letter-spacing: 0;--text-ui: var(--fs-ui);--text-ui--line-height: var(--lh-ui);--text-ui--letter-spacing: 0;--text-cta: var(--fs-cta);--text-cta--line-height: var(--lh-cta);--text-cta--letter-spacing: 0;--text-reading: var(--fs-reading);--text-reading--line-height: var(--lh-reading);--text-reading--letter-spacing: 0;--text-prose: var(--fs-prose);--text-prose--line-height: var(--lh-prose);--text-prose--letter-spacing: 0;--text-subhead: var(--fs-subhead);--text-subhead--line-height: var(--lh-subhead);--text-subhead--letter-spacing: -.01em;--text-title: var(--fs-title);--text-title--line-height: var(--lh-title);--text-title--letter-spacing: -.02em;--text-display: var(--fs-display);--text-display--line-height: var(--lh-display);--text-display--letter-spacing: -.02em;--text-metric: var(--fs-metric);--text-metric--line-height: var(--lh-metric);--text-metric--letter-spacing: -.03em;--text-code: .92em;--text-code--line-height: 1.45;--text-code--letter-spacing: 0;--text-caption: var(--fs-caption);--text-caption--line-height: var(--lh-caption);--text-caption--letter-spacing: 0;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-tiny: calc(var(--corner-tiny) * var(--corner-radius-scale));--radius-control: calc(var(--corner-control) * var(--corner-radius-scale));--radius-card: calc(var(--corner-card) * var(--corner-radius-scale));--radius-bubble: calc(var(--corner-bubble) * var(--corner-radius-scale));--radius-composer: 1.5rem;--radius-menu: calc(1rem * var(--corner-radius-scale));--radius-context: calc(.75rem * var(--corner-radius-scale));--radius-pill: 9999px;--container-reading: 48.75rem;--container-bubble: 42rem;--background: var(--ast-canvas);--foreground: var(--ast-ink);--card: var(--ast-panel);--card-foreground: var(--ast-ink);--popover: var(--ast-panel);--popover-foreground: var(--ast-ink);--primary: #0d0d0d;--primary-foreground: #ffffff;--secondary: var(--ast-surface);--secondary-foreground: var(--ast-ink);--muted: var(--ast-surface);--muted-foreground: var(--ast-muted-ink);--accent: var(--ast-surface);--accent-foreground: var(--ast-ink);--destructive: var(--ast-danger);--border: var(--ast-line);--input: var(--ast-line-strong);--ring: var(--ast-brand-deep);--shadow-control: 0 1px 2px -1px #00000014;--shadow-row: 0 1px 2px -1px #00000014;--shadow-panel: 0 2px 4px -1px #00000014;--shadow-panel-hover: 0 4px 8px -2px #0000001a;--shadow-overlay: 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), 0 16px 40px -18px rgb(0 0 0 / 55%);--space-micro: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--row-compact: 32px;--row-default: 40px;--row-touch: 44px;--app-rail-bg: var(--ast-canvas);--app-rail-active-bg: var(--ast-surface);--app-row-hover: var(--ast-surface);--app-rail-width: 320px;--app-rail-header-height: 48px;--app-rail-row-height: 28px;--app-rail-row-radius: 6px;--app-rail-nav-size: var(--fs-ui);--app-rail-label-size: calc(var(--fs-ui) * .9);--app-rail-section-gap: 24px;--app-rail-ink: var(--ast-ink);--app-rail-muted: #71717a;--app-rail-hover: rgb(0 0 0 / 6%);--app-rail-active: color-mix(in srgb, var(--ast-brand) 10%, transparent);--app-rail-active-ink: var(--ast-brand-deep);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 5%);--app-nav-rail-bg: color-mix(in srgb, var(--ast-brand) 2%, #ffffff);--ast-brand-sky: #e7f4fe;--ast-sky-ink: #0d0d0d;--app-workspace-bg: #f3f3f3;--app-session-rail-bg: #f3f3f3;--ast-ink: #1a1c1f;--ast-secondary-ink: #404040;--ast-muted-ink: #595959;--ast-faint: #636363;--ast-placeholder: #636363;--ast-brand: #f0eee9;--ast-brand-hover: #d3d1cd;--ast-brand-deep: #514f4b;--ast-brand-ink: #6d6b67;--ast-brand-ink-hover: #5f5d59;--ast-brand-foreground: #1a1c1f;--ast-action: #5f5d59;--ast-action-hover: #2c3038;--ast-line: color-mix(in oklab, #1a1c1f 8%, transparent);--ast-line-strong: color-mix(in oklab, #1a1c1f 12%, transparent);--ast-line-hover: color-mix(in oklab, #1a1c1f 15%, transparent);--ast-divider: color-mix(in oklab, #1a1c1f 5%, transparent);--ast-surface: #f1f1f1;--ast-canvas: #fcfcfc;--ast-panel: #ffffff;--ast-navy: #061a2d;--ast-navy-deep: #04121f;--ast-sky: #f0eee9;--ast-sky-soft: #f7f7f6;--ast-sky-mid: #e7e6e4;--ast-positive: oklch(.52 .14 145);--ast-warning: oklch(.68 .14 75);--ast-info: #075eb8;--ast-danger: oklch(.577 .245 27.325);--ast-runtime-ink: #dcecff;--ast-runtime-line: rgb(255 255 255 / .08);--ast-runtime-hover: #0b2a47;--ast-band-foreground: #ffffff;--ast-band-line: rgb(255 255 255 / .25);--ast-shadow-float: 0 18px 48px rgb(6 26 45 / .14);--ast-shadow-runtime: 0 28px 80px rgb(6 26 45 / .16);--ast-shadow-panel: 0 1px 2px rgb(16 24 40 / .05), 0 2px 5px rgb(16 24 40 / .04);--ast-shadow-composer: 0 0 0 .5px rgb(20 24 33 / .12), 0 3px 8px rgb(0 0 0 / .05), 0 0 22px rgb(0 0 0 / .05);--ast-composer-surface: rgb(255 255 255 / .86);--ast-chart-claude: #eb6834;--ast-chart-codex: #2a78d6;--ast-chart-hermes: #1baf7a;--ast-chart-pi: #8b5cf6;--ast-chart-cost-lo: #86b6ef;--ast-chart-cost-mid: #2a78d6;--ast-chart-cost-hi: #104281;--ast-chart-time: #4a3aa7;--color-border-subtle: color-mix(in oklab, var(--ast-ink) 8%, transparent);--color-surface-subtle: color-mix(in oklab, var(--ast-ink) 3%, transparent);--color-accent-muted: var(--ast-sky-soft);--color-destructive-muted: color-mix(in oklab, var(--destructive) 12%, transparent);--color-diff-add: oklch(.72 .17 145);--color-diff-del: oklch(.6 .22 27);--bubble-user: #f3f3f3;--bubble-user-foreground: #1a1c1f;--bubble-assistant: color-mix(in oklab, var(--muted) 80%, transparent);--composer-surface: color-mix(in oklab, var(--card) 90%, transparent);--composer-border: transparent;--composer-border-focus: transparent;--composer-shadow: 0 0 0 .5px color-mix(in oklab, var(--foreground) 12%, transparent), 0 3px 7.5px #0000000a, 0 0 20px #0000000d;--composer-shadow-focus: 0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent), 0 3px 7.5px #0000000a, 0 0 20px #0000000d}@media(prefers-color-scheme:dark){:root{--primary: var(--ast-ink);--primary-foreground: var(--ast-canvas);--secondary: rgb(255 255 255 / 8%);--muted: rgb(255 255 255 / 8%);--accent: rgb(255 255 255 / 8%);--shadow-control: 0 0 0 1px oklch(1 0 0 / .06);--shadow-row: 0 0 0 1px oklch(1 0 0 / .06);--shadow-panel: 0 0 0 1px oklch(1 0 0 / .06);--shadow-panel-hover: 0 0 0 1px oklch(1 0 0 / .12);--shadow-overlay: 0 20px 56px -16px oklch(0 0 0 / .72), 0 0 0 1px oklch(1 0 0 / .08);--app-rail-muted: #a1a1aa;--app-rail-hover: rgb(255 255 255 / 8%);--app-rail-active: color-mix(in srgb, var(--ast-brand) 22%, transparent);--app-rail-active-ink: var(--ast-ink);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 40%);--app-nav-rail-bg: #000000;--app-workspace-bg: #131313;--app-session-rail-bg: #131313;--ast-ink: #dfdfdf;--ast-secondary-ink: color-mix(in oklab, #ffffff 70%, transparent);--ast-muted-ink: color-mix(in oklab, #ffffff 55%, transparent);--ast-faint: color-mix(in oklab, #ffffff 50%, transparent);--ast-placeholder: #9a9a9a;--ast-brand-hover: #f2f0ec;--ast-brand-deep: #bab8b3;--ast-brand-ink: #9e9c97;--ast-brand-ink-hover: #aba9a4;--ast-action: #9e9c97;--ast-action-hover: #d8d6cf;--ast-line: color-mix(in oklab, #ffffff 8%, transparent);--ast-line-strong: color-mix(in oklab, #ffffff 16%, transparent);--ast-line-hover: oklch(1 0 0 / 16%);--ast-divider: color-mix(in oklab, #ffffff 4%, transparent);--ast-surface: #303030;--ast-canvas: #181818;--ast-panel: #212121;--ast-navy: #020e19;--ast-navy-deep: #010810;--ast-sky-soft: #1e1e1d;--ast-sky-mid: #31302e;--ast-positive: oklch(.62 .15 145);--ast-warning: oklch(.7 .16 85);--ast-info: #8ed1ff;--ast-danger: oklch(.704 .191 22.216);--ast-band-foreground: #020e19;--ast-band-line: rgb(2 14 25 / .25);--ast-shadow-float: 0 18px 48px rgb(0 0 0 / .34);--ast-shadow-runtime: 0 28px 80px rgb(0 0 0 / .38);--ast-shadow-panel: 0 1px 2px rgb(0 0 0 / .4), 0 2px 6px rgb(0 0 0 / .32);--ast-shadow-composer: 0 0 0 1px rgb(255 255 255 / .12), 0 4px 12px rgb(0 0 0 / .4);--ast-composer-surface: rgb(26 27 30 / .82);--ast-chart-claude: #d95926;--ast-chart-codex: #3987e5;--ast-chart-hermes: #199e70;--ast-chart-pi: #a78bfa;--ast-chart-cost-lo: #6da7ec;--ast-chart-cost-mid: #3987e5;--ast-chart-cost-hi: #184f95;--ast-chart-time: #9085e9;--color-border-subtle: color-mix(in oklab, #ffffff 8%, transparent);--color-surface-subtle: color-mix(in oklab, #ffffff 4%, transparent);--color-accent-muted: color-mix(in oklab, var(--ast-sky-soft) 20%, transparent);--color-diff-add: oklch(.62 .17 145);--color-diff-del: oklch(.52 .22 27);--bubble-user: rgb(255 255 255 / 6%);--bubble-user-foreground: var(--foreground);--bubble-assistant: color-mix(in oklab, var(--ast-surface) 60%, transparent);--composer-border: rgba(255, 255, 255, .16);--composer-border-focus: rgba(255, 255, 255, .24);--composer-shadow: none;--composer-shadow-focus: none}}:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #0d4372;--ast-brand-deep: #0c3b65;--ast-brand-ink: #0f4c81;--ast-brand-ink-hover: #0e4474;--ast-brand-foreground: #ffffff;--ast-action: #0e4474;--ast-sky: #0f4c81;--ast-sky-soft: #f4f8fc;--ast-sky-mid: #dce8f3;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #54427a;--ast-brand-deep: #442f6d;--ast-brand-ink: #5f4b8b;--ast-brand-ink-hover: #513d7c;--ast-brand-foreground: #ffffff;--ast-action: #513d7c;--ast-sky: #5f4b8b;--ast-sky-soft: #f7f5fe;--ast-sky-mid: #e8e2fc;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #a52140;--ast-brand-deep: #930231;--ast-brand-ink: #bb2649;--ast-brand-ink-hover: #a90b3b;--ast-brand-foreground: #ffffff;--ast-action: #a90b3b;--ast-sky: #bb2649;--ast-sky-soft: #fff4f4;--ast-sky-mid: #ffdddf;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #e0a786;--ast-brand-deep: #7e3b03;--ast-brand-ink: #a85416;--ast-brand-ink-hover: #964702;--ast-brand-foreground: #1a1c1f;--ast-action: #964702;--ast-sky: #ffbe98;--ast-sky-soft: #fef5f0;--ast-sky-mid: #fedfce;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #906a58;--ast-brand-deep: #6d4533;--ast-brand-ink: #8c614e;--ast-brand-ink-hover: #7c5340;--ast-brand-foreground: #000000;--ast-action: #7c5340;--ast-sky: #a47864;--ast-sky-soft: #fef5f1;--ast-sky-mid: #f4e2da;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #789b42;--ast-brand-deep: #3c5702;--ast-brand-ink: #527603;--ast-brand-ink-hover: #476601;--ast-brand-foreground: #1a1c1f;--ast-action: #476601;--ast-sky: #88b04b;--ast-sky-soft: #f3faeb;--ast-sky-mid: #ddedcb;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #008265;--ast-brand-deep: #03553f;--ast-brand-ink: #047a5f;--ast-brand-ink-hover: #036d54;--ast-brand-foreground: #000000;--ast-action: #036d54;--ast-sky: #009473;--ast-sky-soft: #eafbf5;--ast-sky-mid: #ccf0e2;--ring: var(--ast-brand-deep)}@media(prefers-color-scheme:dark){:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #2c6190;--ast-brand-deep: #b3d1ef;--ast-brand-ink: #7fb0e0;--ast-brand-ink-hover: #93bde6;--ast-brand-foreground: #ffffff;--ast-action: #7fb0e0;--ast-sky: #0f4c81;--ast-sky-soft: #121c26;--ast-sky-mid: #1d3044;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #726199;--ast-brand-deep: #c0adf5;--ast-brand-ink: #a591d8;--ast-brand-ink-hover: #b29ee5;--ast-brand-foreground: #ffffff;--ast-action: #a591d8;--ast-sky: #5f4b8b;--ast-sky-soft: #201a2d;--ast-sky-mid: #332b47;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #c3405f;--ast-brand-deep: #fe9ca6;--ast-brand-ink: #ff6c82;--ast-brand-ink-hover: #fe8492;--ast-brand-foreground: #ffffff;--ast-action: #ff6c82;--ast-sky: #bb2649;--ast-sky-soft: #301418;--ast-sky-mid: #4e1f26;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #ffc6a4;--ast-brand-deep: #fda26a;--ast-brand-ink: #df864e;--ast-brand-ink-hover: #ed935b;--ast-brand-foreground: #1a1c1f;--ast-action: #df864e;--ast-sky: #ffbe98;--ast-sky-soft: #2f1708;--ast-sky-mid: #4a250d;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #af8877;--ast-brand-deep: #ddae98;--ast-brand-ink: #c0927d;--ast-brand-ink-hover: #cd9f8a;--ast-brand-foreground: #000000;--ast-action: #c0927d;--ast-sky: #a47864;--ast-sky-soft: #271b15;--ast-sky-mid: #3e2b23;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #96b961;--ast-brand-deep: #9cc560;--ast-brand-ink: #81a943;--ast-brand-ink-hover: #8db651;--ast-brand-foreground: #1a1c1f;--ast-action: #81a943;--ast-sky: #88b04b;--ast-sky-soft: #182209;--ast-sky-mid: #26360b;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #1fa184;--ast-brand-deep: #58cba7;--ast-brand-ink: #36af8c;--ast-brand-ink-hover: #47bc99;--ast-brand-foreground: #000000;--ast-action: #36af8c;--ast-sky: #009473;--ast-sky-soft: #05241b;--ast-sky-mid: #043a2c;--ring: var(--ast-brand-deep)}}.type-overline{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ast-faint)}.type-meta{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-meta--letter-spacing)}.type-label{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--text-ui--letter-spacing)}.type-caption{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-body{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-body-sm{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-prose{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-title-sm{font-size:var(--text-subhead);line-height:var(--text-subhead--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-subhead--letter-spacing)}.type-title{font-size:var(--text-title);line-height:var(--text-title--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-title--letter-spacing)}.type-metric{font-size:var(--text-display);line-height:var(--text-display--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-display--letter-spacing)}.app-section-label{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--ast-faint)}:root{color-scheme:light dark;--canvas: var(--ast-canvas);--panel: var(--ast-panel);--surface: var(--ast-surface);--ink: var(--ast-ink);--secondary-ink: var(--ast-secondary-ink);--muted-ink: var(--ast-muted-ink);--faint: var(--ast-faint);--placeholder: var(--ast-placeholder);--line: var(--ast-line);--line-strong: var(--ast-line-strong);--line-hover: var(--ast-line-hover);--brand: var(--ast-brand-deep);--brand-sky: var(--app-rail-active);--action: var(--ast-action);--primary-ink: var(--primary-foreground);--danger: var(--ast-danger);--success: var(--ast-positive);--rail-bg: var(--canvas);--rail-ink: var(--app-rail-ink);--rail-muted: var(--app-rail-muted);--rail-hover: var(--app-rail-hover);--rail-active: color-mix(in srgb, var(--ink) 8%, transparent);--rail-active-ink: var(--ink);--rail-row-height: var(--app-rail-row-height);--rail-row-radius: var(--app-rail-row-radius);--rail-label-size: var(--app-rail-label-size);--rail-section-gap: var(--app-rail-section-gap);--rail-header-height: var(--app-rail-header-height);--sidebar-width: var(--app-rail-width);--reading: var(--container-reading)}:root[data-accent]{--rail-active: var(--app-rail-active);--rail-active-ink: var(--app-rail-active-ink)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font:400 var(--text-ui) / var(--text-ui--line-height) var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none;cursor:default}button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body{margin:0;background:var(--panel);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-ui)}main{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;box-sizing:border-box;border-bottom:1px solid var(--line-strong)}.dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--danger)}main[data-state=paused] .dot{background:var(--muted-ink)}main[data-state=ended] .dot{background:var(--faint)}p{flex:1;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}button{height:26px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:inherit}button.stop{border-color:var(--danger);color:var(--danger)}

package/dist/browser-bar.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Agent browser</title>
+    <link rel="stylesheet" href="/browser-bar.css" />
+  </head>
+  <body>
+    <main id="bar" data-state="live">
+      <span class="dot" aria-hidden="true"></span>
+      <p id="message" role="status">An agent is using this window</p>
+      <button type="button" id="take-over">Take Over</button>
+      <button type="button" id="stop" class="stop">Stop</button>
+    </main>
+    <script type="module" src="/browser-bar.js"></script>
+  </body>
+</html>

package/dist/browser-bar.js

@@ -0,0 +1 @@
+var n=window.agentskyBrowserBar,a=document.getElementById("bar"),o=document.getElementById("message"),t=document.getElementById("take-over"),s=document.getElementById("stop"),d={live:"An agent is using this window",paused:"You have taken over. The agent waits until you hand it back.",ended:"The agent's access ended. This window is yours now."};function c({state:e}){a.dataset.state=e,o.textContent=d[e]??d.live,t.textContent=e==="paused"?"Hand Back":"Take Over",t.hidden=e==="ended",s.hidden=e==="ended"}t.addEventListener("click",()=>n.act(a.dataset.state==="paused"?"hand-back":"take-over"));s.addEventListener("click",()=>n.act("stop"));n.onState(c);