feat: add opentui interface for opencode

- Add comprehensive TUI interface with React Ink components
- Implement session management, model selection, and command dialogs
- Add theme system with customizable colors and styling
- Integrate with existing opencode server and SDK
- Add todo management and file browsing capabilities
- Include proper TypeScript support and error handling

packages/web/src/components/share/content-diff.tsx

@@ -110,7 +110,10 @@ export function ContentDiff(props: Props) {
   })
 
   const mobileRows = createMemo(() => {
-    const mobileBlocks: { type: "removed" | "added" | "unchanged"; lines: string[] }[] = []
+    const mobileBlocks: {
+      type: "removed" | "added" | "unchanged"
+      lines: string[]
+    }[] = []
     const currentRows = rows()
 
     let i = 0

packages/web/src/components/share/part.tsx

@@ -174,6 +174,12 @@ export function Part(props: PartProps) {
             <div data-slot="filename">{props.part.filename}</div>
           </div>
         )}
+        {props.message.role === "user" && props.part.type === "file" && (
+          <div data-component="attachment">
+            <div data-slot="copy">Attachment</div>
+            <div data-slot="filename">{props.part.filename}</div>
+          </div>
+        )}
         {props.part.type === "step-start" && props.message.role === "assistant" && (
           <div data-component="step-start">
             <div data-slot="provider">{props.message.providerID}</div>