@opencode-ai/ui 1.17.19 → 1.18.0

package/dist/context/marked-code-span.d.ts

@@ -0,0 +1,10 @@
+export declare const markedCodeSpanBoundary: {
+    tokenizer: {
+        inlineText(this: import("marked").Tokenizer<string, string>, src: string): false | {
+            type: "text";
+            raw: string;
+            text: string;
+            escaped: boolean;
+        };
+    };
+};

package/dist/i18n/ar.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/br.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/bs.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/da.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/de.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/es.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/fr.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/ja.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/ko.d.ts

@@ -110,6 +110,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/pl.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/ru.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/th.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/tr.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/zh.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/zht.d.ts

@@ -134,6 +134,7 @@ export declare const dict: {
     "ui.common.close": string;
     "ui.common.next": string;
     "ui.common.submit": string;
+    "ui.common.showMore": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/v2/components/badge-v2.d.ts

@@ -1,5 +1,6 @@
 import { type ComponentProps } from "solid-js";
 import "./badge-v2.css";
 export interface TagProps extends ComponentProps<"span"> {
+    variant?: "neutral" | "accent";
 }
 export declare function Tag(props: TagProps): import("solid-js").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencode-ai/ui",
-  "version": "1.17.19",
+  "version": "1.18.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -135,7 +135,7 @@
     "fuzzysort": "3.1.0",
     "katex": "0.16.27",
     "luxon": "3.6.1",
-    "marked": "17.0.1",
+    "marked": "17.0.6",
     "marked-katex-extension": "5.1.6",
     "marked-shiki": "1.2.1",
     "morphdom": "2.7.8",

package/src/context/marked-code-span.ts

@@ -0,0 +1,17 @@
+import type { MarkedExtension } from "marked"
+
+// Keep adjacent tilde and backtick runs separate until markedjs/marked#4011 is released.
+export const markedCodeSpanBoundary = {
+  tokenizer: {
+    inlineText(src) {
+      const match = /^(`+(?=~)|~+(?=`))/.exec(src)
+      if (!match) return false
+      return {
+        type: "text",
+        raw: match[0],
+        text: match[0],
+        escaped: this.lexer.state.inRawBlock,
+      }
+    },
+  },
+} satisfies MarkedExtension

package/src/context/marked.tsx

@@ -3,6 +3,7 @@ import markedShiki from "marked-shiki"
 import katex from "katex"
 import { bundledLanguages, type BundledLanguage } from "shiki"
 import { createSimpleContext } from "./helper"
