@synopackageland/cli 0.5.3 → 0.6.0

package/dist/templates/native-go-vue/frontend/README-JOBS.md

@@ -1,75 +0,0 @@
-# Interactive NAS picker → job (experimental)
-
-Use the existing `native-go --ui vue --integration go` project, then opt in to
-protocol 2, relaxed File Station session access and a fixed SDK read worker:
-
-```yaml
-integration:
-  protocol: 2
-  dataAccess: relaxed
-  workers: {}
-  sdkWorkers:
-    scan:
-      kind: sdk-read-plan
-      workerRevision: 1
-      actions: [nas.files.list, nas.files.stat, nas.files.read]
-      modes: [interactive]
-```
-
-Install frontend dependencies and run `synopkgland build-spk` as usual. The
-builder sets `SYNOPKGLAND_SDK_WORKERS=1` from the manifest and chooses
-`src/sdk-main.ts`. Leave `SYNOPKGLAND_M2_SIMPLE` unset: that flag deliberately
-selects the separate session-only file-operation entry without job controls.
-For a standalone frontend check use `SYNOPKGLAND_SDK_WORKERS=1 npm run build`.
-
-An administrator uses the existing exact-payload approval and activation flow.
-The session SDK surface hides the native personal-note sample, whose routes
-are absent from this protocol-2 build.
-Each user opens the package in their own DSM session. The jobs panel enables
-the source picker only after a fresh `jobs.status` reports session availability.
-Choose a file or folder, confirm selection, select the worker and operation,
-set its bound where required, then submit once. Progress refreshes every 2.5 s
-while this page contains active jobs; errors stop polling and require Refresh.
-Cancel uses the existing owner/revision checks. Closing the window requests
-cancellation and stops renewal. Observer revalidation pauses submission;
-fenced jobs stay canceled and require an explicit fresh submission after
-recovery. Nothing resumes or retries automatically.
-
-`jobs.status.workers` projects only interactive workers with session-supported
-list/stat/read actions, exact registry revision and the smaller of the worker's
-bounded/total byte limits and 512 KiB. It contains no compiled bindings or
-credentials. This is display metadata: prepare still verifies the registry,
-selection, session and current permissions. Missing metadata in an older owner
-leaves the form disabled. The form submits one step; list is 1–100 entries,
-read is 1–the projected byte limit, and stat has no byte/entry argument.
-This read-only worker requires no destination and discards content, returning
-only counters. Background jobs remain unsupported even if the manifest lists
-background mode. Writes and custom executables are not part of this form.
-
-`M2PathPicker` extends the existing Dialog/TreeView/DataGrid composition with
-`select-files` and `read-only` props and a `source` event (`M2JobSource`). Folder
-picks return an empty segment list. File picks call the existing
-`nas.grants.confirm` for the containing folder with `writable:false`, then use
-one relative filename in `jobs.prepare.input`. The `folder` grant therefore
-records consent for that containing folder, not a file-only authority. Existing
-folder-only consumers and their `selected` event are unchanged. These selections
-remain path based; they do not pin inodes or confine symlink/rename races.
-
-The SDK mount provides both `M2ProviderKey` and `JobsProviderKey` per window.
-`JobsProvider.interactive` exposes `workers`, `prepareInteractive` and
-`submitInteractive`; applications can reuse this interface with their own form.
-Transport stays in the existing `ctx.call`, which carries the current DSM
-session and CSRF token. Never put credentials in form fields, persistent
-storage, logs or an administrator-session fallback.
-
-A missing submit reply freezes the form with its original intent. **Check
-original job** calls `jobs.lookup`; it never submits or acquires a replacement
-lease. If the job is found, status shows its actual outcome. Without the lost
-attach receipt it may expire after 6 s. Unmount or an account/package change
-clears selection and pending input, disconnects the provider, and discards late
-responses. Refreshing cannot certify remote rollback or completed cleanup.
-The attach contract remains 2 s renewal / 6 s TTL.
-
-Nine catalogs cover en, zh-TW, zh-CN, ja, ko, de, fr, es and it via `ctx.locale`.
-Unit and browser fixtures are synthetic; DSM compatibility must be established
-on the final generated SPK with each user's session and File Station permissions.

package/dist/templates/native-go-vue/frontend/README-M2.md

