jim800121chen
c54f16fca0
local-tool/: visionA-local desktop app
- M1: Wails shell + Go server + Next.js UI + Mock mode (macOS dmg ready)
- M2: i18n (zh-TW/en) + Settings 4-tab refactor
- M3: Embedded Python 3.12 runtime (python-build-standalone) + KneronPLUS wheels
- M4: Windows Inno Setup script (build on Windows runner)
- M5: Linux AppImage script + udev rule (build on Linux runner)
- M6: ffmpeg (GPL, pending legal review) + yt-dlp bundled
- Lifecycle: watchServer health check, fatal native dialog,
Wails IPC raise endpoint, stale process cleanup
.autoflow/: full PRD / Design Spec / Architecture / Testing docs
(4 rounds tri-party discussion + cross review)
.github/workflows/: macOS / Windows / Linux build CI
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
'use client';
|
|
|
|
import { useEffect } from 'react';
|
|
import { useDeviceStore } from '@/stores/device-store';
|
|
import { useDeviceEvents } from '@/hooks/use-device-events';
|
|
import { DeviceList } from '@/components/devices/device-list';
|
|
import { Button } from '@/components/ui/button';
|
|
import { RefreshCw } from 'lucide-react';
|
|
import { useTranslation } from '@/lib/i18n';
|
|
|
|
export default function DevicesPage() {
|
|
const { t } = useTranslation();
|
|
const { devices, loading, scanning, fetchDevices, scanDevices } = useDeviceStore();
|
|
|
|
useDeviceEvents();
|
|
|
|
useEffect(() => {
|
|
fetchDevices();
|
|
}, [fetchDevices]);
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<div className="flex items-center justify-between">
|
|
<div>
|
|
<h1 className="text-2xl font-bold">{t('devices.title')}</h1>
|
|
<p className="text-muted-foreground">{t('devices.subtitle')}</p>
|
|
</div>
|
|
<Button onClick={scanDevices} disabled={scanning} variant="outline" data-tour-id="scan-devices-btn">
|
|
<RefreshCw className={`mr-2 h-4 w-4 ${scanning ? 'animate-spin' : ''}`} />
|
|
{scanning ? t('devices.scanning') : t('devices.scan')}
|
|
</Button>
|
|
</div>
|
|
<DeviceList devices={devices} loading={loading} />
|
|
</div>
|
|
);
|
|
}
|