+import { markedCodeSpanBoundary } from "./marked-code-span"
 import { getSharedHighlighter, registerCustomTheme, ThemeRegistrationResolved } from "@pierre/diffs"
 
 export const OpenCodeTheme = {
@@ -521,6 +522,7 @@ export const { use: useMarked, provider: MarkedProvider } = createSimpleContext(
   name: "Marked",
   init: (props: { nativeParser?: NativeMarkdownParser }) => {
     const jsParser = marked.use(
+      markedCodeSpanBoundary,
       {
         renderer: {
           link({ href, title, text }) {

package/src/i18n/ar.ts

@@ -149,6 +149,7 @@ export const dict = {
   "ui.common.close": "إغلاق",
   "ui.common.next": "التالي",
   "ui.common.submit": "إرسال",
+  "ui.common.showMore": "عرض المزيد",
 
   "ui.permission.deny": "رفض",
   "ui.permission.allowAlways": "السماح دائمًا",

package/src/i18n/br.ts

@@ -149,6 +149,7 @@ export const dict = {
   "ui.common.close": "Fechar",
   "ui.common.next": "Próximo",
   "ui.common.submit": "Enviar",
+  "ui.common.showMore": "Mostrar mais",
 
   "ui.permission.deny": "Negar",
   "ui.permission.allowAlways": "Permitir sempre",

package/src/i18n/bs.ts

@@ -153,6 +153,7 @@ export const dict = {
   "ui.common.close": "Zatvori",
   "ui.common.next": "Dalje",
   "ui.common.submit": "Pošalji",
+  "ui.common.showMore": "Prikaži više",
 
   "ui.permission.deny": "Zabrani",
   "ui.permission.allowAlways": "Uvijek dozvoli",

package/src/i18n/da.ts

@@ -148,6 +148,7 @@ export const dict = {
   "ui.common.close": "Luk",
   "ui.common.next": "Næste",
   "ui.common.submit": "Indsend",
+  "ui.common.showMore": "Vis mere",
 
   "ui.permission.deny": "Afvis",
   "ui.permission.allowAlways": "Tillad altid",

package/src/i18n/de.ts

@@ -155,6 +155,7 @@ export const dict = {
   "ui.common.close": "Schließen",
   "ui.common.next": "Weiter",
   "ui.common.submit": "Absenden",
+  "ui.common.showMore": "Mehr anzeigen",
 
   "ui.permission.deny": "Verweigern",
   "ui.permission.allowAlways": "Immer erlauben",

package/src/i18n/en.ts

@@ -162,6 +162,7 @@ export const dict: Record<string, string> = {
   "ui.common.close": "Close",
   "ui.common.next": "Next",
   "ui.common.submit": "Submit",
+  "ui.common.showMore": "Show more",
 
   "ui.permission.deny": "Deny",
   "ui.permission.allowAlways": "Allow always",

package/src/i18n/es.ts

@@ -149,6 +149,7 @@ export const dict = {
   "ui.common.close": "Cerrar",
   "ui.common.next": "Siguiente",
   "ui.common.submit": "Enviar",
+  "ui.common.showMore": "Mostrar más",
 
   "ui.permission.deny": "Denegar",
   "ui.permission.allowAlways": "Permitir siempre",

package/src/i18n/fr.ts

@@ -149,6 +149,7 @@ export const dict = {
   "ui.common.close": "Fermer",
   "ui.common.next": "Suivant",
   "ui.common.submit": "Soumettre",
+  "ui.common.showMore": "Afficher plus",
 
   "ui.permission.deny": "Refuser",
   "ui.permission.allowAlways": "Toujours autoriser",

package/src/i18n/ja.ts

@@ -148,6 +148,7 @@ export const dict = {
   "ui.common.close": "閉じる",
   "ui.common.next": "次へ",
   "ui.common.submit": "送信",
+  "ui.common.showMore": "さらに表示",
 
   "ui.permission.deny": "拒否",
   "ui.permission.allowAlways": "常に許可",

package/src/i18n/ko.ts

@@ -125,6 +125,7 @@ export const dict = {
   "ui.common.close": "닫기",
   "ui.common.next": "다음",
   "ui.common.submit": "제출",
+  "ui.common.showMore": "더 보기",
 
   "ui.permission.deny": "거부",
   "ui.permission.allowAlways": "항상 허용",

package/src/i18n/no.ts

@@ -128,6 +128,7 @@ export const dict: Record<Keys, string> = {
   "ui.common.close": "Lukk",
   "ui.common.next": "Neste",
   "ui.common.submit": "Send inn",
+  "ui.common.showMore": "Vis mer",
 
   "ui.permission.deny": "Avslå",
   "ui.permission.allowAlways": "Tillat alltid",

package/src/i18n/pl.ts

@@ -148,6 +148,7 @@ export const dict = {
   "ui.common.close": "Zamknij",
   "ui.common.next": "Dalej",
   "ui.common.submit": "Prześlij",
+  "ui.common.showMore": "Pokaż więcej",
 
   "ui.permission.deny": "Odmów",
   "ui.permission.allowAlways": "Zezwalaj zawsze",

package/src/i18n/ru.ts

@@ -148,6 +148,7 @@ export const dict = {
   "ui.common.close": "Закрыть",
   "ui.common.next": "Далее",
   "ui.common.submit": "Отправить",
+  "ui.common.showMore": "Показать ещё",
 
   "ui.permission.deny": "Запретить",
   "ui.permission.allowAlways": "Разрешить всегда",

package/src/i18n/th.ts

@@ -150,6 +150,7 @@ export const dict = {
   "ui.common.close": "ปิด",
   "ui.common.next": "ถัดไป",
   "ui.common.submit": "ส่ง",
+  "ui.common.showMore": "แสดงเพิ่มเติม",
 
   "ui.permission.deny": "ปฏิเสธ",
   "ui.permission.allowAlways": "อนุญาตเสมอ",

package/src/i18n/tr.ts

@@ -155,6 +155,7 @@ export const dict = {
   "ui.common.close": "Kapat",
   "ui.common.next": "İleri",
   "ui.common.submit": "Gönder",
+  "ui.common.showMore": "Daha fazla göster",
 
   "ui.permission.deny": "Reddet",
   "ui.permission.allowAlways": "Her zaman izin ver",

package/src/i18n/uk.ts

@@ -162,6 +162,7 @@ export const dict: Record<string, string> = {
   "ui.common.close": "Закрити",
   "ui.common.next": "Далі",
   "ui.common.submit": "Надіслати",
+  "ui.common.showMore": "Показати більше",
 
   "ui.permission.deny": "Заборонити",
   "ui.permission.allowAlways": "Дозволяти завжди",

package/src/i18n/zh.ts

@@ -152,6 +152,7 @@ export const dict = {
   "ui.common.close": "关闭",
   "ui.common.next": "下一步",
   "ui.common.submit": "提交",
+  "ui.common.showMore": "显示更多",
 
   "ui.permission.deny": "拒绝",
   "ui.permission.allowAlways": "始终允许",

package/src/i18n/zht.ts

@@ -152,6 +152,7 @@ export const dict = {
   "ui.common.close": "關閉",
   "ui.common.next": "下一步",
   "ui.common.submit": "提交",
+  "ui.common.showMore": "顯示更多",
 
   "ui.permission.deny": "拒絕",
   "ui.permission.allowAlways": "永遠允許",

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

@@ -25,3 +25,9 @@
 [data-component="tag"][data-high-contrast] {
   border-color: var(--v2-border-border-strong);
 }
+
+[data-component="tag"][data-variant="accent"] {
+  border: 0;
+  background: var(--v2-background-bg-accent);
+  color: var(--v2-text-text-contrast);
+}

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

@@ -1,14 +1,17 @@
 import { type ComponentProps, splitProps } from "solid-js"
 import "./badge-v2.css"
 
-export interface TagProps extends ComponentProps<"span"> {}
+export interface TagProps extends ComponentProps<"span"> {
+  variant?: "neutral" | "accent"
+}
 
 export function Tag(props: TagProps) {
-  const [split, rest] = splitProps(props, ["class", "classList", "children"])
+  const [split, rest] = splitProps(props, ["class", "classList", "children", "variant"])
   return (
     <span
       {...rest}
       data-component="tag"
+      data-variant={split.variant ?? "neutral"}
       classList={{
         ...split.classList,
         [split.class ?? ""]: !!split.class,

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

@@ -1,91 +1,70 @@
 import { createUniqueId, type ComponentProps } from "solid-js"
 
 export function WordmarkV2(props: Pick<ComponentProps<"svg">, "class">) {
-  const filter = createUniqueId()
   const mask = createUniqueId()
   const maskGradient = createUniqueId()
 
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 720.002 129.001"
+      viewBox="0 0 720 129"
       fill="none"
-      preserveAspectRatio="none"
       classList={{ [props.class ?? ""]: !!props.class }}
     >
-      <g opacity="0.16" filter={`url(#${filter})`} mask={`url(#${mask})`}>
-        <path
-          opacity="0.7"
-          d="M55.3846 36.8583H18.4615V92.144H55.3846V36.8583ZM73.8462 110.573H0V18.4297H73.8462V110.573Z"
-          fill="currentColor"
-        />
-        <path
-          opacity="0.7"
-          d="M110.774 92.144H147.697V36.8583H110.774V92.144ZM166.159 110.573H110.774V129.001H92.3125V18.4297H166.159V110.573Z"
-          fill="currentColor"
-        />
-        <path
-          opacity="0.7"
-          d="M258.463 73.7154H203.079V92.144H258.463V110.573H184.617V18.4297H258.463V73.7154ZM203.079 55.2868H240.002V36.8583H203.079V55.2868Z"
-          fill="currentColor"
-        />
-        <path
-          opacity="0.7"
-          d="M332.306 36.8583H295.383V110.573H276.922V18.4297H332.306V36.8583ZM350.768 110.573H332.306V36.8583H350.768V110.573Z"
-          fill="currentColor"
-        />
-        <path
-          opacity="0.7"
-          d="M443.081 36.8583H387.696V92.144H443.081V110.573H369.234V18.4297H443.081V36.8583Z"
-          fill="currentColor"
-        />
-        <path
-          opacity="0.7"
-          d="M516.924 36.8583H480.001V92.144H516.924V36.8583ZM535.385 110.573H461.539V18.4297H535.385V110.573Z"
-          fill="currentColor"
-        />
-        <path
-          opacity="0.7"
-          d="M609.228 36.8571H572.305V92.1429H609.228V36.8571ZM627.69 110.571H553.844V18.4286H609.228V0H627.69V110.571Z"
-          fill="currentColor"
-        />
-        <path
-          opacity="0.7"
-          d="M664.618 36.8583V55.2868H701.541V36.8583H664.618ZM720.002 73.7154H664.618V92.144H720.002V110.573H646.156V18.4297H720.002V73.7154Z"
-          fill="currentColor"
-        />
+      <g opacity="0.6">
+        <g mask={`url(#${mask})`}>
+          <g opacity="0.16">
+            <path
+              opacity="0.7"
+              d="M55.3846 36.4286H18.4615V91.7143H55.3846V36.4286ZM73.8462 110.143H0V18H73.8462V110.143Z"
+              fill="currentColor"
+            />
+            <path
+              opacity="0.7"
+              d="M110.462 91.7143H147.385V36.4286H110.462V91.7143ZM165.846 110.143H110.462V128.571H92V18H165.846V110.143Z"
+              fill="currentColor"
+            />
+            <path
+              opacity="0.7"
+              d="M258.846 73.2857H203.462V91.7143H258.846V110.143H185V18H258.846V73.2857ZM203.462 54.8571H240.385V36.4286H203.462V54.8571Z"
+              fill="currentColor"
+            />
+            <path
+              opacity="0.7"
+              d="M332.385 36.4286H295.462V110.143H277V18H332.385V36.4286ZM350.846 110.143H332.385V36.4286H350.846V110.143Z"
+              fill="currentColor"
+            />
+            <path
+              opacity="0.7"
+              d="M442.846 36.4286H387.462V91.7143H442.846V110.143H369V18H442.846V36.4286Z"
+              fill="currentColor"
+            />
+            <path
+              opacity="0.7"
+              d="M517.385 36.4286H480.462V91.7143H517.385V36.4286ZM535.846 110.143H462V18H535.846V110.143Z"
+              fill="currentColor"
+            />
+            <path
+              opacity="0.7"
+              d="M609.385 36.8571H572.462V92.1429H609.385V36.8571ZM627.846 110.571H554V18.4286H609.385V0H627.846V110.571Z"
+              fill="currentColor"
+            />
+            <path
+              opacity="0.7"
+              d="M664.462 36.4286V54.8571H701.385V36.4286H664.462ZM719.846 73.2857H664.462V91.7143H719.846V110.143H646V18H719.846V73.2857Z"
+              fill="currentColor"
+            />
+          </g>
+        </g>
       </g>
       <defs>
-        <mask id={mask} maskUnits="userSpaceOnUse" x="0" y="0" width="720" height="129">
+        <mask id={mask} style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="720" height="129">
           <rect width="720" height="129" fill={`url(#${maskGradient})`} />
         </mask>
-        <linearGradient id={maskGradient} x1="360" y1="0" x2="360" y2="112" gradientUnits="userSpaceOnUse">
+        <linearGradient id={maskGradient} x1="360" y1="68" x2="360" y2="129" gradientUnits="userSpaceOnUse">
           <stop stop-color="white" stop-opacity="0.7" />
           <stop offset="1" stop-color="white" stop-opacity="0" />
         </linearGradient>
-        <filter
-          id={filter}
-          x="0"
-          y="0"
-          width="720.002"
-          height="130.001"
-          filterUnits="userSpaceOnUse"
-          color-interpolation-filters="sRGB"
-        >
-          <feFlood flood-opacity="0" result="BackgroundImageFix" />
-          <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset dy="1" />
-          <feGaussianBlur stdDeviation="1" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" />
-          <feBlend mode="normal" in2="shape" result="effect1_innerShadow_4938_16028" />
-        </filter>
       </defs>
     </svg>
   )