@@ -1,64 +0,0 @@
-# Interactive File Station UI (experimental)
-
-This optional entry uses the package CGI's `ctx.call` transport and the current
-user's DSM session. It does not borrow an administrator session, request root
-helper approval, cache DSM credentials or install a mock provider.
-
-The existing `main.ts` and SDK worker entry remain the default. To select this
-session-only UI in a generated `native-go --ui vue` project:
-
-1. Enable `integration: {protocol: 2, workers: {}}` in `dsm-package.yaml`.
-2. Set `SYNOPKGLAND_M2_SIMPLE=1` in `frontend/.env.production.local`.
-3. Run the existing `synopkgland build-spk` workflow and inspect the final SPK.
-
-You can also build the frontend with `SYNOPKGLAND_M2_SIMPLE=1 npm run build`.
-The flag selects `src/m2-main.ts` before the existing SDK-workers entry; it
-selects a session-only surface, without background job or root-maintenance UI.
-It does not change backend permissions. Protocol 1 / no integration lacks the
-required routes and the UI shows that the adapter is unavailable. Without this
-flag, generated artifacts retain their previous bytes.
-
-## SDK display contract
-
-`src/nas/m2-contract.ts` exports `M2Provider`, `M2Selection`, `M2Entry`,
-`M2Page`, `M2Session`, safe codes and the 512 KiB / 100-entry bounds.
-`createM2Provider(ctx)` implements status, discovery, confirmation, saved
-selection listing/revocation, relative list/stat/read, mkdir and upload.
-Pass an AbortSignal per operation and call `dispose()` on unmount. Each mount
-owns its provider and clears its UI after account/package change or pagehide.
-
-`M2Selection.writable` records consent to attempt writes; it is not a File
-Station permission probe. The backend validates the actual session and current
-File Station permissions on every operation. A selection is an opaque handle
-with a display path, not the native helper's prepare/digest/revision grant.
-User/UID fields in backend records are stripped from the frontend projection.
-Selections use relaxed username/UID identity: recreating both may preserve a
-selection. Paths do not pin inodes or provide symlink/rename confinement.
-
-Discovery supports files in returned pages but shows only folders in the
-picker. Pagination advances by the full server page, not the filtered count;
-rendering is bounded to the latest 200 entries. Writes require explicit
-writable consent. Upload creates a new file and does not overwrite. Read and
-upload are limited to 512 KiB; read bytes become a local binary download, never
-HTML or an inline preview.
-
-Requests are observed for at most 22 seconds (backend handler: 20 seconds).
-The existing `ctx.call` does not expose transport abort: closing or canceling
-suppresses late display updates but does not establish server rollback or Q.
-No operation is retried automatically. A lost mutation response reports
-`commit-uncertain`; inspect saved selections or the destination before
-resubmitting. Session expiry requires signing into DSM again and refreshing.
-Background/offline work, streaming and atomic publish remain unsupported.
-
-## Local checks
-
-Copy `../../_shared/third-party-notices.mjs` into this folder before `npm ci`,
-`npm test`, `npx vue-tsc --noEmit` and `npm run build`. Also build with the M2
-flag. Remove the copied notice tool, `node_modules` and `dist` before root
-repository tests or generating fixtures: the generator copies template files.
-
-`test/m2-preview.html` serves synthetic `ctx.call` responses for local browser
-QA. It does not access a NAS and is not the production provider's backend.
-Local unit/jsdom/Chromium tests do not establish DSM compatibility. Actual DSM
-session, File Station ACL, multipart upload and download validation belongs to
-the backend/device-validation thread. No public support claim is made here.

package/dist/templates/native-go-vue/frontend/src/M2App.vue

