@opencode-ai/ui 0.0.0-dev-202608171132 → 0.0.0-dev-17534

package/src/i18n/ru.ts

@@ -158,8 +158,6 @@ export const dict = {
   "ui.tool.websearch.provider": "{{provider}} Веб-поиск",
   "ui.tool.shell": "Оболочка",
   "ui.tool.patch": "Патч",
-  "ui.tool.todos": "Задачи",
-  "ui.tool.todos.read": "Читать задачи",
   "ui.tool.questions": "Вопросы",
   "ui.tool.questions.numbered": "Вопросы {{number}}",
   "ui.tool.agent": "Агент {{type}}",

package/src/i18n/si.ts

@@ -143,8 +143,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}} Web Search",
   "ui.tool.shell": "ෂෙල්",
   "ui.tool.patch": "පැච්",
-  "ui.tool.todos": "කළ යුතු දේ",
-  "ui.tool.todos.read": "කළ යුතු දේ කියවන්න",
   "ui.tool.questions": "ප්රශ්න",
   "ui.tool.questions.numbered": "ප්‍රශ්න {{number}}",
   "ui.tool.agent": "{{type}} නියෝජිතයා",

package/src/i18n/sk.ts

@@ -151,8 +151,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}} webové vyhľadávanie",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "Záplata",
-  "ui.tool.todos": "Úlohy",
-  "ui.tool.todos.read": "Prečítať úlohy",
   "ui.tool.questions": "Otázky",
   "ui.tool.questions.numbered": "Otázky {{number}}",
   "ui.tool.agent": "{{type}} agent",

package/src/i18n/sl.ts

@@ -152,8 +152,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "Spletno iskanje {{provider}}",
   "ui.tool.shell": "Lupina",
   "ui.tool.patch": "obliž",
-  "ui.tool.todos": "Opravki",
-  "ui.tool.todos.read": "Preberi opravila",
   "ui.tool.questions": "Vprašanja",
   "ui.tool.questions.numbered": "Vprašanja {{number}}",
   "ui.tool.agent": "{{type}} Agent",

package/src/i18n/sq.ts

@@ -143,8 +143,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}} Kërkimi në ueb",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "Patch",
-  "ui.tool.todos": "detyrat",
-  "ui.tool.todos.read": "Lexoni detyrat",
   "ui.tool.questions": "Pyetje",
   "ui.tool.questions.numbered": "Pyetje {{number}}",
   "ui.tool.agent": "{{type}} Agjent",

package/src/i18n/sr.ts

@@ -148,8 +148,6 @@ export const dict = {
   "ui.tool.websearch.provider": "{{provider}} Веб претрага",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "Patch",
-  "ui.tool.todos": "То-дос",
-  "ui.tool.todos.read": "Читање обавеза",
   "ui.tool.questions": "Питања",
   "ui.tool.questions.numbered": "Питања {{number}}",
   "ui.tool.agent": "{{type}} Агент",

package/src/i18n/sv.ts

@@ -143,8 +143,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}} Webbsökning",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "Patch",
-  "ui.tool.todos": "Att göra",
-  "ui.tool.todos.read": "Läs att göra-listan",
   "ui.tool.questions": "Frågor",
   "ui.tool.questions.numbered": "Frågor {{number}}",
   "ui.tool.agent": "{{type}}-agent",

package/src/i18n/tg.ts

@@ -143,8 +143,6 @@ export const dict = {
   "ui.tool.websearch.provider": "{{provider}} Ҷустуҷӯи веб",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "Patch",
-  "ui.tool.todos": "Вазифаҳо",
-  "ui.tool.todos.read": "Вазифаҳоро хонед",
   "ui.tool.questions": "Саволҳо",
   "ui.tool.questions.numbered": "Саволҳо {{number}}",
   "ui.tool.agent": "{{type}} Агент",

package/src/i18n/th.ts

@@ -151,8 +151,6 @@ export const dict = {
   "ui.tool.websearch.provider": "{{provider}} ค้นหาเว็บ",
   "ui.tool.shell": "เชลล์",
   "ui.tool.patch": "แพตช์",
-  "ui.tool.todos": "รายการงาน",
-  "ui.tool.todos.read": "อ่านรายการงาน",
   "ui.tool.questions": "คำถาม",
   "ui.tool.questions.numbered": "คำถาม {{number}}",
   "ui.tool.agent": "เอเจนต์ {{type}}",

package/src/i18n/tk.ts

@@ -143,8 +143,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}} Web gözlegi",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "Patch",
-  "ui.tool.todos": "Edilmeli işler",
-  "ui.tool.todos.read": "Edilmeli zatlary okaň",
   "ui.tool.questions": "Soraglar",
   "ui.tool.questions.numbered": "Soraglar {{number}}",
   "ui.tool.agent": "{{type}} Agenti",

