From d94d3278fab77a1862f4ed4c4fd45f6a8b152aa9 Mon Sep 17 00:00:00 2001
From: tck <cloud@tck.com.my>
Date: Thu, 19 Mar 2026 10:28:13 +0800
Subject: [PATCH] fixed for both 7" and remote-hd display

---
 opencode.json                                 | 22 +++++++++----------
 .../src/app/components/views/HelpView.tsx     | 10 ++++-----
 .../components/views/MarkdownComponents.tsx   | 22 ++++++++++++++-----
 start.sh                                      | 15 +++++++++----
 4 files changed, 43 insertions(+), 26 deletions(-)

diff --git a/opencode.json b/opencode.json
index 86e2f4a80..5fe1f9f01 100644
--- a/opencode.json
+++ b/opencode.json
@@ -7,37 +7,37 @@
   },
   "agent": {
     "gsd-planner": {
-      "model": "opencode-go/kimi-k2.5"
+      "model": "zai-coding-plan/glm-5"
     },
     "gsd-plan-checker": {
-      "model": "opencode-go/kimi-k2.5"
+      "model": "zai-coding-plan/glm-5"
     },
     "gsd-phase-researcher": {
-      "model": "opencode-go/kimi-k2.5"
+      "model": "zai-coding-plan/glm-5"
     },
     "gsd-roadmapper": {
-      "model": "opencode-go/kimi-k2.5"
+      "model": "zai-coding-plan/glm-5"
     },
     "gsd-project-researcher": {
-      "model": "opencode-go/kimi-k2.5"
+      "model": "zai-coding-plan/glm-5"
     },
     "gsd-research-synthesizer": {
-      "model": "opencode-go/kimi-k2.5"
+      "model": "zai-coding-plan/glm-5"
     },
     "gsd-codebase-mapper": {
-      "model": "opencode-go/kimi-k2.5"
+      "model": "zai-coding-plan/glm-5"
     },
     "gsd-executor": {
-      "model": "opencode-go/minimax-m2.5"
+      "model": "zai-coding-plan/glm-5"
     },
     "gsd-debugger": {
-      "model": "opencode-go/minimax-m2.5"
+      "model": "zai-coding-plan/glm-5"
     },
     "gsd-verifier": {
-      "model": "opencode-go/glm-5"
+      "model": "zai-coding-plan/glm-5"
     },
     "gsd-integration-checker": {
-      "model": "opencode-go/glm-5"
+      "model": "zai-coding-plan/glm-5"
     }
   }
 }
diff --git a/sample_interface/src/app/components/views/HelpView.tsx b/sample_interface/src/app/components/views/HelpView.tsx
index 33b39f4fe..153bf0f2d 100644
--- a/sample_interface/src/app/components/views/HelpView.tsx
+++ b/sample_interface/src/app/components/views/HelpView.tsx
@@ -19,10 +19,10 @@ export function HelpView() {
     const element = document.getElementById(id);
     const panel = document.getElementById("details-panel");
     if (element && panel) {
-      const panelRect = panel.getBoundingClientRect();
-      const elementRect = element.getBoundingClientRect();
-      const offset = elementRect.top - panelRect.top + panel.scrollTop;
-      panel.scrollTop = offset;
+      panel.scrollTo({
+        top: element.offsetTop - panel.offsetTop - 16,
+        behavior: 'smooth'
+      });
     }
   };
 
@@ -48,7 +48,7 @@ export function HelpView() {
 
   return (
     <div className="h-full overflow-y-auto">
-      <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
+      <div className="grid grid-cols-1 lg:grid-cols-[1fr_3fr] gap-4">
         <div className="bg-gray-900 border border-gray-700 rounded-lg p-4 sticky top-0">
           <h2 className="text-xl font-bold text-white mb-4">Table of Contents</h2>
           <nav className="space-y-2">
diff --git a/sample_interface/src/app/components/views/MarkdownComponents.tsx b/sample_interface/src/app/components/views/MarkdownComponents.tsx
index 56eb64da3..6e03d3a85 100644
--- a/sample_interface/src/app/components/views/MarkdownComponents.tsx
+++ b/sample_interface/src/app/components/views/MarkdownComponents.tsx
@@ -1,18 +1,28 @@
 import { Components } from 'react-markdown';
+import React from 'react';
+
+function getTextContent(children: React.ReactNode): string {
+  if (typeof children === 'string') return children;
+  if (Array.isArray(children)) return children.map(getTextContent).join('');
+  if (React.isValidElement(children) && children.props.children) {
+    return getTextContent(children.props.children);
+  }
+  return '';
+}
 
 export const components: Components = {
-  h1: ({ node, children, ...props }) => {
-    const text = Array.isArray(children) ? children.join('') : String(children);
+  h1: ({ children, ...props }) => {
+    const text = getTextContent(children);
     const id = text.toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '');
     return <h1 id={id} {...props}>{children}</h1>;
   },
-  h2: ({ node, children, ...props }) => {
-    const text = Array.isArray(children) ? children.join('') : String(children);
+  h2: ({ children, ...props }) => {
+    const text = getTextContent(children);
     const id = text.toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '');
     return <h2 id={id} {...props}>{children}</h2>;
   },
-  h3: ({ node, children, ...props }) => {
-    const text = Array.isArray(children) ? children.join('') : String(children);
+  h3: ({ children, ...props }) => {
+    const text = getTextContent(children);
     const id = text.toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '');
     return <h3 id={id} {...props}>{children}</h3>;
   },
diff --git a/start.sh b/start.sh
index fb9096d95..caccea022 100755
--- a/start.sh
+++ b/start.sh
@@ -40,7 +40,7 @@ echo -e "${NC}"
 show_menu() {
     echo -e "${BOLD}Select an option:${NC}"
     echo ""
-    echo -e "  ${GREEN}1)${NC}  dev         Start development server (port $DEV_PORT)"
+    echo -e "  ${GREEN}1)${NC}  dev         Start dual-mode (8888 kiosk + 9999 remote HD)"
     echo -e "  ${GREEN}2)${NC}  dev:8888    Start dev server on port 8888 (kiosk mode)"
     echo -e "  ${GREEN}3)${NC}  dev:9090    Start dev server on port 9090 (remote mode)"
     echo -e "  ${GREEN}4)${NC}  dev:9999    Start dev server on port 9999 (remote HD mode)"
@@ -172,7 +172,7 @@ run_command() {
     
     case $option in
         1|dev)
-            run_dev_server $DEV_PORT
+            run_dual_mode
             ;;
         2|dev:8888)
             run_dev_server 8888
@@ -252,5 +252,12 @@ if [ $# -gt 0 ]; then
     exit 0
 fi
 
-# No arguments: start dual-mode (both 8888 and 9999)
-run_dual_mode
+# Interactive menu
+while true; do
+    show_menu
+    echo -n -e "${BOLD}Enter your choice (0-11 or p): ${NC}"
+    read -r choice
+    echo ""
+    run_command "$choice"
+    echo ""
+done