@@ -1,57 +0,0 @@
-<script setup lang="ts">
-import {computed,inject,onMounted,onUnmounted,ref} from 'vue'
-import {AppRoot,ConfigProvider,Button,Callout,SettingsSection} from '@synopackageland/ui'
-import type {AppStatus,Context} from './context'
-import {M2ProviderKey} from './nas/m2-contract'
-import {m2Copy,m2ErrorCopy,uiLocale} from './nas/m2-i18n'
-import {useM2Request} from './nas/use-m2-request'
-import M2Settings from './nas/M2Settings.vue'
-import AppShell from './shell/AppShell.vue'
-import {shellPages,type ShellPage} from './shell/pages'
-const props=defineProps<{ctx:Context}>(),copy=computed(()=>m2Copy(props.ctx.locale)),provider=inject(M2ProviderKey)!
-const request=useM2Request(),{busy,error}=request
-const app=ref<AppStatus>(),invalid=ref(false),view=ref(0),nestedBusy=ref(false)
-const page=ref<ShellPage>('status')
-// The simple session build only has the File Station folder screen.
-const pages=computed(()=>shellPages({folders:true}))
-const subtitle=computed(()=>app.value?`${app.value.package} · ${app.value.version} · ${app.value.user}`:undefined)
-let bound:{user:string;package:string}|undefined
-let removeReopen:()=>void=()=>{}
-async function refresh(){
- if(invalid.value)return
- const value=await request.run(()=>props.ctx.call<AppStatus>('app.status'))
- if(value){
-  if(typeof value.user!=='string'||!value.user||typeof value.package!=='string'||!value.package){error.value={code:'unavailable'};return}
-  if(bound&&(bound.user!==value.user||bound.package!==value.package)){invalidate();return}
-  bound??={user:value.user,package:value.package};app.value=value;view.value++
- }else{app.value=undefined}
-}
-function invalidate(){invalid.value=true;app.value=undefined;request.cancel();provider.dispose()}
-onMounted(()=>{removeReopen=props.ctx.reopen(()=>void refresh());window.addEventListener('pagehide',invalidate);void refresh()})
-onUnmounted(()=>{removeReopen?.();window.removeEventListener('pagehide',invalidate);app.value=undefined})
-</script>
-<template>
- <AppRoot theme="dsm7" modal-scope="app" style="height: 100%">
-  <ConfigProvider :locale="uiLocale(ctx.locale)">
-  <AppShell v-model="page" :locale="ctx.locale" :pages="pages" :description="subtitle">
-   <template #actions>
-    <Button v-if="!invalid" variant="secondary" :disabled="busy||nestedBusy" @click="refresh">{{ copy.refresh }}</Button>
-   </template>
-   <div class="integration-app m2-app" :aria-busy="busy||nestedBusy">
-   <Callout v-if="invalid" tone="warning" role="alert">{{ copy.accountChanged }}</Callout>
-   <Callout v-else-if="error" tone="danger" role="alert">{{ m2ErrorCopy(error,copy) }}</Callout>
-   <p v-if="busy" role="status">{{ copy.loading }}</p>
-   <div data-page="status" v-show="page==='status'">
-   <SettingsSection title="Package" :collapsible="false">
-    <p v-if="app" role="status">{{ app.package }} · {{ app.version }} · {{ app.user }}</p>
-    <p v-else role="status">{{ copy.loading }}</p>
-   </SettingsSection>
-   </div>
-   <div data-page="folders" v-show="page==='folders'">
-   <M2Settings v-if="app&&!invalid" :key="view" :locale="ctx.locale" @busy="value=>nestedBusy=value" />
-   </div>
-   </div>
-  </AppShell>
-  </ConfigProvider>
- </AppRoot>
-</template>

package/dist/templates/native-go-vue/frontend/src/SDKApp.vue