package/src/i18n/tr.ts

@@ -157,8 +157,6 @@ export const dict = {
   "ui.tool.websearch.provider": "{{provider}} Web araması",
   "ui.tool.shell": "Kabuk",
   "ui.tool.patch": "Yama",
-  "ui.tool.todos": "Görevler",
-  "ui.tool.todos.read": "Görevleri oku",
   "ui.tool.questions": "Sorular",
   "ui.tool.questions.numbered": "Sorular {{number}}",
   "ui.tool.agent": "{{type}} ajanı",

package/src/i18n/uk.ts

@@ -167,8 +167,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}} Веб-пошук",
   "ui.tool.shell": "Оболонка",
   "ui.tool.patch": "Патч",
-  "ui.tool.todos": "Завдання",
-  "ui.tool.todos.read": "Читати завдання",
   "ui.tool.questions": "Запитання",
   "ui.tool.questions.numbered": "Запитання {{number}}",
   "ui.tool.agent": "Агент {{type}}",

package/src/i18n/ur.ts

@@ -144,8 +144,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}} ویب تلاش",
   "ui.tool.shell": "شیل",
   "ui.tool.patch": "پیچ",
-  "ui.tool.todos": "زیر التوا کام",
-  "ui.tool.todos.read": "زیر التوا کام پڑھیں",
   "ui.tool.questions": "سوالات",
   "ui.tool.questions.numbered": "سوالات {{number}}",
   "ui.tool.agent": "{{type}} ایجنٹ",

package/src/i18n/uz.ts

@@ -146,8 +146,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}} veb-qidiruv",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "Yamoq",
-  "ui.tool.todos": "Vazifalar",
-  "ui.tool.todos.read": "Vazifalarni o'qing",
   "ui.tool.questions": "Savollar",
   "ui.tool.questions.numbered": "Savollar {{number}}",
   "ui.tool.agent": "{{type}} agenti",

package/src/i18n/vi.ts

@@ -143,8 +143,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}} Tìm kiếm trên web",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "Bản vá",
-  "ui.tool.todos": "Việc cần làm",
-  "ui.tool.todos.read": "Đọc việc cần làm",
   "ui.tool.questions": "Câu hỏi",
   "ui.tool.questions.numbered": "Câu hỏi {{number}}",
   "ui.tool.agent": "Tác nhân {{type}}",

package/src/i18n/zh.ts

