@oharness/server 0.10.0 → 0.12.0

package/dist/page/style.js

@@ -353,6 +353,15 @@ aside header{display:none;padding:8px 14px;min-height:44px;gap:8px;align-items:c
 .theme-btn:hover{color:var(--fg)}
 .theme-btn[aria-pressed="true"]{background:var(--bg);color:var(--fg)}
 .theme-btn .ico-sm{width:14px;height:14px}
+/* Under it, only while a custom theme is on: its name, and the way back. */
+.menu-custom-theme .menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.custom-theme-actions{display:flex;gap:4px;flex:none}
+.custom-theme-btn{
+  height:24px;padding:0 8px;border:0;border-radius:6px;background:var(--field);color:var(--fg);
+  font:inherit;font-size:12px;cursor:pointer;
+}
+.custom-theme-btn:hover{background:var(--sel)}
+.custom-theme-btn:disabled{opacity:.4;cursor:default}
 /* The letter that does the same thing without the mouse. Dim, right-aligned,
    and only ever one character — a menu whose right edge is a column of chords
    is a keyboard reference, not a menu. */
@@ -730,7 +739,12 @@ details.provider>summary .vmark,details.provider>summary .vmono,details.provider
  * "position:relative" is what #jump anchors to; it belongs over this column
  * rather than over the drawer.
  */
-#main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}
+#main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;isolation:isolate}
+/* The dot field behind a new session (client/ripple.ts). Under everything in
+   #main — isolation makes #main the floor it sits on — and deaf to the
+   pointer, so it only ever watches clicks go by. */
+#ripple{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s ease}
+#ripple.on{opacity:1}
 #log{flex:1;overflow-y:auto;padding:20px 16px;scroll-behavior:smooth;min-width:0}
 /*
  * Models, Routines and Settings are views, not messages. They used to be
@@ -932,7 +946,11 @@ body.browser-resizing #browser-pane{transition:none}
    no bar above it, no fill around it, no bands at its sides. */
 #computer-body{
   aspect-ratio:16/10;max-height:70vh;position:relative;overflow:hidden;border-radius:12px;
-  background:var(--field);box-shadow:0 1px 2px #0000001a,0 10px 30px #00000033;
+  /* Opaque, never --field: that is a 2% wash, and with no picture to fill the
+     card (no Screen Recording, a minimised window) the conversation behind it
+     showed through under the message. --panel laid over --bg, so a theme
+     whose panel is translucent still gets a solid card. */
+  background:linear-gradient(var(--panel),var(--panel)),var(--bg);box-shadow:0 1px 2px #0000001a,0 10px 30px #00000033;
 }
 @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #computer-body{box-shadow:0 1px 2px #0000004d,0 10px 30px #00000080}}
 :root[data-theme="dark"] #computer-body{box-shadow:0 1px 2px #0000004d,0 10px 30px #00000080}
@@ -1387,6 +1405,52 @@ body.shelf-full #main,body.shelf-full aside,body.shelf-full #top{display:none}
  * they are answering. */
 .connection-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:2px}
 .connection-card .err{color:var(--fg)}