@@ -1,203 +0,0 @@
-<script setup lang="ts">
-import {computed, inject, onMounted, onUnmounted, ref, watch} from 'vue'
-import {AppRoot, ConfigProvider, Button, Callout, Dialog, Form, FormActions, FormItem, SettingsSection, Textarea} from '@synopackageland/ui'
-import {uiLocale} from './nas/m2-i18n'
-import {stateCopy, type AppStatus, type Context, type Status} from './context'
-import {NasProviderKey} from './nas/provider'
-import {errorCopy, nasCopy} from './nas/i18n'
-import NasGrantSettings from './nas/NasGrantSettings.vue'
-import NasUnavailable from './nas/NasUnavailable.vue'
-import JobsPanel from './jobs/JobsPanel.vue'
-import {JobsProviderKey} from './jobs/provider'
-const jobsProvider=inject(JobsProviderKey,null)
-import JobsAdminPanel from './jobs/JobsAdminPanel.vue'
-import AppShell from './shell/AppShell.vue'
-import {activePage,shellPages,type ShellPage} from './shell/pages'
-const nasProvider = inject(NasProviderKey, null)
-// A mount owns one provider binding. A native subject/package switch must
-// discard its UI and pending work; the host supplies a new provider on remount.
-const nasInvalidated = ref(false)
-const props = defineProps<{ctx: Context}>()
-const app = ref<AppStatus>()
-const status = ref<Status>()
-const busy = ref(false)
-const error = ref('')
-const notice = ref('')
-const disableOpen = ref(false)
-const id = ref('')
-const text = ref('')
-const identity = ref('')
-let disposed = false
-const refreshing = ref(false)
-const hasIdentity = ref(false)
-let appCookie = ''
-const page = ref<ShellPage>('status')
-const pages = computed(() => shellPages({
- // The session-SDK build submits interactive work instead of sample notes.
- sample: status.value?.state === 'ready' && !jobsProvider?.interactive,
- // Connected workers carry their own consent per job; the grant screen only
- // exists while no interactive worker is advertised.
- nas: !!nasProvider || !jobsProvider?.interactive?.workers.length,
- interactive: !!jobsProvider?.interactive,
- background: jobsProvider?.readiness?.background !== 'unavailable',
- admin: !!app.value?.admin,
- identity: hasIdentity.value,
-}))
-watch(pages,list => {page.value = activePage(page.value,list)})
-const subtitle = computed(() => app.value ? `${app.value.package} · ${app.value.user} · ${app.value.version}` : undefined)
-const configured = computed(() => status.value?.reason !== "not-requested")
-const details = computed(() => {
- if(status.value?.state === 'pending') {
-  const copy = nasCopy(props.ctx.locale)
-  return {label:copy.healthPending,description:copy.healthPendingHelp}
- }
- return status.value ? stateCopy[status.value.state] : undefined
-})
-function message(e: unknown) {
- const code = (e as {code?: string})?.code || 'request_failed'
- if(['denied','unknown_method','unavailable','unsupported','session_required','auth_unavailable'].includes(code)) return errorCopy(e,nasCopy(props.ctx.locale))
- return ({session_required:'Your DSM session expired. Sign in again.',access_denied:'This sample belongs to another account.',integration_unavailable:'Integration is unavailable. Ask an administrator to activate or recover it.',personal_unavailable:'Sample storage is unavailable. Ask an administrator to check package data.',root_conflict:'A conflicting scheduler task exists. Ask an administrator to review it.',root_verify_failed:'Scheduler verification failed. Refresh and review the task.',root_run_failed:'The approved operation failed. Review integration status and cleanup.'} as Record<string,string>)[code] || `Request failed (${code}). Refresh and try again.`
-}
-async function refresh() {
- if(disposed || refreshing.value) return
- refreshing.value = true; error.value = ''
- try {
-  const [a,s] = await Promise.all([props.ctx.call<AppStatus>('app.status'),props.ctx.call<Status>('integration.status')])
-  if(disposed) return
-  if(app.value && (app.value.user!==a.user || app.value.package!==a.package)) nasInvalidated.value=true
-  app.value = a; status.value = s
-  if(s.state !== 'ready') {id.value='';text.value='';return}
-  // The session SDK build exposes File Station jobs, not native sample notes.
-  if(jobsProvider?.interactive) {id.value='';text.value='';return}
-  // Plain --ui vue has no personal routes; not-enabled status hides this.
-  const list = await props.ctx.call<{items:Array<{id:string;name:string}>}>('personal.list')
-  if(disposed) return
-  id.value = list.items[0]?.id || ''
-  if(id.value) {
-   const note = await props.ctx.call<{text:string}>('personal.read',{id:id.value})
-   if(!disposed) text.value = note.text
-  }
- } catch(e) {if(!disposed) {error.value = message(e);status.value=undefined;id.value='';text.value=''}} finally {refreshing.value=false}
-}
-async function action(op: string) {
- if(busy.value || refreshing.value || disposed) return
- busy.value=true;error.value='';notice.value=''
- try {
-  if(!props.ctx.root) throw {code:'unsupported'}
-  const approved = await props.ctx.root.authorize(op)
-  if(disposed) return
-  if(approved !== 'ready') {notice.value='Approval cancelled. No operation was run.';return}
-  await props.ctx.root.run(op)
-  if(disposed) return
-  notice.value=op==='helper_repair' ? 'Cleanup repaired. Use Recover or Approve and activate when ready.' : 'Operation completed. Integration status was checked again.'
-  await refresh()
- } catch(e) {if(!disposed) {
-  await refresh()
-  if(!disposed) {
-   const code=(e as {code?:string})?.code
-   if(code==='root_cancelled') notice.value='Repair confirmation cancelled. No operation was run.'
-   else error.value=op==='helper_repair' && (code==='root_run_failed' || code==='root_task_failed') ? 'Repair could not verify safe cleanup. Review the package recovery instructions before trying again.' : message(e)
-  }
- }}
- finally {if(!disposed) busy.value=false}
-}
-async function save() {
- if(busy.value || refreshing.value || !id.value || disposed) return
- busy.value=true;error.value='';notice.value=''
- try {await props.ctx.call('personal.write',{id:id.value,text:text.value});if(!disposed) notice.value='Your sample note was saved.'}
- catch(e) {if(!disposed) error.value=message(e)} finally {if(!disposed) busy.value=false}
-}
-async function login() {
- if(busy.value || refreshing.value || disposed) return
- busy.value=true;error.value=''
- try {
-  const result=await props.ctx.call<{cookie:string;user:string}>('identity.login')
-  if(!disposed){appCookie=result.cookie;identity.value=`App session for ${result.user}`}
- } catch(e) {if(!disposed) error.value=message(e)} finally {if(!disposed) busy.value=false}
-}
-async function checkIdentity() {
- if(busy.value || refreshing.value || disposed) return
- busy.value=true;error.value=''
- try {const result=await props.ctx.call<{user:string}>('identity.current',{cookie:appCookie});if(!disposed) identity.value=`App session for ${result.user}`}
- catch(e) {if(!disposed) {appCookie='';identity.value='';error.value=message(e)}} finally {if(!disposed) busy.value=false}
-}
-onMounted(async()=>{
- props.ctx.reopen(()=>{if(!disposed) void refresh()})
- await refresh()
- if(disposed || !app.value) return
- try {const result = await props.ctx.call<{mode:string}>('identity.status');if(!disposed) hasIdentity.value = result.mode==='better-auth'} catch { /* Optional route absent in Go-only. */ }
-})
-onUnmounted(()=>{disposed=true;appCookie='';text.value='';id.value=''})
-</script>
-
-<template>
- <AppRoot modal-scope="app" style="height: 100%">
-  <ConfigProvider :locale="uiLocale(ctx.locale)">
-  <AppShell v-model="page" :locale="ctx.locale" :pages="pages" :description="subtitle">
-   <template #actions>
-    <Button variant="secondary" :disabled="busy || refreshing" @click="error=''; refresh()">Refresh</Button>
-   </template>
-   <div class="integration-app" :aria-busy="busy || refreshing" aria-label="Package settings">
-   <p v-if="refreshing" role="status">Refreshing status…</p>
-   <p v-else-if="busy" role="status">Completing operation…</p>
-   <Callout v-if="error" tone="danger" title="Action required"><span role="alert">{{ error }}</span></Callout>
-   <p v-if="notice" class="integration-notice" role="status">{{ notice }}</p>
-   <div data-page="status" v-show="page==='status'">
-   <SettingsSection title="DSM integration" :collapsible="false">
-    <div v-if="status && details" :data-integration-state="status.state" class="integration-status" role="status">
-     <h2>{{ details.label }}</h2><p>{{ details.description }}</p>
-     <p v-if="status.cleanup === 'required'">Cleanup is required. Ask an administrator to run teardown or disable. If the helper supervisor was lost, use Repair cleanup and follow the package recovery instructions.</p>
-     <dl><dt>Package running</dt><dd>{{ status.packageRunning }}</dd><dt>Scheduler</dt><dd>{{ status.scheduler }}</dd></dl>
-    </div>
-    <p v-else-if="error" role="status">Status could not be loaded. Refresh to try again.</p>
-    <p v-else role="status">Loading integration status…</p>
-    <div v-if="app?.admin && ctx.root && configured" class="integration-actions">
-     <Button variant="primary" :disabled="busy || refreshing" @click="action('helper_enable')">Approve and activate</Button>
-     <Button variant="secondary" :disabled="busy || refreshing" @click="action('helper_recover')">Recover</Button>
-     <Button variant="secondary" :disabled="busy || refreshing" @click="action('helper_teardown')">Teardown</Button>
-     <Button variant="secondary" :disabled="busy || refreshing" @click="disableOpen=true">Disable</Button>
-     <Button variant="secondary" :disabled="busy || refreshing" @click="action('helper_repair')">Repair cleanup</Button>
-    </div>
-    <p v-if="app?.admin && ctx.root && configured" class="integration-help">Repair cleanup clears verified leftover helper state. It does not restart integration.</p>
-    <Callout v-if="app && !app.admin && status?.state !== 'ready' && status?.state !== 'pending'" title="Administrator action needed">Ask a DSM administrator to open this package's settings. Your login cannot approve root operations.</Callout>
-   </SettingsSection>
-   </div>
-   <div data-page="sample" v-show="page==='sample'">
-   <SettingsSection v-if="status?.state === 'ready' && !jobsProvider?.interactive" title="My sample data" :collapsible="false">
-    <p class="integration-help">This synthetic note belongs to your DSM account and is stored in package data.</p>
-    <p v-if="refreshing" role="status">Loading your sample data…</p>
-    <Callout v-else-if="!id" title="No sample data">Refresh to request your sample data again.</Callout>
-    <Form v-if="id" @submit.prevent><FormItem label="My sample note"><Textarea v-model="text" :disabled="busy || refreshing" /></FormItem>
-     <FormActions><Button variant="primary" :disabled="busy || refreshing" @click="save">Save my note</Button></FormActions>
-    </Form>
-   </SettingsSection>
-   </div>
-   <div data-page="nas" v-show="page==='nas'">
-   <NasGrantSettings v-if="nasProvider && app && status && !nasInvalidated" :locale="ctx.locale" />
-   <NasUnavailable v-else-if="!jobsProvider?.interactive?.workers.length" :locale="ctx.locale" />
-   </div>
-   <div data-page="interactive" v-show="page==='interactive'">
-   <JobsPanel v-if="app && !nasInvalidated" section="interactive" :locale="ctx.locale" />
-   </div>
-   <div data-page="background" v-show="page==='background'">
-   <JobsPanel v-if="app && !nasInvalidated" section="background" :locale="ctx.locale" />
-   </div>
-   <div data-page="admin" v-show="page==='admin'">
-   <JobsAdminPanel v-if="app?.admin && !nasInvalidated" :locale="ctx.locale" />
-   </div>
-   <div data-page="identity" v-show="page==='identity'">
-   <SettingsSection v-if="hasIdentity" title="Optional app identity" :collapsible="false">
-    <p class="integration-help">Your DSM login is checked again for every app session request.</p>
-    <div class="integration-actions"><Button variant="primary" :disabled="busy || refreshing" @click="login">Create app session</Button><Button variant="secondary" :disabled="busy || refreshing || !identity" @click="checkIdentity">Check app session</Button></div>
-    <p v-if="identity" role="status">{{ identity }}</p>
-   </SettingsSection>
-   </div>
-   </div>
-   <Dialog v-model:open="disableOpen" title="Disable integration?" description="New integration requests will be refused before helper cleanup begins.">
-    <p>Your sample data and historical root output are retained. A failed cleanup remains visible.</p>
-    <template #footer><Button variant="secondary" @click="disableOpen=false">Cancel</Button><Button variant="danger" :disabled="busy || refreshing" @click="disableOpen=false; action('helper_disable')">Confirm disable</Button></template>
-   </Dialog>
-  </AppShell>
-  </ConfigProvider>
- </AppRoot>
-</template>

