@opencode-ai/ui 0.0.0-dev-202609060432 → 0.0.0-dev-19178

package/src/{v2/components/select-v2.tsx → forms/select/select.tsx}

@@ -1,6 +1,17 @@
-import { Select as Kobalte } from "@kobalte/core/select"
+import {
+  Content,
+  Item,
+  ItemIndicator,
+  ItemLabel,
+  Listbox,
+  Portal,
+  Root,
+  Section,
+  Trigger,
+  Value,
+} from "@kobalte/core/select"
 import { Show, createMemo, onCleanup, splitProps, type ComponentProps, type JSX } from "solid-js"
-import "./select-v2.css"
+import "./select.css"
 
 function groupOptions<T>(options: T[], groupBy?: (x: T) => string): { category: string; options: T[] }[] {
   if (!groupBy) {
@@ -40,8 +51,8 @@ const CheckSmall = () => (
   </svg>
 )
 
-export type SelectV2Props<T> = Omit<
-  ComponentProps<typeof Kobalte<T, { category: string; options: T[] }>>,
+export type SelectProps<T> = Omit<
+  ComponentProps<typeof Root<T, { category: string; options: T[] }>>,
   "value" | "onSelect" | "children" | "options" | "itemComponent" | "sectionComponent" | "defaultValue" | "multiple"
 > & {
   placeholder?: string
@@ -53,15 +64,14 @@ export type SelectV2Props<T> = Omit<
   groupBy?: (x: T) => string
   onSelect?: (value: T | null) => void
   onHighlight?: (value: T | undefined) => void | (() => void)
-  /** `base` / `large` match text-input-v2; `inline` is a compact settings-row trigger. */
-  appearance?: "base" | "large" | "inline"
   invalid?: boolean
   numeric?: boolean
   children?: (item: T) => JSX.Element
   valueClass?: string
+  contentClass?: string
 }
 
-export function SelectV2<T>(props: SelectV2Props<T>) {
+export function Select<T>(props: SelectProps<T>) {
   const [local, others] = splitProps(props, [
     "class",
     "classList",
@@ -75,11 +85,11 @@ export function SelectV2<T>(props: SelectV2Props<T>) {
     "onHighlight",
     "onOpenChange",
     "children",
-    "appearance",
     "invalid",
     "numeric",
     "disabled",
     "valueClass",
+    "contentClass",
     "placement",
     "gutter",
     "sameWidth",
@@ -88,8 +98,6 @@ export function SelectV2<T>(props: SelectV2Props<T>) {
     "fitViewport",
   ])
 
-  const inline = () => (local.appearance ?? "base") === "inline"
-
   const state: { key?: string; cleanup?: void | (() => void) } = {}
 
   const stop = () => {
@@ -118,15 +126,15 @@ export function SelectV2<T>(props: SelectV2Props<T>) {
   const grouped = createMemo(() => groupOptions(local.options, local.groupBy))
 
   return (
-    <Kobalte<T, { category: string; options: T[] }>
+    <Root<T, { category: string; options: T[] }>
       {...others}
       multiple={false}
       allowDuplicateSelectionEvents={false}
       disabled={local.disabled}
       data-component="select-v2-root"
-      placement={local.placement ?? (inline() ? "bottom-end" : "bottom-start")}
+      placement={local.placement ?? "bottom-end"}
       gutter={local.gutter ?? 4}
-      sameWidth={local.sameWidth ?? !inline()}
+      sameWidth={local.sameWidth ?? false}
       flip={local.flip ?? true}
       slide={local.slide ?? true}
       fitViewport={local.fitViewport ?? false}
@@ -137,31 +145,31 @@ export function SelectV2<T>(props: SelectV2Props<T>) {
       optionGroupChildren="options"
       placeholder={local.placeholder}
       sectionComponent={(sectionProps) => (
-        <Kobalte.Section>
+        <Section>
           <Show when={sectionProps.section.rawValue.category}>
             <div data-slot="menu-v2-group-label">{sectionProps.section.rawValue.category}</div>
           </Show>
-        </Kobalte.Section>
+        </Section>
       )}
       itemComponent={(itemProps) => (
-        <Kobalte.Item
+        <Item
           {...itemProps}
           data-component="menu-v2-item"
           onPointerEnter={() => move(itemProps.item.rawValue)}
           onPointerMove={() => move(itemProps.item.rawValue)}
           onFocus={() => move(itemProps.item.rawValue)}
         >
-          <Kobalte.ItemLabel data-slot="menu-v2-item-content" as="span">
+          <ItemLabel data-slot="menu-v2-item-content" as="span">
             {local.children
               ? local.children(itemProps.item.rawValue)
               : local.label
                 ? local.label(itemProps.item.rawValue)
                 : String(itemProps.item.rawValue as string)}
-          </Kobalte.ItemLabel>
-          <Kobalte.ItemIndicator data-slot="menu-v2-item-indicator" forceMount>
+          </ItemLabel>
+          <ItemIndicator data-slot="menu-v2-item-indicator" forceMount>
             <CheckSmall />
-          </Kobalte.ItemIndicator>
-        </Kobalte.Item>
+          </ItemIndicator>
+        </Item>
       )}
       onChange={(next) => {
         const v = next == null ? null : Array.isArray(next) ? ((next[0] as T) ?? null) : (next as T)
@@ -173,10 +181,12 @@ export function SelectV2<T>(props: SelectV2Props<T>) {
         if (!open) stop()
       }}
     >
-      <Kobalte.Trigger
+      <Trigger
         as="div"
+        aria-label={props["aria-label"]}
+        aria-labelledby={props["aria-labelledby"]}
         data-component="select-v2"
-        data-appearance={local.appearance ?? "base"}
+        data-appearance="inline"
         data-invalid={local.invalid ? "" : undefined}
         data-numeric={local.numeric ? "" : undefined}
         disabled={local.disabled}
@@ -187,23 +197,23 @@ export function SelectV2<T>(props: SelectV2Props<T>) {
         }}
       >
         <div data-slot="select-v2-value">
-          <Kobalte.Value<T> data-slot="select-v2-value-text" class={local.valueClass}>
+          <Value<T> data-slot="select-v2-value-text" class={local.valueClass}>
             {(st) => {
               const selected = st.selectedOption()
               if (local.label && selected != null) return local.label(selected)
               return selected != null ? (selected as string) : ""
             }}
-          </Kobalte.Value>
+          </Value>
         </div>
         <span data-slot="select-v2-chevron" aria-hidden="true">
           <ChevronDown />
         </span>
-      </Kobalte.Trigger>
-      <Kobalte.Portal>
-        <Kobalte.Content data-component="menu-v2-content" data-slot="select-v2-content">
-          <Kobalte.Listbox data-slot="select-v2-listbox" />
-        </Kobalte.Content>
-      </Kobalte.Portal>
-    </Kobalte>
+      </Trigger>
+      <Portal>
+        <Content class={local.contentClass} data-component="menu-v2-content" data-slot="select-v2-content">
+          <Listbox data-slot="select-v2-listbox" />
+        </Content>
+      </Portal>
+    </Root>
   )
 }

package/src/{v2/components/switch-v2.css → forms/switch/switch.css}

@@ -160,3 +160,113 @@
     pointer-events: none;
   }
 }
+
+[data-component="switch"][data-appearance="standard"] {
+  [data-slot="switch-control"] {
+    padding: 0;
+    width: 28px;
+    height: 16px;
+    border-radius: 3px;
+    border: 1px solid var(--border-weak-base);
+    background: var(--surface-base);
+    box-shadow: none;
+    transition:
+      background-color 150ms,
+      border-color 150ms;
+  }
+
+  [data-slot="switch-thumb"] {
+    box-sizing: content-box;
+    width: 14px;
+    height: 14px;
+    border-radius: 2px;
+    border: 1px solid var(--border-base);
+    background: var(--icon-invert-base);
+    box-shadow:
+      0 1px 2px -1px rgba(19, 16, 16, 0.04),
+      0 1px 2px 0 rgba(19, 16, 16, 0.06),
+      0 1px 3px 0 rgba(19, 16, 16, 0.08);
+    transform: translateX(-1px);
+    transition:
+      transform 150ms,
+      background-color 150ms;
+  }
+
+  [data-slot="switch-label"] {
+    color: var(--text-base);
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-small);
+    font-style: normal;
+    font-weight: var(--font-weight-regular);
+    line-height: var(--line-height-large);
+    letter-spacing: var(--letter-spacing-normal);
+  }
+
+  [data-slot="switch-description"] {
+    color: var(--text-base);
+    font-family: var(--font-family-sans);
+    font-size: 12px;
+    font-weight: var(--font-weight-regular);
+    line-height: var(--line-height-normal);
+    letter-spacing: var(--letter-spacing-normal);
+  }
+
+  [data-slot="switch-error"] {
+    color: var(--text-error);
+  }
+
+  &:hover:not([data-disabled], [data-readonly]) [data-slot="switch-control"] {
+    border-color: var(--border-hover);
+    background: var(--surface-hover);
+  }
+
+  &:hover:not([data-disabled], [data-readonly]) [data-slot="switch-thumb"] {
+    width: 14px;
+    border-radius: 2px;
+  }
+
+  &:not([data-readonly]) [data-slot="switch-input"]:focus-visible ~ [data-slot="switch-control"] {
+    border-color: var(--border-focus);
+    outline: none;
+    box-shadow: var(--shadow-xs-border-focus);
+  }
+
+  &[data-checked] [data-slot="switch-control"] {
+    border-color: var(--icon-strong-base);
+    background: var(--icon-strong-base);
+    box-shadow: none;
+  }
+
+  &[data-checked] [data-slot="switch-thumb"],
+  &[data-checked]:hover:not([data-disabled], [data-readonly]) [data-slot="switch-thumb"] {
+    width: 14px;
+    border: none;
+    border-radius: 2px;
+    transform: translateX(12px);
+    background: var(--icon-invert-base);
+  }
+
+  &:dir(rtl)[data-checked] [data-slot="switch-thumb"],
+  &:dir(rtl)[data-checked]:hover:not([data-disabled], [data-readonly]) [data-slot="switch-thumb"] {
+    transform: translateX(-12px);
+  }
+
+  &[data-checked]:hover:not([data-disabled], [data-readonly]) [data-slot="switch-control"] {
+    border-color: var(--border-hover);
+    background: var(--surface-hover);
+  }
+
+  &[data-disabled] [data-slot="switch-control"] {
+    border-color: var(--border-disabled);
+    background: var(--surface-disabled);
+    opacity: 1;
+  }
+
+  &[data-disabled] [data-slot="switch-thumb"] {
+    background: var(--icon-disabled);
+  }
+
+  &[data-invalid] [data-slot="switch-control"] {
+    border-color: var(--border-error);
+  }
+}

package/src/forms/switch/switch.tsx

@@ -0,0 +1,34 @@
+import { Control, Description, ErrorMessage, Input, Label, Root, Thumb } from "@kobalte/core/switch"
+import { Show, splitProps } from "solid-js"
+import type { ComponentProps, ParentProps } from "solid-js"
+import "./switch.css"
+
+export interface SwitchProps extends ParentProps<ComponentProps<typeof Root>> {
+  // I think we should consolidate - ask designers.
+  appearance?: "standard" | "compact"
+  hideLabel?: boolean
+  description?: string
+}
+
+export function Switch(props: SwitchProps) {
+  const [local, others] = splitProps(props, ["children", "class", "appearance", "hideLabel", "description"])
+  return (
+    <Root {...others} class={local.class} data-component="switch" data-appearance={local.appearance ?? "compact"}>
+      <Input data-slot="switch-input" />
+      <Show when={local.children}>
+        {(label) => (
+          <Label data-slot="switch-label" classList={{ "sr-only": local.hideLabel }}>
+            {label()}
+          </Label>
+        )}
+      </Show>
+      <Show when={local.description}>
+        <Description data-slot="switch-description">{local.description}</Description>
+      </Show>
+      <Control data-slot="switch-control">
+        <Thumb data-slot="switch-thumb" />
+      </Control>
+      <ErrorMessage data-slot="switch-error" />
+    </Root>
+  )
+}

package/src/{v2/components/text-input-v2.css → forms/text-input/text-input.css}

@@ -13,7 +13,7 @@
   outline: 1px solid transparent;
   outline-offset: 0;
   background:
-    linear-gradient(180deg, var(--v2-alpha-light-2) 0%, var(--v2-alpha-light-0) 100%), var(--v2-background-bg-base);
+    linear-gradient(180deg, var(--v2-alpha-light-6) 0%, var(--v2-alpha-light-2) 100%), var(--v2-background-bg-base);
   box-shadow: var(--v2-elevation-button-neutral);
   flex: none;
   align-self: stretch;
@@ -30,7 +30,7 @@
 [data-component="text-input-v2"]:where(:hover):not([data-disabled], [data-invalid]):not(:focus-within) {
   background:
     linear-gradient(0deg, var(--v2-overlay-simple-overlay-hover), var(--v2-overlay-simple-overlay-hover)),
-    linear-gradient(180deg, var(--v2-alpha-light-2) 0%, var(--v2-alpha-light-0) 100%), var(--v2-background-bg-base);
+    linear-gradient(180deg, var(--v2-alpha-light-6) 0%, var(--v2-alpha-light-2) 100%), var(--v2-background-bg-base);
 }
 
 [data-component="text-input-v2"]:where(:focus-within):not([data-disabled], [data-invalid]) {
@@ -92,7 +92,7 @@
   font-style: normal;
   font-weight: 440;
   font-size: 13px;
-  line-height: 1;
+  line-height: var(--line-height-compact);
   letter-spacing: -0.04px;
   color: var(--v2-text-text-base);
   font-variation-settings: "slnt" 0;

package/src/{v2/components/text-input-v2.tsx → forms/text-input/text-input.tsx}

@@ -1,9 +1,9 @@
 import { type ComponentProps, type JSX, Show, splitProps } from "solid-js"
-import { Icon } from "./icon"
+import { Icon } from "@opencode-ai/ui/icon"
 import { useI18n } from "../../context/i18n"
-import "./text-input-v2.css"
+import "./text-input.css"
 
-export interface TextInputV2Props extends Omit<ComponentProps<"input">, "type"> {
+export interface TextInputProps extends Omit<ComponentProps<"input">, "type"> {
   /** Icon or adornment shown before the field value. */
   leadingIcon?: JSX.Element
   /** Show the trailing copy action. */
@@ -25,7 +25,7 @@ export interface TextInputV2Props extends Omit<ComponentProps<"input">, "type">
   type?: ComponentProps<"input">["type"]
 }
 
-export function TextInputV2(props: TextInputV2Props) {
+export function TextInput(props: TextInputProps) {
   const i18n = useI18n()
   const [local, inputProps] = splitProps(props, [
     "class",

package/src/{v2/components/textarea-v2.tsx → forms/textarea/textarea.tsx}

@@ -1,12 +1,12 @@
 import { type ComponentProps, splitProps } from "solid-js"
-import "./textarea-v2.css"
+import "./textarea.css"
 
-export interface TextareaV2Props extends ComponentProps<"textarea"> {
+export interface TextareaProps extends ComponentProps<"textarea"> {
   /** Error styling for the field and value text. */
   invalid?: boolean
 }
 
-export function TextareaV2(props: TextareaV2Props) {
+export function Textarea(props: TextareaProps) {
   const [local, textareaProps] = splitProps(props, ["class", "classList", "invalid", "disabled", "rows"])
 
   return (

package/src/hooks/create-auto-scroll.tsx

@@ -186,6 +186,26 @@ export function createAutoScroll(options: AutoScrollOptions) {
     },
   )
 
+  createEffect(() => {
+    const el = store.scrollRef
+    if (!el) return
+    const root = el.closest("main")
+    if (!root) return
+    let connected = el.isConnected
+    const contains = (node: Node) => node === el || (node instanceof Element && node.contains(el))
+    const observer = new MutationObserver((records) => {
+      records.forEach((record) => {
+        if ([...record.removedNodes].some(contains)) connected = false
+        if (!record.addedNodes.length || ![...record.addedNodes].some(contains)) return
+        const reattached = !connected
+        connected = true
+        if (reattached) scrollToBottom(false)
+      })
+    })
+    observer.observe(root, { childList: true })
+    onCleanup(() => observer.disconnect())
+  })
+
   createEffect(
     on(options.working, (working: boolean) => {
       settling = false

package/src/i18n/am.ts

@@ -10,7 +10,7 @@ export const dict: Record<string, string> = {
   "ui.sessionReview.change.added": "ተጨማሪ",
   "ui.sessionReview.change.removed": "ተወግዷል",
   "ui.sessionReview.change.modified": "የተሻሻለው",
-  "ui.sessionReview.image.loading": "በመጫን ላይ...",
+  "ui.sessionReview.image.loading": "በመጫን ላይ…",
   "ui.sessionReview.image.placeholder": "ምስል",
   "ui.sessionReview.largeDiff.title": "ለመሰራት በጣም ትልቅ ልዩነት",
   "ui.sessionReview.largeDiff.meta": "ገደብ፡ {{limit}} መስመሮች ተለውጠዋል። የአሁኑ፡ {{current}} መስመሮች ተለውጠዋል።",
@@ -28,7 +28,7 @@ export const dict: Record<string, string> = {
   "ui.sessionReviewV2.empty.noGit.title": "ምንም ክትትል የሚደረግባቸው ለውጦች የሉም",
   "ui.sessionReviewV2.empty.noGit.description": "በዚህ ፕሮጀክት ላይ ለውጦችን ይከታተሉ፣ ይገምግሙ እና ይቀልብሱ",
   "ui.sessionReviewV2.empty.noGit.action": "Git ማከማቻ ፍጠር",
-  "ui.sessionReviewV2.empty.noGit.actionLoading": "Git ማከማቻ በመፍጠር ላይ...",
+  "ui.sessionReviewV2.empty.noGit.actionLoading": "Git ማከማቻ በመፍጠር ላይ…",
   "ui.sessionReviewV2.empty.changes.title": "አሁን ምንም ለውጥ የለም",
   "ui.sessionReviewV2.empty.changes.description": "የፕሮጀክት ለውጦች እዚህ ይታያሉ",
   "ui.sessionReview.openFile": "ክፍት ፋይል",
@@ -37,7 +37,7 @@ export const dict: Record<string, string> = {
   "ui.fileMedia.kind.image": "ምስል",
   "ui.fileMedia.kind.audio": "ድምጽ",
   "ui.fileMedia.state.removed": "{{kind}}ፋይል ተወግዷል።",
-  "ui.fileMedia.state.loading": "በመጫን ላይ {{kind}}...",
+  "ui.fileMedia.state.loading": "በመጫን ላይ {{kind}}…",
   "ui.fileMedia.state.error": "{{kind}}ን መጫን አልተቻለም።",
   "ui.fileMedia.state.unavailable": "{{kind}} ቅድመ እይታ አይገኝም።",
   "ui.fileMedia.binary.title": "ሁለትዮሽ ፋይል",
@@ -68,7 +68,7 @@ export const dict: Record<string, string> = {
   "ui.sessionTurn.error.freeUsageExceeded": "ነፃ አጠቃቀም ታልፏል",
   "ui.sessionTurn.error.addCredits": "ክሬዲት አክል",
   "dialog.usageExceeded.freeTier.title": "ነፃ ገደብ ላይ ደርሷል",
-  "dialog.usageExceeded.freeTier.description": "ለምርጥ ክፍት ምንጭ ሞዴሎች ታማኝ መዳረሻ ለማግኘት በወር $10 ለOpenCode Go ይመዝገቡ።",
+  "dialog.usageExceeded.freeTier.description": "ለOpenCode Go ለምርጥ ክፍት ምንጭ ሞዴሎች ታማኝ መዳረሻ ለማግኘት ይመዝገቡ፣ ከ$5 በወር ጀምሮ።",
   "dialog.usageExceeded.freeTier.actionLabel": "ለደንበኝነት ይመዝገቡ",
   "dialog.usageExceeded.accountRateLimit.title": "የሂድ ገደብ ላይ ደርሷል",
   "dialog.usageExceeded.accountRateLimit.description":
@@ -114,8 +114,8 @@ export const dict: Record<string, string> = {
   "ui.promptInput.dropFiles": "ለማያያዝ ፋይሎችን ጣል",
   "ui.promptInput.removeAttachment": "ዓባሪን አስወግድ",
   "ui.promptInput.label": "ፕሮምፕት",
-  "ui.promptInput.placeholder.shell": "የሼል ትዕዛዝ አስገባ...",
-  "ui.promptInput.placeholder.normal": "ማንኛውንም ነገር ይጠይቁ፣ {{slash}} ለትእዛዞች፣ {{at}} ለአውድ...",
+  "ui.promptInput.placeholder.shell": "የሼል ትዕዛዝ አስገባ…",
+  "ui.promptInput.placeholder.normal": "ማንኛውንም ነገር ይጠይቁ፣ {{slash}} ለትእዛዞች፣ {{at}} ለአውድ…",
   "ui.promptInput.add": "ምስሎችን እና ፋይሎችን አክል",
   "ui.promptInput.attachments": "ምስሎች እና ፋይሎች",
   "ui.promptInput.context": "አውድ",
@@ -142,8 +142,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}}ድር ፍለጋ",
   "ui.tool.shell": "ሼል",
   "ui.tool.patch": "Patch",
-  "ui.tool.todos": "የሚደረጉ ነገሮች",
-  "ui.tool.todos.read": "ወደ-ድርጊት አንብብ",
   "ui.tool.questions": "ጥያቄዎች",
   "ui.tool.questions.numbered": "ጥያቄዎች {{number}}",
   "ui.tool.agent": "{{type}} ወኪል",
@@ -192,5 +190,5 @@ export const dict: Record<string, string> = {
   "ui.question.review.notAnswered": "(አልተመለሰም)",
   "ui.question.multiHint": "የሚመለከተውን ሁሉንም መልሶች ይምረጡ",
   "ui.question.singleHint": "አንድ መልስ ምረጥ",
-  "ui.question.custom.placeholder": "መልስዎን ይተይቡ...",
+  "ui.question.custom.placeholder": "መልስዎን ይተይቡ…",
 }

package/src/i18n/ar.ts

@@ -13,7 +13,7 @@ export const dict = {
   "ui.sessionReview.change.added": "مضاف",
   "ui.sessionReview.change.removed": "محذوف",
   "ui.sessionReview.change.modified": "معدل",
-  "ui.sessionReview.image.loading": "جارٍ التحميل...",
+  "ui.sessionReview.image.loading": "جارٍ التحميل…",
   "ui.sessionReview.image.placeholder": "صورة",
   "ui.sessionReview.largeDiff.title": "الفروقات أكبر من أن تُعرض",
   "ui.sessionReview.largeDiff.meta": "الحد: {{limit}} سطرًا معدّلًا. حاليًا: {{current}} سطرًا معدّلًا.",
@@ -31,13 +31,13 @@ export const dict = {
   "ui.sessionReviewV2.empty.noGit.title": "لا توجد تغييرات متتبعة",
   "ui.sessionReviewV2.empty.noGit.description": "تتبع التغييرات في هذا المشروع وراجعها وتراجع عنها",
   "ui.sessionReviewV2.empty.noGit.action": "إنشاء مستودع Git",
-  "ui.sessionReviewV2.empty.noGit.actionLoading": "جارٍ إنشاء مستودع Git...",
+  "ui.sessionReviewV2.empty.noGit.actionLoading": "جارٍ إنشاء مستودع Git…",
   "ui.sessionReviewV2.empty.changes.title": "لا توجد تغييرات في الملفات بعد",
   "ui.sessionReviewV2.empty.changes.description": "ستظهر تغييرات المشروع هنا",
   "ui.fileMedia.kind.image": "صورة",
   "ui.fileMedia.kind.audio": "صوت",
   "ui.fileMedia.state.removed": "تمت إزالة {{kind}}",
-  "ui.fileMedia.state.loading": "جارٍ تحميل {{kind}}...",
+  "ui.fileMedia.state.loading": "جارٍ تحميل {{kind}}…",
   "ui.fileMedia.state.error": "تعذر تحميل {{kind}}.",
   "ui.fileMedia.state.unavailable": "معاينة {{kind}} غير متاحة.",
   "ui.fileMedia.binary.title": "ملف ثنائي",
@@ -77,7 +77,7 @@ export const dict = {
 
   "dialog.usageExceeded.freeTier.title": "تم الوصول إلى الحد المجاني",
   "dialog.usageExceeded.freeTier.description":
-    "اشترك في OpenCode Go مقابل $10/شهر للحصول على وصول موثوق إلى أفضل النماذج مفتوحة المصدر.",
+    "اشترك في OpenCode Go للحصول على وصول موثوق إلى أفضل النماذج مفتوحة المصدر، ابتداءً من $5/شهر.",
   "dialog.usageExceeded.freeTier.actionLabel": "اشترك",
   "dialog.usageExceeded.accountRateLimit.title": "تم الوصول إلى حد Go",
   "dialog.usageExceeded.accountRateLimit.description":
@@ -136,8 +136,8 @@ export const dict = {
   "ui.promptInput.dropFiles": "أفلت الملفات لإرفاقها",
   "ui.promptInput.removeAttachment": "إزالة المرفق",
   "ui.promptInput.label": "الموجّه",
-  "ui.promptInput.placeholder.shell": "أدخل أمر shell...",
-  "ui.promptInput.placeholder.normal": "اسأل عن أي شيء، {{slash}} للأوامر، {{at}} للسياق...",
+  "ui.promptInput.placeholder.shell": "أدخل أمر shell…",
+  "ui.promptInput.placeholder.normal": "اسأل عن أي شيء، {{slash}} للأوامر، {{at}} للسياق…",
   "ui.promptInput.add": "إضافة صور وملفات",
   "ui.promptInput.attachments": "الصور والملفات",
   "ui.promptInput.context": "السياق",
@@ -167,8 +167,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}}",
@@ -217,7 +215,7 @@ export const dict = {
   "ui.question.review.notAnswered": "(لم تتم الإجابة)",
   "ui.question.multiHint": "حدد كل ما ينطبق",
   "ui.question.singleHint": "حدد إجابة واحدة",
-  "ui.question.custom.placeholder": "اكتب إجابتك...",
+  "ui.question.custom.placeholder": "اكتب إجابتك…",
 
   "ui.fileSearch.placeholder": "بحث",
   "ui.fileSearch.previousMatch": "المطابقة السابقة",

package/src/i18n/az.ts

@@ -10,7 +10,7 @@ export const dict: Record<string, string> = {
   "ui.sessionReview.change.added": "Əlavə edildi",
   "ui.sessionReview.change.removed": "Silindi",
   "ui.sessionReview.change.modified": "Dəyişdirildi",
-  "ui.sessionReview.image.loading": "Yüklənir...",
+  "ui.sessionReview.image.loading": "Yüklənir…",
   "ui.sessionReview.image.placeholder": "Şəkil",
   "ui.sessionReview.largeDiff.title": "Fərq göstərmək üçün çox böyükdür",
   "ui.sessionReview.largeDiff.meta": "Limit: {{limit}} dəyişmiş sətir. Cari: {{current}} dəyişmiş sətir.",
@@ -28,7 +28,7 @@ export const dict: Record<string, string> = {
   "ui.sessionReviewV2.empty.noGit.title": "İzlənən dəyişiklik yoxdur",
   "ui.sessionReviewV2.empty.noGit.description": "Bu layihədə dəyişiklikləri izləyin, nəzərdən keçirin və ləğv edin",
   "ui.sessionReviewV2.empty.noGit.action": "Git repozitoriyası yarat",
-  "ui.sessionReviewV2.empty.noGit.actionLoading": "Git repozitoriyası yaradılır...",
+  "ui.sessionReviewV2.empty.noGit.actionLoading": "Git repozitoriyası yaradılır…",
   "ui.sessionReviewV2.empty.changes.title": "Hələ heç bir fayl dəyişikliyi yoxdur",
   "ui.sessionReviewV2.empty.changes.description": "Layihə dəyişiklikləri burada görünəcək",
   "ui.sessionReview.openFile": "Faylı aç",
@@ -37,7 +37,7 @@ export const dict: Record<string, string> = {
   "ui.fileMedia.kind.image": "şəkil",
   "ui.fileMedia.kind.audio": "səs",
   "ui.fileMedia.state.removed": "{{kind}} faylı silindi.",
-  "ui.fileMedia.state.loading": "{{kind}} yüklənir...",
+  "ui.fileMedia.state.loading": "{{kind}} yüklənir…",
   "ui.fileMedia.state.error": "{{kind}} yüklənə bilmədi.",
   "ui.fileMedia.state.unavailable": "{{kind}} önbaxışı mövcud deyil.",
   "ui.fileMedia.binary.title": "İkili fayl",
@@ -69,7 +69,7 @@ export const dict: Record<string, string> = {
   "ui.sessionTurn.error.addCredits": "Kredit əlavə et",
   "dialog.usageExceeded.freeTier.title": "Pulsuz limitə çatdınız",
   "dialog.usageExceeded.freeTier.description":
-    "Ayda $10 olan OpenCode Go abunəliyi ilə ən yaxşı açıq mənbəli modellərə etibarlı giriş əldə edin.",
+    "Ayda $5-dan başlayan OpenCode Go abunəliyi ilə ən yaxşı açıq mənbəli modellərə etibarlı giriş əldə edin.",
   "dialog.usageExceeded.freeTier.actionLabel": "Abunə ol",
   "dialog.usageExceeded.accountRateLimit.title": "Go limitinə çatdınız",
   "dialog.usageExceeded.accountRateLimit.description":
@@ -115,8 +115,8 @@ export const dict: Record<string, string> = {
   "ui.promptInput.dropFiles": "Əlavə etmək üçün faylları buraxın",
   "ui.promptInput.removeAttachment": "Əlavəni sil",
   "ui.promptInput.label": "Prompt",
-  "ui.promptInput.placeholder.shell": "Shell əmrini daxil edin...",
-  "ui.promptInput.placeholder.normal": "İstədiyinizi soruşun, {{slash}} əmrlər üçün, {{at}} kontekst üçün...",
+  "ui.promptInput.placeholder.shell": "Shell əmrini daxil edin…",
+  "ui.promptInput.placeholder.normal": "İstədiyinizi soruşun, {{slash}} əmrlər üçün, {{at}} kontekst üçün…",
   "ui.promptInput.add": "Şəkil və fayllar əlavə edin",
   "ui.promptInput.attachments": "Şəkillər və fayllar",
   "ui.promptInput.context": "Kontekst",
@@ -143,8 +143,6 @@ export const dict: Record<string, string> = {
   "ui.tool.websearch.provider": "{{provider}} Veb axtarışı",
   "ui.tool.shell": "Shell",
   "ui.tool.patch": "Patch",
-  "ui.tool.todos": "Tapşırıqlar",
-  "ui.tool.todos.read": "Tapşırıqları oxu",
   "ui.tool.questions": "Suallar",
   "ui.tool.questions.numbered": "Suallar {{number}}",
   "ui.tool.agent": "{{type}} Agent",
@@ -193,5 +191,5 @@ export const dict: Record<string, string> = {
   "ui.question.review.notAnswered": "(cavablanmayıb)",
   "ui.question.multiHint": "Uyğun gələn bütün cavabları seçin",
   "ui.question.singleHint": "Bir cavab seçin",
-  "ui.question.custom.placeholder": "Cavabınızı yazın...",
+  "ui.question.custom.placeholder": "Cavabınızı yazın…",
 }