Adjust responsiveness

Author: vietanhdev

chessai/app.py

@@ -4,6 +4,7 @@
 import logging
 import pathlib
 import threading
+import time
 
 import cv2
 import imutils
@@ -42,9 +43,8 @@
 
 
 def run_window():
-    from tkinter import Tk
     import webview
-    webview.create_window("ChessAI - Chinese Chess Analyzer", 'http://127.0.0.1:5678', width=1400, height=800)
+    webview.create_window("ChessAI - Chinese Chess Analyzer", 'http://127.0.0.1:3000', width=1200, height=800)
     webview.start()
     os._exit(0)
 
@@ -187,6 +187,7 @@ def run_webapp():
         # Run the app in a separate thread
         thread = threading.Thread(target=run_webapp)
         thread.start()
+        time.sleep(3)
 
         # Run the window in the main thread
         run_window()

frontend/app/page.tsx

@@ -2,22 +2,21 @@
 
 import { useEffect, useRef, useState } from "react"
 import { Button } from "@/registry/default/ui/button"
-import { Checkbox } from "@/registry/default/ui/checkbox"
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
 } from "@/registry/default/ui/select"
-import { set } from "date-fns"
 
 import { DebugImages } from "@/components/debug-images"
 
 const DotBgStyle = {
   backgroundImage: "radial-gradient(#888888 0.75px, transparent 0)",
   backgroundSize: "32px 32px",
   backgroundPosition: "-19px -19px",
+  minHeight: "calc(100vh - 5rem)",
 }
 
 export default function IndexPage() {
@@ -72,10 +71,10 @@ export default function IndexPage() {
   }, [])
 
   return (
-    <div style={DotBgStyle} className="min-h-screen pt-6">
-      <section className="container flex flex-row gap-6 py-2">
-        <div className="flex w-[250px] flex-col gap-2">
-          <h2 className="text-xl font-semibold leading-none">Camera</h2>
+    <div style={DotBgStyle} className="pt-6">
+      <section className="container flex flex-row gap-8 py-2">
+        <div className="flex w-[250px] flex-col gap-4">
+          <h2 className="text-xl font-semibold leading-none">Board Camera</h2>
           <img
             src="/api/xiangqi/original_frame"
             className="rounded-md"

frontend/components/site-header.tsx

@@ -8,7 +8,7 @@ import { ThemeToggle } from "@/components/theme-toggle"
 
 export function SiteHeader() {
   return (
-    <header className="sticky top-0 z-40 w-full border-b bg-background">
+    <header className="container sticky top-0 z-40 w-full border-b bg-background">
       <div className="flex h-16 items-center space-x-4 px-4 sm:justify-between sm:space-x-0">
         <MainNav items={siteConfig.mainNav} />
         <div className="flex flex-1 items-center justify-end space-x-4">

setup.py

@@ -39,6 +39,7 @@ def get_install_requires():
         "pyinstaller==5.13.2",
         "svglib==1.5.1",
         "reportlab==4.0.4",
+        "serial==0.0.97",
     ]
 
     return install_requires