<script setup lang="ts">
import PageHeader from "@/components/common/PageHeader.vue";
import { useWorkbenchStore } from "@/stores/workbench";

const workbench = useWorkbenchStore();
</script>

<template>
  <section class="route-stack">
    <PageHeader eyebrow="System" title="设置" description="平台设置页骨架，保留 Code Agent inactivity-timeout 可见配置。" />
    <div class="settings-grid">
      <label>Provider profile<input class="input" :value="workbench.providerProfile" @change="workbench.setProviderProfile(($event.target as HTMLInputElement).value)" /></label>
      <label>Code Agent inactivity timeout<input class="input" type="number" :value="workbench.codeAgentTimeoutMs" readonly /></label>
      <label>Gateway shell timeout<input class="input" type="number" :value="workbench.gatewayShellTimeoutMs" readonly /></label>
    </div>
  </section>
</template>
