fix: container list search

agent/app/api/v2/quick_directory.go

@@ -1,84 +0,0 @@
-package v2
-
-import (
-	"github.com/1Panel-dev/1Panel/agent/app/api/v2/helper"
-	"github.com/1Panel-dev/1Panel/agent/app/dto"
-	"github.com/gin-gonic/gin"
-)
-
-// @Tags Dashboard
-// @Summary List quick directories
-// @Success 200 {array} model.QuickDirectory
-// @Security ApiKeyAuth
-// @Security Timestamp
-// @Router /dashboard/quick/directory [get]
-func (b *BaseApi) ListQuickDirectories(c *gin.Context) {
-	items, err := dashboardService.ListQuickDirectories()
-	if err != nil {
-		helper.InternalServer(c, err)
-		return
-	}
-	helper.SuccessWithData(c, items)
-}
-
-// @Tags Dashboard
-// @Summary Create quick directory
-// @Accept json
-// @Param request body dto.QuickDirectoryCreate true "request"
-// @Success 200
-// @Security ApiKeyAuth
-// @Security Timestamp
-// @Router /dashboard/quick/directory [post]
-func (b *BaseApi) CreateQuickDirectory(c *gin.Context) {
-	var req dto.QuickDirectoryCreate
-	if err := helper.CheckBindAndValidate(&req, c); err != nil {
-		return
-	}
-	item, err := dashboardService.CreateQuickDirectory(req)
-	if err != nil {
-		helper.InternalServer(c, err)
-		return
-	}
-	helper.SuccessWithData(c, item)
-}
-
-// @Tags Dashboard
-// @Summary Update quick directory
-// @Accept json
-// @Param request body dto.QuickDirectoryUpdate true "request"
-// @Success 200
-// @Security ApiKeyAuth
-// @Security Timestamp
-// @Router /dashboard/quick/directory/update [post]
-func (b *BaseApi) UpdateQuickDirectory(c *gin.Context) {
-	var req dto.QuickDirectoryUpdate
-	if err := helper.CheckBindAndValidate(&req, c); err != nil {
-		return
-	}
-	item, err := dashboardService.UpdateQuickDirectory(req)
-	if err != nil {
-		helper.InternalServer(c, err)
-		return
-	}
-	helper.SuccessWithData(c, item)
-}
-
-// @Tags Dashboard
-// @Summary Delete quick directory
-// @Accept json
-// @Param request body dto.QuickDirectoryDelete true "request"
-// @Success 200
-// @Security ApiKeyAuth
-// @Security Timestamp
-// @Router /dashboard/quick/directory/del [post]
-func (b *BaseApi) DeleteQuickDirectory(c *gin.Context) {
-	var req dto.QuickDirectoryDelete
-	if err := helper.CheckBindAndValidate(&req, c); err != nil {
-		return
-	}
-	if err := dashboardService.DeleteQuickDirectory(req); err != nil {
-		helper.InternalServer(c, err)
-		return
-	}
-	helper.Success(c)
-}

agent/app/dto/dashboard.go