+/* A theme the agent proposed. The swatches are the proposal's colours, not the
+   page's, so each carries a hairline that reads on both. */
+.theme-card-head{display:flex;align-items:center;gap:10px}
+.theme-card-name{font-weight:600;font-size:13.5px;flex:1;min-width:0}
+.theme-card-status{font-size:12px;color:var(--dim)}
+.theme-card-status.applied{color:var(--ok)}
+.theme-swatches{display:flex;flex-direction:column;gap:6px}
+.theme-swatch-row{display:flex;align-items:center;gap:6px}
+.theme-swatch-label{width:44px;font-size:12px;color:var(--dim)}
+.theme-swatch{width:22px;height:22px;border-radius:999px;box-shadow:inset 0 0 0 1px #8888884d}
+.theme-report{display:flex;flex-direction:column;gap:2px}
+.theme-report-title{font-size:12px;font-weight:600;color:var(--dim)}
+.theme-report-line{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dim);overflow-wrap:anywhere}
+button.ghost.theme-apply{background:var(--accent);color:var(--bg)}
+button.ghost.theme-apply:hover{background:var(--accent);opacity:.88}
+button.ghost.theme-apply:disabled{opacity:.4;cursor:default}
+.connection-card p.theme-safe-hint{font-size:12px}
+.theme-images{display:flex;flex-wrap:wrap;gap:8px}
+.theme-image{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--dim)}
+.theme-image img{width:72px;height:48px;object-fit:cover;border-radius:6px;box-shadow:inset 0 0 0 1px #8888884d;background:var(--bg)}
+
+/* Image slots a theme can fill (user-theme.ts). The theme sets only the
+   custom properties; these rules decide where each image goes, and every one
+   of them is decoration: nothing here takes clicks or covers anything.
+
+   The conversation background is the scroll container's own background, so it
+   stays put while messages scroll over it and cannot cover them. A layer of
+   the page colour sits on top of it, at the theme's scrim or at the minimum
+   the page measured for readable text (client/theme.ts), whichever is more. */
+#log{
+  --wall-cover:color-mix(in srgb,var(--bg) max(var(--wall-scrim,0%),var(--wall-scrim-min,0%)),transparent);
+  background-color:var(--wall-base,transparent);
+  background-image:linear-gradient(var(--wall-cover),var(--wall-cover)),var(--wall-image,none);
+  background-size:100% 100%,var(--wall-size,auto);
+  background-repeat:no-repeat,var(--wall-repeat,no-repeat);
+  background-position:0 0,var(--wall-position,center);
+  background-blend-mode:var(--wall-blend,normal);
+}
+#empty-art{
+  display:var(--empty-art-display,none);height:var(--empty-art-height,180px);max-width:100%;margin:0 0 24px;
+  background:var(--empty-art,none) var(--empty-art-position,left center)/contain no-repeat;pointer-events:none;
+}
+.turn.assistant>.who::before{
+  content:"";display:var(--avatar-display,none);width:20px;height:20px;margin-right:8px;vertical-align:-6px;
+  border-radius:var(--avatar-radius,999px);background:var(--avatar,none) center/cover no-repeat;
+}
 
 /* A question from the agent, in the transcript rather than a modal: answering
  * may take a look back up the conversation, which a modal would cover. Options
@@ -1667,6 +1731,15 @@ details.setting>summary:focus-visible{outline:none;background:var(--hover)}
 .section-title{
   font-size:13px;font-weight:600;color:var(--dim);margin:22px 0 8px;letter-spacing:.01em;
 }
+/* Advanced folds under its heading; the heading is the only control, with the
+   same chevron a settings row turns. */
+details.settings-advanced>summary.section-title{
+  display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;width:max-content;
+}
+details.settings-advanced>summary::-webkit-details-marker{display:none}
+details.settings-advanced>summary:hover{color:var(--fg)}
+details.settings-advanced>summary:focus-visible{outline:none;color:var(--fg)}
+details.settings-advanced[open]>summary .chev{transform:rotate(90deg)}
 /*
  * The window picker, and the chart under it.
  *
@@ -1679,6 +1752,13 @@ details.setting>summary:focus-visible{outline:none;background:var(--hover)}
 /* A segmented choice on a settings row sits in the row's line, like a switch. */
 .setting summary .setting-seg{margin:0 0 0 auto;flex:none}
 .setting summary .setting-seg .seg-item{padding:3px 10px;font-size:12px}
+/* A row with several controls opens onto parts, each a name and its control on one line. */
+.setting-part+.setting-part{margin-top:16px}
+.setting-part>*+*{margin-top:6px}
+.setting-part-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
+.setting-part-name{font-weight:500;font-size:13px}
+.setting-part .setting-seg{margin:0;flex:none}
+.setting-part .setting-seg .seg-item{padding:3px 10px;font-size:12px}
 /* Whether something a row depends on is there: a dot and a sentence. */
 .setting-status{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--dim)}
 .status-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--dim);opacity:.6}
@@ -2053,8 +2133,15 @@ details.provider>summary:hover{background:var(--hover)}
   flex:1;min-width:0;
   font-size:12px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 }