@@ -153,8 +153,6 @@ export const dict = {
   "ui.tool.websearch.provider": "{{provider}} 网页搜索",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "补丁",
-  "ui.tool.todos": "待办",
-  "ui.tool.todos.read": "读取待办",
   "ui.tool.questions": "问题",
   "ui.tool.questions.numbered": "问题 {{number}}",
   "ui.tool.agent": "{{type}} 智能体",

package/src/i18n/zht.ts

@@ -153,8 +153,6 @@ export const dict = {
   "ui.tool.websearch.provider": "{{provider}} 網頁搜尋",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "修補",
-  "ui.tool.todos": "待辦",
-  "ui.tool.todos.read": "讀取待辦",
   "ui.tool.questions": "問題",
   "ui.tool.questions.numbered": "問題 {{number}}",
   "ui.tool.agent": "{{type}} 代理程式",

package/src/theme/themes/oc-2.json

@@ -25,7 +25,7 @@
       "border-weak-base": "#DBDBDB",
       "border-weaker-base": "#E8E8E8",
       "icon-base": "#8F8F8F",
-      "icon-weak-base": "#C7C7C7",
+      "icon-weak-base": "C7C7C7",
       "surface-raised-base": "#F3F3F3",
       "surface-raised-base-hover": "#EDEDED",
       "surface-base": "#F8F8F8",

package/src/v2/components/dialog-v2.css

@@ -93,6 +93,9 @@
         [data-slot="dialog-description"] {
           flex: none;
           flex-grow: 0;
+          min-width: 0;
+          max-width: 100%;
+          overflow-wrap: anywhere;
           user-select: none;
           font-weight: 440;
           font-size: 13px;

package/src/v2/components/dialog-v2.tsx

@@ -59,7 +59,7 @@ export function DialogHeader(props: DialogHeaderProps) {
   return (
     <div data-slot="dialog-header" data-hide-close={hideClose() ? "" : undefined}>
       {local.children}
-      {!hideClose() && (
+      <Show when={!hideClose()}>
         <Kobalte.CloseButton data-slot="dialog-close-button" aria-label={local.closeLabel ?? i18n.t("ui.common.close")}>
           <svg
             width="16"
@@ -76,7 +76,7 @@ export function DialogHeader(props: DialogHeaderProps) {
             />
           </svg>
         </Kobalte.CloseButton>
-      )}
+      </Show>
     </div>
   )
 }

package/src/v2/components/icon.tsx

@@ -1,5 +1,6 @@
 import { onMount, type ComponentProps, splitProps } from "solid-js"
 
+// Consumers center the SVG viewport, so each icon must center its artwork within its viewBox.
 const icons = {
   edit: {
     viewBox: "0 0 16 16",
@@ -17,6 +18,10 @@ const icons = {
     viewBox: "0 0 16 16",
     body: `<path d="M5.118 5.686V10.314M5.118 5.686C5.97 5.686 6.661 4.995 6.661 4.143C6.661 3.291 5.97 2.6 5.118 2.6C4.266 2.6 3.575 3.291 3.575 4.143C3.575 4.995 4.266 5.686 5.118 5.686ZM5.118 10.314C4.266 10.314 3.575 11.005 3.575 11.857C3.575 12.709 4.266 13.4 5.118 13.4C5.97 13.4 6.661 12.709 6.661 11.857M5.118 10.314C5.97 10.314 6.661 11.005 6.661 11.857M10.882 5.686C11.734 5.686 12.425 4.995 12.425 4.143C12.425 3.291 11.734 2.6 10.882 2.6C10.03 2.6 9.339 3.291 9.339 4.143C9.339 4.995 10.03 5.686 10.882 5.686ZM10.882 5.686V9.457C10.882 10.783 9.807 11.857 8.482 11.857H6.661" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>`,
   },
+  "branch-out": {
+    viewBox: "0 0 16 16",
+    body: `<path d="M10.4225 3.35355L12.9024 5.83344L10.4225 8.31333" stroke="currentColor"/><path d="M1 12.2852H4.23042C4.89912 12.2852 5.52359 11.951 5.89452 11.3946L9.00783 6.72462C8.37877 6.16823 10.0032 5.83402 10.6719 5.83402H12.9024" stroke="currentColor"/><path d="M8.5 12.2852H14" stroke="currentColor" stroke-linejoin="round"/>`,
+  },
   "grid-plus": {
     viewBox: "0 0 16 16",
     body: `<path d="M13.9948 11.668H9.32812M11.6641 9.33203V13.9987M6.66667 9.33203V13.9987H2V9.33203H6.66667ZM6.66667 2V6.66667H2V2H6.66667ZM13.9948 2V6.66667H9.32812V2H13.9948Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square"/>`,
@@ -121,6 +126,14 @@ const icons = {
     viewBox: "0 0 20 20",
     body: `<path d="M7 14.5H13M7 7.99512H10.0049M10.0049 7.99512H13M10.0049 7.99512V5M10.0049 7.99512V11M18 18V2L2 2L2 18H18Z" stroke="currentColor"/>`,
   },
+  "window-analytics": {
+    viewBox: "0 0 16 16",
+    body: `<g transform="translate(1 2)"><path d="M7 4H11M7 8H11M0.5 0.5V11.5H13.5V0.5H0.5ZM3.5 3.5H4.5V4.5H3.5V3.5ZM3.5 7.5H4.5V8.5H3.5V7.5Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square"/></g>`,
+  },
+  trash: {
+    viewBox: "0 0 20 20",
+    body: `<path d="M4.58342 17.9134L4.58369 17.4134L4.22787 17.5384L4.22766 18.0384H4.58342V17.9134ZM15.4167 17.9134V18.0384H15.7725L15.7723 17.5384L15.4167 17.9134ZM2.08342 3.95508V3.45508H1.58342V3.95508H2.08342V4.45508V3.95508ZM17.9167 4.45508V4.95508H18.4167V4.45508H17.9167V3.95508V4.45508ZM4.16677 4.58008L3.66701 4.5996L4.22816 17.5379L4.72792 17.4934L5.22767 17.4489L4.66652 4.54055L4.16677 4.58008ZM4.58342 18.0384V17.9134H15.4167V18.0384V18.5384H4.58342V18.0384ZM15.4167 17.9134L15.8332 17.5379L16.2498 4.5996L15.7501 4.58008L15.2503 4.56055L14.8337 17.4989L15.4167 17.9134ZM15.8334 4.58008V4.08008H4.16677V4.58008V5.08008H15.8334V4.58008ZM2.08342 4.45508V4.95508H4.16677V4.58008V4.08008H2.08342V4.45508ZM15.8334 4.58008V5.08008H17.9167V4.45508V3.95508H15.8334V4.58008ZM6.83951 4.35149L7.432 4.55047C7.79251 3.47701 8.80699 2.70508 10.0001 2.70508V2.20508V1.70508C8.25392 1.70508 6.77335 2.83539 6.24702 4.15251L6.83951 4.35149ZM10.0001 2.20508V2.70508C11.1932 2.70508 12.2077 3.47701 12.5682 4.55047L13.1607 4.35149L13.7532 4.15251C13.2269 2.83539 11.7463 1.70508 10.0001 1.70508V2.20508Z" fill="currentColor"/>`,
+  },
   "outline-sliders": {
     viewBox: "0 0 16 16",
     body: `<path d="M11.7779 4.66675H14.4446M11.7779 4.66675C11.7779 5.77132 10.8825 6.66675 9.77789 6.66675C8.67332 6.66675 7.77789 5.77132 7.77789 4.66675M11.7779 4.66675C11.7779 3.56218 10.8825 2.66675 9.77789 2.66675C8.67332 2.66675 7.77789 3.56218 7.77789 4.66675M1.55566 4.66675H7.77789M4.22233 11.3334H1.55566M4.22233 11.3334C4.22233 12.438 5.11776 13.3334 6.22233 13.3334C7.3269 13.3334 8.22233 12.438 8.22233 11.3334M4.22233 11.3334C4.22233 10.2288 5.11776 9.33341 6.22233 9.33341C7.3269 9.33341 8.22233 10.2288 8.22233 11.3334M14.4446 11.3334H8.22233" stroke="currentColor"/>`,

package/src/v2/components/keybind-v2.css

@@ -27,6 +27,7 @@
   justify-content: center;
   align-items: center;
   padding: 0;
+  padding-inline: 4px;
   gap: 4px;
   min-width: 14px;
   height: 14px;
@@ -48,7 +49,6 @@
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  min-width: 14px;
   height: 11px;
   padding: 0;
   flex: none;

package/src/v2/components/line-comment-v2.tsx

@@ -212,9 +212,11 @@ export function LineCommentEditorV2(props: LineCommentEditorV2Props) {
               textareaRef = el
             }}
             data-slot="line-comment-v2-textarea"
+            dir="auto"
             rows={local.rows ?? 3}
             placeholder={local.placeholder ?? i18n.t("ui.lineComment.contextPlaceholder")}
             value={local.value}
+            style={{ "unicode-bidi": "plaintext", "text-align": "start" }}
             onInput={(e) => {
               local.onInput(e.currentTarget.value)
               syncMention()

package/src/v2/components/tabs-v2.css

@@ -175,7 +175,7 @@
   border: 0.5px solid var(--v2-border-border-muted);
 }
 
-[data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"] [data-slot="tabs-v2-list"] {
+[data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"] > [data-slot="tabs-v2-list"] {
   flex-direction: column;
   width: 240px;
   min-width: 200px;
@@ -186,7 +186,9 @@
   border-inline-end: 1px solid var(--v2-border-border-base);
 }
 
-[data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"] [data-slot="tabs-v2-section-title"] {
+[data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"]
+  > [data-slot="tabs-v2-list"]
+  [data-slot="tabs-v2-section-title"] {
   width: 100%;
   padding-inline-start: 4px;
   color: var(--v2-text-text-muted);
@@ -195,7 +197,9 @@
   user-select: none;
 }
 
-[data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"] [data-slot="tabs-v2-trigger-wrapper"] {
+[data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"]
+  > [data-slot="tabs-v2-list"]
+  [data-slot="tabs-v2-trigger-wrapper"] {
   width: 100%;
   height: 28px;
   border-radius: 4px;
@@ -203,7 +207,9 @@
   color: var(--v2-text-text-muted);
 }
 
-[data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"] [data-slot="tabs-v2-trigger"] {
+[data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"]
+  > [data-slot="tabs-v2-list"]
+  [data-slot="tabs-v2-trigger"] {
   width: 100%;
   height: 100%;
   justify-content: flex-start;
@@ -212,12 +218,14 @@
 }
 
 [data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"]
+  > [data-slot="tabs-v2-list"]
   [data-slot="tabs-v2-trigger-wrapper"]:hover:not(:disabled):not(:has([data-selected])) {
   background-color: var(--v2-background-bg-layer-03);
   color: var(--v2-text-text-base);
 }
 
 [data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"]
+  > [data-slot="tabs-v2-list"]
   [data-slot="tabs-v2-trigger-wrapper"]:has([data-selected]) {
   background-color: var(--v2-background-bg-layer-03);
   color: var(--v2-text-text-base);

package/src/v2/components/toast-v2.tsx

@@ -239,6 +239,8 @@ function createToastV2Actions(entry: ActiveToastV2) {
   if (!entry.options.actions?.length) return undefined
   return (
     <ToastV2.Actions>
+      {/* Static map, not <For>: this JSX is created imperatively outside any Solid
+          root, where a <For> computation would never be disposed. */}
       {entry.options.actions.map((action, index) => (
         <button
           type="button"

package/src/v2/components/tooltip-v2.tsx

@@ -32,6 +32,7 @@ export function TooltipV2(props: TooltipV2Props) {
   ])
 
   const close = () => setState("open", false)
+  const controlled = () => local.forceOpen !== undefined
 
   const inside = () => {
     const active = document.activeElement
@@ -93,9 +94,9 @@ export function TooltipV2(props: TooltipV2Props) {
           {...others}
           closeDelay={0}
           ignoreSafeArea={local.ignoreSafeArea ?? true}
-          open={local.forceOpen || state.open}
+          open={controlled() ? local.forceOpen : state.open}
           onOpenChange={(open) => {
-            if (local.forceOpen) return
+            if (controlled()) return
             if (state.block && open) return
             if (justClickedTrigger) {
               justClickedTrigger = false

package/src/v2/styles/theme.css

@@ -1,16 +1,4 @@
 @layer theme {
-  html[data-theme="oc-2"] body:not([data-new-layout]) {
-    --text-diff-add-base: light-dark(#167517, #c4ffc0);
-    --text-diff-delete-base: light-dark(#fa3012, #ec2f14);
-    --syntax-comment: light-dark(#7a7a7a, #8f8f8f);
-    --syntax-keyword: light-dark(#a753ae, #edb2f1);
-    --syntax-string: #00ceb9;
-    --syntax-primitive: light-dark(#034cff, #8cb0ff);
-    --syntax-property: light-dark(#a753ae, #fab283);
-    --syntax-type: light-dark(#8a6f00, #fcd53a);
-    --syntax-critical: light-dark(#ff8c00, #fab283);
-  }
-
   :root {
     color-scheme: light;