ignore: share logo

packages/web/src/components/Share.tsx

@@ -14,7 +14,12 @@ import {
 import { DateTime } from "luxon"
 import { createStore, reconcile } from "solid-js/store"
 import type { Diagnostic } from "vscode-languageserver-types"
-import { IconOpenAI, IconGemini, IconAnthropic } from "./icons/custom"
+import {
+  IconOpenAI,
+  IconGemini,
+  IconOpencode,
+  IconAnthropic
+} from "./icons/custom"
 import {
   IconFolder,
   IconCpuChip,
@@ -729,12 +734,18 @@ export default function Share(props: {
           </ul>
           <Show when={data().rootDir}>
             <ul data-section="stats" data-section-root>
-              <li>
+              <li title="Project root">
                 <div data-stat-icon>
                   <IconFolder width={16} height={16} />
                 </div>
                 <span>{data().rootDir}</span>
               </li>
+              <li title="opencode version">
+                <div data-stat-icon title="opencode">
+                  <IconOpencode width={16} height={16} />
+                </div>
+                <span>v0.1.1</span>
+              </li>
             </ul>
           </Show>
           <ul data-section="stats" data-section-models>

packages/web/src/components/icons/custom.tsx

@@ -35,3 +35,12 @@ export function IconGemini(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
     </svg>
   )
 }
+
+export function IconOpencode(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
+  return (
+    <svg {...props} viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M0 13H35V58H0V13ZM26.25 22.1957H8.75V48.701H26.25V22.1957Z" fill="currentColor" />
+      <path d="M43.75 13H70V22.1957H52.5V48.701H70V57.8967H43.75V13Z" fill="currentColor" />
+    </svg>
+  )
+}