-#account .acct-caret{width:12px;height:12px;flex:0 0 auto;opacity:.45}
-.account-btn:hover .acct-caret,#account .account-btn.menu-open .acct-caret{opacity:.8}
+/* One chevron, pointing the way the menu opens — up, from the foot of the
+   sidebar — and turning down while it is open. The ⇕ it replaced is a
+   select box's sign, and this row opens a menu, not a list of choices. */
+#account .acct-caret{
+  width:14px;height:14px;flex:0 0 auto;margin-right:2px;opacity:.4;
+  transform:rotate(180deg);transition:transform .18s ease,opacity .12s ease;
+}
+.account-btn:hover .acct-caret{opacity:.75}
+#account .account-btn.menu-open .acct-caret{opacity:.75;transform:none}
 #account .avatar{
   width:24px;height:24px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
   overflow:hidden;background:var(--accent);color:var(--bg);font-size:11px;font-weight:600;
@@ -2270,6 +2357,25 @@ button.pw-plan:disabled{opacity:.4;cursor:default}
 #market{width:min(860px,94vw);max-width:min(860px,94vw);max-height:76vh}
 #market[open]{display:flex;flex-direction:column}
 .mk-head{padding:18px 20px 10px;position:relative}
+/* The list and the import beside it, as tabs: a row of two under the title,
+   the chosen one on a raised chip that slides over when the other is picked. */
+.mk-tabs{display:flex;gap:4px;margin-top:12px;padding:3px;border-radius:10px;background:var(--field);width:max-content;max-width:100%}
+.mk-tabs[hidden]{display:none}
+.mk-tab{
+  display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:0;border-radius:8px;
+  background:transparent;color:var(--dim);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;
+  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;
+}
+.mk-tab:hover{color:var(--fg)}
+.mk-tab.on{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #00000026}
+.mk-tab .vendor-mark{width:14px;height:14px}
+.mk-tab .vendor-mark + .vendor-mark{margin-left:-2px}
+.mk-tab-count{
+  min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;
+  background:var(--accent);color:var(--bg);font-size:10.5px;font-weight:600;
+}
+/* A tab switch repaints the list; it fades in rather than snapping. */
+#mk-list.swap{animation:row-in .18s cubic-bezier(.2,.8,.2,1)}
 #mk-list{overflow-y:auto;padding:2px 12px 14px;flex:1}
 /* Where every other window puts it. A "Done" under the list meant scrolling
    past eighty rows to leave, for a dialog that changes nothing on the way out. */
@@ -2288,6 +2394,8 @@ button.pw-plan:disabled{opacity:.4;cursor:default}
 .mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0 10px}
 .mk-item{display:flex;align-items:flex-start;gap:11px;padding:10px 8px;border-radius:9px}
 .mk-item:hover{background:var(--hover)}