@@ -31,27 +31,7 @@ type DashboardBase struct {
 }
 
 type ChangeQuicks struct {
-	Quicks []QuickVisibility `json:"quicks" validate:"required,dive"`
-}
-
-type QuickVisibility struct {
-	ID     uint `json:"id" validate:"required"`
-	IsShow bool `json:"isShow"`
-}
-
-type QuickDirectoryCreate struct {
-	Path  string `json:"path" validate:"required"`
-	Alias string `json:"alias"`
-}
-
-type QuickDirectoryDelete struct {
-	ID     uint `json:"id" validate:"required"`
-	Legacy bool `json:"legacy"`
-}
-
-type QuickDirectoryUpdate struct {
-	QuickDirectoryDelete
-	QuickDirectoryCreate
+	Quicks []QuickJump `json:"quicks"`
 }
 
 type QuickJump struct {

agent/app/dto/firewall.go

@@ -26,7 +26,6 @@ type FirewallSubsystemStatus struct {
 }
 
 type FirewallLifecycleOperation struct {
-	BackupFile        string `json:"backupFile,omitempty" validate:"omitempty,max=255"`
 	Operation         string `json:"operation" validate:"required,oneof=start stop restart disableBanPing enableBanPing"`
 	WithDockerRestart bool   `json:"withDockerRestart"`
 }

agent/app/dto/monitor.go

@@ -1,7 +1,6 @@
 package dto
 
 import (
-	"encoding/json"
 	"time"
 
 	"github.com/1Panel-dev/1Panel/agent/app/model"
@@ -145,11 +144,6 @@ type MonitorVLLMCurrent struct {
 	AppInstallID uint `json:"appInstallID" validate:"required"`
 }
 
-type MonitorVLLMCurrentData struct {
-	model.MonitorVLLM
-	Metrics map[string]json.RawMessage `json:"metrics,omitempty"`
-}
-
 type MonitorVLLMClean struct {
 	AppInstallID uint `json:"appInstallID" validate:"required"`
 }

agent/app/model/app_launcher.go

@@ -5,13 +5,6 @@ type AppLauncher struct {
 	Key string `json:"key"`
 }
 
-type QuickDirectory struct {
-	BaseModel
-	Path   string `json:"path"`
-	Alias  string `json:"alias"`
-	Legacy bool   `json:"legacy" gorm:"-"`
-}
-
 type QuickJump struct {
 	BaseModel
 	Name      string `json:"name"`

agent/app/model/monitor.go

@@ -86,9 +86,7 @@ type MonitorVLLM struct {
 	RawMetrics              string             `json:"-"`
 	HistogramDeltas         string             `json:"-"`
 	IntervalSeconds         float64            `json:"intervalSeconds" gorm:"-"`
-	SampleIntervalSeconds   int                `json:"-"`
 	RequestDeltas           string             `json:"-"`
-	CompletedRequests       *float64           `json:"completedRequests" gorm:"-"`
 	QueueTime               *float64           `json:"queueTime"`
 	AverageGenerationTokens *float64           `json:"averageGenerationTokens"`
 	PrefixCacheHitRate      *float64           `json:"prefixCacheHitRate"`

agent/app/repo/app_launcher.go

@@ -3,7 +3,6 @@ package repo
 import (
 	"github.com/1Panel-dev/1Panel/agent/app/model"
 	"github.com/1Panel-dev/1Panel/agent/global"
-	"gorm.io/gorm"
 )
 
 type LauncherRepo struct{}
@@ -18,11 +17,6 @@ type ILauncherRepo interface {
 	GetQuickJump(opts ...DBOption) (model.QuickJump, error)
 	ListQuickJump(withAll bool) []model.QuickJump
 	UpdateQuicks(quicks []model.QuickJump) error
-	ListQuickDirectories() ([]model.QuickDirectory, error)
-	CountQuickDirectories() (int64, error)
-	CreateQuickDirectory(item *model.QuickDirectory) error
-	UpdateQuickDirectory(item *model.QuickDirectory) error
-	DeleteQuickDirectory(id uint, legacy bool) error
 }
 
 func NewILauncherRepo() ILauncherRepo {
@@ -101,73 +95,13 @@ func (u *LauncherRepo) UpdateQuicks(quicks []model.QuickJump) error {
 	for _, item := range quicks {
 		if err := tx.Model(&model.QuickJump{}).Where("id = ?", item.ID).Updates(map[string]interface{}{
 			"is_show": item.IsShow,
+			"detail":  item.Detail,
+			"alias":   item.Alias,
 		}).Error; err != nil {
 			tx.Rollback()
 			return err
 		}
 	}
-	return tx.Commit().Error
-}
-
-// Legacy entries remain in the overview configuration until explicitly deleted.
-func legacyQuickDirectories(db *gorm.DB) *gorm.DB {
-	return db.Model(&model.QuickJump{}).Where("name = ? AND is_show = ? AND detail <> ?", "File", true, "")
-}
-
-func (u *LauncherRepo) ListQuickDirectories() ([]model.QuickDirectory, error) {
-	items := make([]model.QuickDirectory, 0)
-	if err := global.DB.Order("id ASC").Find(&items).Error; err != nil {
-		return nil, err
-	}
-	var quicks []model.QuickJump
-	if err := legacyQuickDirectories(global.DB).Order("id ASC").Find(&quicks).Error; err != nil {
-		return nil, err
-	}
-	for _, quick := range quicks {
-		items = append(items, model.QuickDirectory{BaseModel: quick.BaseModel, Path: quick.Detail, Alias: quick.Alias, Legacy: true})
-	}
-	return items, nil
-}
-func (u *LauncherRepo) CountQuickDirectories() (int64, error) {
-	var count, legacyCount int64
-	if err := global.DB.Model(&model.QuickDirectory{}).Count(&count).Error; err != nil {
-		return 0, err
-	}
-	if err := legacyQuickDirectories(global.DB).Count(&legacyCount).Error; err != nil {
-		return 0, err
-	}
-	return count + legacyCount, nil
-}
-func (u *LauncherRepo) CreateQuickDirectory(item *model.QuickDirectory) error {
-	return global.DB.Create(item).Error
-}
-func (u *LauncherRepo) UpdateQuickDirectory(item *model.QuickDirectory) error {
-	var result *gorm.DB
-	if item.Legacy {
-		result = legacyQuickDirectories(global.DB).Where("id = ?", item.ID).Updates(map[string]interface{}{"detail": item.Path, "alias": item.Alias})
-	} else {
-		result = global.DB.Model(&model.QuickDirectory{}).Where("id = ?", item.ID).Updates(map[string]interface{}{"path": item.Path, "alias": item.Alias})
-	}
-	if result.Error != nil {
-		return result.Error
-	}
-	if result.RowsAffected == 0 {
-		return gorm.ErrRecordNotFound
-	}
-	return nil
-}
-func (u *LauncherRepo) DeleteQuickDirectory(id uint, legacy bool) error {
-	var result *gorm.DB
-	if legacy {
-		result = legacyQuickDirectories(global.DB).Where("id = ?", id).Updates(map[string]interface{}{"detail": nil, "alias": nil})
-	} else {
-		result = global.DB.Delete(&model.QuickDirectory{}, id)
-	}
-	if result.Error != nil {
-		return result.Error
-	}
-	if result.RowsAffected == 0 {
-		return gorm.ErrRecordNotFound
-	}
+	tx.Commit()
 	return nil
 }

agent/app/repo/monitor_vllm.go

@@ -16,8 +16,7 @@ type VLLMMonitorRepo struct{}
 
 type VLLMHistoryPoint struct {
 	model.MonitorVLLM
-	Bucket            int64
-	CompletedRequests *float64
+	Bucket int64
 }
 
 func (r *VLLMMonitorRepo) Create(point *model.MonitorVLLM) error {
@@ -78,19 +77,12 @@ func (r *VLLMMonitorRepo) History(ctx context.Context, id uint, start, end time.
 		}
 		db = db.Group("bucket").Order("bucket ASC")
 	} else {
-		columns = append([]string{"id", "created_at", "app_install_id", "status", "sample_interval_seconds"}, metrics...)
+		columns = append([]string{"id", "created_at", "app_install_id", "status"}, metrics...)
 		if group == "" || group == "requests" {
 			columns = append(columns, "histogram_deltas", "request_deltas")
 		}
 		db = db.Order("created_at ASC, id ASC")
 	}
-	if group == "" || group == "overview" {
-		count := "CASE WHEN json_valid(request_deltas) THEN CASE WHEN json_extract(request_deltas, '$.seconds') > 0 THEN ROUND(request_throughput * json_extract(request_deltas, '$.seconds')) END END"
-		if seconds > 0 {
-			count = "SUM(" + count + ")"
-		}
-		columns = append(columns, count+" AS completed_requests")
-	}
 	var points []VLLMHistoryPoint
 	err := db.Select(strings.Join(columns, ", ")).Scan(&points).Error
 	return points, err

agent/app/service/dashboard.go

@@ -43,10 +43,6 @@ type IDashboardService interface {
 
 	LoadQuickOptions() []dto.QuickJump
 	ChangeQuick(req dto.ChangeQuicks) error
-	ListQuickDirectories() ([]model.QuickDirectory, error)
-	CreateQuickDirectory(req dto.QuickDirectoryCreate) (*model.QuickDirectory, error)
-	UpdateQuickDirectory(req dto.QuickDirectoryUpdate) (*model.QuickDirectory, error)
-	DeleteQuickDirectory(req dto.QuickDirectoryDelete) error
 
 	LoadAppLauncher(ctx *gin.Context) ([]dto.AppLauncher, error)
 	ChangeShow(req dto.SettingUpdate) error
@@ -401,15 +397,16 @@ func (u *DashboardService) LoadQuickOptions() []dto.QuickJump {
 }
 func (u *DashboardService) ChangeQuick(req dto.ChangeQuicks) error {
 	showCount := 0
-	quicks := make([]model.QuickJump, 0, len(req.Quicks))
+	var quicks []model.QuickJump
 	for _, item := range req.Quicks {
+		var quick model.QuickJump
 		if item.IsShow {
 			showCount++
 		}
-		quicks = append(quicks, model.QuickJump{
-			BaseModel: model.BaseModel{ID: item.ID},
-			IsShow:    item.IsShow,
-		})
+		if err := copier.Copy(&quick, &item); err != nil {
+			return err
+		}
+		quicks = append(quicks, quick)
 	}
 	if showCount == 0 {
 		return buserr.New("ErrMinQuickJump")
@@ -709,13 +706,6 @@ func loadQuickJump(base *dto.DashboardBase) {
 	quicks := launcherRepo.ListQuickJump(false)
 	for i := 0; i < len(quicks); i++ {
 		switch quicks[i].Name {
-		case "File":
-			count, err := launcherRepo.CountQuickDirectories()
-			if err != nil {
-				global.LOG.Errorf("load quick directory count: %v", err)
-			}
-			quicks[i].Detail = fmt.Sprintf("%d", count)
-			quicks[i].Alias = ""
 		case "Agent":
 			quicks[i].Detail = fmt.Sprintf("%d", base.AgentNumber)
 		case "Website":

agent/app/service/firewall.go

@@ -131,9 +131,6 @@ func (s *FirewallService) LoadBaseInfo(chainGroup string) (dto.FirewallSubsystem
 
 func (s *FirewallService) QueueFirewallOperation(request dto.FirewallLifecycleOperation) (dto.FirewallLifecycleOperationResponse, error) {
 	response := dto.FirewallLifecycleOperationResponse{}
-	if request.BackupFile != "" && request.Operation != string(lifecycle.OperationStart) {
-		return response, fmt.Errorf("backup restoration is only supported when starting firewalld or ufw")
-	}
 	if request.Operation == "disableBanPing" || request.Operation == "enableBanPing" {
 		return response, s.OperateFirewall(request)
 	}
@@ -158,19 +155,6 @@ func (s *FirewallService) QueueFirewallOperation(request dto.FirewallLifecycleOp
 	if err != nil {
 		return response, err
 	}
-	var restoreRequest dto.FirewallRuleCreate
-	if request.BackupFile != "" {
-		if client.Name() != lifecycle.ProviderFirewalld && client.Name() != lifecycle.ProviderUFW {
-			return response, fmt.Errorf("backup restoration is only supported when starting firewalld or ufw")
-		}
-		restoreRequest, err = prepareFirewallRuleCreate(dto.FirewallRuleCreate{BackupFile: request.BackupFile, Initialize: true})
-		if err != nil {
-			return response, err
-		}
-		if err := validateFirewallCreateBatch(restoreRequest, filter.Provider(client.Name())); err != nil {
-			return response, err
-		}
-	}
 	if (client.Name() != lifecycle.ProviderFirewalld && client.Name() != lifecycle.ProviderUFW) ||
 		(request.Operation != string(lifecycle.OperationStart) && request.Operation != string(lifecycle.OperationStop) &&
 			request.Operation != string(lifecycle.OperationRestart)) {
@@ -189,26 +173,7 @@ func (s *FirewallService) QueueFirewallOperation(request dto.FirewallLifecycleOp
 		return response, err
 	}
 	taskItem.AddSubTaskWithOps(name, func(t *task.Task) error {
-		if request.BackupFile != "" {
-			if err := s.checkSelectedProvider(t.TaskCtx, filter.Provider(client.Name())); err != nil {
-				return err
-			}
-		}
-		prepareStart := func(lifecycle.Client) error {
-			if request.BackupFile != "" {
-				return runFirewallLifecycleAction(t, i18n.GetMsgByKey("FirewallCreateRulesStep"), func() error {
-					return s.runFirewallCreateRulesTask(t, restoreRequest, filter.Provider(client.Name()))
-				})
-			}
-			return runFirewallLifecycleAction(t, i18n.GetMsgByKey("FirewallSyncWhitelistStep"), func() error {
-				err := s.SyncPortWhitelist(t.TaskCtx)
-				if err == nil && client.Name() == lifecycle.ProviderFirewalld {
-					err = lifecycleproviders.RemoveFirewalldSSHService()
-				}
-				return err
-			})
-		}
-		return s.runFirewallLifecycleTask(t, client, request, prepareStart)
+		return s.runFirewallLifecycleTask(t, client, request, true)
 	}, nil, 0, 0)
 	if err := taskRepo.Save(context.Background(), taskItem.Task); err != nil {
 		closeUnstartedFirewallTask(taskItem)
@@ -589,9 +554,29 @@ func (s *FirewallService) LoadFirewallNativeDetail(ctx context.Context, request
 }
 
 func (s *FirewallService) Create(ctx context.Context, request dto.FirewallRuleCreate) (dto.FirewallRuleCreateResponse, error) {
-	request, err := prepareFirewallRuleCreate(request)
-	if err != nil {
-		return dto.FirewallRuleCreateResponse{}, err
+	if request.BackupFile != "" {
+		if len(request.Items) != 0 {
+			return dto.FirewallRuleCreateResponse{}, filter.ErrInvalidRule
+		}
+		items, err := readFirewallBackup(request.BackupFile)
+		if err != nil {
+			return dto.FirewallRuleCreateResponse{}, err
+		}
+		for _, item := range items {
+			request.Items = append(request.Items, dto.FirewallRuleCreateItem{Rule: item.FirewallRule, Raw: item.Raw, ParseStatus: item.ParseStatus, SourceKind: constant.FirewallRuleSourceImported})
+		}
+	}
+
+	for index, item := range request.Items {
+		if item.SourceKind != constant.FirewallRuleSourceImported || item.Rule.Scope.Provider != filter.ProviderUFW || item.ParseStatus != filter.ParseStatusPartial || item.Raw == "" {
+			continue
+		}
+		observed := filterufw.ParseRules(item.Rule.Scope, item.Raw)
+		if len(observed) == 1 && observed[0].ParseStatus == filter.ParseStatusSupported {
+			observed[0].Rule.Description = item.Rule.Description
+			request.Items[index].Rule = observed[0].Rule
+			request.Items[index].ParseStatus, request.Items[index].Raw = filter.ParseStatusSupported, ""
+		}
 	}
 
 	provider, err := s.selectedProvider(ctx)
@@ -624,11 +609,30 @@ func (s *FirewallService) Create(ctx context.Context, request dto.FirewallRuleCr
 			if err != nil {
 				return err
 			}
-			return s.runFirewallLifecycleTask(t, client, dto.FirewallLifecycleOperation{Operation: "start"}, nil)
+			return s.runFirewallLifecycleTask(t, client, dto.FirewallLifecycleOperation{Operation: "start"}, false)
 		}, nil)
 	}
+	ruleState := make(map[string]filter.RuleSet)
 	taskItem.AddSubTaskWithOps(i18n.GetMsgByKey("FirewallCreateRulesStep"), func(t *task.Task) error {
-		return s.runFirewallCreateRulesTask(t, request, provider)
+		firewallRuleMutationMu.Lock()
+		if err := s.checkSelectedProvider(t.TaskCtx, provider); err != nil {
+			firewallRuleMutationMu.Unlock()
+			return err
+		}
+		_, err := s.createRules(t.TaskCtx, request, t, ruleState)
+		firewallRuleMutationMu.Unlock()
+		if !request.Initialize || errors.Is(err, context.Canceled) || errors.Is(err, context.DeadlineExceeded) {
+			return err
+		}
+		if err != nil {
+			ruleState = nil
+		}
+		whitelistErr := s.syncPortWhitelist(t.TaskCtx, ruleState)
+		if whitelistErr == nil && provider == filter.ProviderFirewalld {
+			whitelistErr = lifecycleproviders.RemoveFirewalldSSHService()
+		}
+		t.LogWithStatus(i18n.GetMsgByKey("FirewallSyncWhitelistStep"), whitelistErr)
+		return errors.Join(err, whitelistErr)
 	}, nil, 0, 0)
 	if err := taskRepo.Save(context.Background(), taskItem.Task); err != nil {
 		taskItem.LogFailedWithErr(taskItem.Name, err)
@@ -773,11 +777,7 @@ func (s *FirewallService) restoreFirewallAfterStart(client lifecycle.Client) err
 			return nil
 		}
 	}
-	whitelistErr := s.SyncPortWhitelist(ctx)
-	if whitelistErr == nil && provider == filter.ProviderFirewalld {
-		whitelistErr = lifecycleproviders.RemoveFirewalldSSHService()
-	}
-	recordFailure("restore whitelist allowances", whitelistErr)
+	recordFailure("restore whitelist allowances", s.SyncPortWhitelist(ctx))
 	return errors.Join(recoveryErrors...)
 }
 
@@ -805,9 +805,17 @@ func (s *FirewallService) restoreFirewalldRuntimeDependents(ctx context.Context,
 	return restoreErr
 }
 
-func (s *FirewallService) runFirewallLifecycleTask(t *task.Task, client lifecycle.Client, request dto.FirewallLifecycleOperation, prepareStart func(lifecycle.Client) error) error {
+func (s *FirewallService) runFirewallLifecycleTask(t *task.Task, client lifecycle.Client, request dto.FirewallLifecycleOperation, syncWhitelist bool) error {
 	ctx := t.TaskCtx
 	provider := filter.Provider(client.Name())
+	var prepareStart func(lifecycle.Client) error
+	if syncWhitelist {
+		prepareStart = func(lifecycle.Client) error {
+			return runFirewallLifecycleAction(t, i18n.GetMsgByKey("FirewallSyncWhitelistStep"), func() error {
+				return s.SyncPortWhitelist(ctx)
+			})
+		}
+	}
 	operationErr := operateFirewallLifecycle(firewallLifecycleClient{client}, request.Operation, request.WithDockerRestart, prepareStart, t)
 	if request.Operation == string(lifecycle.OperationStop) {
 		return operationErr

agent/app/service/firewall_utils.go

@@ -554,58 +554,6 @@ func (s *FirewallService) checkSelectedProvider(ctx context.Context, requested f
 	return nil
 }
 
-func prepareFirewallRuleCreate(request dto.FirewallRuleCreate) (dto.FirewallRuleCreate, error) {
-	if request.BackupFile != "" {
-		if len(request.Items) != 0 {
-			return request, filter.ErrInvalidRule
-		}
-		items, err := readFirewallBackup(request.BackupFile)
-		if err != nil {
-			return request, err
-		}
-		for _, item := range items {
-			request.Items = append(request.Items, dto.FirewallRuleCreateItem{Rule: item.FirewallRule, Raw: item.Raw, ParseStatus: item.ParseStatus, SourceKind: constant.FirewallRuleSourceImported})
-		}
-	}
-
-	for index, item := range request.Items {
-		if item.SourceKind != constant.FirewallRuleSourceImported || item.Rule.Scope.Provider != filter.ProviderUFW || item.ParseStatus != filter.ParseStatusPartial || item.Raw == "" {
-			continue
-		}
-		observed := filterufw.ParseRules(item.Rule.Scope, item.Raw)
-		if len(observed) == 1 && observed[0].ParseStatus == filter.ParseStatusSupported {
-			observed[0].Rule.Description = item.Rule.Description
-			request.Items[index].Rule = observed[0].Rule
-			request.Items[index].ParseStatus, request.Items[index].Raw = filter.ParseStatusSupported, ""
-		}
-	}
-
-	return request, nil
-}
-
-func (s *FirewallService) runFirewallCreateRulesTask(t *task.Task, request dto.FirewallRuleCreate, provider filter.Provider) error {
-	ruleState := make(map[string]filter.RuleSet)
-	firewallRuleMutationMu.Lock()
-	if err := s.checkSelectedProvider(t.TaskCtx, provider); err != nil {
-		firewallRuleMutationMu.Unlock()
-		return err
-	}
-	_, err := s.createRules(t.TaskCtx, request, t, ruleState)
-	firewallRuleMutationMu.Unlock()
-	if !request.Initialize || errors.Is(err, context.Canceled) || errors.Is(err, context.DeadlineExceeded) {
-		return err
-	}
-	if err != nil {
-		ruleState = nil
-	}
-	whitelistErr := s.syncPortWhitelist(t.TaskCtx, ruleState)
-	if whitelistErr == nil && provider == filter.ProviderFirewalld {
-		whitelistErr = lifecycleproviders.RemoveFirewalldSSHService()
-	}
-	t.LogWithStatus(i18n.GetMsgByKey("FirewallSyncWhitelistStep"), whitelistErr)
-	return errors.Join(err, whitelistErr)
-}
-
 func (s *FirewallService) createRules(ctx context.Context, request dto.FirewallRuleCreate, t *task.Task, ruleState map[string]filter.RuleSet) (result dto.FirewallRuleCreateResponse, taskErr error) {
 	var firstFailure error
 	defer func() {
@@ -1786,6 +1734,9 @@ func operateFirewallLifecycle(client lifecycle.Client, operation string, withDoc
 	var recoveryErrors []error
 	if prepareStart != nil {
 		err := prepareStart(client)
+		if err == nil && client.Name() == constant.FirewallProviderFirewalld {
+			err = lifecycleproviders.RemoveFirewalldSSHService()
+		}
 		if err != nil {
 			recoveryErrors = append(recoveryErrors, fmt.Errorf("prepare firewall after %s: %w", operation, err))
 		}
@@ -1807,82 +1758,17 @@ func operateFirewallLifecycle(client lifecycle.Client, operation string, withDoc
 }
 
 func (c firewallLifecycleClient) Start() error {
-	firewallWhitelistMu.Lock()
-	defer firewallWhitelistMu.Unlock()
 	firewallRuleMutationMu.Lock()
 	defer firewallRuleMutationMu.Unlock()
-	if err := c.prepareAccessWhitelistBeforeStart(); err != nil {
-		global.LOG.Warnf("prepare %s access whitelist before start failed: %v", c.Name(), err)
-	}
 	return c.Client.Start()
 }
 
 func (c firewallLifecycleClient) Restart() error {
-	firewallWhitelistMu.Lock()
-	defer firewallWhitelistMu.Unlock()
 	firewallRuleMutationMu.Lock()
 	defer firewallRuleMutationMu.Unlock()
-	if err := c.prepareAccessWhitelistBeforeStart(); err != nil {
-		global.LOG.Warnf("prepare %s access whitelist before restart failed: %v", c.Name(), err)
-	}
 	return c.Client.Restart()
 }
 
-func (c firewallLifecycleClient) prepareAccessWhitelistBeforeStart() error {
-	provider := filter.Provider(c.Name())
-	if provider != filter.ProviderFirewalld && provider != filter.ProviderUFW {
-		return nil
-	}
-	ports, err := LoadRequiredFirewallPortWhiteList()
-	if err != nil {
-		return err
-	}
-	var adapter filter.Adapter
-	var active bool
-	if provider == filter.ProviderFirewalld {
-		active, err = c.Status()
-		if err != nil {
-			return err
-		}
-		adapter = filterfirewalld.NewAdapter()
-	} else {
-		adapter = filterufw.NewAdapter()
-	}
-	var commands []filter.NativeCommand
-	for _, port := range firewall.ExpandPortWhitelist(ports) {
-		rule := firewall.RuleForSystemPort(provider, port)
-		rule.Scope = rule.Scope.Normalize()
-		rule.UUID = uuid.NewString()
-		if provider == filter.ProviderUFW {
-			position := int64(1)
-			rule.OrderIndex = &position
-		}
-		plan, err := adapter.BuildCommands(filter.RuleSet{Scope: rule.Scope}, []filter.RuleChange{{Operation: filter.ChangeCreate, After: &rule}})
-		if err != nil {
-			return err
-		}
-		for _, item := range plan.Rules {
-			for _, command := range item.Commands {
-				if provider == filter.ProviderFirewalld {
-					if active {
-						command.Args = append(command.Args, "--permanent")
-					} else {
-						command.Executable = "firewall-offline-cmd"
-					}
-				}
-				commands = append(commands, command)
-			}
-		}
-	}
-	manager := cmd.NewCommandMgr(cmd.WithTimeout(60*time.Second), cmd.WithEnv("LC_ALL=C", "LANGUAGE=en_US:en"))
-	for _, command := range commands {
-		if err := manager.RunWithOptionalSudo(command.Executable, command.Args...); err != nil {
-			return fmt.Errorf("prepare %s access whitelist before start: %w", provider, err)
-		}
-	}
-	return nil
-}
-
 func runFirewallLifecycleAction(t *task.Task, name string, action func() error) error {
 	t.Log(i18n.GetWithName("TaskStart", name))
 	started := time.Now()

agent/app/service/monitor.go

@@ -55,7 +55,7 @@ type IMonitorService interface {
 	LoadIOOptions() []string
 	LoadNetworkOptions() []string
 	LoadVLLMMonitorData(ctx context.Context, req dto.MonitorVLLMSearch) (dto.MonitorVLLMData, error)
-	LoadVLLMCurrent(ctx context.Context, req dto.MonitorVLLMCurrent) (dto.MonitorVLLMCurrentData, error)
+	LoadVLLMCurrent(ctx context.Context, req dto.MonitorVLLMCurrent) (model.MonitorVLLM, error)
 	CleanVLLMMonitor(req dto.MonitorVLLMClean) error
 	LoadGPUOptions() dto.MonitorGPUOptions
 	LoadGPUMonitorData(req dto.MonitorGPUSearch) (dto.MonitorGPUData, error)

agent/app/service/monitor_vllm.go

@@ -60,9 +60,6 @@ func (m *MonitorService) LoadVLLMMonitorData(ctx context.Context, req dto.Monito
 	if err != nil {
 		return data, err
 	}
-	for i := range points {
-		points[i].MonitorVLLM.CompletedRequests = points[i].CompletedRequests
-	}
 	if data.BucketSeconds > 0 {
 		aggregates := map[int64]*vllm.HistoryAccumulator{}
 		err = vllmMonitorRepo.WalkDeltas(ctx, req.AppInstallID, req.StartTime, req.EndTime, data.BucketSeconds, req.Aggregation, req.Group, func(bucket int64, histograms, requests string) error {
@@ -94,6 +91,15 @@ func (m *MonitorService) LoadVLLMMonitorData(ctx context.Context, req dto.Monito
 			data.Points = append(data.Points, point)
 		}
 	} else {
+		setting, err := settingRepo.GetValueByKey("VLLMMonitorInterval")
+		if err != nil {
+			return data, err
+		}
+		intervalSeconds, err := strconv.Atoi(setting)
+		if err != nil || intervalSeconds <= 0 {
+			return data, fmt.Errorf("invalid vLLM monitoring interval: %s", setting)
+		}
+		interval := time.Duration(intervalSeconds) * time.Second
 		for i, point := range points {
 			if err := ctx.Err(); err != nil {
 				return data, err
@@ -103,20 +109,8 @@ func (m *MonitorService) LoadVLLMMonitorData(ctx context.Context, req dto.Monito
 				return data, err
 			}
 			aggregate.Apply(&point.MonitorVLLM, "max")
-			if i > 0 {
-				previous := points[i-1]
-				interval := time.Duration(max(previous.SampleIntervalSeconds, point.SampleIntervalSeconds)) * time.Second
-				if interval == 0 {
-					if i > 1 {
-						interval = previous.CreatedAt.Sub(points[i-2].CreatedAt)
-					}
-					if i+1 < len(points) {
-						interval = max(interval, points[i+1].CreatedAt.Sub(point.CreatedAt))
-					}
-				}
-				if interval > 0 && point.CreatedAt.Sub(previous.CreatedAt) > 2*interval {
-					data.Points = append(data.Points, model.MonitorVLLM{CreatedAt: previous.CreatedAt.Add(interval), AppInstallID: req.AppInstallID})
-				}
+			if i > 0 && point.CreatedAt.Sub(points[i-1].CreatedAt) > 2*interval {
+				data.Points = append(data.Points, model.MonitorVLLM{CreatedAt: points[i-1].CreatedAt.Add(interval), AppInstallID: req.AppInstallID})
 			}
 			data.Points = append(data.Points, point.MonitorVLLM)
 		}
@@ -124,30 +118,31 @@ func (m *MonitorService) LoadVLLMMonitorData(ctx context.Context, req dto.Monito
 	return data, nil
 }
 
-func (m *MonitorService) LoadVLLMCurrent(ctx context.Context, req dto.MonitorVLLMCurrent) (dto.MonitorVLLMCurrentData, error) {
+func (m *MonitorService) LoadVLLMCurrent(ctx context.Context, req dto.MonitorVLLMCurrent) (model.MonitorVLLM, error) {
 	install, err := appInstallRepo.GetFirst(repo.WithByID(req.AppInstallID))
 	if err != nil {
-		return dto.MonitorVLLMCurrentData{}, err
+		return model.MonitorVLLM{}, err
 	}
 	if install.App.Key != "vllm" {
-		return dto.MonitorVLLMCurrentData{}, fmt.Errorf("not a vLLM installation")
+		return model.MonitorVLLM{}, fmt.Errorf("not a vLLM installation")
 	}
-	point, err := collectVLLMMetrics(ctx, install, model.MonitorVLLM{})
-	data := dto.MonitorVLLMCurrentData{MonitorVLLM: point}
+	previous, err := collectVLLMMetrics(ctx, install, model.MonitorVLLM{})
 	if err != nil {
 		global.LOG.Debugf("Collect vLLM metrics on port %d failed: %v", install.HttpPort, err)
-		return data, nil
+		return previous, nil
 	}
-	if err := json.Unmarshal([]byte(point.RawMetrics), &data.Metrics); err != nil {
-		return data, err
+	timer := time.NewTimer(time.Second)
+	defer timer.Stop()
+	select {
+	case <-ctx.Done():
+		return model.MonitorVLLM{}, ctx.Err()
+	case <-timer.C:
 	}
-	for name := range data.Metrics {
-		if name == "request_prompt_tokens_sum" || name == "request_prompt_tokens_count" ||
-			(!strings.HasSuffix(name, "_total") && !strings.HasSuffix(name, "_sum") && !strings.HasSuffix(name, "_count")) {
-			delete(data.Metrics, name)
-		}
+	point, err := collectVLLMMetrics(ctx, install, previous)
+	if err != nil {
+		global.LOG.Debugf("Collect vLLM metrics on port %d failed: %v", install.HttpPort, err)
 	}
-	return data, nil
+	return point, nil
 }
 
 func (m *MonitorService) CleanVLLMMonitor(req dto.MonitorVLLMClean) error {
@@ -169,7 +164,7 @@ func StartVLLMMonitor(interval string) error {
 		return fmt.Errorf("invalid vLLM monitoring interval: %s", interval)
 	}
 	service := &MonitorService{}
-	job := cron.NewChain(cron.Recover(cron.DefaultLogger)).Then(cron.FuncJob(func() { service.saveVLLMData(seconds) }))
+	job := cron.NewChain(cron.Recover(cron.DefaultLogger)).Then(cron.FuncJob(service.saveVLLMData))
 	id, err := global.Cron.AddFunc(fmt.Sprintf("@every %ds", seconds), func() { go job.Run() })
 	if err != nil {
 		return err
@@ -181,7 +176,7 @@ func StartVLLMMonitor(interval string) error {
 	return nil
 }
 
-func (m *MonitorService) saveVLLMData(intervalSeconds int) {
+func (m *MonitorService) saveVLLMData() {
 	if !vllmMonitorMutex.TryLock() {
 		return
 	}
@@ -233,7 +228,6 @@ func (m *MonitorService) saveVLLMData(intervalSeconds int) {
 				return err
 			}
 			point, err := collectVLLMMetrics(context.Background(), install, previous)
-			point.SampleIntervalSeconds = intervalSeconds
 			if err != nil {
 				global.LOG.Debugf("Collect vLLM metrics for %s failed: %v", install.Name, err)
 			}

agent/app/service/quick_directory.go

@@ -1,49 +0,0 @@
-package service
-
-import (
-	"strings"
-
-	"github.com/1Panel-dev/1Panel/agent/app/dto"
-	"github.com/1Panel-dev/1Panel/agent/app/model"
-	"github.com/1Panel-dev/1Panel/agent/buserr"
-)
-
-func (u *DashboardService) ListQuickDirectories() ([]model.QuickDirectory, error) {
-	return launcherRepo.ListQuickDirectories()
-}
-
-func quickDirectoryValues(req dto.QuickDirectoryCreate) (model.QuickDirectory, error) {
-	item := model.QuickDirectory{Path: req.Path, Alias: strings.TrimSpace(req.Alias)}
-	if strings.TrimSpace(item.Path) == "" {
-		return item, buserr.WithDetail("ErrInvalidParams", "path is required", nil)
-	}
-	return item, nil
-}
-
-func (u *DashboardService) CreateQuickDirectory(req dto.QuickDirectoryCreate) (*model.QuickDirectory, error) {
-	item, err := quickDirectoryValues(req)
-	if err != nil {
-		return nil, err
-	}
-	if err := launcherRepo.CreateQuickDirectory(&item); err != nil {
-		return nil, err
-	}
-	return &item, nil
-}
-
-func (u *DashboardService) UpdateQuickDirectory(req dto.QuickDirectoryUpdate) (*model.QuickDirectory, error) {
-	item, err := quickDirectoryValues(req.QuickDirectoryCreate)
-	if err != nil {
-		return nil, err
-	}
-	item.ID = req.ID
-	item.Legacy = req.Legacy
-	if err := launcherRepo.UpdateQuickDirectory(&item); err != nil {
-		return nil, err
-	}
-	return &item, nil
-}
-
-func (u *DashboardService) DeleteQuickDirectory(req dto.QuickDirectoryDelete) error {
-	return launcherRepo.DeleteQuickDirectory(req.ID, req.Legacy)
-}

agent/init/migration/migrate.go

@@ -114,8 +114,6 @@ func agentDBMigrations() []*gormigrate.Migration {
 		migrations.AddVLLMMonitor,
 		migrations.AddMonitorSettings,
 		migrations.AddVLLMRequestMetrics,
-		migrations.AddVLLMSampleInterval,
-		migrations.AddQuickDirectory,
 	}
 }
 

agent/init/migration/migrations/init.go

@@ -1881,17 +1881,3 @@ var AddVLLMRequestMetrics = &gormigrate.Migration{
 		return global.VLLMMonitorDB.AutoMigrate(&model.MonitorVLLM{})
 	},
 }
-
-var AddVLLMSampleInterval = &gormigrate.Migration{
-	ID: "20261016-vllm-sample-interval",
-	Migrate: func(tx *gorm.DB) error {
-		return global.VLLMMonitorDB.AutoMigrate(&model.MonitorVLLM{})
-	},
-}
-
-var AddQuickDirectory = &gormigrate.Migration{
-	ID: "20261016-add-quick-directory",
-	Migrate: func(tx *gorm.DB) error {
-		return tx.AutoMigrate(&model.QuickDirectory{})
-	},
-}

agent/router/ro_dashboard.go

@@ -14,10 +14,6 @@ func (s *DashboardRouter) InitRouter(Router *gin.RouterGroup) {
 		cmdRouter.GET("/base/os", baseApi.LoadDashboardOsInfo)
 		cmdRouter.GET("/quick/option", baseApi.LoadQuickOption)
 		cmdRouter.POST("/quick/change", baseApi.UpdateQuickJump)
-		cmdRouter.GET("/quick/directory", baseApi.ListQuickDirectories)
-		cmdRouter.POST("/quick/directory", baseApi.CreateQuickDirectory)
-		cmdRouter.POST("/quick/directory/update", baseApi.UpdateQuickDirectory)
-		cmdRouter.POST("/quick/directory/del", baseApi.DeleteQuickDirectory)
 		cmdRouter.GET("/app/launcher", baseApi.LoadAppLauncher)
 		cmdRouter.POST("/app/launcher/show", baseApi.UpdateAppLauncher)
 		cmdRouter.POST("/app/launcher/option", baseApi.LoadAppLauncherOption)

agent/utils/terminal/session.go

@@ -314,17 +314,7 @@ func (s *Session) detach(a *attachment, clean, revalidate bool, cursor uint64) {
 		if !s.Persistent || revalidate {
 			timeout = revalidateGrace
 		}
-		// Stop cannot cancel a fired timer; a racing Attach clears s.grace.
-		var grace *time.Timer
-		grace = time.AfterFunc(timeout, func() {
-			s.mu.Lock()
-			expired := s.grace == grace
-			s.mu.Unlock()
-			if expired {
-				s.Close()
-			}
-		})
-		s.grace = grace
+		s.grace = time.AfterFunc(timeout, s.Close)
 	}
 	s.mu.Unlock()
 	if clean {

core/app/api/v2/auth.go

@@ -266,6 +266,7 @@ func (b *BaseApi) GetLoginSetting(c *gin.Context) {
 		Language:      settingInfo.Language,
 		MenuTabs:      settingInfo.MenuTabs,
 		MenuAccordion: settingInfo.MenuAccordion,
+		PanelCache:    settingInfo.PanelCache,
 		PanelName:     settingInfo.PanelName,
 		Theme:         settingInfo.Theme,
 		NeedCaptcha:   needCaptcha,

core/app/dto/setting.go

@@ -4,6 +4,16 @@ import (
 	"time"
 )
 
+const DefaultPanelCache = `{"tabs":true,"pagination":true,"refresh":true,"search":false,"duration":"24h"}`
+
+type PanelCache struct {
+	Tabs       *bool  `json:"tabs"`
+	Pagination *bool  `json:"pagination"`
+	Refresh    *bool  `json:"refresh"`
+	Search     *bool  `json:"search"`
+	Duration   string `json:"duration"`
+}
+
 type SettingInfo struct {
 	SystemVersion       string `json:"systemVersion"`
 	DeveloperMode       string `json:"developerMode"`
@@ -18,6 +28,7 @@ type SettingInfo struct {
 	Theme          string `json:"theme"`
 	MenuTabs       string `json:"menuTabs"`
 	MenuAccordion  string `json:"menuAccordion"`
+	PanelCache     string `json:"panelCache"`
 	Language       string `json:"language"`
 	DocSource      string `json:"docSource"`
 
@@ -62,6 +73,7 @@ type SettingBaseInfo struct {
 	Theme         string `json:"theme"`
 	MenuTabs      string `json:"menuTabs"`
 	MenuAccordion string `json:"menuAccordion"`
+	PanelCache    string `json:"panelCache"`
 	Language      string `json:"language"`
 	HideMenu      string `json:"hideMenu"`
 	DocSource     string `json:"docSource"`
@@ -288,6 +300,7 @@ type LoginSetting struct {
 	Language       string `json:"language"`
 	MenuTabs       string `json:"menuTabs"`
 	MenuAccordion  string `json:"menuAccordion"`
+	PanelCache     string `json:"panelCache"`
 	PanelName      string `json:"panelName"`
 	Theme          string `json:"theme"`
 	NeedCaptcha    bool   `json:"needCaptcha"`

core/app/service/setting.go

@@ -120,6 +120,9 @@ func (u *SettingService) GetSettingInfo() (*dto.SettingInfo, error) {
 	for _, set := range setting {
 		settingMap[set.Key] = set.Value
 	}
+	if settingMap["PanelCache"] == "" {
+		settingMap["PanelCache"] = dto.DefaultPanelCache
+	}
 	repairAndSortHideMenu(settingMap)
 	var info dto.SettingInfo
 	arr, err := json.Marshal(settingMap)
@@ -155,6 +158,9 @@ func (u *SettingService) GetSettingBaseInfo() (*dto.SettingBaseInfo, error) {
 	for _, set := range setting {
 		settingMap[set.Key] = set.Value
 	}
+	if settingMap["PanelCache"] == "" {
+		settingMap["PanelCache"] = dto.DefaultPanelCache
+	}
 	repairAndSortHideMenu(settingMap)
 	var info dto.SettingBaseInfo
 	arr, err := json.Marshal(settingMap)
@@ -224,6 +230,27 @@ func (u *SettingService) Update(c *gin.Context, key, value string) error {
 	if auth.IsAPICredentialSetting(key) {
 		return buserr.New("ErrInvalidParams")
 	}
+	if key == "PanelCache" {
+		var config dto.PanelCache
+		decoder := json.NewDecoder(strings.NewReader(value))
+		decoder.DisallowUnknownFields()
+		if err := decoder.Decode(&config); err != nil {
+			return buserr.New("ErrInvalidParams")
+		}
+		if err := decoder.Decode(new(any)); err != io.EOF {
+			return buserr.New("ErrInvalidParams")
+		}
+		if config.Tabs == nil || config.Pagination == nil || config.Refresh == nil || config.Search == nil {
+			return buserr.New("ErrInvalidParams")
+		}
+		switch config.Duration {
+		case "24h", "week", "month", "forever":
+		default:
+			return buserr.New("ErrInvalidParams")
+		}
+		data, _ := json.Marshal(config)
+		return settingRepo.UpdateOrCreate(key, string(data))
+	}
 	oldVal, err := settingRepo.Get(repo.WithByKey(key))
 	if err != nil {
 		return err

core/init/validator/validator.go

@@ -26,6 +26,7 @@ func Init() {
 }
 
 var baseSettingKeys = map[string]struct{}{
+	"PanelCache":                 {},
 	"PanelName":                  {},
 	"Theme":                      {},
 	"MenuTabs":                   {},

frontend/src/api/interface/auth.ts

@@ -77,6 +77,7 @@ export namespace Login {
         language: string;
         menuTabs: string;
         menuAccordion: string;
+        panelCache: string;
         panelName: string;
         theme: string;
         isOffline: boolean;

frontend/src/api/interface/dashboard.ts

@@ -8,12 +8,6 @@ export namespace Dashboard {
 
         diskSize: number;
     }
-    export interface QuickDirectory {
-        id: number;
-        legacy?: boolean;
-        path: string;
-        alias: string;
-    }
     export interface QuickJump {
         id: number;
         name: string;

frontend/src/api/interface/setting.ts

@@ -41,6 +41,7 @@ export namespace Setting {
         theme: string;
         menuTabs: string;
         menuAccordion: string;
+        panelCache: string;
         language: string;
         docSource: string;
 
@@ -86,6 +87,7 @@ export namespace Setting {
         theme: string;
         menuTabs: string;
         menuAccordion: string;
+        panelCache: string;
         language: string;
         hideMenu: string;
         docSource: string;

frontend/src/api/modules/dashboard.ts

@@ -8,7 +8,7 @@ export const loadOsInfo = () => {
 export const loadQuickOption = () => {
     return http.get<Array<Dashboard.QuickJump>>(`/dashboard/quick/option`);
 };
-export const changeQuick = (quicks: Array<Pick<Dashboard.QuickJump, 'id' | 'isShow'>>) => {
+export const changeQuick = (quicks: Array<Dashboard.QuickJump>) => {
     return http.post(`/dashboard/quick/change`, { quicks: quicks });
 };
 export const loadAppLauncher = () => {
@@ -48,11 +48,3 @@ export const loadTopMem = () => {
 export const systemRestart = (operation: string) => {
     return http.post(`/dashboard/system/restart/${operation}`);
 };
-
-export const loadQuickDirectories = () => http.get<Dashboard.QuickDirectory[]>('/dashboard/quick/directory');
-export const createQuickDirectory = (data: Omit<Dashboard.QuickDirectory, 'id'>) =>
-    http.post<Dashboard.QuickDirectory>('/dashboard/quick/directory', data);
-export const updateQuickDirectory = (data: Dashboard.QuickDirectory) =>
-    http.post<Dashboard.QuickDirectory>('/dashboard/quick/directory/update', data);
-export const deleteQuickDirectory = (id: number, legacy = false) =>
-    http.post('/dashboard/quick/directory/del', { id, legacy });

frontend/src/api/modules/firewall.ts

@@ -21,10 +21,10 @@ export const loadForwardBaseInfo = () =>
 export const searchForwardRule = (request: Firewall.ForwardRuleSearch) =>
     http.post<ResPage<Firewall.RuleInfo>>('/hosts/firewall/forward/search', request, TimeoutEnum.T_40S);
 
-export const operateFire = (operation: string, withDockerRestart: boolean, backupFile?: string) =>
+export const operateFire = (operation: string, withDockerRestart: boolean) =>
     http.post<Firewall.FilterChainOperationResult>(
         '/hosts/firewall/operate',
-        { operation, withDockerRestart, backupFile },
+        { operation, withDockerRestart },
         TimeoutEnum.T_10M,
     );
 

frontend/src/components/file-list/index.vue

@@ -196,7 +196,7 @@ const favorites = ref<File.Favorite[]>([]);
 const { searchableStatus, searchablePath, searchableInputRef, searchableInputBlur } = useSearchableForSelect(paths);
 const oldUrl = ref<string>('');
 
-const em = defineEmits(['choose', 'close']);
+const em = defineEmits(['choose']);
 
 const form = reactive({
     path: '/',
@@ -245,7 +245,6 @@ const handleClose = () => {
     open.value = false;
     selectRow.value = { path: '', name: '' };
     selectRows.value = [];
-    em('close');
 };
 
 const openPage = () => {

frontend/src/components/table/TableSetting.vue

@@ -20,57 +20,55 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue';
+import { onActivated, onDeactivated, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { panelCacheKey, readPanelCache, writePanelCache } from '@/utils/panel-cache';
+
 defineOptions({ name: 'TableSetting' });
-
-const refreshRateUnit = ref<number>(0);
+const refreshRateUnit = ref(0);
 const emit = defineEmits(['search']);
-const props = defineProps({
-    title: String,
-    rate: Number,
-});
-
-let timer: NodeJS.Timer | null = null;
-
-const changeRefresh = (command: number) => {
-    refreshRateUnit.value = command || 0;
-    if (refreshRateUnit.value !== 0) {
-        if (timer) {
-            clearInterval(Number(timer));
-            timer = null;
-        }
-        timer = setInterval(() => {
-            emit('search');
-        }, 1000 * refreshRateUnit.value);
-    } else {
-        if (timer) {
-            clearInterval(Number(timer));
-            timer = null;
-        }
-    }
-    localStorage.setItem(props.title, refreshRateUnit.value + '');
+const props = defineProps({ title: String, rate: Number });
+const route = useRoute();
+// Capture the owning page; useRoute continues to change while a page is deactivated.
+const pagePath = route.path;
+const cacheKey = () => panelCacheKey(`refresh:${pagePath}:${props.title || ''}`);
+let timer: ReturnType<typeof setInterval> | undefined;
+let active = false;
+const stopTimer = () => {
+    clearInterval(timer);
+    timer = undefined;
 };
-
-onUnmounted(() => {
-    clearInterval(Number(timer));
-    timer = null;
-    if (props.title) {
-        localStorage.setItem(props.title, refreshRateUnit.value + '');
+const startTimer = () => {
+    stopTimer();
+    if (active && refreshRateUnit.value > 0) {
+        timer = setInterval(() => emit('search'), 1000 * refreshRateUnit.value);
     }
+};
+const restore = () => {
+    const rate = readPanelCache<number>('refresh', cacheKey());
+    refreshRateUnit.value = Number.isFinite(rate) && rate >= 0 ? rate : props.rate || 0;
+    startTimer();
+};
+const changeRefresh = (rate: number) => {
+    refreshRateUnit.value = rate;
+    writePanelCache('refresh', cacheKey(), rate);
+    startTimer();
+};
+const activate = () => {
+    if (active) return;
+    active = true;
+    restore();
+};
+watch(cacheKey, () => {
+    if (active) restore();
 });
-
-onMounted(() => {
-    if (props.title && localStorage.getItem(props.title) != null) {
-        let rate = Number(localStorage.getItem(props.title));
-        refreshRateUnit.value = rate ? Number(rate) : 0;
-        changeRefresh(refreshRateUnit.value);
-        return;
-    }
-    if (props.rate) {
-        refreshRateUnit.value = props.rate;
-        changeRefresh(refreshRateUnit.value);
-    }
+onMounted(activate);
+onActivated(activate);
+onDeactivated(() => {
+    active = false;
+    stopTimer();
 });
+onUnmounted(stopTimer);
 </script>
 
 <style lang="scss" scoped>

frontend/src/components/table/complex/ComplexTable.vue

@@ -167,6 +167,7 @@
     </div>
 </template>
 <script setup lang="ts">
+import { panelCacheKey, writePanelCache } from '@/utils/panel-cache';
 import { computed, onDeactivated, onMounted, ref, useAttrs } from 'vue';
 import { useGlobalStore } from '@/composables/useGlobalStore';
 import { flattenVNodes, type FuTableOperationButton } from '@/components/table/shared';
@@ -341,13 +342,33 @@ const handleRightClick = (row, column, event) => {
     openContextMenu(row, event);
 };
 
+watch(
+    () => props.data,
+    () => {
+        const pagination = props.paginationConfig;
+        if (!pagination || !pagination.pageSize) return;
+        const lastPage = Math.max(1, Math.ceil(pagination.total / pagination.pageSize));
+        if (pagination.currentPage > lastPage) {
+            pagination.currentPage = lastPage;
+            emit('search');
+        }
+    },
+    { flush: 'post' },
+);
+
 function currentChange() {
     emit('search');
 }
 
 function sizeChange() {
+    if (props.paginationConfig.cacheSizeKey) {
+        writePanelCache(
+            'pagination',
+            panelCacheKey(`size:${props.paginationConfig.cacheSizeKey}`),
+            props.paginationConfig.pageSize,
+        );
+    }
     props.paginationConfig.currentPage = 1;
-    localStorage.setItem(props.paginationConfig.cacheSizeKey, props.paginationConfig.pageSize);
     emit('search');
 }
 

frontend/src/components/task-list/index.vue

@@ -52,6 +52,7 @@
 </template>
 
 <script setup lang="ts">
+import { readCachedPageSize } from '@/utils/panel-cache';
 import TaskLog from '@/components/log/task/index.vue';
 import NodeSelect from '@/components/node-select/index.vue';
 
@@ -73,7 +74,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'task-list-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('task-list-page-size')) || 20,
+    pageSize: readCachedPageSize('task-list-page-size') || 20,
     total: 0,
     small: true,
 });

frontend/src/components/terminal/dock/index.vue

@@ -18,7 +18,6 @@
         size="w-70"
         :show-close="false"
         :modal="false"
-        modal-penetrable
         @opened="claim"
     >
         <template #header>

frontend/src/components/terminal/host.vue

@@ -7,7 +7,6 @@
                         :ref="(el: any) => store.setInstance(item.key, el)"
                         @session="(id: string) => store.setSessionId(item.key, id)"
                         @expired="store.onExpired(item.key)"
-                        @reconnect="store.reconnect(item.key)"
                     />
                 </Teleport>
             </template>

frontend/src/components/terminal/index.vue

@@ -31,7 +31,7 @@ const { currentNode } = useGlobalStore();
 
 // session: agent side session id known (fresh or reattached)
 // expired: the agent no longer has the session; a reconnect must open a new one
-const emit = defineEmits(['session', 'expired', 'reconnect']);
+const emit = defineEmits(['session', 'expired']);
 
 // Close codes of the agent's session protocol (agent/utils/terminal/session.go).
 const CLOSE_SESSION_NOT_FOUND = 4404;
@@ -56,7 +56,6 @@ let closing = false;
 let reconnecting = false;
 let reconnectNoticeShown = false;
 let revalidating = false;
-let expired = false;
 let reconnectStartedAt = 0;
 let reconnectDelay = 1000;
 let reconnectTimer: ReturnType<typeof setTimeout> | null = null;
@@ -280,7 +279,6 @@ function resizeTerminal() {
     if (terminalElement.value.clientWidth <= 0 || terminalElement.value.clientHeight <= 0) {
         return;
     }
-    if (terminalElement.value.closest('.terminal-host')) return;
 
     fitAddon.fit();
     if (isWsOpen()) {
@@ -486,7 +484,6 @@ const closeRealTerminal = (ev: CloseEvent) => {
                 '31',
                 ev.code === 1000 ? 'The connection has been disconnected.' : i18n.global.t('terminal.sessionExpired'),
             );
-            expired = true;
             emit('expired');
             return;
         case CLOSE_ATTACHED_ELSEWHERE:
@@ -605,13 +602,6 @@ function sendMsg(data: string, line: string = '') {
 
 function onTermData(data: string) {
     if (!data) return;
-    if (expired) {
-        if (isEnterInputData(data)) {
-            expired = false;
-            emit('reconnect');
-        }
-        return;
-    }
     if (aiNotice.value.loading) return;
     sendMsg(data, isEnterInputData(data) ? getCurrentTerminalLine() : '');
 }

frontend/src/composables/useSearchReset.ts

@@ -1,24 +0,0 @@
-import { storeToRefs } from 'pinia';
-import { onActivated, onDeactivated } from 'vue';
-import GlobalStore from '@/store/modules/global';
-import { bindSearchReset, type SearchFields } from '@/utils/search-reset';
-
-interface SearchResetOptions {
-    scope?: () => string | number | undefined;
-    onRevisit: () => unknown;
-}
-
-export const useSearchReset = (fields: SearchFields, options: SearchResetOptions) => {
-    const { currentNode } = storeToRefs(GlobalStore());
-    const reset = bindSearchReset(options.scope ? [currentNode, options.scope] : [currentNode], fields);
-    let deactivated = false;
-    onDeactivated(() => {
-        deactivated = true;
-    });
-    onActivated(() => {
-        if (!deactivated) return;
-        deactivated = false;
-        reset();
-        return options.onRevisit();
-    });
-};

frontend/src/lang/modules/en.ts

@@ -494,7 +494,6 @@ const message = {
         recommend: 'Recommended',
         dir: 'Directory',
         alias: 'Alias',
-        quickDirDelete: 'Delete ({0})?',
         quickDir: 'Quick Access',
         minQuickJump: 'Add at least one quick access entry',
         maxQuickJump: 'You can add up to four quick access entries',
@@ -1518,14 +1517,6 @@ const message = {
             extraHeaders: 'Extra Headers',
         },
         vllmMonitor: {
-            concurrency: 'Current concurrency',
-            sampleMoment: 'At sampling time',
-            sampleWindow: 'Sample interval',
-            requestUnit: 'requests',
-            processing: 'Processing',
-            queued: 'Queued',
-            requestTiming: 'Request timing',
-            completedRequests: 'Requests completed in interval',
             tokensPerSecond: 'tokens/s',
             requestsPerSecond: 'Requests/s',
             finishReasonLabels: {
@@ -2971,6 +2962,20 @@ const message = {
         remote: 'Remote SSH',
     },
     setting: {
+        panelCache: {
+            title: 'Cache settings',
+            tabs: 'Tab cache',
+            pagination: 'Pagination cache',
+            refresh: 'Refresh interval cache',
+            search: 'Search input cache',
+            duration: 'Cache duration',
+            '24h': '24h',
+            week: 'One week',
+            month: 'One month',
+            forever: 'Forever',
+            helper: 'Expires after the last state change. Expired values return to page defaults.',
+        },
+
         panel: 'Panel',
         user: 'Panel user',
         userChange: 'Change panel user',
@@ -4308,14 +4313,9 @@ const message = {
         familyIncomplete: '{0} chains are incomplete',
         resetWithBackup: 'Back up rules and reset',
         resetOnly: 'Reset only',
-        resetWithBackupHelper:
-            'Save the current module rules as JSON for restoration during initialization or startup.',
+        resetWithBackupHelper: 'Save the current module rules as JSON for restoration during initialization.',
         resetOnlyHelper: 'Clear current rules without creating a new backup. Existing backups are kept.',
         backupDirectoryHelper: 'Valid rule backups in {0} are listed below. The newest file is selected by default.',
-        startOnly: 'Start only',
-        startAndRestore: 'Start and restore from backup',
-        startWithBackupHelper:
-            'Start the firewall normally, or choose an existing JSON backup to start and restore rules.',
         restoreAllRules: 'Initialize and restore rules',
         importRuleBackup: 'Import from backup',
         initializeOnly: 'Initialize only',

frontend/src/lang/modules/es-es.ts

@@ -493,7 +493,6 @@ const message = {
     home: {
         recommend: 'Recomendado',
         dir: 'Directorio',
-        quickDirDelete: '¿Confirmar la eliminación de ({0})?',
         quickDir: 'Acceso rápido',
         minQuickJump: 'Agrega al menos una entrada de acceso rápido',
         maxQuickJump: 'Puedes agregar hasta cuatro entradas de acceso rápido',
@@ -1527,14 +1526,6 @@ const message = {
             extraHeaders: 'Encabezados adicionales',
         },
         vllmMonitor: {
-            concurrency: 'Concurrencia actual',
-            sampleMoment: 'Al tomar la muestra',
-            sampleWindow: 'Intervalo de muestreo',
-            requestUnit: 'solicitudes',
-            processing: 'En proceso',
-            queued: 'En cola',
-            requestTiming: 'Tiempo de las solicitudes',
-            completedRequests: 'Solicitudes completadas en el intervalo',
             tokensPerSecond: 'tokens/s',
             requestsPerSecond: 'Solicitudes/s',
             finishReasonLabels: {
@@ -3016,6 +3007,20 @@ const message = {
         remote: 'SSH remoto',
     },
     setting: {
+        panelCache: {
+            title: 'Configuración de caché',
+            tabs: 'Caché de pestañas',
+            pagination: 'Caché de paginación',
+            refresh: 'Caché del intervalo de actualización',
+            search: 'Caché del campo de búsqueda',
+            duration: 'Duración de la caché',
+            '24h': '24 horas',
+            week: 'Una semana',
+            month: 'Un mes',
+            forever: 'Permanente',
+            helper: 'El plazo se calcula desde el último cambio de estado. Al caducar, se restablecen los valores predeterminados.',
+        },
+
         panel: 'Panel',
         user: 'Usuario del panel',
         userChange: 'Cambiar usuario del panel',
@@ -4356,14 +4361,10 @@ const message = {
         resetWithBackup: 'Guardar reglas y restablecer',
         resetOnly: 'Solo restablecer',
         resetWithBackupHelper:
-            'Guarde las reglas del módulo actual en JSON para restaurarlas al inicializar o iniciar el cortafuegos.',
+            'Guarda las reglas del módulo actual en JSON para restaurarlas durante la inicialización.',
         resetOnlyHelper: 'Borrar las reglas actuales sin crear una copia nueva. Se conservan las copias existentes.',
         backupDirectoryHelper:
             'Se muestran las copias válidas de reglas en {0}. Se selecciona la más reciente por defecto.',
-        startOnly: 'Solo iniciar',
-        startAndRestore: 'Iniciar y restaurar desde una copia de seguridad',
-        startWithBackupHelper:
-            'Inicie el cortafuegos normalmente o elija una copia JSON existente para iniciar y restaurar reglas.',
         restoreAllRules: 'Inicializar y restaurar reglas',
         importRuleBackup: 'Importar desde copia de seguridad',
         initializeOnly: 'Solo inicializar',

frontend/src/lang/modules/fa.ts

@@ -489,7 +489,6 @@ const message = {
         recommend: 'پیشنهادی',
         dir: 'دایرکتوری',
         alias: 'نام مستعار',
-        quickDirDelete: 'حذف ({0}) را تأیید می‌کنید؟',
         quickDir: 'دسترسی سریع',
         minQuickJump: 'حداقل یک ورودی دسترسی سریع اضافه کنید',
         maxQuickJump: 'می‌توانید حداکثر چهار ورودی دسترسی سریع اضافه کنید',
@@ -1503,14 +1502,6 @@ const message = {
             extraHeaders: 'هدرهای اضافی',
         },
         vllmMonitor: {
-            concurrency: 'درخواست‌های هم‌زمان فعلی',
-            sampleMoment: 'در لحظه نمونه‌برداری',
-            sampleWindow: 'بازه نمونه‌برداری',
-            requestUnit: 'درخواست',
-            processing: 'در حال پردازش',
-            queued: 'در صف',
-            requestTiming: 'زمان پردازش درخواست',
-            completedRequests: 'تعداد درخواست‌های تکمیل‌شده در بازه',
             tokensPerSecond: 'tokens/ثانیه',
             requestsPerSecond: 'درخواست/ثانیه',
             finishReasonLabels: {
@@ -2941,6 +2932,20 @@ const message = {
         remote: 'SSH از راه دور',
     },
     setting: {
+        panelCache: {
+            title: 'تنظیمات حافظهٔ نهان',
+            tabs: 'حافظهٔ نهان زبانه‌ها',
+            pagination: 'حافظهٔ نهان صفحه‌بندی',
+            refresh: 'حافظهٔ نهان فاصلهٔ بازخوانی',
+            search: 'حافظهٔ نهان ورودی جستجو',
+            duration: 'مدت نگهداری حافظهٔ نهان',
+            '24h': '۲۴ ساعت',
+            week: 'یک هفته',
+            month: 'یک ماه',
+            forever: 'دائمی',
+            helper: 'مدت اعتبار از آخرین تغییر وضعیت محاسبه می‌شود. پس از انقضا، مقادیر پیش‌فرض بازیابی می‌شوند.',
+        },
+
         panel: 'پنل',
         user: 'کاربر پنل',
         userChange: 'تغییر کاربر پنل',
@@ -4268,15 +4273,10 @@ const message = {
         familyIncomplete: 'زنجیره‌های {0} ناقص هستند',
         resetWithBackup: 'پشتیبان‌گیری قوانین و بازنشانی',
         resetOnly: 'فقط بازنشانی',
-        resetWithBackupHelper:
-            'قوانین ماژول فعلی را به‌صورت JSON ذخیره کنید تا هنگام مقداردهی اولیه یا راه‌اندازی بازیابی شوند.',
+        resetWithBackupHelper: 'قوانین ماژول فعلی را به‌صورت JSON ذخیره کنید تا هنگام مقداردهی اولیه بازیابی شوند.',
         resetOnlyHelper: 'قوانین فعلی بدون ایجاد نسخه پشتیبان جدید پاک می‌شوند. نسخه‌های پشتیبان قبلی حفظ می‌شوند.',
         backupDirectoryHelper:
             'نسخه‌های پشتیبان معتبر قوانین در {0} نمایش داده می‌شوند. جدیدترین فایل به‌طور پیش‌فرض انتخاب می‌شود.',
-        startOnly: 'فقط راه\u200cاندازی',
-        startAndRestore: 'راه\u200cاندازی و بازیابی از نسخه پشتیبان',
-        startWithBackupHelper:
-            'فایروال را به‌طور معمول راه‌اندازی کنید یا یک نسخه پشتیبان JSON موجود را برای راه‌اندازی و بازیابی قوانین انتخاب کنید.',
         restoreAllRules: 'مقداردهی اولیه و بازیابی قوانین',
         importRuleBackup: 'ورود از نسخه پشتیبان',
         initializeOnly: 'فقط راه‌اندازی',

frontend/src/lang/modules/ja.ts

@@ -492,7 +492,6 @@ const message = {
         recommend: 'おすすめ',
         dir: 'ディレクトリ',
         alias: 'エイリアス',
-        quickDirDelete: '（{0}）を削除しますか？',
         quickDir: 'クイックアクセス',
         minQuickJump: 'クイックアクセス項目を1つ以上追加してください',
         maxQuickJump: '最大4件のクイックアクセス項目を追加できます',
@@ -1506,14 +1505,6 @@ const message = {
             extraHeaders: '追加ヘッダー',
         },
         vllmMonitor: {
-            concurrency: '現在の同時リクエスト',
-            sampleMoment: 'サンプリング時点',
-            sampleWindow: '集計区間',
-            requestUnit: '件',
-            processing: '処理中',
-            queued: '待機中',
-            requestTiming: 'リクエスト処理時間',
-            completedRequests: '区間内の完了リクエスト数',
             tokensPerSecond: 'tokens/秒',
             requestsPerSecond: 'リクエスト/秒',
             finishReasonLabels: {
@@ -2946,6 +2937,20 @@ const message = {
         remote: 'リモートSSH',
     },
     setting: {
+        panelCache: {
+            title: 'キャッシュ設定',
+            tabs: 'タブのキャッシュ',
+            pagination: 'ページネーションのキャッシュ',
+            refresh: '更新間隔のキャッシュ',
+            search: '検索入力のキャッシュ',
+            duration: 'キャッシュ期間',
+            '24h': '24時間',
+            week: '1週間',
+            month: '1か月',
+            forever: '無期限',
+            helper: '有効期間は状態を最後に変更した時点から計算されます。期限が切れると既定値に戻ります。',
+        },
+
         panel: 'パネル',
         user: 'パネルユーザー',
         userChange: 'パネルユーザーを変更します',
@@ -4291,12 +4296,9 @@ const message = {
         familyIncomplete: '{0} のチェーンが不完全です',
         resetWithBackup: 'ルールをバックアップしてリセット',
         resetOnly: 'リセットのみ',
-        resetWithBackupHelper: '現在のモジュールのルールを JSON に保存し、初期化時または起動時に復元できます。',
+        resetWithBackupHelper: '現在のモジュールのルールを JSON に保存し、初期化時に復元できます。',
         resetOnlyHelper: '新しいバックアップを作成せずに現在のルールを消去します。既存のバックアップは保持されます。',
         backupDirectoryHelper: '{0} 内の有効なルールバックアップを表示します。既定では最新のファイルが選択されます。',
-        startOnly: '起動のみ',
-        startAndRestore: '起動してバックアップから復元',
-        startWithBackupHelper: '通常起動するか、既存の JSON バックアップを選んで起動とルールの復元を行います。',
         restoreAllRules: '初期化してルールを復元',
         importRuleBackup: 'バックアップからインポート',
         initializeOnly: '初期化のみ',

frontend/src/lang/modules/ko.ts

@@ -487,7 +487,6 @@ const message = {
         recommend: '추천',
         dir: '디렉토리',
         alias: '별칭',
-        quickDirDelete: '({0})을(를) 삭제하시겠습니까?',
         quickDir: '빠른 액세스',
         minQuickJump: '최소 하나의 빠른 액세스 항목을 추가하세요',
         maxQuickJump: '빠른 액세스를 최대 4개까지 추가할 수 있습니다',
@@ -1491,14 +1490,6 @@ const message = {
             extraHeaders: '추가 헤더',
         },
         vllmMonitor: {
-            concurrency: '현재 동시 요청',
-            sampleMoment: '샘플링 시점',
-            sampleWindow: '집계 구간',
-            requestUnit: '개 요청',
-            processing: '처리 중',
-            queued: '대기 중',
-            requestTiming: '요청 소요 시간',
-            completedRequests: '구간 내 완료 요청 수',
             tokensPerSecond: 'tokens/초',
             requestsPerSecond: '요청/초',
             finishReasonLabels: {
@@ -2907,6 +2898,20 @@ const message = {
         remote: '원격 SSH',
     },
     setting: {
+        panelCache: {
+            title: '캐시 설정',
+            tabs: '탭 캐시',
+            pagination: '페이지 이동 캐시',
+            refresh: '새로 고침 간격 캐시',
+            search: '검색 입력 캐시',
+            duration: '캐시 유지 기간',
+            '24h': '24시간',
+            week: '1주',
+            month: '1개월',
+            forever: '무기한',
+            helper: '유효 기간은 상태를 마지막으로 변경한 시점부터 계산됩니다. 만료되면 기본값으로 돌아갑니다.',
+        },
+
         panel: '패널',
         user: '패널 사용자',
         userChange: '패널 사용자 변경',
@@ -4213,12 +4218,9 @@ const message = {
         familyIncomplete: '{0} 체인이 불완전합니다',
         resetWithBackup: '규칙 백업 후 초기화',
         resetOnly: '초기화만 수행',
-        resetWithBackupHelper: '현재 모듈의 규칙을 JSON으로 저장하여 초기화 또는 시작 시 복원할 수 있습니다.',
+        resetWithBackupHelper: '현재 모듈의 규칙을 JSON으로 저장하여 초기화 시 복원할 수 있습니다.',
         resetOnlyHelper: '새 백업 없이 현재 규칙을 삭제합니다. 기존 백업은 유지됩니다.',
         backupDirectoryHelper: '{0}의 유효한 규칙 백업을 표시합니다. 기본적으로 최신 파일이 선택됩니다.',
-        startOnly: '시작만',
-        startAndRestore: '시작 및 백업에서 복원',
-        startWithBackupHelper: '방화벽을 일반적으로 시작하거나 기존 JSON 백업을 선택하여 시작하고 규칙을 복원합니다.',
         restoreAllRules: '초기화 및 규칙 복원',
         importRuleBackup: '백업에서 가져오기',
         initializeOnly: '초기화만 수행',

frontend/src/lang/modules/lo.ts

@@ -487,7 +487,6 @@ const message = {
         recommend: 'ແນະນຳ',
         dir: 'ໄດເຣັກທໍຣີ',
         alias: 'ຊື່ຫຼິ້ນ',
-        quickDirDelete: 'ຢືນຢັນການລຶບ ({0}) ຫຼືບໍ່?',
         quickDir: 'ເຂົ້າເຖິງດ່ວນ',
         minQuickJump: 'ເພີ່ມການເຂົ້າເຖິງດ່ວນຢ່າງໜ້ອຍໜຶ່ງລາຍການ',
         maxQuickJump: 'ທ່ານສາມາດເພີ່ມການເຂົ້າເຖິງດ່ວນໄດ້ສູງສຸດສີ່ລາຍການ',
@@ -1485,14 +1484,6 @@ const message = {
             extraHeaders: 'Headers ເພີ່ມເຕີມ',
         },
         vllmMonitor: {
-            concurrency: 'ຄຳຮ້ອງຂໍພ້ອມກັນໃນປັດຈຸບັນ',
-            sampleMoment: 'ໃນເວລາເກັບຕົວຢ່າງ',
-            sampleWindow: 'ຊ່ວງເວລາເກັບຕົວຢ່າງ',
-            requestUnit: 'ຄຳຮ້ອງຂໍ',
-            processing: 'ກຳລັງປະມວນຜົນ',
-            queued: 'ກຳລັງລໍຖ້າ',
-            requestTiming: 'ເວລາປະມວນຜົນຄຳຮ້ອງຂໍ',
-            completedRequests: 'ຈຳນວນຄຳຮ້ອງຂໍທີ່ສຳເລັດໃນຊ່ວງເວລາ',
             tokensPerSecond: 'tokens/ວິນາທີ',
             requestsPerSecond: 'ຄຳຮ້ອງຂໍ/ວິນາທີ',
             finishReasonLabels: {
@@ -2888,6 +2879,20 @@ const message = {
         remote: 'SSH ທາງໄກ',
     },
     setting: {
+        panelCache: {
+            title: 'ການຕັ້ງຄ່າແຄດ',
+            tabs: 'ແຄດແຖບ',
+            pagination: 'ແຄດການແບ່ງໜ້າ',
+            refresh: 'ແຄດຊ່ວງເວລາຣີເຟຣຊ',
+            search: 'ແຄດຂໍ້ຄວາມຄົ້ນຫາ',
+            duration: 'ໄລຍະເວລາເກັບແຄດ',
+            '24h': '24 ຊົ່ວໂມງ',
+            week: 'ໜຶ່ງອາທິດ',
+            month: 'ໜຶ່ງເດືອນ',
+            forever: 'ຖາວອນ',
+            helper: 'ໄລຍະເວລາຈະນັບຈາກການປ່ຽນສະຖານະຄັ້ງຫຼ້າສຸດ. ເມື່ອໝົດອາຍຸ ຈະກັບຄືນເປັນຄ່າເລີ່ມຕົ້ນ.',
+        },
+
         panel: 'ພາເນລ',
         user: 'ຜູ້ໃຊ້ພາເນລ',
         userChange: 'ປ່ຽນຜູ້ໃຊ້ພາເນລ',
@@ -4182,12 +4187,9 @@ const message = {
         familyIncomplete: 'ຊຸດກົດ {0} ບໍ່ຄົບຖ້ວນ',
         resetWithBackup: 'ສຳຮອງກົດແລ້ວຣີເຊັດ',
         resetOnly: 'ຣີເຊັດເທົ່ານັ້ນ',
-        resetWithBackupHelper: 'ບັນທຶກກົດຂອງໂມດູນປັດຈຸບັນເປັນ JSON ເພື່ອກູ້ຄືນເມື່ອເລີ່ມຕົ້ນ ຫຼື ເປີດໃຊ້ໄຟວໍ.',
+        resetWithBackupHelper: 'ບັນທຶກກົດຂອງໂມດູນປັດຈຸບັນເປັນ JSON ເພື່ອກູ້ຄືນເມື່ອເລີ່ມຕົ້ນ.',
         resetOnlyHelper: 'ລຶບກົດປັດຈຸບັນໂດຍບໍ່ສ້າງໄຟລ໌ສຳຮອງໃໝ່. ໄຟລ໌ສຳຮອງເກົ່າຍັງຄົງຢູ່.',
         backupDirectoryHelper: 'ສະແດງໄຟລ໌ສຳຮອງກົດທີ່ໃຊ້ໄດ້ໃນ {0}. ເລືອກໄຟລ໌ຫຼ້າສຸດເປັນຄ່າເລີ່ມຕົ້ນ.',
-        startOnly: 'ເລີ່ມຕົ້ນເທົ່ານັ້ນ',
-        startAndRestore: 'ເລີ່ມຕົ້ນ ແລະ ກູ້ຄືນຈາກຂໍ້ມູນສຳຮອງ',
-        startWithBackupHelper: 'ເປີດໄຟວໍຕາມປົກກະຕິ ຫຼື ເລືອກຂໍ້ມູນສຳຮອງ JSON ທີ່ມີຢູ່ເພື່ອເລີ່ມຕົ້ນ ແລະ ກູ້ຄືນກົດ.',
         restoreAllRules: 'ເລີ່ມຕົ້ນ ແລະ ກູ້ຄືນກົດ',
         importRuleBackup: 'ນຳເຂົ້າຈາກຂໍ້ມູນສຳຮອງ',
         initializeOnly: 'ເລີ່ມຕົ້ນເທົ່ານັ້ນ',

frontend/src/lang/modules/ms.ts

@@ -499,7 +499,6 @@ const message = {
         recommend: 'Disyorkan',
         dir: 'Direktori',
         alias: 'Alias',
-        quickDirDelete: 'Sahkan pemadaman ({0})?',
         quickDir: 'Akses Pantas',
         minQuickJump: 'Tambah sekurang-kurangnya satu entri akses pantas',
         maxQuickJump: 'Anda boleh menambah sehingga empat entri akses pantas',
@@ -1532,14 +1531,6 @@ const message = {
             extraHeaders: 'Pengepala Tambahan',
         },
         vllmMonitor: {
-            concurrency: 'Permintaan serentak semasa',
-            sampleMoment: 'Pada masa pensampelan',
-            sampleWindow: 'Selang pensampelan',
-            requestUnit: 'permintaan',
-            processing: 'Sedang diproses',
-            queued: 'Dalam baris gilir',
-            requestTiming: 'Tempoh permintaan',
-            completedRequests: 'Permintaan selesai dalam selang masa',
             tokensPerSecond: 'tokens/s',
             requestsPerSecond: 'Permintaan/s',
             finishReasonLabels: {
@@ -3014,6 +3005,20 @@ const message = {
         remote: 'SSH jauh',
     },
     setting: {
+        panelCache: {
+            title: 'Tetapan cache',
+            tabs: 'Cache tab',
+            pagination: 'Cache halaman',
+            refresh: 'Cache sela penyegaran',
+            search: 'Cache input carian',
+            duration: 'Tempoh cache',
+            '24h': '24 jam',
+            week: 'Satu minggu',
+            month: 'Satu bulan',
+            forever: 'Kekal',
+            helper: 'Tempoh sah dikira dari perubahan keadaan terakhir. Selepas tamat tempoh, nilai lalai dipulihkan.',
+        },
+
         panel: 'Panel',
         user: 'Pengguna panel',
         userChange: 'Tukar pengguna panel',
@@ -4371,15 +4376,10 @@ const message = {
         familyIncomplete: 'Rantaian {0} tidak lengkap',
         resetWithBackup: 'Sandarkan peraturan dan tetapkan semula',
         resetOnly: 'Tetapkan semula sahaja',
-        resetWithBackupHelper:
-            'Simpan peraturan modul semasa sebagai JSON untuk dipulihkan semasa pemulaan atau semasa tembok api dimulakan.',
+        resetWithBackupHelper: 'Simpan peraturan modul semasa sebagai JSON untuk dipulihkan semasa pemulaan.',
         resetOnlyHelper: 'Padam peraturan semasa tanpa sandaran baharu. Sandaran sedia ada dikekalkan.',
         backupDirectoryHelper:
             'Sandaran peraturan yang sah dalam {0} disenaraikan di bawah. Fail terkini dipilih secara lalai.',
-        startOnly: 'Mula sahaja',
-        startAndRestore: 'Mula dan pulihkan daripada sandaran',
-        startWithBackupHelper:
-            'Mulakan tembok api seperti biasa atau pilih sandaran JSON sedia ada untuk memulakan dan memulihkan peraturan.',
         restoreAllRules: 'Mulakan dan pulihkan peraturan',
         importRuleBackup: 'Import daripada sandaran',
         initializeOnly: 'Mulakan sahaja',

frontend/src/lang/modules/pt-br.ts

@@ -492,7 +492,6 @@ const message = {
         recommend: 'Recomendado',
         dir: 'Diretório',
         alias: 'Apelido',
-        quickDirDelete: 'Confirmar a exclusão de ({0})?',
         quickDir: 'Acesso rápido',
         minQuickJump: 'Adicione pelo menos uma entrada de acesso rápido',
         maxQuickJump: 'Você pode adicionar até quatro entradas de acesso rápido',
@@ -1528,14 +1527,6 @@ const message = {
             extraHeaders: 'Cabeçalhos extras',
         },
         vllmMonitor: {
-            concurrency: 'Concorrência atual',
-            sampleMoment: 'No momento da coleta',
-            sampleWindow: 'Intervalo de coleta',
-            requestUnit: 'solicitações',
-            processing: 'Em processamento',
-            queued: 'Na fila',
-            requestTiming: 'Tempo das solicitações',
-            completedRequests: 'Solicitações concluídas no intervalo',
             tokensPerSecond: 'tokens/s',
             requestsPerSecond: 'Solicitações/s',
             finishReasonLabels: {
@@ -3013,6 +3004,20 @@ const message = {
         remote: 'SSH remoto',
     },
     setting: {
+        panelCache: {
+            title: 'Configurações de cache',
+            tabs: 'Cache de abas',
+            pagination: 'Cache de paginação',
+            refresh: 'Cache do intervalo de atualização',
+            search: 'Cache do campo de pesquisa',
+            duration: 'Duração do cache',
+            '24h': '24 horas',
+            week: 'Uma semana',
+            month: 'Um mês',
+            forever: 'Permanente',
+            helper: 'O prazo é contado a partir da última alteração de estado. Após a expiração, os valores padrão são restaurados.',
+        },
+
         panel: 'Painel',
         user: 'Usuário do painel',
         userChange: 'Alterar usuário do painel',
@@ -4393,15 +4398,10 @@ const message = {
         familyIncomplete: 'As cadeias de {0} estão incompletas',
         resetWithBackup: 'Salvar regras e redefinir',
         resetOnly: 'Apenas redefinir',
-        resetWithBackupHelper:
-            'Salve as regras do módulo atual em JSON para restaurá-las ao inicializar ou iniciar o firewall.',
+        resetWithBackupHelper: 'Salve as regras do módulo atual em JSON para restaurá-las durante a inicialização.',
         resetOnlyHelper: 'Limpar as regras atuais sem criar um novo backup. Os backups existentes são mantidos.',
         backupDirectoryHelper:
             'Os backups válidos de regras em {0} são listados abaixo. O mais recente é selecionado por padrão.',
-        startOnly: 'Apenas iniciar',
-        startAndRestore: 'Iniciar e restaurar do backup',
-        startWithBackupHelper:
-            'Inicie o firewall normalmente ou escolha um backup JSON existente para iniciar e restaurar regras.',
         restoreAllRules: 'Inicializar e restaurar regras',
         importRuleBackup: 'Importar do backup',
         initializeOnly: 'Apenas inicializar',

frontend/src/lang/modules/ru.ts

@@ -491,7 +491,6 @@ const message = {
         recommend: 'Рекомендуемое',
         dir: 'Каталог',
         alias: 'Псевдоним',
-        quickDirDelete: 'Подтвердить удаление ({0})?',
         quickDir: 'Быстрый доступ',
         minQuickJump: 'Добавьте хотя бы одну запись быстрого доступа',
         maxQuickJump: 'Вы можете добавить до четырех записей быстрого доступа',
@@ -1521,14 +1520,6 @@ const message = {
             extraHeaders: 'Дополнительные заголовки',
         },
         vllmMonitor: {
-            concurrency: 'Текущие параллельные запросы',
-            sampleMoment: 'На момент замера',
-            sampleWindow: 'Интервал замера',
-            requestUnit: 'запросов',
-            processing: 'В обработке',
-            queued: 'В очереди',
-            requestTiming: 'Время обработки запросов',
-            completedRequests: 'Завершённые запросы за интервал',
             tokensPerSecond: 'tokens/с',
             requestsPerSecond: 'Запросов/с',
             finishReasonLabels: {
@@ -2986,6 +2977,20 @@ const message = {
         remote: 'Удаленный SSH',
     },
     setting: {
+        panelCache: {
+            title: 'Настройки кэша',
+            tabs: 'Кэш вкладок',
+            pagination: 'Кэш пагинации',
+            refresh: 'Кэш интервала обновления',
+            search: 'Кэш поискового запроса',
+            duration: 'Срок хранения кэша',
+            '24h': '24 часа',
+            week: 'Одна неделя',
+            month: 'Один месяц',
+            forever: 'Бессрочно',
+            helper: 'Срок хранения отсчитывается с последнего изменения состояния. После его истечения восстанавливаются значения по умолчанию.',
+        },
+
         panel: 'Панель',
         user: 'Пользователь панели',
         userChange: 'Изменить пользователя панели',
@@ -4359,15 +4364,10 @@ const message = {
         familyIncomplete: 'Цепочки {0} неполны',
         resetWithBackup: 'Сохранить правила и сбросить',
         resetOnly: 'Только сбросить',
-        resetWithBackupHelper:
-            'Сохраните правила текущего модуля в JSON для восстановления при инициализации или запуске.',
+        resetWithBackupHelper: 'Сохраните правила текущего модуля в JSON для восстановления при инициализации.',
         resetOnlyHelper: 'Удалить текущие правила без создания новой копии. Существующие копии сохраняются.',
         backupDirectoryHelper:
             'Ниже перечислены действительные резервные копии правил из {0}. По умолчанию выбрана самая новая.',
-        startOnly: 'Только запуск',
-        startAndRestore: 'Запустить и восстановить из резервной копии',
-        startWithBackupHelper:
-            'Запустите брандмауэр как обычно или выберите существующую копию JSON для запуска и восстановления правил.',
         restoreAllRules: 'Инициализировать и восстановить правила',
         importRuleBackup: 'Импортировать из резервной копии',
         initializeOnly: 'Только инициализировать',

frontend/src/lang/modules/tr.ts

@@ -495,7 +495,6 @@ const message = {
         recommend: 'Önerilen',
         dir: 'Dizin',
         alias: 'Takma Ad',
-        quickDirDelete: '({0}) silinsin mi?',
         quickDir: 'Hızlı Erişim',
         minQuickJump: 'En az bir hızlı erişim girdisi ekleyin',
         maxQuickJump: 'En fazla dört hızlı erişim girdisi ekleyebilirsiniz',
@@ -1528,14 +1527,6 @@ const message = {
             extraHeaders: 'Ek Başlıklar',
         },
         vllmMonitor: {
-            concurrency: 'Mevcut eşzamanlı istekler',
-            sampleMoment: 'Örnekleme anında',
-            sampleWindow: 'Örnekleme aralığı',
-            requestUnit: 'istek',
-            processing: 'İşleniyor',
-            queued: 'Kuyrukta',
-            requestTiming: 'İstek süreleri',
-            completedRequests: 'Aralıkta tamamlanan istek sayısı',
             tokensPerSecond: 'tokens/sn',
             requestsPerSecond: 'İstek/sn',
             finishReasonLabels: {
@@ -3004,6 +2995,20 @@ const message = {
         remote: 'Uzak SSH',
     },
     setting: {
+        panelCache: {
+            title: 'Önbellek ayarları',
+            tabs: 'Sekme önbelleği',
+            pagination: 'Sayfalama önbelleği',
+            refresh: 'Yenileme aralığı önbelleği',
+            search: 'Arama alanı önbelleği',
+            duration: 'Önbellek süresi',
+            '24h': '24 saat',
+            week: 'Bir hafta',
+            month: 'Bir ay',
+            forever: 'Süresiz',
+            helper: 'Geçerlilik süresi son durum değişikliğinden itibaren hesaplanır. Süre dolduğunda varsayılan değerler geri yüklenir.',
+        },
+
         panel: 'Panel',
         user: 'Panel kullanıcısı',
         userChange: 'Panel kullanıcısını değiştir',
@@ -4377,15 +4382,10 @@ const message = {
         familyIncomplete: '{0} zincirleri eksik',
         resetWithBackup: 'Kuralları yedekle ve sıfırla',
         resetOnly: 'Yalnızca sıfırla',
-        resetWithBackupHelper:
-            'Geçerli modül kurallarını ilk kurulumda veya güvenlik duvarı başlatılırken geri yüklemek için JSON olarak kaydedin.',
+        resetWithBackupHelper: 'Geçerli modül kurallarını başlatma sırasında geri yüklemek için JSON olarak kaydedin.',
         resetOnlyHelper: 'Yeni yedek oluşturmadan mevcut kuralları temizleyin. Önceki yedekler korunur.',
         backupDirectoryHelper:
             '{0} içindeki geçerli kural yedekleri listelenir. Varsayılan olarak en yeni dosya seçilir.',
-        startOnly: 'Yalnızca başlat',
-        startAndRestore: 'Başlat ve yedekten geri yükle',
-        startWithBackupHelper:
-            'Güvenlik duvarını normal başlatın veya başlatıp kuralları geri yüklemek için mevcut bir JSON yedeği seçin.',
         restoreAllRules: 'Başlat ve kuralları geri yükle',
         importRuleBackup: 'Yedekten içe aktar',
         initializeOnly: 'Yalnızca başlat',

frontend/src/lang/modules/zh-Hant.ts

@@ -473,7 +473,6 @@ const message = {
         recommend: '推薦',
         dir: '目錄',
         alias: '別名',
-        quickDirDelete: '確定刪除（{0}）',
         quickDir: '快捷目錄',
         minQuickJump: '請至少設定一個快速跳轉入口',
         maxQuickJump: '最多可設定四個快速跳轉入口',
@@ -1438,14 +1437,6 @@ const message = {
             extraHeaders: '額外請求標頭',
         },
         vllmMonitor: {
-            concurrency: '目前並行請求',
-            sampleMoment: '取樣時刻',
-            sampleWindow: '統計區間',
-            requestUnit: '個請求',
-            processing: '處理中',
-            queued: '排隊中',
-            requestTiming: '請求耗時',
-            completedRequests: '區間完成請求數',
             tokensPerSecond: 'tokens/秒',
             requestsPerSecond: '請求/秒',
             finishReasonLabels: {
@@ -2795,6 +2786,20 @@ const message = {
         stopSSHWarn: '是否斷開此SSH連接',
     },
     setting: {
+        panelCache: {
+            title: '快取設定',
+            tabs: '標籤頁快取',
+            pagination: '分頁快取',
+            refresh: '重新整理頻率快取',
+            search: '搜尋輸入框快取',
+            duration: '快取時間',
+            '24h': '24h',
+            week: '一週',
+            month: '一個月',
+            forever: '永久',
+            helper: '有效期從狀態最後一次修改開始計算；過期後恢復預設值。',
+        },
+
         panel: '面板',
         user: '面板使用者',
         userChange: '修改面板使用者',
@@ -4019,12 +4024,9 @@ const message = {
         familyIncomplete: '{0} 鏈不完整',
         resetWithBackup: '備份規則後重置',
         resetOnly: '僅重置',
-        resetWithBackupHelper: '將目前模組的規則儲存為 JSON，之後可在初始化或啟動時選擇備份還原。',
+        resetWithBackupHelper: '將目前模組的規則儲存為 JSON，之後可在初始化時選擇備份還原。',
         resetOnlyHelper: '不建立新備份，直接清理目前規則；保留既有歷史備份。',
         backupDirectoryHelper: '自動讀取 {0} 下的有效規則備份，預設選擇最新檔案。',
-        startOnly: '僅啟動',
-        startAndRestore: '啟動並從備份還原',
-        startWithBackupHelper: '可正常啟動防火牆，或選擇現有的 JSON 備份啟動並還原規則。',
         restoreAllRules: '初始化並還原規則',
         importRuleBackup: '從備份匯入',
         initializeOnly: '僅初始化',

frontend/src/lang/modules/zh.ts

@@ -473,7 +473,6 @@ const message = {
         recommend: '推荐',
         dir: '目录',
         alias: '别名',
-        quickDirDelete: '确定删除（{0}）',
         quickDir: '快捷目录',
         minQuickJump: '请至少设置一个快速跳转入口！',
         maxQuickJump: '最多可设置四个快速跳转入口！',
@@ -1451,14 +1450,6 @@ const message = {
             extraHeaders: '额外请求头',
         },
         vllmMonitor: {
-            concurrency: '当前并发',
-            sampleMoment: '采样时刻',
-            sampleWindow: '统计区间',
-            requestUnit: '个请求',
-            processing: '处理中',
-            queued: '排队中',
-            requestTiming: '请求耗时',
-            completedRequests: '区间完成请求数',
             tokensPerSecond: 'tokens/秒',
             requestsPerSecond: '请求/秒',
             finishReasonLabels: {
@@ -2826,6 +2817,20 @@ const message = {
         stopSSHWarn: '是否断开此SSH连接',
     },
     setting: {
+        panelCache: {
+            title: '缓存设置',
+            tabs: '标签页缓存',
+            pagination: '翻页缓存',
+            refresh: '刷新频率缓存',
+            search: '搜索输入框缓存',
+            duration: '缓存时间',
+            '24h': '24h',
+            week: '一周',
+            month: '一月',
+            forever: '永久',
+            helper: '有效期从状态最后一次修改开始计算；过期后恢复默认值。',
+        },
+
         panel: '面板',
         user: '面板用户',
         userChange: '修改面板用户',
@@ -4064,12 +4069,9 @@ const message = {
         familyIncomplete: '{0} 链不完整',
         resetWithBackup: '备份规则后重置',
         resetOnly: '仅重置',
-        resetWithBackupHelper: '将当前模块的规则保存为 JSON，后续可在初始化或启动时选择备份恢复。',
+        resetWithBackupHelper: '将当前模块的规则保存为 JSON，后续可在初始化时选择备份恢复。',
         resetOnlyHelper: '不生成新备份，直接清理当前规则；已有历史备份保留。',
         backupDirectoryHelper: '自动读取 {0} 下的有效规则备份，默认选择最新文件。',
-        startOnly: '仅启动',
-        startAndRestore: '启动并从备份恢复',
-        startWithBackupHelper: '可正常启动防火墙，或选择已有的 JSON 备份启动并恢复规则。',
         restoreAllRules: '初始化并恢复规则',
         importRuleBackup: '从备份导入',
         initializeOnly: '仅初始化',

frontend/src/layout/components/Sidebar/index.vue

@@ -55,6 +55,7 @@
 </template>
 
 <script setup lang="ts">
+import { applyPanelCacheSettings } from '@/utils/panel-cache';
 import { ref, computed, onBeforeUnmount, onMounted, watch } from 'vue';
 import { RouteRecordRaw, useRoute, useRouter } from 'vue-router';
 import { loadingSvg } from '@/utils/svg';
@@ -141,6 +142,7 @@ const search = async () => {
         settingInfo = res.data;
         version.value = res.data.systemVersion;
         menuAccordion.value = res.data.menuAccordion === 'Enable';
+        applyPanelCacheSettings(res.data.panelCache);
     } catch (error) {
         version.value = '';
     }

frontend/src/layout/index.vue

@@ -54,6 +54,7 @@
 </template>
 
 <script setup lang="ts">
+import { prunePanelCache } from '@/utils/panel-cache';
 import { onMounted, computed, ref, watch, onBeforeUnmount } from 'vue';
 import { Sidebar, Footer, AppMain, MobileHeader, Tabs } from './components';
 import TerminalHost from '@/components/terminal/host.vue';
@@ -106,6 +107,7 @@ const loadingText = computed(() =>
 );
 
 let timer: NodeJS.Timer | null = null;
+let cacheCleanupTimer: ReturnType<typeof setInterval> | undefined;
 
 const classObj = computed(() => {
     return {
@@ -186,10 +188,12 @@ const loadStatus = async () => {
     }
 };
 onBeforeUnmount(() => {
+    clearInterval(cacheCleanupTimer);
     clearInterval(Number(timer));
     timer = null;
 });
 onMounted(() => {
+    cacheCleanupTimer = setInterval(() => prunePanelCache(), 300000);
     if (openMenuTabs.value && !tabsStore.activeTabPath) {
         handleMenuClick('/');
     }

frontend/src/routers/index.ts

@@ -1,3 +1,4 @@
+import { panelCacheKey, readPanelCache, writePanelCache, removePanelCache, prunePanelCache } from '@/utils/panel-cache';
 import router from '@/routers/router';
 import NProgress from '@/config/nprogress';
 import { useGlobalStore } from '@/composables/useGlobalStore';
@@ -102,29 +103,34 @@ router.beforeEach(async (to, from) => {
     if (to.name === 'Expired') {
         return true;
     }
-    const activeMenuKey = 'cachedRoute' + (to.meta.activeMenu || '');
+    const activeMenuKey = panelCacheKey(String(to.meta.activeMenu || ''));
     if (to.query.uncached != undefined) {
         const query = { ...to.query };
         delete query.uncached;
-        localStorage.removeItem(activeMenuKey);
+        removePanelCache('tabs', activeMenuKey);
         return { path: to.path, query };
     }
 
-    const cachedRoute = localStorage.getItem(activeMenuKey);
+    const cachedRoute = readPanelCache<string>('tabs', activeMenuKey);
     if (
         to.meta.activeMenu &&
         to.meta.activeMenu != from.meta.activeMenu &&
+        typeof cachedRoute === 'string' &&
         cachedRoute &&
         cachedRoute !== to.path &&
         !isRedirecting
     ) {
         const cachedRouteInfo = router.resolve(cachedRoute);
-        if (cachedRouteInfo.matched.length > 0 && hasRouteAccess(cachedRouteInfo)) {
+        if (
+            cachedRouteInfo.matched.length > 0 &&
+            cachedRouteInfo.meta.activeMenu === to.meta.activeMenu &&
+            hasRouteAccess(cachedRouteInfo)
+        ) {
             isRedirecting = true;
             NProgress.done();
             return cachedRoute;
         }
-        localStorage.removeItem(activeMenuKey);
+        removePanelCache('tabs', activeMenuKey);
     }
 
     if (!hasRouteAccess(to)) {
@@ -135,7 +141,13 @@ router.beforeEach(async (to, from) => {
     return true;
 });
 
-router.afterEach((to) => {
+router.afterEach((to, _from, failure) => {
+    prunePanelCache();
+    if (failure) {
+        isRedirecting = false;
+        NProgress.done();
+        return;
+    }
     if (to.meta.activeMenu && !to.meta.ignoreTab && !isRedirecting) {
         let notMathParam = true;
         if (to.matched.some((record) => record.path.includes(':'))) {
@@ -143,13 +155,13 @@ router.afterEach((to) => {
         }
         if (notMathParam) {
             if (to.meta.activeMenu === '/cronjobs' && to.path === '/cronjobs/cronjob/operate') {
-                localStorage.setItem('cachedRoute' + to.meta.activeMenu, '/cronjobs/cronjob');
+                writePanelCache('tabs', panelCacheKey(String(to.meta.activeMenu)), '/cronjobs/cronjob');
             } else if (to.meta.activeMenu === '/containers' && to.path === '/containers/container/operate') {
-                localStorage.setItem('cachedRoute' + to.meta.activeMenu, '/containers/container');
+                writePanelCache('tabs', panelCacheKey(String(to.meta.activeMenu)), '/containers/container');
             } else if (to.meta.activeMenu === '/toolbox' && to.path === '/toolbox/clam/setting') {
-                localStorage.setItem('cachedRoute' + to.meta.activeMenu, '/toolbox/clam');
+                writePanelCache('tabs', panelCacheKey(String(to.meta.activeMenu)), '/toolbox/clam');
             } else {
-                localStorage.setItem('cachedRoute' + to.meta.activeMenu, to.path);
+                writePanelCache('tabs', panelCacheKey(String(to.meta.activeMenu)), to.path);
             }
         }
     }

frontend/src/store/interface/index.ts

@@ -1,5 +1,6 @@
 import { RouteRecordRaw } from 'vue-router';
 import { DeviceType } from '@/enums/app';
+import type { PanelCacheSettings } from '@/utils/panel-cache';
 export interface ThemeConfigProp {
     panelName: string;
     primary: string;
@@ -34,6 +35,8 @@ export interface GlobalState {
     isFullScreen: boolean;
     openMenuTabs: boolean;
     menuAccordion: boolean;
+    panelCache: PanelCacheSettings;
+    cacheUserID: string;
     watermark: Watermark | null;
     watermarkShow: boolean;
     isLoading: boolean;

frontend/src/store/modules/global.ts

@@ -6,6 +6,7 @@ import { DeviceType } from '@/enums/app';
 import i18n, { setActiveLocale } from '@/lang';
 import { isMasterOnlyPermissionCode, setMasterOnlyPermissionCodes, toManageCode } from '@/utils/permission-codes';
 import { clearPageStateCache } from '@/utils/page-state-cache';
+import { defaultPanelCache } from '@/utils/panel-cache';
 
 const CN_DOCS_URL = 'https://docs.fit2cloud.com/1panel';
 const INTL_DOCS_URL = 'https://1panel.pro/docs/v2';
@@ -33,6 +34,8 @@ const GlobalStore = defineStore('GlobalState', {
         isFullScreen: false,
         openMenuTabs: false,
         menuAccordion: false,
+        panelCache: { ...defaultPanelCache },
+        cacheUserID: '',
         watermark: null,
         watermarkShow: false,
         isLoading: false,
@@ -123,6 +126,7 @@ const GlobalStore = defineStore('GlobalState', {
         },
         clearAuthInfo() {
             clearPageStateCache();
+            this.cacheUserID = '';
             this.permissions = [];
             this.masterOnlyPermissions = [];
             this.nodeRoles = [];

frontend/src/store/modules/process.ts

@@ -1,6 +1,5 @@
-import { bindSearchReset } from '@/utils/search-reset';
-import router from '@/routers/router';
-import { useGlobalStore } from '@/composables/useGlobalStore';
+import { bindSearchState } from '@/utils/search-reset';
+import { panelCacheKey } from '@/utils/panel-cache';
 import { defineStore } from 'pinia';
 import { ref, reactive, toRef } from 'vue';
 import { MsgError } from '@/utils/message';
@@ -49,8 +48,7 @@ export const ProcessStore = defineStore('ProcessStore', () => {
         port: undefined,
     });
 
-    const { currentNode } = useGlobalStore();
-    bindSearchReset([() => router.currentRoute.value.path, currentNode], {
+    const searchState = bindSearchState(() => panelCacheKey('host/process'), {
         pid: toRef(psSearch, 'pid'),
         name: toRef(psSearch, 'name'),
         username: toRef(psSearch, 'username'),
@@ -321,6 +319,7 @@ export const ProcessStore = defineStore('ProcessStore', () => {
     };
 
     return {
+        restoreSearchState: searchState.restore,
         isConnected,
         isConnecting,
         psData,

frontend/src/utils/panel-cache.ts

@@ -0,0 +1,130 @@
+import GlobalStore from '@/store/modules/global';
+
+export type CacheCategory = 'tabs' | 'pagination' | 'refresh' | 'search';
+export interface PanelCacheSettings {
+    tabs: boolean;
+    pagination: boolean;
+    refresh: boolean;
+    search: boolean;
+    duration: '24h' | 'week' | 'month' | 'forever';
+}
+export const defaultPanelCache: PanelCacheSettings = {
+    tabs: true,
+    pagination: true,
+    refresh: true,
+    search: false,
+    duration: '24h',
+};
+const categories: CacheCategory[] = ['tabs', 'pagination', 'refresh', 'search'];
+const durations = { '24h': 86400000, week: 604800000, month: 2592000000, forever: Infinity };
+const prefix = '1panel:page-cache:v1:';
+interface CacheEntry {
+    category: CacheCategory;
+    updatedAt: number;
+    value: unknown;
+}
+
+export const applyPanelCacheSettings = (raw: string) => {
+    let value: Partial<PanelCacheSettings> = {};
+    try {
+        value = JSON.parse(raw) || {};
+    } catch {
+        // Older servers do not return this setting yet.
+    }
+    const settings = { ...defaultPanelCache };
+    for (const category of categories) {
+        if (typeof value[category] === 'boolean') settings[category] = value[category];
+    }
+    if (Object.hasOwn(durations, value.duration || '')) settings.duration = value.duration;
+    const store = GlobalStore();
+    const changed =
+        settings.duration !== store.panelCache.duration ||
+        categories.some((category) => settings[category] !== store.panelCache[category]);
+    if (changed) store.panelCache = settings;
+    // Repeated settings loads share the normal cleanup interval.
+    prunePanelCache(changed);
+};
+
+export const panelCacheKey = (key: string): string => {
+    const { cacheUserID, currentNode } = GlobalStore();
+    return JSON.stringify([cacheUserID, currentNode, key]);
+};
+const storageKey = (category: CacheCategory, key: string) => prefix + JSON.stringify([category, key]);
+const validEntry = (entry: CacheEntry, settings: PanelCacheSettings, now: number) => {
+    return (
+        entry &&
+        categories.includes(entry.category) &&
+        settings[entry.category] &&
+        Number.isFinite(entry.updatedAt) &&
+        entry.updatedAt <= now &&
+        now - entry.updatedAt < durations[settings.duration]
+    );
+};
+
+export const readPanelCache = <T>(category: CacheCategory, key: string): T | undefined => {
+    const store = GlobalStore();
+    if (!store.cacheUserID || !store.panelCache[category]) return;
+    try {
+        const target = storageKey(category, key);
+        const raw = localStorage.getItem(target);
+        if (!raw) return;
+        const entry: CacheEntry = JSON.parse(raw);
+        if (entry.category === category && validEntry(entry, store.panelCache, Date.now())) return entry.value as T;
+        localStorage.removeItem(target);
+    } catch {
+        // Storage can be unavailable or contain invalid data; use page defaults.
+    }
+};
+
+export const writePanelCache = (category: CacheCategory, key: string, value: unknown) => {
+    const store = GlobalStore();
+    if (!store.cacheUserID || !store.panelCache[category]) return;
+    try {
+        // Repeated visits and unchanged values must not extend the expiration time.
+        const previous = readPanelCache(category, key);
+        if (previous !== undefined && JSON.stringify(previous) === JSON.stringify(value)) return;
+        localStorage.setItem(storageKey(category, key), JSON.stringify({ category, updatedAt: Date.now(), value }));
+    } catch {
+        // A full or disabled localStorage must not block page interactions.
+    }
+};
+
+export const removePanelCache = (category: CacheCategory, key: string) => {
+    try {
+        localStorage.removeItem(storageKey(category, key));
+    } catch {
+        /* Storage is optional. */
+    }
+};
+
+let lastPruned = 0;
+export const prunePanelCache = (force = false) => {
+    const now = Date.now();
+    if (!force && now - lastPruned < 300000) return;
+    lastPruned = now;
+    const settings = GlobalStore().panelCache;
+    try {
+        for (let index = localStorage.length - 1; index >= 0; index--) {
+            const key = localStorage.key(index);
+            if (!key) continue;
+            if (key.startsWith('1panel:search-state:v2:') || key.startsWith('cachedRoute')) {
+                // Legacy entries have neither ownership nor timestamps and cannot be safely restored.
+                localStorage.removeItem(key);
+            } else if (key.startsWith(prefix)) {
+                try {
+                    if (validEntry(JSON.parse(localStorage.getItem(key)), settings, now)) continue;
+                } catch {
+                    /* Remove malformed entries too. */
+                }
+                localStorage.removeItem(key);
+            }
+        }
+    } catch {
+        /* Storage is optional. */
+    }
+};
+
+export const readCachedPageSize = (key: string): number | undefined => {
+    const value = readPanelCache<number>('pagination', panelCacheKey(`size:${key}`));
+    return Number.isInteger(value) && value > 0 ? value : undefined;
+};

frontend/src/utils/rbac.ts

@@ -22,6 +22,7 @@ export const syncAuthInfo = async (currentNode?: string) => {
     const storeCurrentNode = globalStore.currentNode;
     if (!globalStore.isEnterprise) {
         const res = await getUserInfo();
+        globalStore.cacheUserID = `community:${res.data.id}`;
         globalStore.setAuthInfo({
             isAdmin: res.data.role === 'ADMIN',
             permissions: res.data.permissions || [],
@@ -31,6 +32,7 @@ export const syncAuthInfo = async (currentNode?: string) => {
         return res.data;
     }
     const res = await getEnterpriseUserInfo(currentNode ?? storeCurrentNode);
+    globalStore.cacheUserID = `enterprise:${res.data.id}`;
     globalStore.setAuthInfo({
         isAdmin: res.data.role === 'ADMIN',
         permissions: res.data.permissions || [],

frontend/src/utils/search-reset.ts

@@ -1,12 +1,165 @@
-import { watch, type Ref, type WatchSource } from 'vue';
+import { storeToRefs } from 'pinia';
+import { nextTick, onActivated, onDeactivated, onScopeDispose, watch, type Ref } from 'vue';
+import { panelCacheKey, readPanelCache, writePanelCache } from '@/utils/panel-cache';
+import GlobalStore from '@/store/modules/global';
 
 export type SearchFields = Record<string, Ref<string | number | undefined>>;
+type SearchValues = Record<string, string | number | undefined>;
 
-export const bindSearchReset = (sources: WatchSource[], fields: SearchFields) => {
-    const defaults = Object.values(fields).map((field) => ({ field, value: field.value }));
-    const reset = () => {
-        for (const { field, value } of defaults) field.value = value;
+// Keep categories separate so changing search text does not renew pagination's lifetime.
+const searchStorage = {
+    save(key: string, values: SearchValues) {
+        for (const category of ['search', 'pagination'] as const) {
+            const entries = Object.entries(values).filter(
+                ([name]) => (name === 'page' || name === 'pageSize') === (category === 'pagination'),
+            );
+            if (entries.length) {
+                writePanelCache(
+                    category,
+                    key,
+                    Object.fromEntries(entries.map(([name, value]) => [name, value ?? null])),
+                );
+            }
+        }
+    },
+    read(key: string): SearchValues {
+        const values = {
+            ...readPanelCache<SearchValues>('search', key),
+            ...readPanelCache<SearchValues>('pagination', key),
+        };
+        return Object.fromEntries(
+            Object.entries(values)
+                .filter(
+                    ([, value]) =>
+                        value === null ||
+                        typeof value === 'string' ||
+                        (typeof value === 'number' && Number.isFinite(value)),
+                )
+                .map(([name, value]) => [name, value === null ? undefined : value]),
+        );
+    },
+};
+
+export const bindSearchState = (key: () => string | undefined, fields: SearchFields, storage = searchStorage) => {
+    const defaults = Object.fromEntries(Object.entries(fields).map(([name, field]) => [name, field.value]));
+    const names = Object.keys(fields).sort((left, right) => Number(left === 'page') - Number(right === 'page'));
+    let pending: { key: string; values: SearchValues } | undefined;
+    let queued = false;
+    const flush = () => {
+        if (!pending) return;
+        const snapshot = pending;
+        pending = undefined;
+        storage.save(snapshot.key, snapshot.values);
     };
-    watch(sources, reset, { flush: 'sync' });
-    return reset;
+    let restoring = false;
+    let activeKey: string | undefined;
+    let active = true;
+    let resuming = false;
+    let resumeVersion = 0;
+    const pause = () => {
+        flush();
+        active = false;
+        resuming = false;
+        resumeVersion++;
+    };
+    onScopeDispose(pause);
+    const restore = () => {
+        // Commit the previous node/resource before restoring another one.
+        flush();
+        activeKey = key();
+        if (!activeKey) return;
+        const saved = storage.read(activeKey) || defaults;
+        restoring = true;
+        try {
+            // Restore pagination last: search/filter watchers may reset it to page one.
+            for (const name of names) {
+                const value = Object.hasOwn(saved, name) ? saved[name] : defaults[name];
+                const initial = defaults[name];
+                const invalidPage =
+                    (name === 'page' || name === 'pageSize') &&
+                    (typeof value !== 'number' || !Number.isInteger(value) || value < 1);
+                fields[name].value =
+                    invalidPage || (initial !== undefined && value !== undefined && typeof value !== typeof initial)
+                        ? initial
+                        : value;
+            }
+        } finally {
+            restoring = false;
+        }
+    };
+    watch(
+        key,
+        () => {
+            if (active || resuming) restore();
+        },
+        { immediate: true, flush: 'sync' },
+    );
+    watch(
+        () => Object.fromEntries(Object.entries(fields).map(([name, field]) => [name, field.value])),
+        (values, previous) => {
+            if (restoring || !active || !activeKey) return;
+            const changed = Object.entries(values).filter(([name, value]) => value !== previous[name]);
+            const paginationChanged = changed.some(([name]) => name === 'page' || name === 'pageSize');
+            const searchChanged = changed.some(([name]) => name !== 'page' && name !== 'pageSize');
+            const snapshot = Object.fromEntries(
+                Object.entries(values).filter(([name]) =>
+                    name === 'page' || name === 'pageSize' ? paginationChanged : searchChanged,
+                ),
+            );
+            pending = { key: activeKey, values: { ...pending?.values, ...snapshot } };
+            if (queued) return;
+            queued = true;
+            queueMicrotask(() => {
+                queued = false;
+                flush();
+            });
+        },
+        { flush: 'sync' },
+    );
+    return {
+        restore,
+        pause,
+        resume: async () => {
+            const version = ++resumeVersion;
+            resuming = true;
+            active = false;
+            restore();
+            const restoredKey = activeKey;
+            const page = fields.page?.value;
+            await nextTick();
+            if (version !== resumeVersion) return false;
+            // Search watchers may reset the page while restoring a changed query.
+            if (activeKey === restoredKey && fields.page && page !== undefined) fields.page.value = page;
+            active = true;
+            resuming = false;
+            return true;
+        },
+    };
+};
+
+interface SearchStateOptions {
+    scope?: () => string | number | undefined;
+    onRevisit: () => unknown;
+}
+
+/** Keep queries across page visits and reload data when a cached page becomes active. */
+export const useSearchState = (page: string, fields: SearchFields, options: SearchStateOptions) => {
+    const { cacheUserID } = storeToRefs(GlobalStore());
+    const binding = bindSearchState(() => {
+        const scope = options.scope?.();
+        if (options.scope && scope === undefined) return undefined;
+        // Track account and node changes, including initial auth synchronisation.
+        if (!cacheUserID.value) return undefined;
+        return panelCacheKey(JSON.stringify([page, scope ?? '']));
+    }, fields);
+    let deactivated = false;
+    onDeactivated(() => {
+        deactivated = true;
+        binding.pause();
+    });
+    onActivated(async () => {
+        if (!deactivated) return;
+        deactivated = false;
+        if (await binding.resume()) return options.onRevisit();
+    });
 };

frontend/src/utils/xpack.ts

@@ -1,3 +1,4 @@
+import { applyPanelCacheSettings } from '@/utils/panel-cache';
 import {
     getLicenseStatus,
     getMasterLicenseStatus,
@@ -86,6 +87,7 @@ const loadDataFromDB = async () => {
     globalStore.entrance = res.data.securityEntrance;
     globalStore.openMenuTabs = res.data.menuTabs === 'Enable';
     globalStore.menuAccordion = res.data.menuAccordion === 'Enable';
+    applyPanelCacheSettings(res.data.panelCache);
 };
 
 export async function loadProductProFromDB() {

frontend/src/views/ai/agents/agent/config/tabs/plugins.vue

@@ -172,7 +172,7 @@
 </template>
 
 <script setup lang="ts">
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { computed, ref, watch } from 'vue';
 import { Refresh, Search } from '@element-plus/icons-vue';
 import { ElMessageBox } from 'element-plus';
@@ -193,7 +193,8 @@ const searching = ref(false);
 const operating = ref('');
 const keyword = ref('');
 const marketKeyword = ref('');
-useSearchReset(
+useSearchState(
+    'ai/agents/agent/config/tabs/plugins',
     { keyword, marketKeyword },
     {
         scope: () => agentId.value || undefined,

frontend/src/views/ai/agents/agent/config/tabs/skills/hermes.vue

@@ -138,7 +138,7 @@
 </template>
 
 <script setup lang="ts">
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { computed, ref, watch } from 'vue';
 import { Refresh, Search } from '@element-plus/icons-vue';
 import { useI18n } from 'vue-i18n';
@@ -169,7 +169,8 @@ const getDefaultMarketSource = (): HermesSkillMarketSource => {
 const marketSource = ref<HermesSkillMarketSource>(getDefaultMarketSource());
 const marketSearched = ref(false);
 const agentId = ref(0);
-useSearchReset(
+useSearchState(
+    'ai/agents/agent/config/tabs/skills/hermes',
     { installedKeyword, marketKeyword },
     {
         scope: () => agentId.value || undefined,

frontend/src/views/ai/agents/agent/config/tabs/skills/openclaw.vue

@@ -142,7 +142,7 @@
 </template>
 
 <script setup lang="ts">
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { computed, ref, watch } from 'vue';
 import { Refresh, Search } from '@element-plus/icons-vue';
 import { useI18n } from 'vue-i18n';
@@ -181,7 +181,8 @@ const getDefaultMarketSource = (): SkillMarketSource => {
 const marketSource = ref<SkillMarketSource>(getDefaultMarketSource());
 const marketSearched = ref(false);
 const agentId = ref(0);
-useSearchReset(
+useSearchState(
+    'ai/agents/agent/config/tabs/skills/openclaw',
     { installedKeyword, marketKeyword },
     {
         scope: () => agentId.value || undefined,

frontend/src/views/ai/agents/agent/index.vue

@@ -272,7 +272,7 @@
 </template>
 
 <script setup lang="ts">
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { toRef, defineAsyncComponent, onMounted, reactive, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { deleteAgentCheck, pageAgents, resetAgentToken, unbindAgentWebsite, updateAgentRemark } from '@/api/modules/ai';
@@ -400,7 +400,11 @@ const paginationConfig = reactive({
     pageSize: 10,
     total: 0,
 });
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'ai/agents/agent/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const checkNoApp = async () => {
     try {

frontend/src/views/ai/agents/model/index.vue

@@ -69,7 +69,7 @@
 </template>
 
 <script setup lang="ts">
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { toRef, onMounted, reactive, ref } from 'vue';
 import { deleteAgentAccount, getAgentProviders, pageAgentAccounts } from '@/api/modules/ai';
 import { AI } from '@/api/interface/ai';
@@ -111,7 +111,11 @@ const paginationConfig = reactive({
     pageSize: 10,
     total: 0,
 });
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'ai/agents/model/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const search = async () => {
     const req: AI.AgentAccountSearch = {

frontend/src/views/ai/mcp/server/index.vue

@@ -98,6 +98,8 @@
 </template>
 
 <script lang="ts" setup>
+import { toRef } from 'vue';
+import { useSearchState } from '@/utils/search-reset';
 import { AI } from '@/api/interface/ai';
 import {
     deleteMcpServer,
@@ -129,11 +131,18 @@ const bindDomainRef = ref();
 const configRef = ref();
 const items = ref<AI.McpServer[]>([]);
 const paginationConfig = reactive({
-    cacheSizeKey: 'mcp-server-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('mcp-server-page-size')) || 20,
+    pageSize: 20,
     total: 0,
 });
+useSearchState(
+    'ai/mcp/server/index',
+    {
+        page: toRef(paginationConfig, 'currentPage'),
+        pageSize: toRef(paginationConfig, 'pageSize'),
+    },
+    { onRevisit: () => search() },
+);
 
 const getUrl = (row: AI.McpServer) => {
     if (row.outputTransport == 'sse') {

frontend/src/views/ai/model/ollama/index.vue

@@ -186,7 +186,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import AppStatus from '@/components/app-status/index.vue';
 import AddDialog from '@/views/ai/model/ollama/add/index.vue';
 import Conn from '@/views/ai/model/ollama/conn/index.vue';
@@ -231,13 +231,16 @@ const bindDomainRef = ref();
 const taskLogRef = ref();
 const data = ref();
 const paginationConfig = reactive({
-    cacheSizeKey: 'model-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('page-size')) || 20,
+    pageSize: 20,
     total: 0,
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'ai/model/ollama/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 const appInstallID = ref(0);
 
 const opRef = ref();

frontend/src/views/ai/model/tensorrt/index.vue

@@ -77,6 +77,8 @@
 </template>
 
 <script lang="ts" setup>
+import { toRef } from 'vue';
+import { useSearchState } from '@/utils/search-reset';
 import OperateDialog from './operate/index.vue';
 import ComposeLogs from '@/components/log/compose/index.vue';
 import PortJumpDialog from '@/components/port-jump/index.vue';
@@ -101,6 +103,14 @@ const paginationConfig = reactive({
     pageSize: 10,
     total: 0,
 });
+useSearchState(
+    'ai/model/tensorrt/index',
+    {
+        page: toRef(paginationConfig, 'currentPage'),
+        pageSize: toRef(paginationConfig, 'pageSize'),
+    },
+    { onRevisit: () => search() },
+);
 const searchName = ref();
 const opRef = ref();
 const dialogRef = ref();

frontend/src/views/app-store/apps/index.vue

@@ -70,7 +70,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { App } from '@/api/interface/app';
 import { toRef, onMounted, reactive, ref } from 'vue';
 import { searchApp, syncApp, syncCutomAppStore, syncLocalApp, getCurrentNodeCustomAppConfig } from '@/api/modules/app';
@@ -91,9 +91,8 @@ import { useGlobalStore } from '@/composables/useGlobalStore';
 const { isProductPro, isOffline, isMobile, isEnterprise } = useGlobalStore();
 
 const paginationConfig = reactive({
-    cacheSizeKey: 'app-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('app-page-size')) || 60,
+    pageSize: 60,
     total: 0,
 });
 
@@ -105,8 +104,13 @@ const req = reactive({
     resource: 'all',
     showCurrentArch: false,
 });
-useSearchReset(
-    { search: toRef(req, 'name'), page: toRef(paginationConfig, 'currentPage') },
+useSearchState(
+    'app-store/apps/index',
+    {
+        search: toRef(req, 'name'),
+        page: toRef(paginationConfig, 'currentPage'),
+        pageSize: toRef(paginationConfig, 'pageSize'),
+    },
     { onRevisit: () => search(req) },
 );
 
@@ -133,7 +137,6 @@ const search = async (req: App.AppReq) => {
     loading.value = true;
     req.pageSize = paginationConfig.pageSize;
     req.page = paginationConfig.currentPage;
-    localStorage.setItem('app-page-size', req.pageSize + '');
 
     const customReq = {
         page: req.page,

frontend/src/views/app-store/installed/index.vue

@@ -139,7 +139,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import AppCard from '@/views/app-store/installed/app/card.vue';
 import Backups from '@/components/backup/index.vue';
 import Uploads from '@/components/upload/index.vue';
@@ -181,9 +181,8 @@ const sortContainer = ref();
 let sortableInstance: Sortable | null = null;
 let timer: NodeJS.Timer | null = null;
 const paginationConfig = reactive({
-    cacheSizeKey: 'app-installed-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('app-installed-page-size')) || 20,
+    pageSize: 20,
     total: 0,
 });
 const open = ref(false);
@@ -211,8 +210,13 @@ const searchReq = reactive({
     update: false,
     sync: false,
 });
-useSearchReset(
-    { search: toRef(searchReq, 'name'), page: toRef(paginationConfig, 'currentPage') },
+useSearchState(
+    'app-store/installed/index',
+    {
+        search: toRef(searchReq, 'name'),
+        page: toRef(paginationConfig, 'currentPage'),
+        pageSize: toRef(paginationConfig, 'pageSize'),
+    },
     { onRevisit: () => search() },
 );
 const router = useRouter();
@@ -238,8 +242,6 @@ const search = async () => {
     searchReq.page = paginationConfig.currentPage;
     searchReq.pageSize = paginationConfig.pageSize;
 
-    localStorage.setItem('app-installed-page-size', String(searchReq.pageSize));
-
     const res = await searchAppInstalled(searchReq);
     data.value = res.data.items;
     paginationConfig.total = res.data.total;

frontend/src/views/container/compose/index.vue

@@ -522,7 +522,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { computed, h, ref } from 'vue';
 import CodemirrorPro from '@/components/codemirror-pro/index.vue';
 import ContainerLog from '@/components/log/container/index.vue';
@@ -577,7 +577,7 @@ const dialogBackupRef = ref();
 const uploadRef = ref();
 
 const searchName = ref('');
-useSearchReset({ search: searchName }, { onRevisit: () => search() });
+useSearchState('container/compose/index', { search: searchName }, { onRevisit: () => search() });
 const includeAppStore = ref(localStorage.getItem('includeAppStore') !== 'false');
 const showType = ref('compose');
 const containerStats = ref<any[]>([]);

frontend/src/views/container/container/index.vue

@@ -474,7 +474,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import PruneDialog from '@/views/container/container/prune/index.vue';
 import RenameDialog from '@/views/container/container/rename/index.vue';
 import UpgradeDialog from '@/views/container/container/upgrade/index.vue';
@@ -527,16 +527,14 @@ const portFilter = ref('');
 const showIPv6Ports = ref(true);
 const selects = ref<any>([]);
 const paginationConfig = reactive({
-    cacheSizeKey: 'container-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('container-page-size')) || 20,
+    pageSize: 20,
     total: 0,
     state: 'all',
     orderBy: 'name',
     order: 'ascending',
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
 const dialogUpgradeRef = ref();
 const dialogCommitRef = ref();
 const dialogPortJumpRef = ref();
@@ -552,6 +550,19 @@ const taskLogRef = ref();
 
 const tags = ref([]);
 const activeTag = ref('all');
+useSearchState(
+    'container/container/index',
+    {
+        search: searchName,
+        page: toRef(paginationConfig, 'currentPage'),
+        pageSize: toRef(paginationConfig, 'pageSize'),
+        state: toRef(paginationConfig, 'state'),
+        activeTag,
+        orderBy: toRef(paginationConfig, 'orderBy'),
+        order: toRef(paginationConfig, 'order'),
+    },
+    { onRevisit: () => search() },
+);
 
 const activeDropdownContainerId = ref('');
 const statFields = [

frontend/src/views/container/image/index.vue

@@ -157,7 +157,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { toRef, reactive, ref, computed } from 'vue';
 import { dateFormat } from '@/utils/date';
 import { newUUID } from '@/utils/id';
@@ -192,16 +192,20 @@ const data = ref();
 const names = ref();
 const repos = ref();
 const paginationConfig = reactive({
-    cacheSizeKey: 'container-image-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('container-image-page-size')) || 20,
+    pageSize: 20,
     total: 0,
     name: '',
     orderBy: 'createdAt',
     order: 'null',
 });
-useSearchReset(
-    { search: toRef(paginationConfig, 'name'), page: toRef(paginationConfig, 'currentPage') },
+useSearchState(
+    'container/image/index',
+    {
+        search: toRef(paginationConfig, 'name'),
+        page: toRef(paginationConfig, 'currentPage'),
+        pageSize: toRef(paginationConfig, 'pageSize'),
+    },
     { onRevisit: () => search() },
 );
 const columns = ref([]);

frontend/src/views/container/network/index.vue

@@ -95,7 +95,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import CreateDialog from '@/views/container/network/create/index.vue';
 import DetailDrawer from '@/views/container/network/detail/index.vue';
 import { toRef, reactive, ref } from 'vue';
@@ -115,13 +115,16 @@ const taskLogRef = ref();
 const data = ref();
 const selects = ref<any>([]);
 const paginationConfig = reactive({
-    cacheSizeKey: 'container-network-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('container-network-page-size')) || 20,
+    pageSize: 20,
     total: 0,
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'container/network/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const opRef = ref();
 const isActive = ref(false);

frontend/src/views/container/repo/index.vue

@@ -59,7 +59,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import OperatorDialog from '@/views/container/repo/operator/index.vue';
 import { toRef, reactive, ref } from 'vue';
 import { dateFormat } from '@/utils/date';
@@ -72,13 +72,16 @@ const loading = ref();
 const data = ref();
 const selects = ref<any>([]);
 const paginationConfig = reactive({
-    cacheSizeKey: 'image-repo-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('image-repo-page-size')) || 20,
+    pageSize: 20,
     total: 0,
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'container/repo/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const opRef = ref();
 const confirmDialog = ref();

frontend/src/views/container/template/index.vue

@@ -81,7 +81,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { toRef, reactive, ref } from 'vue';
 import { dateFormat, getCurrentDateFormatted } from '@/utils/date';
 import { downloadWithContent } from '@/utils/file';
@@ -105,13 +105,16 @@ const isActive = ref(false);
 const isExist = ref(false);
 
 const paginationConfig = reactive({
-    cacheSizeKey: 'compose-template-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('compose-template-page-size')) || 20,
+    pageSize: 20,
     total: 0,
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'container/template/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const search = async () => {
     if (!isActive.value || !isExist.value) {

frontend/src/views/container/volume/index.vue

@@ -124,7 +124,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import CreateDialog from '@/views/container/volume/create/index.vue';
 import CodemirrorDrawer from '@/components/codemirror-pro/drawer.vue';
 import DockerStatus from '@/views/container/docker-status/index.vue';
@@ -152,13 +152,16 @@ const opRef = ref();
 const data = ref();
 const selects = ref<any>([]);
 const paginationConfig = reactive({
-    cacheSizeKey: 'container-volume-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('container-volume-page-size')) || 20,
+    pageSize: 20,
     total: 0,
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'container/volume/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 const isActive = ref(false);
 const isExist = ref(false);
 

frontend/src/views/cronjob/cronjob/index.vue

@@ -263,7 +263,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import Records from '@/views/cronjob/cronjob/record/index.vue';
 import Backups from '@/views/cronjob/cronjob/backup/index.vue';
 import Import from '@/views/cronjob/cronjob/import/index.vue';
@@ -310,9 +310,8 @@ const groupOptions = ref();
 const dialogGroupRef = ref();
 const pageState = usePageState(() => ({
     paginationConfig: {
-        cacheSizeKey: 'cronjob-page-size',
         currentPage: 1,
-        pageSize: Number(localStorage.getItem('cronjob-page-size')) || 20,
+        pageSize: 20,
         total: 0,
         orderBy: 'createdAt',
         order: 'null',
@@ -323,7 +322,11 @@ const pageState = usePageState(() => ({
 }));
 const paginationConfig = pageState.paginationConfig;
 const { defaultGroupID, searchName, searchGroupID } = toRefs(pageState);
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'cronjob/cronjob/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const search = async (column?: any) => {
     if (column) {

frontend/src/views/cronjob/cronjob/record/index.vue

@@ -256,6 +256,7 @@
 </template>
 
 <script lang="ts" setup>
+import { panelCacheKey, writePanelCache, readCachedPageSize } from '@/utils/panel-cache';
 import { reactive, ref } from 'vue';
 import { useMediaQuery } from '@vueuse/core';
 import { Cronjob } from '@/api/interface/cronjob';
@@ -309,7 +310,7 @@ const formatInterval = (interval?: number) => {
 };
 
 const acceptParams = async (params: DialogProps): Promise<void> => {
-    let itemSize = Number(localStorage.getItem(searchInfo.cacheSizeKey));
+    let itemSize = readCachedPageSize(searchInfo.cacheSizeKey);
     if (itemSize) {
         searchInfo.pageSize = itemSize;
     }
@@ -341,7 +342,7 @@ const acceptParams = async (params: DialogProps): Promise<void> => {
 
 const handleSizeChange = (val: number) => {
     searchInfo.pageSize = val;
-    localStorage.setItem(searchInfo.cacheSizeKey, val + '');
+    writePanelCache('pagination', panelCacheKey(`size:${searchInfo.cacheSizeKey}`), val);
     search(true);
 };
 const handleCurrentChange = (val: number) => {

frontend/src/views/cronjob/library/index.vue

@@ -124,7 +124,7 @@
 </template>
 
 <script setup lang="ts">
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { dateFormat, getCurrentDateFormatted } from '@/utils/date';
 import { deepCopy } from '@/utils/misc';
 import { newUUID } from '@/utils/id';
@@ -156,13 +156,16 @@ const scriptSync = ref();
 
 const data = ref();
 const paginationConfig = reactive({
-    cacheSizeKey: 'script-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('script-page-size')) || 20,
+    pageSize: 20,
     total: 0,
 });
 const searchInfo = ref<string>('');
-useSearchReset({ search: searchInfo, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'cronjob/library/index',
+    { search: searchInfo, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 const group = ref<string>('');
 const groupOptions = ref();
 

frontend/src/views/database/mongodb/index.vue

@@ -323,7 +323,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { toRef, nextTick, onMounted, reactive, ref } from 'vue';
 import { dateFormat } from '@/utils/date';
 import { getRandomStr } from '@/utils/id';
@@ -392,14 +392,17 @@ const dbOptionsRemote = ref<Array<Database.DatabaseOption>>([]);
 
 const tableRows = ref<Array<Database.MongodbDBInfo>>([]);
 const paginationConfig = reactive({
-    cacheSizeKey: 'mongodb-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('mongodb-page-size')) || 20,
+    pageSize: 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
 });
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'database/mongodb/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 type FormInstance = InstanceType<typeof ElForm>;
 const formRef = ref<FormInstance>();

frontend/src/views/database/mongodb/remote/index.vue

@@ -75,7 +75,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { dateFormat } from '@/utils/date';
 import { toRef, onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
@@ -93,15 +93,18 @@ const deleteRef = ref();
 
 const data = ref();
 const paginationConfig = reactive({
-    cacheSizeKey: 'mongodb-remote-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('mongodb-remote-page-size')) || 20,
+    pageSize: 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'database/mongodb/remote/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const search = async (column?: any) => {
     paginationConfig.orderBy = column?.order ? column.prop : paginationConfig.orderBy;

frontend/src/views/database/mysql/index.vue

@@ -226,7 +226,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import BindDialog from '@/views/database/mysql/bind/index.vue';
 import UserDialog from '@/views/database/mysql/user/index.vue';
 import OperateDialog from '@/views/database/mysql/create/index.vue';
@@ -293,15 +293,18 @@ const dialogPortJumpRef = ref();
 const data = ref<Database.MysqlDBInfo[]>([]);
 let grantSummaryRequestID = 0;
 const paginationConfig = reactive({
-    cacheSizeKey: 'mysql-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('mysql-page-size')) || 20,
+    pageSize: 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'database/mysql/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const mysqlContainer = ref();
 const mysqlStatus = ref();

frontend/src/views/database/mysql/remote/index.vue

@@ -74,7 +74,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { dateFormat } from '@/utils/date';
 import { toRef, onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
@@ -92,15 +92,18 @@ const deleteRef = ref();
 
 const data = ref();
 const paginationConfig = reactive({
-    cacheSizeKey: 'mysql-remote-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('mysql-remote-page-size')) || 20,
+    pageSize: 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'database/mysql/remote/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const search = async (column?: any) => {
     paginationConfig.orderBy = column?.order ? column.prop : paginationConfig.orderBy;

frontend/src/views/database/postgresql/index.vue

@@ -241,7 +241,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import BindDialog from '@/views/database/postgresql/bind/index.vue';
 import OperateDialog from '@/views/database/postgresql/create/index.vue';
 import DeleteDialog from '@/views/database/postgresql/delete/index.vue';
@@ -305,15 +305,18 @@ const dialogPortJumpRef = ref();
 
 const data = ref();
 const paginationConfig = reactive({
-    cacheSizeKey: 'postgresql-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('postgresql-page-size')) || 20,
+    pageSize: 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'database/postgresql/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const postgresqlContainer = ref();
 const postgresqlStatus = ref();

frontend/src/views/database/postgresql/remote/index.vue

@@ -74,7 +74,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { dateFormat } from '@/utils/date';
 import { toRef, onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
@@ -92,15 +92,18 @@ const deleteRef = ref();
 
 const data = ref();
 const paginationConfig = reactive({
-    cacheSizeKey: 'postgresql-remote-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('postgresql-remote-page-size')) || 20,
+    pageSize: 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'database/postgresql/remote/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const search = async (column?: any) => {
     paginationConfig.orderBy = column?.order ? column.prop : paginationConfig.orderBy;

frontend/src/views/database/redis/remote/index.vue

@@ -73,7 +73,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { dateFormat } from '@/utils/date';
 import { toRef, onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
@@ -91,15 +91,18 @@ const deleteRef = ref();
 
 const data = ref();
 const paginationConfig = reactive({
-    cacheSizeKey: 'redis-remote-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('redis-remote-page-size')) || 20,
+    pageSize: 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
 });
 const searchName = ref();
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'database/redis/remote/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const search = async (column?: any) => {
     paginationConfig.orderBy = column?.order ? column.prop : paginationConfig.orderBy;

frontend/src/views/database/redis/setting/persistence/index.vue

@@ -133,6 +133,7 @@
 </template>
 
 <script lang="ts" setup>
+import { readCachedPageSize } from '@/utils/panel-cache';
 import ConfirmDialog from '@/components/confirm-dialog/index.vue';
 import { Database } from '@/api/interface/database';
 import { redisPersistenceConf, updateRedisPersistenceConf } from '@/api/modules/database';
@@ -188,7 +189,7 @@ const confirmDialogRef = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'redis-backup-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('redis-backup-page-size')) || 20,
+    pageSize: readCachedPageSize('redis-backup-page-size') || 20,
     total: 0,
 });
 

frontend/src/views/home/index.vue

@@ -50,12 +50,20 @@
                                 <el-col :span="6" v-for="item in baseInfo.quickJump" :key="item.name">
                                     <span>{{ $t(item.title, 2) }}</span>
                                     <div class="count">
-                                        <QuickDirectories
-                                            v-if="item.name === 'File'"
-                                            :count="item.detail"
-                                            :disabled="!checkPermission('File')"
-                                            @change="updateQuickDirectoryCount"
-                                        />
+                                        <el-tooltip
+                                            v-if="item.alias || item.detail.length > 20"
+                                            :content="item.detail"
+                                            placement="bottom"
+                                        >
+                                            <el-button
+                                                link
+                                                :disabled="!checkPermission('File')"
+                                                type="primary"
+                                                @click="quickJump(item)"
+                                            >
+                                                {{ item.alias || item.detail.substring(0, 18) + '...' }}
+                                            </el-button>
+                                        </el-tooltip>
                                         <el-button
                                             link
                                             :disabled="!checkPermission(item.name)"
@@ -442,7 +450,6 @@ import SystemStatus from '@/views/home/status/index.vue';
 import AppLauncher from '@/views/home/app/index.vue';
 import VCharts from '@/components/v-charts/index.vue';
 import QuickJump from '@/views/home/quick/index.vue';
-import QuickDirectories from '@/views/home/quick/directories.vue';
 import CardWithHeader from '@/components/card-with-header/index.vue';
 import MarkDownEditor from '@/components/mkdown-editor/index.vue';
 import i18n from '@/lang';
@@ -463,7 +470,7 @@ import {
     updateMemo,
     updateSetting,
 } from '@/api/modules/setting';
-import { routerToNameWithQuery, routerToPath } from '@/utils/router';
+import { routerToFileWithPath, routerToNameWithQuery, routerToPath } from '@/utils/router';
 import { getWelcomePage } from '@/api/modules/auth';
 import {
     clearDashboardCache,
@@ -816,12 +823,10 @@ const onLoadBaseInfo = async (isInit: boolean, range: string) => {
     }
 };
 
-const updateQuickDirectoryCount = (count: number) => {
-    const item = baseInfo.value.quickJump.find((item) => item.name === 'File');
-    if (item) item.detail = String(count);
-};
-
 const quickJump = (item: any) => {
+    if (item.name === 'File') {
+        return routerToFileWithPath(item.detail);
+    }
     return routerToPath(item.router);
 };
 

frontend/src/views/home/quick/directories.vue

@@ -1,315 +0,0 @@
-<template>
-    <el-popover
-        trigger="click"
-        placement="bottom"
-        :width="680"
-        :popper-style="{ maxWidth: 'calc(100vw - 32px)' }"
-        :visible="visible"
-        @update:visible="setVisible"
-        :disabled="disabled"
-        :title="$t('home.quickDir')"
-        @show="load"
-    >
-        <template #reference>
-            <el-button link type="primary" :disabled="disabled">{{ count }}</el-button>
-        </template>
-        <div v-loading="loading" class="quick-directories">
-            <div class="directory-search">
-                <el-input
-                    v-model="searchInput"
-                    clearable
-                    prefix-icon="Search"
-                    :placeholder="`${$t('file.path')} / ${$t('home.alias')}`"
-                    :aria-label="$t('commons.button.search')"
-                    @keyup.enter="search"
-                    @clear="search"
-                />
-                <el-button :disabled="loading" @click="search">{{ $t('commons.button.confirm') }}</el-button>
-            </div>
-            <div class="directory-row directory-header">
-                <span>{{ $t('file.path') }}</span>
-                <span>{{ $t('home.alias') }}</span>
-                <span />
-            </div>
-            <div class="directory-list">
-                <div v-if="!filteredRows.length" class="directory-empty">{{ $t('commons.msg.noneData') }}</div>
-                <div v-for="row in filteredRows" :key="row.key" class="directory-row">
-                    <el-input
-                        v-model="row.path"
-                        :readonly="!row.editing"
-                        :disabled="row.busy"
-                        :aria-label="$t('file.path')"
-                    >
-                        <template #prepend>
-                            <el-button
-                                icon="Folder"
-                                :disabled="!row.editing || row.busy"
-                                :aria-label="$t('file.list')"
-                                @click="selectPath(row)"
-                            />
-                        </template>
-                    </el-input>
-                    <el-input
-                        v-model="row.alias"
-                        :readonly="!row.editing"
-                        :disabled="row.busy"
-                        :aria-label="$t('home.alias')"
-                    />
-                    <div class="directory-actions">
-                        <el-button
-                            link
-                            :type="row.editing ? 'success' : 'primary'"
-                            :icon="row.editing ? 'Check' : 'Edit'"
-                            :aria-label="$t(row.editing ? 'commons.button.save' : 'commons.button.edit')"
-                            :disabled="loading || row.busy || (row.editing && !row.path.trim())"
-                            @click="row.editing ? save(row) : (row.editing = true)"
-                        />
-                        <el-button
-                            v-if="row.id || rows.length > 1"
-                            link
-                            :type="row.editing ? 'info' : 'danger'"
-                            :icon="row.editing ? 'Close' : 'Delete'"
-                            :aria-label="$t('commons.button.delete')"
-                            :disabled="loading || row.busy"
-                            @click="remove(row)"
-                        />
-                        <el-button
-                            v-if="row.id"
-                            link
-                            type="primary"
-                            icon="Position"
-                            :title="$t('firewall.quickJump')"
-                            :aria-label="$t('firewall.quickJump')"
-                            :disabled="loading || row.busy"
-                            @click="routerToFileWithPath(row.savedPath)"
-                        />
-                    </div>
-                </div>
-            </div>
-            <el-button
-                class="directory-add"
-                link
-                type="primary"
-                icon="Plus"
-                :disabled="loading || !loaded"
-                @click="add"
-            >
-                {{ $t('commons.button.add') }}
-            </el-button>
-        </div>
-        <div class="directory-footer">
-            <el-button @click="close">{{ $t('commons.button.close') }}</el-button>
-        </div>
-    </el-popover>
-    <FileList ref="fileRef" @choose="loadPath" @close="selectingRow = undefined" />
-</template>
-
-<script lang="ts" setup>
-import { computed, ref } from 'vue';
-import { ElMessageBox } from 'element-plus';
-import i18n from '@/lang';
-import { routerToFileWithPath } from '@/utils/router';
-import FileList from '@/components/file-list/index.vue';
-import { Dashboard } from '@/api/interface/dashboard';
-import {
-    loadQuickDirectories,
-    createQuickDirectory,
-    updateQuickDirectory,
-    deleteQuickDirectory,
-} from '@/api/modules/dashboard';
-
-defineProps<{ count: string; disabled: boolean }>();
-const emit = defineEmits<{ (e: 'change', count: number): void }>();
-type DirectoryRow = Dashboard.QuickDirectory & {
-    key: number;
-    savedPath: string;
-    editing: boolean;
-    busy: boolean;
-};
-const rows = ref<DirectoryRow[]>([]);
-const searchInput = ref('');
-const searchTerm = ref('');
-const filteredRows = computed(() =>
-    rows.value.filter(
-        (row) =>
-            !row.id ||
-            row.editing ||
-            row.path.toLowerCase().includes(searchTerm.value) ||
-            (row.alias ?? '').toLowerCase().includes(searchTerm.value),
-    ),
-);
-const search = () => {
-    searchTerm.value = searchInput.value.trim().toLowerCase();
-};
-const fileRef = ref<InstanceType<typeof FileList>>();
-const selectingRow = ref<DirectoryRow>();
-const visible = ref(false);
-const loading = ref(false);
-const loaded = ref(false);
-let nextKey = 0;
-
-const setVisible = (value: boolean) => {
-    if (value) visible.value = true;
-};
-const close = () => {
-    visible.value = false;
-};
-
-const selectPath = (row: DirectoryRow) => {
-    if (!row.editing || row.busy) return;
-    selectingRow.value = row;
-    fileRef.value?.acceptParams({ path: row.path, dir: false, isAll: true });
-};
-const loadPath = (path: string) => {
-    const row = selectingRow.value;
-    if (row?.editing && !row.busy) row.path = path;
-};
-
-const add = () => {
-    rows.value.push({
-        key: nextKey++,
-        id: 0,
-        path: '',
-        alias: '',
-        savedPath: '',
-        editing: true,
-        busy: false,
-    });
-};
-const updateCount = () => emit('change', rows.value.filter((row) => row.id).length);
-const load = async () => {
-    if (loading.value || rows.value.some((row) => row.busy)) return;
-    loading.value = true;
-    loaded.value = false;
-    searchInput.value = '';
-    searchTerm.value = '';
-    rows.value = [];
-    try {
-        const { data } = await loadQuickDirectories();
-        rows.value = data.map((item) => ({
-            ...item,
-            alias: item.alias ?? '',
-            key: nextKey++,
-            savedPath: item.path,
-            editing: false,
-            busy: false,
-        }));
-        if (!rows.value.length) add();
-        loaded.value = true;
-        updateCount();
-    } finally {
-        loading.value = false;
-    }
-};
-const save = async (row: DirectoryRow) => {
-    if (row.busy || !row.path.trim()) return;
-    row.busy = true;
-    try {
-        const payload = { path: row.path, alias: (row.alias ?? '').trim() };
-        const { data } = row.id
-            ? await updateQuickDirectory({ id: row.id, legacy: row.legacy ?? false, ...payload })
-            : await createQuickDirectory(payload);
-        Object.assign(row, data, { savedPath: data.path, editing: false });
-        updateCount();
-    } finally {
-        row.busy = false;
-    }
-};
-const remove = async (row: DirectoryRow) => {
-    if (row.busy) return;
-    if (row.id) {
-        row.busy = true;
-        try {
-            await ElMessageBox.confirm('', i18n.global.t('home.quickDirDelete', [row.savedPath]), {
-                confirmButtonText: i18n.global.t('commons.button.confirm'),
-                cancelButtonText: i18n.global.t('commons.button.cancel'),
-                customClass: 'quick-directory-delete',
-                type: 'warning',
-                center: true,
-            });
-        } catch {
-            row.busy = false;
-            return;
-        }
-        try {
-            await deleteQuickDirectory(row.id, row.legacy ?? false);
-        } catch (error) {
-            row.busy = false;
-            throw error;
-        }
-    }
-    rows.value = rows.value.filter((item) => item.key !== row.key);
-    if (!rows.value.length) add();
-    updateCount();
-};
-</script>
-
-<style lang="scss" scoped>
-.quick-directories {
-    padding: 12px;
-    background: var(--el-fill-color-light);
-    border-radius: 6px;
-}
-.directory-search {
-    display: flex;
-    gap: 12px;
-    padding: 0 10px 10px;
-}
-.directory-empty {
-    padding: 20px;
-    text-align: center;
-    color: var(--el-text-color-secondary);
-}
-.directory-row {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 96px;
-    gap: 12px;
-    align-items: center;
-    padding: 10px;
-}
-.directory-header {
-    font-weight: 600;
-}
-.directory-list {
-    max-height: 360px;
-    overflow-y: auto;
-}
-.directory-actions {
-    display: flex;
-    align-items: center;
-    :deep(.el-button + .el-button) {
-        margin-left: 8px;
-    }
-}
-.directory-footer {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: 12px;
-}
-.directory-add {
-    width: 100%;
-    margin-top: 8px;
-    padding: 12px;
-}
-</style>
-<style lang="scss">
-.quick-directory-delete {
-    .el-message-box__title {
-        justify-content: center;
-        gap: 10px;
-        padding: 14px 16px;
-        border-radius: 4px;
-        background-color: #59472a;
-        color: #f5cf87;
-        overflow-wrap: anywhere;
-    }
-    .el-message-box__status {
-        flex-shrink: 0;
-        font-size: 24px;
-        color: #f2b329;
-    }
-    .el-message-box__content {
-        display: none;
-    }
-}
-</style>

frontend/src/views/home/quick/index.vue

@@ -10,6 +10,25 @@
                 <el-table-column prop="isShow" :label="$t('setting.ifShow')">
                     <template #default="{ row }">
                         <el-switch v-model="row.isShow" />
+                        <div v-if="row.name === 'File' && row.isShow">
+                            <el-input v-model="row.detail" class="w-full">
+                                <template #prepend>
+                                    <el-button
+                                        class="w-16"
+                                        v-if="row.name === 'File' && row.isShow"
+                                        icon="Folder"
+                                        @click="fileRef.acceptParams({ path: row.detail, isAll: true })"
+                                    />
+                                </template>
+                            </el-input>
+                            <el-input v-model="row.alias" class="mt-1">
+                                <template #prepend>
+                                    <el-button class="w-16">
+                                        {{ $t('home.alias') }}
+                                    </el-button>
+                                </template>
+                            </el-input>
+                        </div>
                     </template>
                 </el-table-column>
             </ComplexTable>
@@ -20,12 +39,14 @@
                 {{ $t('commons.button.confirm') }}
             </el-button>
         </template>
+        <FileList ref="fileRef" @choose="loadDir" />
     </DrawerPro>
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue';
 import i18n from '@/lang';
 import { MsgInfo, MsgSuccess } from '@/utils/message';
+import FileList from '@/components/file-list/index.vue';
 import { changeQuick, loadQuickOption } from '@/api/modules/dashboard';
 
 const emit = defineEmits<{ (e: 'search'): void }>();
@@ -36,6 +57,7 @@ const acceptParams = (): void => {
     drawerVisible.value = true;
 };
 const quickOptions = ref([]);
+const fileRef = ref();
 
 const search = async () => {
     loading.value = true;
@@ -64,17 +86,26 @@ const onChangeShow = async () => {
         return;
     }
     loading.value = true;
-    await changeQuick(quickOptions.value.map(({ id, isShow }) => ({ id, isShow })))
+    await changeQuick(quickOptions.value)
         .then(() => {
             loading.value = false;
             MsgSuccess(i18n.global.t('commons.msg.operationSuccess'));
             drawerVisible.value = false;
+            search();
         })
         .catch(() => {
             loading.value = false;
         });
 };
 
+const loadDir = async (path: string) => {
+    for (const item of quickOptions.value) {
+        if (item.name === 'File') {
+            item.detail = path;
+        }
+    }
+};
+
 const handleClose = () => {
     drawerVisible.value = false;
     emit('search');

frontend/src/views/host/file-management/code-editor/history/index.vue

@@ -223,6 +223,7 @@
 </template>
 
 <script setup lang="ts">
+import { readCachedPageSize } from '@/utils/panel-cache';
 import { computed, nextTick, onBeforeUnmount, onMounted, onUnmounted, reactive, ref } from 'vue';
 import { dateFormatSimpleWithSecond } from '@/utils/date';
 import { computeSize } from '@/utils/size';
@@ -261,7 +262,7 @@ const activeCollapse = ref([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'file-history-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('file-history-page-size')) || 20,
+    pageSize: readCachedPageSize('file-history-page-size') || 20,
     total: 0,
     small: false,
 });

frontend/src/views/host/file-management/convert/index.vue

@@ -132,6 +132,7 @@
 </template>
 
 <script setup lang="ts">
+import { readCachedPageSize } from '@/utils/panel-cache';
 import i18n from '@/lang';
 import { reactive, ref } from 'vue';
 import { File } from '@/api/interface/file';
@@ -226,7 +227,7 @@ const addFile = () => {
 const paginationConfig = reactive({
     cacheSizeKey: 'file-convert-log-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('file-convert-log-page-size')) || 20,
+    pageSize: readCachedPageSize('file-convert-log-page-size') || 20,
     total: 0,
 });
 

frontend/src/views/host/file-management/favorite/index.vue

@@ -20,6 +20,7 @@
 </template>
 
 <script setup lang="ts">
+import { readCachedPageSize } from '@/utils/panel-cache';
 import { searchFavorite, removeFavorite } from '@/api/modules/files';
 import i18n from '@/lang';
 import { reactive, ref } from 'vue';
@@ -28,7 +29,7 @@ import { File } from '@/api/interface/file';
 const paginationConfig = reactive({
     cacheSizeKey: 'favorite-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('favorite-page-size')) || 20,
+    pageSize: readCachedPageSize('favorite-page-size') || 20,
     total: 0,
 });
 const req = reactive({

frontend/src/views/host/file-management/index.vue

@@ -739,7 +739,7 @@
 </template>
 
 <script setup lang="ts">
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { toRef, computed, nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue';
 import {
     addFavorite,
@@ -980,13 +980,17 @@ const getCurrentPath = () => pathRefs.value[editableTabsKey.value];
 const { searchableStatus, searchablePath, setSearchableInputRef, searchableInputBlur } = useMultipleSearchable(paths);
 
 const paginationConfig = reactive({
-    cacheSizeKey: 'file-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('file-page-size')) || 100,
+    pageSize: 100,
     total: 0,
 });
-useSearchReset(
-    { search: toRef(req, 'search'), page: toRef(paginationConfig, 'currentPage') },
+useSearchState(
+    'host/file-management/index',
+    {
+        search: toRef(req, 'search'),
+        page: toRef(paginationConfig, 'currentPage'),
+        pageSize: toRef(paginationConfig, 'pageSize'),
+    },
     { onRevisit: () => search() },
 );
 

frontend/src/views/host/file-management/recycle-bin/index.vue

@@ -82,6 +82,7 @@
 </template>
 
 <script lang="ts" setup>
+import { readCachedPageSize } from '@/utils/panel-cache';
 import { getRecycleStatus, clearRecycle, getRecycleList, reduceFile } from '@/api/modules/files';
 import { reactive, ref } from 'vue';
 import { dateFormat } from '@/utils/date';
@@ -107,7 +108,7 @@ const status = ref('Enable');
 const paginationConfig = reactive({
     cacheSizeKey: 'recycle-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('recycle-page-size')) || 20,
+    pageSize: readCachedPageSize('recycle-page-size') || 20,
     total: 0,
 });
 

frontend/src/views/host/file-management/share-list/index.vue

@@ -24,6 +24,7 @@
 </template>
 
 <script setup lang="ts">
+import { readCachedPageSize } from '@/utils/panel-cache';
 import { removeFileShare, searchFileShare } from '@/api/modules/files';
 import { File } from '@/api/interface/file';
 import i18n from '@/lang';
@@ -33,7 +34,7 @@ import { computed, reactive, ref } from 'vue';
 const paginationConfig = reactive({
     cacheSizeKey: 'share-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('share-page-size')) || 20,
+    pageSize: readCachedPageSize('share-page-size') || 20,
     total: 0,
 });
 const req = reactive({

frontend/src/views/host/firewall/components/rule-dialog.scss

@@ -149,97 +149,3 @@
         }
     }
 }
-
-.firewall-initialize-dialog.el-dialog,
-.firewall-lifecycle-dialog.el-dialog {
-    display: flex;
-    flex-direction: column;
-    width: min(680px, calc(100vw - 32px));
-    max-height: calc(92dvh - 24px);
-    margin-top: max(24px, 8vh);
-    margin-bottom: 24px;
-
-    .el-dialog__body {
-        min-height: 0;
-        overflow-y: auto;
-    }
-
-    .firewall-rule-dialog__content {
-        gap: 16px;
-    }
-
-    .firewall-initialize-dialog__description {
-        margin: 0;
-        color: var(--el-text-color-secondary);
-        font-size: 13px;
-        line-height: 1.7;
-    }
-
-    .firewall-rule-dialog__docker {
-        padding: 14px 16px;
-        border-radius: 8px;
-        background: var(--el-fill-color-light);
-
-        .el-form-item {
-            margin-bottom: 0;
-        }
-
-        .el-form-item__label {
-            height: auto;
-            margin-bottom: 8px;
-            font-weight: 500;
-            line-height: 1.6;
-        }
-
-        .el-form-item__content {
-            display: block;
-            line-height: 1.6;
-        }
-
-        .el-radio-group {
-            gap: 4px 24px;
-        }
-
-        .el-radio {
-            height: auto;
-            min-height: 28px;
-            margin-right: 0;
-            white-space: normal;
-        }
-    }
-
-    .firewall-rule-dialog__docker-helper {
-        margin: 6px 0 0;
-        color: var(--el-text-color-secondary);
-        font-size: 12px;
-        line-height: 1.7;
-    }
-
-    .firewall-rule-dialog__confirmation {
-        padding: 14px 0 16px;
-        color: var(--el-text-color-regular);
-        text-align: left;
-        font-size: 13px;
-        line-height: 1.7;
-    }
-
-    .firewall-rule-dialog__files {
-        max-height: min(240px, 30vh);
-    }
-
-    .firewall-rule-dialog__modes {
-        align-items: stretch;
-    }
-
-    .firewall-initialize-dialog__backups {
-        display: flex;
-        flex-direction: column;
-        gap: 12px;
-        border-top: 1px solid var(--el-border-color-lighter);
-        padding-top: 16px;
-    }
-
-    .firewall-rule-dialog__file-name > .min-w-0 {
-        flex: 1;
-    }
-}

frontend/src/views/host/firewall/components/rule-initialize.vue

@@ -1,22 +1,12 @@
 <template>
     <DialogPro
         v-model="visible"
-        class="firewall-rule-dialog firewall-initialize-dialog"
-        :title="
-            starting
-                ? $t('firewall.firewallHelper', [$t('commons.button.start')])
-                : initialize
-                  ? $t('commons.button.init')
-                  : $t('firewall.importRuleBackup')
-        "
-        :show-close="!loading"
-        :close-on-press-escape="!loading"
+        class="firewall-rule-dialog"
+        :title="initialize ? $t('commons.button.init') : $t('firewall.importRuleBackup')"
     >
         <template #content>
             <div v-loading="loading" class="firewall-rule-dialog__content">
-                <slot name="before-options" />
-                <p v-if="message && starting" class="firewall-initialize-dialog__description">{{ message }}</p>
-                <el-alert v-else-if="message" :title="message" type="warning" :closable="false" show-icon />
+                <el-alert v-if="message" :title="message" type="warning" :closable="false" show-icon />
                 <el-alert
                     v-if="backupLoadFailed"
                     :title="$t('firewall.ruleBackupLoadFailed')"
@@ -34,61 +24,56 @@
                     class="firewall-rule-dialog__modes"
                     :disabled="loading"
                 >
-                    <el-radio value="initialize" border>
-                        <span class="firewall-rule-dialog__choice-title">{{ initializeLabel }}</span>
-                    </el-radio>
-                    <el-radio value="restore" border>
-                        <span class="firewall-rule-dialog__choice-title">{{ restoreLabel }}</span>
+                    <el-radio value="restore" border :disabled="!loaded || backups.files.length === 0">
+                        {{ $t('firewall.restoreAllRules') }}
                     </el-radio>
+                    <el-radio value="initialize" border>{{ $t('firewall.initializeOnly') }}</el-radio>
                 </el-radio-group>
-                <div v-if="loaded && mode === 'restore'" class="firewall-rule-dialog__directory">
+                <div v-if="loaded" class="firewall-rule-dialog__directory">
                     <el-icon><FolderOpened /></el-icon>
                     <span>{{ $t('firewall.backupDirectoryHelper', [backups.directory]) }}</span>
                 </div>
-                <div v-if="mode === 'restore'" class="firewall-initialize-dialog__backups">
-                    <el-radio-group
-                        v-if="backups.files.length"
-                        v-model="selected"
-                        class="firewall-rule-dialog__files"
-                        :disabled="loading"
-                        :aria-label="$t('firewall.importRuleBackup')"
-                    >
-                        <el-radio v-for="file in backups.files" :key="file.name" :value="file.name" border>
-                            <span class="firewall-rule-dialog__file-name">
-                                <el-icon><Document /></el-icon>
-                                <span class="min-w-0">{{ file.name }}</span>
-                                <el-button
-                                    v-permission
-                                    class="shrink-0"
-                                    type="primary"
-                                    link
-                                    size="small"
-                                    :disabled="loading"
-                                    :aria-label="`${$t('firewall.downloadRuleBackup')}: ${file.name}`"
-                                    @click.stop.prevent="
-                                        downloadFile(`${backups.directory}/${file.name}`, globalStore.currentNode)
-                                    "
-                                >
-                                    {{ $t('commons.button.download') }}
-                                </el-button>
-                            </span>
-                            <span class="firewall-rule-dialog__file-meta">
-                                <el-tag size="small" type="info" effect="plain">{{ file.provider }}</el-tag>
-                                <span>{{ $t('firewall.backupRuleCount') }}: {{ file.ruleCount }}</span>
-                                <span>{{ new Date(file.modifiedAt).toLocaleString() }}</span>
-                            </span>
-                        </el-radio>
-                    </el-radio-group>
-                    <el-empty
-                        v-else-if="!initialize && loaded && !backups.files.length"
-                        :description="$t('firewall.noRuleBackup')"
-                        :image-size="64"
-                    />
-                </div>
+                <el-radio-group
+                    v-if="mode === 'restore' && backups.files.length"
+                    v-model="selected"
+                    class="firewall-rule-dialog__files"
+                    :disabled="loading"
+                    :aria-label="$t('firewall.importRuleBackup')"
+                >
+                    <el-radio v-for="file in backups.files" :key="file.name" :value="file.name" border>
+                        <span class="firewall-rule-dialog__file-name">
+                            <el-icon><Document /></el-icon>
+                            <span class="min-w-0">{{ file.name }}</span>
+                            <el-button
+                                v-permission
+                                class="shrink-0"
+                                type="primary"
+                                link
+                                size="small"
+                                :disabled="loading"
+                                :aria-label="`${$t('firewall.downloadRuleBackup')}: ${file.name}`"
+                                @click.stop.prevent="
+                                    downloadFile(`${backups.directory}/${file.name}`, globalStore.currentNode)
+                                "
+                            >
+                                {{ $t('commons.button.download') }}
+                            </el-button>
+                        </span>
+                        <span class="firewall-rule-dialog__file-meta">
+                            <el-tag size="small" type="info" effect="plain">{{ file.provider }}</el-tag>
+                            <span>{{ $t('firewall.backupRuleCount') }}: {{ file.ruleCount }}</span>
+                            <span>{{ new Date(file.modifiedAt).toLocaleString() }}</span>
+                        </span>
+                    </el-radio>
+                </el-radio-group>
+                <el-empty
+                    v-else-if="loaded && !backups.files.length"
+                    :description="$t('firewall.noRuleBackup')"
+                    :image-size="64"
+                />
             </div>
         </template>
         <template #footer>
-            <slot name="confirmation" />
             <el-button :disabled="loading" @click="visible = false">{{ $t('commons.button.cancel') }}</el-button>
             <el-button
                 type="primary"
@@ -96,7 +81,13 @@
                 :disabled="loading || (mode === 'restore' && (!loaded || !selected))"
                 @click="submit"
             >
-                {{ $t('commons.button.confirm') }}
+                {{
+                    initialize
+                        ? mode === 'restore'
+                            ? $t('firewall.restoreAllRules')
+                            : $t('firewall.initializeOnly')
+                        : $t('commons.button.import')
+                }}
             </el-button>
         </template>
     </DialogPro>
@@ -104,8 +95,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue';
-import i18n from '@/lang';
+import { ref } from 'vue';
 import { Document, FolderOpened } from '@element-plus/icons-vue';
 import DialogPro from '@/components/dialog-pro/index.vue';
 import { Firewall } from '@/api/interface/firewall';
@@ -120,24 +110,13 @@ import { GlobalStore } from '@/store';
 import { downloadFile } from '@/utils/file';
 
 const globalStore = GlobalStore();
-const emit = defineEmits<{
-    (event: 'initialize'): void;
-    (event: 'restore', backupFile: string): void;
-    (event: 'complete'): void;
-}>();
+const emit = defineEmits<{ (event: 'initialize'): void; (event: 'complete'): void }>();
 const visible = ref(false);
 const loading = ref(false);
 const loaded = ref(false);
 const backupLoadFailed = ref(false);
 const message = ref('');
 const initialize = ref(true);
-const starting = ref(false);
-const initializeLabel = computed(() =>
-    i18n.global.t(starting.value ? 'firewall.startOnly' : 'firewall.initializeOnly'),
-);
-const restoreLabel = computed(() =>
-    i18n.global.t(starting.value ? 'firewall.startAndRestore' : 'firewall.restoreAllRules'),
-);
 const subsystem = ref<Firewall.BackendSubsystem>('system');
 const mode = ref<'restore' | 'initialize'>('initialize');
 const selected = ref('');
@@ -148,10 +127,8 @@ const acceptParams = async (
     warning: string,
     withInitialization = true,
     target: Firewall.BackendSubsystem = 'system',
-    start = false,
 ) => {
     subsystem.value = target;
-    starting.value = start;
     initialize.value = withInitialization;
     message.value = warning;
     visible.value = true;
@@ -169,7 +146,7 @@ const loadBackups = async () => {
     try {
         backups.value = (await listFirewallRuleBackups(subsystem.value)).data;
         selected.value = backups.value.files[0]?.name || '';
-        mode.value = !starting.value && (selected.value || !initialize.value) ? 'restore' : 'initialize';
+        mode.value = selected.value || !initialize.value ? 'restore' : 'initialize';
         loaded.value = true;
     } catch {
         backupLoadFailed.value = true;
@@ -186,11 +163,6 @@ const submit = async () => {
         return;
     }
     if (!loaded.value || !selected.value) return;
-    if (starting.value) {
-        visible.value = false;
-        emit('restore', selected.value);
-        return;
-    }
     loading.value = true;
     try {
         const response =

frontend/src/views/host/firewall/docker/index.vue

@@ -219,7 +219,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { computed, reactive, ref, watch } from 'vue';
 import FireRouter from '@/views/host/firewall/index.vue';
 import DockerGuardStatus from '@/views/host/firewall/docker/status/index.vue';
@@ -263,7 +263,8 @@ const openRuleTask = (taskID: string) => taskLogRef.value?.openWithTaskID(taskID
 const orphanDrawerVisible = ref(false);
 const orphanSearchName = ref('');
 const searchName = ref('');
-useSearchReset(
+useSearchState(
+    'host/firewall/docker/index',
     { search: searchName },
     {
         onRevisit: () => {

frontend/src/views/host/firewall/forward/index.vue

@@ -117,7 +117,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import OperateDialog from './operate/index.vue';
 import ImportDialog from './import/index.vue';
 import FireRouter from '@/views/host/firewall/index.vue';
@@ -183,12 +183,15 @@ const operateRules = ref();
 
 const data = ref();
 const paginationConfig = reactive({
-    cacheSizeKey: 'firewall-forward-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('firewall-forward-page-size')) || 20,
+    pageSize: 20,
     total: 0,
 });
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'host/firewall/forward/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const search = async () => {
     if (!isInit.value || !isBind.value || fireName.value === '-') {

frontend/src/views/host/firewall/rule/index.vue

@@ -302,7 +302,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useSearchReset } from '@/composables/useSearchReset';
+import { useSearchState } from '@/utils/search-reset';
 import { Firewall } from '@/api/interface/firewall';
 import type { FuTableOperationButton } from '@/components/table/shared';
 import { buildHostRuleExport } from './transfer';
@@ -427,12 +427,15 @@ const supportsFirewalldPriority = computed(() => {
     return major > 0 || minor >= 7;
 });
 const paginationConfig = reactive({
-    cacheSizeKey: 'firewall-rule-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('firewall-rule-page-size')) || 20,
+    pageSize: 20,
     total: 0,
 });
-useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() });
+useSearchState(
+    'host/firewall/rule/index',
+    { search: searchName, page: toRef(paginationConfig, 'currentPage'), pageSize: toRef(paginationConfig, 'pageSize') },
+    { onRevisit: () => search() },
+);
 
 const providerScopes = (): Firewall.Scope[] => {
     if (provider.value === 'iptables' || provider.value === 'nftables') {

frontend/src/views/host/firewall/status/index.vue

@@ -57,7 +57,7 @@
                                     v-node-admin
                                     type="primary"
                                     :disabled="lifecycleBusy"
-                                    @click="onInit"
+                                    @click="onOperate('start')"
                                     link
                                 >
                                     {{ $t('commons.button.start') }}
@@ -145,58 +145,18 @@
                 :title="$t('firewall.directBackendConflictWarning', [backendName, baseInfo.conflictBackend])"
             />
         </div>
-        <DialogPro
-            v-model="operationVisible"
-            class="firewall-rule-dialog firewall-lifecycle-dialog"
+        <DockerRestart
+            ref="dockerRef"
+            v-model:withDockerRestart="withDockerRestart"
+            @submit="onSubmit"
             :title="$t('firewall.firewallHelper', [$t('commons.button.' + operation)])"
         >
-            <template #content>
-                <el-form class="firewall-rule-dialog__docker" label-position="top" @submit.prevent>
-                    <el-form-item :label="$t('firewall.dockerRestart')">
-                        <el-radio-group v-model="withDockerRestart">
-                            <el-radio :value="true">{{ $t('setting.restartNow') }}</el-radio>
-                            <el-radio :value="false">{{ $t('setting.restartLater') }}</el-radio>
-                        </el-radio-group>
-                        <p class="firewall-rule-dialog__docker-helper">
-                            {{ $t(withDockerRestart ? 'xpack.node.syncProxyHelper1' : 'xpack.node.syncProxyHelper2') }}
-                        </p>
-                    </el-form-item>
-                </el-form>
+            <template #helper>
+                <span>{{ $t('firewall.' + operation + 'FirewallHelper') }}</span>
             </template>
-            <template #footer>
-                <div class="firewall-rule-dialog__confirmation">
-                    <span>{{ $t('firewall.' + operation + 'FirewallHelper') }}</span>
-                </div>
-                <el-button @click="operationVisible = false">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="primary" @click="onSubmit">{{ $t('commons.button.confirm') }}</el-button>
-            </template>
-        </DialogPro>
+        </DockerRestart>
         <TaskLog ref="taskLogRef" @close="handleInitializationTaskClose" />
-        <RuleInitialize
-            ref="initializeRef"
-            @initialize="initializeOnly"
-            @restore="onOperate('start', $event)"
-            @complete="loadBaseInfo"
-        >
-            <template v-if="isServiceBackend && dockerStatus" #before-options>
-                <el-form class="firewall-rule-dialog__docker" label-position="top" @submit.prevent>
-                    <el-form-item :label="$t('firewall.dockerRestart')">
-                        <el-radio-group v-model="withDockerRestart">
-                            <el-radio :value="true">{{ $t('setting.restartNow') }}</el-radio>
-                            <el-radio :value="false">{{ $t('setting.restartLater') }}</el-radio>
-                        </el-radio-group>
-                        <p class="firewall-rule-dialog__docker-helper">
-                            {{ $t(withDockerRestart ? 'xpack.node.syncProxyHelper1' : 'xpack.node.syncProxyHelper2') }}
-                        </p>
-                    </el-form-item>
-                </el-form>
-            </template>
-            <template v-if="isServiceBackend" #confirmation>
-                <div class="firewall-rule-dialog__confirmation">
-                    <span>{{ $t('firewall.startFirewallHelper') }}</span>
-                </div>
-            </template>
-        </RuleInitialize>
+        <RuleInitialize ref="initializeRef" @initialize="initializeOnly" @complete="loadBaseInfo" />
     </div>
 </template>
 
@@ -211,7 +171,7 @@ import {
 } from '@/api/modules/firewall';
 import i18n from '@/lang';
 import NoSuchService from '@/components/layout-content/no-such-service.vue';
-import DialogPro from '@/components/dialog-pro/index.vue';
+import DockerRestart from '@/components/docker-proxy/docker-restart.vue';
 import { MsgSuccess } from '@/utils/message';
 import { ElMessageBox } from 'element-plus';
 import { computed, nextTick, onBeforeUnmount, ref } from 'vue';
@@ -227,7 +187,7 @@ import { useGlobalStore } from '@/composables/useGlobalStore';
 const props = defineProps({
     currentTab: String,
 });
-const { docsUrl, isIntl } = useGlobalStore();
+const { docsUrl } = useGlobalStore();
 
 const goToFirewallSetting = () => routerToName('FirewallSetting');
 const goToScriptLibrary = () => routerToNameWithQuery('Library', { uncached: 'true' });
@@ -246,9 +206,8 @@ const baseInfo = ref<Firewall.FirewallBase>({
     ipv4: { available: false, initialized: false, bound: false },
     ipv6: { available: false, initialized: false, bound: false },
 });
-const operationVisible = ref(false);
+const dockerRef = ref();
 const operation = ref('restart');
-const restoreBackupFile = ref('');
 const dockerStatus = ref();
 const withDockerRestart = ref(false);
 const taskLogRef = ref();
@@ -317,7 +276,7 @@ const familyActions = computed(() =>
             message: familyIssueText(issue),
             helpUrl:
                 issue.available && issue.reason === 'ipv6_ra_required'
-                    ? `${docsUrl.value}/user_manual/${isIntl.value ? 'system' : 'hosts'}/firewall`
+                    ? `${docsUrl.value}/user_manual/hosts/firewall`
                     : undefined,
             action,
         };
@@ -406,20 +365,12 @@ const loadDocker = async () => {
 const initializeRef = ref<InstanceType<typeof RuleInitialize>>();
 
 const onInit = async () => {
-    if (lifecycleBusy.value) return;
-    if (isServiceBackend.value) withDockerRestart.value = !!dockerStatus.value;
     const name = baseInfo.value.name || backendName.value;
-    const message = isServiceBackend.value
-        ? i18n.global.t('firewall.startWithBackupHelper')
-        : props.currentTab === 'base' && baseInfo.value.conflictBackend
-          ? i18n.global.t('firewall.initDirectBackendConflictMsg', [name, baseInfo.value.conflictBackend])
-          : i18n.global.t('firewall.initMsg', [name]);
-    await initializeRef.value?.acceptParams(
-        message,
-        true,
-        props.currentTab === 'forward' ? 'forwarding' : 'system',
-        isServiceBackend.value,
-    );
+    const message =
+        props.currentTab === 'base' && baseInfo.value.conflictBackend
+            ? i18n.global.t('firewall.initDirectBackendConflictMsg', [name, baseInfo.value.conflictBackend])
+            : i18n.global.t('firewall.initMsg', [name]);
+    await initializeRef.value?.acceptParams(message, true, props.currentTab === 'forward' ? 'forwarding' : 'system');
 };
 
 const initializeOnly = async () => {
@@ -471,22 +422,17 @@ const onUnBind = async () => {
     await loadBaseInfo();
 };
 
-const onOperate = async (op: string, backupFile = '') => {
+const onOperate = async (op: string) => {
     if (lifecycleBusy.value) return;
     operation.value = op;
-    restoreBackupFile.value = backupFile;
-    if (op === 'start') {
-        await submitLifecycleOperation(!!dockerStatus.value && withDockerRestart.value);
-    } else if (backendName.value === 'iptables' || backendName.value === 'nftables' || !dockerStatus.value) {
+    if (backendName.value === 'iptables' || backendName.value === 'nftables' || !dockerStatus.value) {
         await submitLifecycleOperation(false);
     } else {
-        withDockerRestart.value = true;
-        operationVisible.value = true;
+        dockerRef.value.acceptParams({ title: i18n.global.t('firewall.dockerRestart') });
     }
 };
 
 const onSubmit = async () => {
-    operationVisible.value = false;
     await submitLifecycleOperation(withDockerRestart.value);
 };
 
@@ -501,7 +447,7 @@ const submitLifecycleOperation = async (restartDocker: boolean) => {
     lifecycleSubmitting.value = true;
     emit('update:loading', true);
     try {
-        const result = (await operateFire(operation.value, restartDocker, restoreBackupFile.value || undefined)).data;
+        const result = (await operateFire(operation.value, restartDocker)).data;
         if (disposed) return;
         if (result?.queued && result.taskID) {
             baseInfo.value.lifecycleTaskID = result.taskID;