feat(frontend): 支持 Pages 自动更新交互

在 GitHub latest 来源中提供自动更新开关、检查间隔和运行状态。\n页面按来源到期时间低频刷新，并在自动发布或人工回滚后同步项目与部署历史。

frontend/app/(main)/pages/detail/components/pages-source-github-fields.tsx

@@ -1,10 +1,13 @@
 import {
   Field,
+  FieldContent,
   FieldDescription,
+  FieldError,
   FieldLabel,
   FieldTitle,
 } from '@/components/ui/field';
 import { Input } from '@/components/ui/input';
+import { Switch } from '@/components/ui/switch';
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
 import type { PagesGitHubReleaseSelector } from '@/lib/services/openflare';
 
@@ -13,12 +16,15 @@ export interface PagesGitHubSourceFormValue {
   releaseSelector: PagesGitHubReleaseSelector;
   releaseTag: string;
   assetName: string;
+  autoUpdateEnabled: boolean;
+  checkIntervalMinutes: string;
 }
 
 export interface PagesGitHubSourceFormErrors {
   repository: string;
   releaseTag: string;
   assetName: string;
+  checkInterval: string;
 }
 
 interface PagesSourceGitHubFieldsProps {
@@ -48,15 +54,19 @@ export function PagesSourceGitHubFields({
           placeholder='https://github.com/owner/repo'
           value={value.repositoryURL}
           aria-invalid={Boolean(errors.repository)}
+          aria-describedby='pages-github-repository-description pages-github-repository-error'
           autoComplete='off'
           onChange={(event) => {
             onChange({ ...value, repositoryURL: event.target.value });
             onErrorsChange({ ...errors, repository: '' });
           }}
         />
-        <FieldDescription>
-          {errors.repository || '仅支持公开 github.com 仓库。'}
+        <FieldDescription id='pages-github-repository-description'>
+          仅支持公开 github.com 仓库。
         </FieldDescription>
+        <FieldError id='pages-github-repository-error'>
+          {errors.repository}
+        </FieldError>
       </Field>
 
       <Field>
@@ -69,8 +79,17 @@ export function PagesSourceGitHubFields({
           className='grid w-full grid-cols-2'
           onValueChange={(selector) => {
             if (selector === 'latest' || selector === 'tag') {
-              onChange({ ...value, releaseSelector: selector });
-              onErrorsChange({ ...errors, releaseTag: '' });
+              onChange({
+                ...value,
+                releaseSelector: selector,
+                autoUpdateEnabled:
+                  selector === 'latest' ? value.autoUpdateEnabled : false,
+              });
+              onErrorsChange({
+                ...errors,
+                releaseTag: '',
+                checkInterval: '',
+              });
             }
           }}
         >
@@ -82,7 +101,9 @@ export function PagesSourceGitHubFields({
           </ToggleGroupItem>
         </ToggleGroup>
         <FieldDescription>
-          当前阶段由管理员手动检查并决定是否发布。
+          {value.releaseSelector === 'latest'
+            ? '定时检查最新 Release；是否自动发布由下方开关控制。'
+            : '固定 Tag 仅支持管理员手动检查与同步。'}
         </FieldDescription>
       </Field>
 
@@ -94,18 +115,74 @@ export function PagesSourceGitHubFields({
             placeholder='v1.2.3'
             value={value.releaseTag}
             aria-invalid={Boolean(errors.releaseTag)}
+            aria-describedby='pages-github-tag-description pages-github-tag-error'
             autoComplete='off'
             onChange={(event) => {
               onChange({ ...value, releaseTag: event.target.value });
               onErrorsChange({ ...errors, releaseTag: '' });
             }}
           />
-          <FieldDescription>
-            {errors.releaseTag || '精确检查并同步指定 tag。'}
+          <FieldDescription id='pages-github-tag-description'>
+            精确检查并同步指定 tag。
           </FieldDescription>
+          <FieldError id='pages-github-tag-error'>
+            {errors.releaseTag}
+          </FieldError>
         </Field>
       ) : null}
 
+      {value.releaseSelector === 'latest' ? (
+        <>
+          <Field orientation='horizontal'>
+            <FieldContent>
+              <FieldLabel htmlFor='pages-github-auto-update'>
+                自动更新
+              </FieldLabel>
+              <FieldDescription>
+                检查到新的 Release 后自动同步并发布。
+              </FieldDescription>
+            </FieldContent>
+            <Switch
+              id='pages-github-auto-update'
+              checked={value.autoUpdateEnabled}
+              onCheckedChange={(checked) =>
+                onChange({ ...value, autoUpdateEnabled: checked })
+              }
+            />
+          </Field>
+
+          <Field data-invalid={Boolean(errors.checkInterval)}>
+            <FieldLabel htmlFor='pages-github-check-interval'>
+              检查间隔（分钟）
+            </FieldLabel>
+            <Input
+              id='pages-github-check-interval'
+              type='number'
+              min={5}
+              max={1440}
+              step={1}
+              inputMode='numeric'
+              value={value.checkIntervalMinutes}
+              aria-invalid={Boolean(errors.checkInterval)}
+              aria-describedby='pages-github-check-interval-description pages-github-check-interval-error'
+              onChange={(event) => {
+                onChange({
+                  ...value,
+                  checkIntervalMinutes: event.target.value,
+                });
+                onErrorsChange({ ...errors, checkInterval: '' });
+              }}
+            />
+            <FieldDescription id='pages-github-check-interval-description'>
+              可设置为 5–1440 分钟。
+            </FieldDescription>
+            <FieldError id='pages-github-check-interval-error'>
+              {errors.checkInterval}
+            </FieldError>
+          </Field>
+        </>
+      ) : null}
+
       <Field data-invalid={Boolean(errors.assetName)}>
         <FieldLabel htmlFor='pages-github-asset'>
           Release Asset 文件名
@@ -115,15 +192,19 @@ export function PagesSourceGitHubFields({
           placeholder={defaultAssetName}
           value={value.assetName}
           aria-invalid={Boolean(errors.assetName)}
+          aria-describedby='pages-github-asset-description pages-github-asset-error'
           autoComplete='off'
           onChange={(event) => {
             onChange({ ...value, assetName: event.target.value });
             onErrorsChange({ ...errors, assetName: '' });
           }}
         />
-        <FieldDescription>
-          {errors.assetName || '按文件名精确匹配已上传的 Release Asset。'}
+        <FieldDescription id='pages-github-asset-description'>
+          按文件名精确匹配已上传的 Release Asset。
         </FieldDescription>
+        <FieldError id='pages-github-asset-error'>
+          {errors.assetName}
+        </FieldError>
       </Field>
     </>
   );