+/* A skill switched off: still listed, so it can be switched back on. */
+.mk-item.off .mk-naming,.mk-item.off .ico-sm{opacity:.5}
 .mk-item .ico-sm{
   width:28px;height:28px;margin-top:1px;padding:6px;box-sizing:border-box;
   border-radius:7px;background:var(--sel);opacity:.75;
@@ -2321,6 +2429,10 @@ button.pw-plan:disabled{opacity:.4;cursor:default}
 .mk-naming{flex:1;min-width:0}
 .mk-name{font-size:13.5px;font-weight:500}
 .mk-desc{font-size:12px;color:var(--dim);margin-top:2px;line-height:1.45}
+/* Three lines at most: a skill written for another tool can carry a whole
+   paragraph of triggers, and one row should not fill the dialog. The full
+   text is on the row's tooltip. */
+.mk-naming .mk-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .mk-desc.warn{color:var(--warn)}
 .mk-acts{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-top:1px}
 .mk-state{font-size:11.5px;color:var(--dim)}
@@ -2344,7 +2456,7 @@ button.pw-plan:disabled{opacity:.4;cursor:default}
 #browse-list{overflow-y:auto;padding:4px 8px;flex:1}
 #browse-here{display:block;padding:2px 4px;color:var(--dim);word-break:break-all}
 #project-picker[open]{display:flex;flex-direction:column}
-#proj-list{overflow-y:auto;padding:4px 8px}
+#proj-list{overflow-y:auto;overflow-x:hidden;padding:4px 8px}
 .proj-foot{padding:4px 8px 10px;box-shadow:0 -1px 0 var(--line)}
 .proj-item{
   width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;
@@ -2369,15 +2481,29 @@ button.pw-plan:disabled{opacity:.4;cursor:default}
 .fold-row .fold-new{margin-right:2px}
 .fold-row .more:hover,.fold-row .fold.menu-open ~ .more:last-child{background:var(--sel);color:var(--fg)}
 .fold-row .more .ico-sm{width:14px;height:14px;opacity:1}
-.proj-row{display:flex;align-items:center;border-radius:8px}
-.proj-row:hover{background:var(--hover)}
+/* A project row: name over its directory, a tick on the one this window is
+   in, and everything else behind ··· — rename, export and forget are rare,
+   and three icons on every row read as a list of things to do to it. The lit
+   row is the one Enter opens, moved by the arrows or the pointer alike. */
+.proj-row{display:flex;align-items:center;gap:2px;border-radius:10px;padding-right:6px}
+.proj-row.active,.proj-row.menu-open{background:var(--hover)}
 .proj-row .proj-item:hover{background:transparent}
-.proj-forget{
-  border:0;background:transparent;color:var(--dim);font:inherit;font-size:13px;
-  cursor:pointer;padding:6px 9px;border-radius:8px;opacity:0;flex:none;
-}
-.proj-row:hover .proj-forget,.proj-forget:focus-visible{opacity:1}
-.proj-forget:hover{background:var(--sel);color:var(--fg)}
+.proj-row .proj-item{flex:1;width:auto;min-width:0;padding:7px 8px}
+.proj-row .avatar{flex:none}
+.proj-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
+.proj-text .path{flex:none;font-weight:500}
+.proj-dir{font-size:11.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.proj-item .tag{flex:none}
+.proj-check{flex:none;width:16px;height:16px;display:grid;place-items:center;color:var(--fg)}
+.proj-check svg{width:14px;height:14px}
+.proj-more{
+  flex:none;display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:7px;
+  background:transparent;color:var(--dim);cursor:pointer;opacity:0;
+}
+.proj-more svg{width:14px;height:14px}
+.proj-row.active .proj-more,.proj-row.menu-open .proj-more,.proj-more:focus-visible{opacity:1}
+.proj-more:hover,.proj-row.menu-open .proj-more{background:var(--sel);color:var(--fg)}
+.proj-empty{padding:18px 8px;text-align:center;color:var(--dim);font-size:13px}
 /* The command palette.
  *
  * The sidebar shows five sessions per project and folds the rest away, which
@@ -2517,6 +2643,18 @@ button.pw-plan:disabled{opacity:.4;cursor:default}
  * the one thing the window exists for and stands over a 42px field. */
 .cn-body button.signin-site{height:44px;border-radius:10px;font-size:14px;font-weight:550}
 .cn-note .mono{white-space:nowrap}
+/* A vendor's mark beside its name, at the title's cap height. */
+.cn-title{display:flex;align-items:center;gap:10px}
+.cn-title .cn-title-mark{width:24px;height:24px;flex:0 0 auto;border-radius:6px}
+/* A link-weight action inside a note: words to press, not another button. */
+.small button.cn-inline,.cn-note button.cn-inline{
+  border:0;background:none;padding:0;font:inherit;color:var(--fg);
+  font-weight:550;cursor:pointer;text-decoration:underline;text-underline-offset:2px;
+}
+.small button.cn-inline:hover,.cn-note button.cn-inline:hover{opacity:.75}
+/* Only the sign-in: no actions row, so the body closes the dialog itself. */
+#connect.cn-keyless .dlg-actions{display:none}
+#connect.cn-keyless .cn-body{padding-bottom:24px;gap:14px}
 .cn-local{display:flex;gap:6px;align-items:flex-start}
 .cn-local .ico-sm{width:13px;height:13px;flex:0 0 auto;margin-top:1.5px;color:var(--fg)}
 .cn-local strong{color:var(--fg);font-weight:600}
@@ -2684,14 +2822,28 @@ details.tool>summary:hover::after{opacity:1}
   max-width:220px;max-height:160px;border-radius:8px;cursor:zoom-in;
   background:var(--bg);object-fit:cover;
 }
-/* The windows a Computer use turn ended on: the result, so out in the turn
+/* The windows and browser tabs a turn ended on: the result, so out in the turn
    rather than folded into a step, and a little larger than a step's shots. */
-.turn-shots{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
-.turn-shot{margin:0;display:flex;flex-direction:column;gap:5px;max-width:280px}
+/* Five across, the count fitTurnShots shows; three on a phone, as two rows. */
+.turn-shots{
+  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;
+  margin:10px 0 4px;
+}
+@media (max-width:600px){.turn-shots{grid-template-columns:repeat(3,minmax(0,1fr))}}
+.turn-shot{margin:0;display:flex;flex-direction:column;gap:5px;min-width:0}
+.turn-shot[hidden]{display:none}
+.turn-shot-frame{position:relative}
 .turn-shot img{
-  display:block;max-width:280px;max-height:200px;border-radius:10px;cursor:zoom-in;
-  background:var(--bg);object-fit:cover;
+  display:block;width:100%;aspect-ratio:16/10;border-radius:8px;cursor:zoom-in;
+  background:var(--bg);object-fit:cover;object-position:top;
+}
+/* The pictures past the row, counted on its last one: a click opens the
+   preview there, and the arrow keys go on through the rest. */
+.turn-shot-more{
+  position:absolute;inset:0;border:0;border-radius:8px;cursor:zoom-in;
+  background:rgba(0,0,0,.55);color:#fff;font-size:18px;font-weight:600;
 }
+.turn-shot-more:hover{background:rgba(0,0,0,.45)}
 .turn-shot figcaption{font-size:11.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 /* The preview: the image as large as the window allows, over a dark scrim.
    Dark in both themes — a screenshot reads against black, not the page. */
@@ -2933,6 +3085,9 @@ textarea::placeholder{color:var(--dim)}
   color:var(--dim);
 }
 #input-mirror mark .at svg{width:11px;height:11px;display:block;margin-left:.5px}
+/* The rest of the suggested message, after what has been typed of it: the
+   placeholder's colour, since it is the same offer, half taken. */
+#input-mirror .ghost{color:var(--dim)}
 /* The mirror sits exactly under the textarea, so every metric that decides
    where a glyph lands has to match: font, line-height, wrapping, and the
    padding, which is zero on the composer's textarea and must be zero here. */
@@ -3264,8 +3419,22 @@ textarea.boxed:focus{outline:none;background:var(--field-focus)}
    should not look identical — one of them means Enter takes this row — but the
    menu is a quiet surface and the difference is worth one tone, not two. */
 #attach-picker .menu-item.cursor{background:var(--sel)}
-#attach-picker .menu-item.cursor .ico-sm{opacity:.8}
-#attach-picker .menu-item .ico-sm{opacity:.55}
+/* Solid tokens rather than the ink at partial opacity: a translucent stroke
+   picks up whatever row background sits behind it and its anti-aliased edge
+   blends twice, so a 1.5px line read thinner and greyer on hover than at rest.
+   At rest the marks take the section labels' grey; a row in play — under the
+   pointer, under the keyboard cursor, or switched on — lights its mark to the
+   label's own colour. */
+/* Every mark in the label's own colour, at rest as much as under the pointer:
+   grey glyphs beside white words read as rows that are switched off. The
+   count and the chevron stay a step quieter, as solid mixes of the two theme
+   colours rather than translucency, so they hold their tone in both themes. */
+#attach-picker .menu-item .ico-sm{opacity:1;color:var(--fg)}
+#attach-picker .menu-item .sub{color:color-mix(in srgb,var(--fg) 70%,var(--bg))}
+#attach-picker .menu-item .chev{opacity:1;color:color-mix(in srgb,var(--fg) 60%,var(--bg))}
+/* Two vendor marks side by side, for the row that imports from both. */
+#attach-picker .menu-item .mark-pair{display:flex;align-items:center;gap:3px;flex:0 0 auto}
+#attach-picker .menu-item .mark-pair .vendor-mark{width:16px;height:16px}
 /* The stacked rows carry a name over a sentence, so they are already two lines
    tall; the mark beside them is a label for the kind, not an illustration, and
    at 16px it was the widest thing in a row whose job is the words. */
@@ -3283,7 +3452,7 @@ textarea.boxed:focus{outline:none;background:var(--field-focus)}
 #attach-picker .menu-item.stacked .tick{margin-top:0}
 #attach-picker .menu-item.stacked{padding-top:5px;padding-bottom:5px}
 #attach-picker .menu-item.stacked .stack{gap:1px}
-#attach-picker .menu-item.on .ico-sm{opacity:.9}
+#attach-picker .menu-item.on .ico-sm{color:var(--fg)}
 .menu-hint{padding:6px 8px 8px;font-size:11.5px;color:var(--dim)}
 /* A row that has something to say about itself: the name on one line and a
    sentence under it. Beside the name, that sentence took the whole row and
@@ -3361,6 +3530,31 @@ dialog::backdrop{background:rgba(0,0,0,.55)}
 .pair-title{padding:22px 24px 6px;font-size:16px;font-weight:600}
 .pair-body{padding:0 24px;color:var(--dim);font-size:13.5px;line-height:1.5}
 .pair-code{margin:18px 24px 6px;padding:14px 0;border-radius:12px;background:var(--sel);text-align:center;font-size:30px;letter-spacing:.12em}
+/* An update question, in place of the OS's message box: the version is the
+   title, the release notes scroll if there are many, and Later stays quiet. */
+.upd-dialog{width:min(440px,92vw);padding-bottom:16px}
+.upd-head{display:flex;align-items:center;gap:12px;padding:22px 24px 8px}
+.upd-mark{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--sel);color:var(--fg);font-size:15px;font-weight:600}
+.upd-dialog.important .upd-mark{background:var(--accent);color:var(--bg)}
+.upd-title{font-size:16px;font-weight:600;line-height:1.35}
+.upd-notes{margin:6px 24px 10px;padding:12px 14px;max-height:220px;overflow-y:auto;border-radius:10px;background:var(--hover);font-size:13px;line-height:1.55;white-space:pre-wrap}
+.upd-body{padding:0 24px;color:var(--dim);font-size:13.5px;line-height:1.5;word-break:break-word}
+.upd-body.mono{font-size:12.5px}
+.upd-dialog .dlg-actions{justify-content:flex-end;padding:18px 20px 4px}
+/* The app's confirm and prompt (askConfirm, askText). */
+.ask-dialog{width:min(420px,92vw);padding-bottom:16px}
+.ask-dialog-title{padding:22px 24px 4px;font-size:16px;font-weight:600;line-height:1.35}
+.ask-dialog-body{padding:6px 24px 0;color:var(--dim);font-size:13.5px;line-height:1.55;white-space:pre-wrap}
+.ask-dialog-title + .ask-dialog-body{padding-top:2px}
+.ask-dialog-body:first-child{padding-top:22px;color:var(--fg);font-size:14px}
+.ask-dialog-field{
+  display:block;box-sizing:border-box;width:calc(100% - 48px);margin:14px 24px 2px;padding:9px 12px;
+  border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);font:inherit;font-size:14px;outline:none;
+}
+.ask-dialog-field:focus{border-color:var(--fg)}
+.ask-dialog .dlg-actions{justify-content:flex-end;padding:18px 20px 4px}
+.ask-dialog .dlg-actions button.quiet{margin-right:0}
+.dlg-actions button.approve.danger{background:var(--err);color:#fff}
 /* The approval dialog.
  *
  * Everything here is arranged around one question: what exactly is about to
@@ -3628,7 +3822,7 @@ dialog::backdrop{background:rgba(0,0,0,.55)}
  */
 @media (hover:none) and (pointer:coarse){
   .session .more,.fold-row .more{display:grid;width:28px;height:28px}
-  .proj-forget{opacity:1}
+  .proj-more{opacity:1}
   .actions{position:static;opacity:1;margin-top:4px}
   .turn{margin-bottom:14px}
   .act{padding:6px 10px}
@@ -3657,5 +3851,62 @@ dialog::backdrop{background:rgba(0,0,0,.55)}
    panel's width already selects, without the built-in browser. The person's
    own browser is the rest of the window. */
 .embed #browser-pane,.embed #browser-scrim,.embed .tab-browser{display:none!important}
+
+/* Motion for the + menu, the pickers beside it and the dialogs they open.
+   A menu grows out of the button it hangs from, a screen inside it slides the
+   way it was entered, and a dialog settles in and fades out. All of it short
+   enough that nothing waits on it, and none of it for someone who asked the
+   system for less motion. */
+.menu:not([hidden]){animation:menu-in .16s cubic-bezier(.2,.8,.2,1);transform-origin:bottom left}
+@keyframes menu-in{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
+.menu-body.slide-in{animation:slide-in .2s cubic-bezier(.2,.8,.2,1)}
+.menu-body.slide-back{animation:slide-back .2s cubic-bezier(.2,.8,.2,1)}
+@keyframes slide-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
+@keyframes slide-back{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
+/* While the height glides the rows stay put against the edge that does not
+   move — the bottom, where the menu hangs from the + — and the top edge
+   uncovers or covers them, rather than the whole list sliding with it. */
+.menu.resizing{overflow:hidden;justify-content:flex-end}
+.menu-item{transition:background-color .12s ease}
+.menu-item:active{transform:scale(.985)}
+
+#attach-picker .menu-item:hover .chev,#attach-picker .menu-item.cursor .chev{transform:translateX(2px)}
+dialog[open]{animation:dialog-in .22s cubic-bezier(.2,.8,.2,1)}
+dialog[open]::backdrop{animation:backdrop-in .22s ease-out}
+dialog.closing{animation:dialog-out .14s ease-in forwards}
+dialog.closing::backdrop{animation:backdrop-out .14s ease-in forwards}
+@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
+@keyframes dialog-out{to{opacity:0;transform:translateY(6px) scale(.985)}}
+@keyframes backdrop-in{from{opacity:0}}
+@keyframes backdrop-out{to{opacity:0}}
+.mk-item{transition:background-color .12s ease,opacity .2s ease}
+.mk-btn,.mk-icon-btn{transition:background-color .12s ease,transform .1s ease,opacity .15s ease}
+.mk-btn:not(:disabled):active,.mk-icon-btn:active{transform:scale(.96)}
+/* Rows arrive with the list, a little after one another, the first time a
+   dialog opens; a repaint for a keystroke in the search box does not replay it. */
+#market.fresh .mk-grid>.mk-item{animation:row-in .22s cubic-bezier(.2,.8,.2,1) both}
+#market.fresh .mk-grid>.mk-item:nth-child(2){animation-delay:.02s}
+#market.fresh .mk-grid>.mk-item:nth-child(3){animation-delay:.04s}
+#market.fresh .mk-grid>.mk-item:nth-child(4){animation-delay:.06s}
+#market.fresh .mk-grid>.mk-item:nth-child(n+5){animation-delay:.08s}
+@keyframes row-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
+/* Claude Code's and Codex's marks: a glyph beside the name it belongs to. */
+.vendor-mark{width:14px;height:14px;flex:0 0 auto;display:block;position:relative}
+.vendor-mark img{width:100%;height:100%;display:block;border-radius:24%}
+
+.vendor-chip{
+  display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:1px 7px 1px 4px;
+  border-radius:999px;background:var(--sel);color:var(--fg);
+  font-size:11px;font-weight:500;vertical-align:1px;line-height:18px;white-space:nowrap;
+}
+.vendor-chip .vendor-mark{width:12px;height:12px}
+.mk-empty{padding:18px 8px}
+@media (prefers-reduced-motion:reduce){
+  .menu:not([hidden]),.menu-body.slide-in,.menu-body.slide-back,dialog[open],dialog[open]::backdrop,
+  dialog.closing,dialog.closing::backdrop,#market.fresh .mk-grid>.mk-item,#mk-list.swap{animation:none}
+  .mk-tab{transition:none}
+  .menu-item,.chev,.mk-item,.mk-btn,.mk-icon-btn{transition:none}
+  .menu-item:active,.mk-btn:not(:disabled):active,.mk-icon-btn:active{transform:none}
+}
 `;
 //# sourceMappingURL=style.js.map

package/dist/page/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/page/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,0EAA0E;AAC1E,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;EAC7B,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwkHV,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/page/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,0EAA0E;AAC1E,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;EAC7B,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAm0HV,CAAC"}

package/dist/page.js

@@ -12,11 +12,8 @@ import { APP_SCRIPT } from "./page/client/index.js";
  * an agent, and a CDN request from it would leak the session's existence and
  * hand a third party script execution in a context that can run shell commands.
  *
- * One exception, and it is off unless someone sets an environment variable to
- * turn it on: analytics.ts loads PostHog. Turning it on accepts exactly the
- * trade the paragraph above refuses — that is the point of it being a decision
- * rather than a default, and the reason it is one variable to grep for rather
- * than a setting buried in a config file.
+ * No exception for analytics either: the page hands usage events to this
+ * server's own /track, and analytics.ts decides whether they go anywhere.
  */
 /**
  * The tab icon, inlined.
@@ -168,6 +165,8 @@ ${ANALYTICS_STUB}
     <button id="computer-pill" type="button" hidden data-t-title="computer.showPane"><i></i><span id="computer-pill-where"></span></button>
     <div id="log">
       <div id="empty">
+        <!-- A theme's art for a new session, when it has one (style.ts). -->
+        <div id="empty-art" aria-hidden="true"></div>
         <div class="empty-brand">
           <!-- Lighter stroke than the 18px sidebar copy: at 68px the 2.5 weight
                scales to ~5px and reads much heavier than the wordmark next to it. -->
@@ -402,6 +401,7 @@ ${ANALYTICS_STUB}
   <div class="mk-head">
     <div id="mk-title" class="cn-title"></div>
     <div id="mk-note" class="row-desc"></div>
+    <div id="mk-tabs" class="mk-tabs" role="tablist" hidden></div>
     <input id="mk-search" class="mk-search" type="text" autocomplete="off" spellcheck="false">
     <button id="mk-close" class="mk-close" type="button"></button>
   </div>

package/dist/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../src/page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD;;;;;;;;;;;;;;GAcG;AAGH;;;;;;;GAOG;AACH,MAAM,OAAO,GAAG;;;;;yCAKyB,CAAC;AAE1C,MAAM,CAAC,MAAM,IAAI,GAAG;;;;;;;4CAOwB,kBAAkB,CAAC,OAAO,CAAC;SAC9D,KAAK;EACZ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAsfK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;qBACvB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;EAC1C,aAAa;EACb,UAAU;EACV,gBAAgB;;;QAGV,CAAC"}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../src/page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD;;;;;;;;;;;GAWG;AAGH;;;;;;;GAOG;AACH,MAAM,OAAO,GAAG;;;;;yCAKyB,CAAC;AAE1C,MAAM,CAAC,MAAM,IAAI,GAAG;;;;;;;4CAOwB,kBAAkB,CAAC,OAAO,CAAC;SAC9D,KAAK;EACZ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAyfK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;qBACvB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;EAC1C,aAAa;EACb,UAAU;EACV,gBAAgB;;;QAGV,CAAC"}

package/dist/prefs.d.ts

@@ -52,8 +52,25 @@ export interface Prefs {
      * absent is "ask", through the permission prompt each time.
      */
     computerTakeover?: "ask" | "never";
+    /**
+     * Whether the agent may switch Computer use on by itself when a request
+     * needs it: `ask` (absent) through the permission prompt, `auto` without
+     * one, `off` only from the + menu.
+     */
+    computerEnable?: "ask" | "auto" | "off";
     /** Apps Computer Use refuses outright, beyond the built-in list: ids or names. */
     computerBlockedApps?: string[];
+    /**
+     * Whether the windows and browser tabs a turn left are pictured under its
+     * reply when it ends. Absent is on.
+     */
+    turnShots?: boolean;
+    /**
+     * Whether a turn that ends on its own is followed by a guess at the next
+     * message, offered in the empty composer. Absent is on; off saves the small
+     * model call every turn makes for it.
+     */
+    suggestions?: boolean;
     /**
      * Sessions and projects kept at the top of their list.
      *

package/dist/prefs.js

@@ -32,9 +32,14 @@ export async function readPrefs() {
         prefs.keepAwake = parsed.value.keepAwake;
     if (typeof parsed.value.remote === "boolean")
         prefs.remote = parsed.value.remote;
+    if (typeof parsed.value.turnShots === "boolean")
+        prefs.turnShots = parsed.value.turnShots;
     if (parsed.value.computerTakeover === "ask" || parsed.value.computerTakeover === "never") {
         prefs.computerTakeover = parsed.value.computerTakeover;
     }
+    if (parsed.value.computerEnable === "ask" || parsed.value.computerEnable === "auto" || parsed.value.computerEnable === "off") {
+        prefs.computerEnable = parsed.value.computerEnable;
+    }
     for (const key of STRING_LISTS) {
         const value = parsed.value[key];
         if (Array.isArray(value)) {

package/dist/prefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"prefs.js","sourceRoot":"","sources":["../src/prefs.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"prefs.js","sourceRoot":"","sources":["../src/prefs.ts"],"names":[],"mappings":"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"}