package/dist/templates/native-go-vue/frontend/src/jobs/InteractiveJobForm.vue

@@ -1,70 +0,0 @@
-<script setup lang="ts">
-import {computed,ref,watch} from 'vue'
-import {Button,Callout,Form,FormActions,FormItem,Input,Select} from '@synopackageland/ui'
-import type {JobsProvider,PreparedInteractive} from './provider'
-import type {M2JobSource} from '../nas/m2-contract'
-import M2PathPicker from '../nas/M2PathPicker.vue'
-import {m2Copy,m2ErrorCopy} from '../nas/m2-i18n'
-import {jobCopy} from './i18n'
-import {useNasRequest} from '../nas/use-request'
-const props=defineProps<{locale:string;provider:JobsProvider}>(),emit=defineEmits<{submitted:[]}>()
-const copy=computed(()=>jobCopy(props.locale)),request=useNasRequest(),{busy,error}=request
-const open=ref(false),pickerBusy=ref(false),source=ref<M2JobSource>(),workerId=ref(''),action=ref('nas.files.stat'),bound=ref(100),uncertain=ref<PreparedInteractive>(),notice=ref(false),invalid=ref(false)
-const worker=computed(()=>props.provider.interactive?.workers.find(w=>w.id===workerId.value))
-const actions=computed(()=>worker.value?.actions.filter(a=>source.value?.entry.isDir?a!=='nas.files.read':a!=='nas.files.list')??[])
-const workerOptions=computed(()=>props.provider.interactive?.workers.map(w=>({value:w.id,label:`${w.id} · ${w.revision}`}))??[])
-const operationLabel=(a:string)=>a==='nas.files.list'?copy.value.listOperation:a==='nas.files.read'?copy.value.readOperation:copy.value.statOperation
-const actionOptions=computed(()=>actions.value.map(a=>({value:a,label:operationLabel(a)})))
-const ready=computed(()=>props.provider.readiness?.interactive==='ready'&&!invalid.value)
-const locked=computed(()=>busy.value||pickerBusy.value||!!uncertain.value||!ready.value)
-watch(()=>props.provider.interactive?.workers,workers=>{if(!workers?.some(w=>w.id===workerId.value))workerId.value=workers?.[0]?.id??''},{immediate:true})
-watch(actions,values=>{if(!values.includes(action.value as never))action.value=values[0]??''})
-watch(action,value=>{bound.value=value==='nas.files.read'?worker.value?.maxBytes??1:100})
-watch(error,e=>{if(['session_required','auth_unavailable','denied'].includes((e as {code?:string})?.code??'')){invalid.value=true;source.value=undefined;open.value=false}})
-function select(value:M2JobSource){source.value=value;notice.value=false}
-async function submit(){
- if(locked.value||!source.value||!worker.value)return
- const chosen=source.value,w=worker.value,a=action.value
- if(!actions.value.includes(a as never)||((a==='nas.files.list'||a==='nas.files.read')&&(!Number.isSafeInteger(bound.value)||bound.value<1||bound.value>(a==='nas.files.list'?100:w.maxBytes)))){error.value={code:'invalid-request'};return}
- await request.run(async signal=>{
-  const prepared=await props.provider.interactive!.prepareInteractive(signal,{id:w.id,revision:w.revision},{id:chosen.selection.grantId,revision:1},{steps:[{action:a,segments:[...chosen.segments],...(a==='nas.files.list'?{limit:bound.value}:a==='nas.files.read'?{maxBytes:bound.value}:{})}]})
-  if(Date.now()>=prepared.expiresAt)throw {code:'expired'}
-  // Preserve the original intent before the single submit attempt. A missing
-  // reply cannot establish rollback; lookup never creates or attaches a job.
-  uncertain.value=prepared
-  await props.provider.interactive!.submitInteractive(prepared,signal)
-  uncertain.value=undefined;source.value=undefined;notice.value=true;emit('submitted')
- })
-}
-async function lookup(){
- const original=uncertain.value;if(!original||busy.value)return
- const found=await request.run(signal=>props.provider.lookup(original.intentId,signal))
- if(found?.jobId===original.jobId){uncertain.value=undefined;source.value=undefined;notice.value=true;emit('submitted')}
-}
-const errorText=computed(()=>{
- const code=(error.value as {code?:string})?.code
- if(code==='revalidating')return copy.value.revalidating
- if(code==='session_required'||code==='auth_unavailable')return copy.value.accessLost
- if(['denied','invalid-request','limit-exceeded'].includes(code??''))return m2ErrorCopy(error.value,m2Copy(props.locale))
- return copy.value.error
-})
-</script>
-<template>
- <Form class="jobs-input" :aria-label="copy.newInteractive" :aria-busy="busy||pickerBusy" @submit.prevent="submit">
-  <h3>{{ copy.newInteractive }}</h3>
-  <p>{{ copy.sourceHelp }}</p>
-  <Callout v-if="error" tone="danger" role="alert">{{ errorText }}</Callout>
-  <p v-if="notice" role="status">{{ copy.interactiveSubmitted }}</p>
-  <Button variant="secondary" :disabled="locked" @click="open=true">{{ copy.chooseSource }}</Button>
-  <p v-if="source" role="status">{{ source.entry.path }}</p>
-  <FormItem :label="copy.worker"><Select v-model="workerId" :options="workerOptions" :disabled="locked" /></FormItem>
-  <FormItem :label="copy.operation"><Select v-model="action" data-job-action :options="actionOptions" :disabled="locked||!source" /></FormItem>
-  <FormItem v-if="action==='nas.files.list'||action==='nas.files.read'" :label="action==='nas.files.list'?copy.entryLimit:copy.byteLimit"><Input v-model.number="bound" data-job-bound type="number" min="1" :max="action==='nas.files.list'?100:worker?.maxBytes" step="1" :disabled="locked" /></FormItem>
-  <FormActions><Button type="submit" variant="primary" :disabled="locked||!source||!worker||!actions.length">{{ copy.submitInteractive }}</Button></FormActions>
-  <template v-if="uncertain"><p role="status">{{ copy.uncertain }}</p><Button variant="secondary" :disabled="busy||invalid" @click="lookup">{{ copy.lookup }}</Button></template>
-  <M2PathPicker v-model:open="open" :locale="locale" :title="copy.chooseSource" select-files read-only @source="select" @busy="value=>pickerBusy=value" />
- </Form>
-</template>
-<style scoped>
-.jobs-input { margin-block: var(--ui-space-4, 16px); }
-</style>

package/dist/templates/native-go-vue/frontend/src/jobs/JobsAdminPanel.vue

@@ -1,33 +0,0 @@
-<script setup lang="ts">
-import {computed,inject,onMounted,ref,watch} from 'vue'
-import {Button,Callout,SettingsSection} from '@synopackageland/ui'
-import {JobsAdminProviderKey,type AdminJobView} from './provider'
-import {jobCopy} from './i18n'
-import {adminPage} from './validate'
-import {useNasRequest} from '../nas/use-request'
-const props=defineProps<{locale:string}>(),copy=computed(()=>jobCopy(props.locale))
-const provider=inject(JobsAdminProviderKey,null),request=useNasRequest(),{busy,error}=request,items=ref<readonly AdminJobView[]>([]),nextCursor=ref<string>()
-const invalidated=ref(false),loaded=ref(false)
-watch(error,e=>{if(['denied','session_required','auth_unavailable'].includes((e as {code?:string})?.code??'')){invalidated.value=true;items.value=[]}})
-async function load(cursor?:string){if(!provider||invalidated.value)return;const result=await request.run(async signal=>adminPage(await provider.list(signal,cursor)));if(result){loaded.value=true;items.value=result.items;nextCursor.value=result.nextCursor}else if(error.value){items.value=[];nextCursor.value=undefined}}
-async function refresh(){await load()}
-async function cancel(item:AdminJobView){if(!provider)return;await request.run(signal=>provider.cancel(item.jobId,item.revision,signal));await refresh()}
-function state(item:AdminJobView){return ({pending:copy.value.pending,running:copy.value.running,'cancel-requested':copy.value.stopping,draining:copy.value.stopping,succeeded:copy.value.succeeded,failed:copy.value.failed,canceled:copy.value.canceled,interrupted:copy.value.interrupted,'cleanup-required':copy.value.cleanup})[item.state]}
-onMounted(()=>{if(provider?.mode==='mock')void refresh()})
-</script>
-<template>
- <SettingsSection :title="copy.adminTitle" :collapsible="false" :aria-busy="busy">
-  <Callout v-if="!provider||provider.mode==='unavailable'" tone="info" :title="copy.unavailable" />
-  <Callout v-else-if="invalidated" tone="danger" :title="copy.accessLost" role="alert" />
-  <template v-else>
-   <p v-if="provider.mode==='mock'">{{ copy.mock }}</p><p v-else-if="!loaded&&!error">{{ copy.loadManagement }}</p><Callout v-if="error" tone="danger" :title="copy.error" role="alert" />
-   <Button :disabled="busy" variant="secondary" @click="refresh">{{ copy.refresh }}</Button>
-   <p v-if="loaded&&!items.length&&!error">{{ copy.empty }}</p>
-   <ul class="nas-grants"><li v-for="item in items" :key="item.jobId">
-    <p role="status">{{ state(item) }}</p><p v-if="item.drained">{{ copy.drained }}</p><p v-if="item.effectsUnknown">{{ copy.effects }}</p>
-    <Button v-if="['pending','running','cancel-requested','draining'].includes(item.state)" :disabled="busy" variant="secondary" @click="cancel(item)">{{ copy.cancel }}</Button>
-   </li></ul>
-   <Button v-if="nextCursor" :disabled="busy" variant="secondary" @click="load(nextCursor)">{{ copy.next }}</Button>
-  </template>
- </SettingsSection>
-</template>