@h-ai/cli 1.0.0-beta.17 → 1.0.0-beta.19

package/templates/apps/fullstack/packages/{{projectName}}-shared/src/lib/pages/feedback.svelte.hbs

@@ -13,16 +13,32 @@
   import * as m from '../paraglide/messages.js'
 
   const { store }: { store: ManagementStore } = $props()
-  let page = $state({ items: [] as FeedbackReportView[], total: 0, page: 1, pageSize: 20 })
+  let page = $state({
+    items: [] as FeedbackReportView[],
+    total: 0,
+    page: 1,
+    pageSize: 20,
+  })
   let query = $state<FeedbackListQuery>({ page: 1, pageSize: 20 })
   let selected = $state<Detail>()
-  let evidence = $state({ items: [] as FeedbackEvidenceInput[], total: 0, page: 1, pageSize: 20 })
+  let evidence = $state({
+    items: [] as FeedbackEvidenceInput[],
+    total: 0,
+    page: 1,
+    pageSize: 20,
+  })
   let loading = $state(false)
   let error = $state('')
   let requestVersion = 0
   let detailVersion = 0
   let imageUrls = $state<Record<string, string>>({})
-  const permissions = $derived({ read: store.hasPermission('feedback:read'), process: store.hasPermission('feedback:process'), reopen: store.hasPermission('feedback:reopen'), export: store.hasPermission('feedback:export'), retry: store.hasPermission('feedback:process') })
+  const permissions = $derived({
+    read: store.hasPermission('feedback:read'),
+    process: store.hasPermission('feedback:process'),
+    reopen: store.hasPermission('feedback:reopen'),
+    export: store.hasPermission('feedback:export'),
+    retry: store.hasPermission('feedback:process'),
+  })
   function view(report: FeedbackReport): FeedbackReportView {
     return { ...report, description: report.description || report.summary || '', appVersion: report.appVersion || '' }
   }
@@ -35,8 +51,12 @@
       const result = await managementApi.feedback.reports.list(next)
       if (!result.success)
         throw new Error(result.error.message, { cause: result.error })
-      if (version === requestVersion)
-        page = { ...result.data, items: result.data.items.map(view) }
+      if (version === requestVersion) {
+        page = {
+          ...result.data,
+          items: result.data.items.map(view),
+        }
+      }
     }
     catch (cause) {
       if (version === requestVersion)
@@ -114,7 +134,10 @@
     if (result.data.contentType.startsWith('image/') || result.data.contentType.startsWith('video/')) {
       if (imageUrls[id])
         URL.revokeObjectURL(imageUrls[id])
-      imageUrls = { ...imageUrls, [id]: URL.createObjectURL(new Blob([new Uint8Array(feedbackDataBytes(result.data)).buffer], { type: result.data.contentType })) }
+      imageUrls = {
+        ...imageUrls,
+        [id]: URL.createObjectURL(new Blob([new Uint8Array(feedbackDataBytes(result.data)).buffer], { type: result.data.contentType })),
+      }
     }
     else {
       await downloadFeedback(feedbackDataBytes(result.data), result.data.name, result.data.contentType)
@@ -146,7 +169,14 @@
 <section data-testid='feedback-page' class='flex min-h-0 flex-1 flex-col gap-3'>
   <PageHeader title={m.nav_feedback()} class='mb-0' />
   {#if selected}
-    <FeedbackDetail report={view(selected.report)} webhook={selected.jobs.find(job => job.type === 'webhook')} {evidence} history={selected.history.map(item => ({ id: item.id, actorId: item.userId, fromStatus: item.from, toStatus: item.to, createdAt: item.timestamp, note: item.note }))} {permissions}
+    <FeedbackDetail report={view(selected.report)} webhook={selected.jobs.find(job => job.type === 'webhook')} {evidence} history={selected.history.map(item => ({
+id: item.id,
+actorId: item.userId,
+fromStatus: item.from,
+toStatus: item.to,
+createdAt: item.timestamp,
+note: item.note,
+}))} {permissions}
       attachments={selected.attachments.map(item => ({ ...item, mimeType: item.contentType, url: imageUrls[item.id] }))}
       onevidencequery={loadEvidence} onreplay={loadReplay} onstatus={status} onexport={exportBundle} onretry={retry}
       onattachment={item => attachment(item.id)} onclose={closeDetail} />

package/templates/apps/fullstack/packages/{{projectName}}-shared/src/lib/pages/roles.svelte.hbs

@@ -14,7 +14,9 @@
   let description = $state('')
   let permission = $state<AdminPermissionPolicy | null>(null)
   async function savePolicy(operations: string[]) {
-    return permission ? store.savePermissionPolicy(permission.id, operations) : err(HaiCommonError.CONFLICT, m.home_error())
+    return permission
+      ? store.savePermissionPolicy(permission.id, operations)
+      : err(HaiCommonError.CONFLICT, m.home_error())
   }
   function edit(role: AdminRole) {
     editing = role
@@ -35,9 +37,13 @@
   <div class="grid gap-3 md:grid-cols-2">
     {#each store.roles as role (role.id)}
       <Card bordered shadow={false}>
-        <div class="flex items-center justify-between gap-3"><h2 class="text-lg font-semibold">{roleLabel(role.code)}</h2><Badge variant={role.code === 'admin' ? 'primary' : 'ghost'}>{role.code}</Badge></div>
+        <div class="flex items-center justify-between gap-3"><h2 class="text-lg font-semibold">{roleLabel(role.code)}</h2><Badge variant={role.code === 'admin'
+? 'primary'
+: 'ghost'}>{role.code}</Badge></div>
         <p class="mt-3 text-sm leading-6 text-base-content/60">{roleCapabilities(role.code)}</p>
-        <p class="mt-4 text-xs text-base-content/45">{m.role_members({ count: String(role.userCount) })}</p>
+        <p class="mt-4 text-xs text-base-content/45">{m.role_members({
+count: String(role.userCount),
+})}</p>
         {#if role.description}<p class="mt-3 text-sm text-base-content/70">{role.description}</p>{/if}
         {#if role.code === 'admin' || role.code === 'user'}<div class="mt-5"><Button variant="outline" size="sm" onclick={() => edit(role)}>{m.role_edit()}</Button></div>{/if}
       </Card>

package/templates/apps/fullstack/packages/{{projectName}}-shared/src/lib/pages/settings.svelte.hbs

@@ -11,8 +11,24 @@
 
   interface Props { store: ManagementStore }
   const { store }: Props = $props()
-  const languageOptions = $derived(locales.filter(locale => store.info?.supportedLocales.includes(locale)).map(locale => ({ value: locale, label: locale === 'zh-CN' ? '简体中文' : locale === 'ja-JP' ? '日本語' : 'English' })))
-  const themeOptions = $derived(AVAILABLE_THEMES.map(theme => ({ value: theme, label: theme === 'high-contrast' ? m.theme_high_contrast() : theme === 'formal' ? m.theme_formal() : theme === 'eye-care' ? m.theme_eye_care() : getThemeInfo(theme)?.name ?? theme })))
+  const languageOptions = $derived(locales.filter(locale => store.info?.supportedLocales.includes(locale)).map(locale => ({
+    value: locale,
+    label: locale === 'zh-CN'
+      ? '简体中文'
+      : locale === 'ja-JP'
+        ? '日本語'
+        : 'English',
+  })))
+  const themeOptions = $derived(AVAILABLE_THEMES.map(theme => ({
+    value: theme,
+    label: theme === 'high-contrast'
+      ? m.theme_high_contrast()
+      : theme === 'formal'
+        ? m.theme_formal()
+        : theme === 'eye-care'
+          ? m.theme_eye_care()
+          : getThemeInfo(theme)?.name ?? theme,
+  })))
 </script>
 
 <section class='grid w-full min-w-0 gap-4 xl:grid-cols-2' data-testid='settings-page'>
@@ -21,7 +37,13 @@
     <Card class='xl:row-span-2' title={m.profile_title()} bordered shadow={false} data-guide='admin-profile-form'>
       <div class='mb-5 flex flex-wrap items-center gap-3 border-b border-base-content/8 pb-4'>
         <p class='min-w-0 break-all text-sm text-base-content/55'>@{store.user.username}</p>
-        <Badge size='sm' variant='ghost'>{store.user.roles.filter((code): code is import('{{fullstack.contractPackageName}}').AdminRoleCode => ['admin', 'audit_admin', 'config_admin', 'business_operator', 'user'].includes(code)).map(roleLabel).join(', ')}</Badge>
+        <Badge size='sm' variant='ghost'>{store.user.roles.filter((code): code is import('{{fullstack.contractPackageName}}').AdminRoleCode => [
+          'admin',
+          'audit_admin',
+          'config_admin',
+          'business_operator',
+          'user',
+        ].includes(code)).map(roleLabel).join(', ')}</Badge>
       </div>
       <UserProfile columns={2} user={store.user} editable alwaysEditable fields={['avatar', 'displayName', 'email']} avatarAccept='image/png,image/jpeg,image/webp' avatarHint={m.avatar_hint()} loading={store.saving} onsubmit={data => store.saveProfile(data)} onavatarchange={file => void store.uploadAvatar(file)} data-testid='profile-form' />
     </Card>

package/templates/apps/fullstack/packages/{{projectName}}-shared/src/lib/pages/users.svelte.hbs

@@ -27,14 +27,53 @@
   let accountStatus = $state<'active' | 'dormant' | 'closed'>('active')
   let expiresAt = $state('')
   const columns = $derived([
-    { key: 'username', sortable: true, label: m.user_account() },
-    { key: 'email', sortable: true, label: m.user_email() },
-    { key: 'roles', label: m.user_role() },
-    { key: 'accountStatus', sortable: true, label: m.account_state() },
-    { key: 'createdAt', sortable: true, label: m.created_at() },
+    {
+      key: 'username',
+      sortable: true,
+      label: m.user_account(),
+    },
+    {
+      key: 'email',
+      sortable: true,
+      label: m.user_email(),
+    },
+    {
+      key: 'roles',
+      label: m.user_role(),
+    },
+    {
+      key: 'accountStatus',
+      sortable: true,
+      label: m.account_state(),
+    },
+    {
+      key: 'createdAt',
+      sortable: true,
+      label: m.created_at(),
+    },
+  ])
+  const roleOptions = $derived(AdminRoleCodeSchema.options.map(value => ({
+    value,
+    label: roleLabel(value),
+  })))
+  const statusOptions = $derived([
+    {
+      value: 'all',
+      label: m.all_statuses(),
+    },
+    {
+      value: 'active',
+      label: m.account_active(),
+    },
+    {
+      value: 'dormant',
+      label: m.account_dormant(),
+    },
+    {
+      value: 'closed',
+      label: m.account_closed(),
+    },
   ])
-  const roleOptions = $derived(AdminRoleCodeSchema.options.map(value => ({ value, label: roleLabel(value) })))
-  const statusOptions = $derived([{ value: 'all', label: m.all_statuses() }, { value: 'active', label: m.account_active() }, { value: 'dormant', label: m.account_dormant() }, { value: 'closed', label: m.account_closed() }])
 
   function openEditor(user: AdminUser | null, useInvitation = false) {
     editing = user
@@ -47,17 +86,44 @@
     role = user?.roles[0] ?? 'user'
     accountType = user?.accountType ?? 'permanent'
     accountStatus = user?.accountStatus ?? 'active'
-    expiresAt = user?.accountExpiresAt ? store.localDateTime(user.accountExpiresAt) : ''
+    expiresAt = user?.accountExpiresAt
+      ? store.localDateTime(user.accountExpiresAt)
+      : ''
     store.error = ''
     editorOpen = true
   }
 
   async function submit(event: SubmitEvent) {
     event.preventDefault()
-    const fields = { displayName: displayName.trim(), role, accountType, accountStatus, accountExpiresAt: expiresAt ? new Date(expiresAt).toISOString() : null }
+    const fields = {
+      displayName: displayName.trim(),
+      role,
+      accountType,
+      accountStatus,
+      accountExpiresAt: expiresAt
+        ? new Date(expiresAt).toISOString()
+        : null,
+    }
     const saved = invitation && !editing
-      ? await store.inviteUser({ username: username.trim(), email: email.trim() || undefined, phone: phone.trim() || undefined, ...fields, accountStatus: 'active' })
-      : await store.saveUser(editing ? { id: editing.id, email: email.trim(), ...fields } : { username: username.trim(), password, email: email.trim() || undefined, ...fields })
+      ? await store.inviteUser({
+        username: username.trim(),
+        email: email.trim() || undefined,
+        phone: phone.trim() || undefined,
+        ...fields,
+        accountStatus: 'active',
+      })
+      : await store.saveUser(editing
+        ? {
+          id: editing.id,
+          email: email.trim(),
+          ...fields,
+        }
+        : {
+          username: username.trim(),
+          password,
+          email: email.trim() || undefined,
+          ...fields,
+        })
     if (saved) {
       editorOpen = false
       password = ''
@@ -94,7 +160,9 @@
       event.preventDefault()
       void store.queryUsers()
     }}>
-      <FilterBar activeCount={store.usersStatus === 'all' ? 0 : 1} onreset={() => {
+      <FilterBar activeCount={store.usersStatus === 'all'
+? 0
+: 1} onreset={() => {
         store.usersSearch = ''
         store.usersStatus = 'all'
         store.usersSortBy = 'createdAt'
@@ -115,9 +183,19 @@
               <div><p class='font-medium'>{user.displayName || user.username}</p><p class='text-xs text-base-content/45'>@{user.username}</p></div>
             </div>
           {:else if key === 'roles'}
-            <Badge variant={user.roles.includes('admin') ? 'primary' : 'ghost'}>{user.roles.map(roleLabel).join(', ')}</Badge>
+            <Badge variant={user.roles.includes('admin')
+? 'primary'
+: 'ghost'}>{user.roles.map(roleLabel).join(', ')}</Badge>
           {:else if key === 'accountStatus'}
-            <Badge variant={user.accountStatus === 'active' ? 'success' : user.accountStatus === 'dormant' ? 'warning' : 'ghost'}>{user.accountStatus === 'active' ? m.account_active() : user.accountStatus === 'dormant' ? m.account_dormant() : m.account_closed()}</Badge>
+            <Badge variant={user.accountStatus === 'active'
+? 'success'
+: user.accountStatus === 'dormant'
+? 'warning'
+: 'ghost'}>{user.accountStatus === 'active'
+? m.account_active()
+: user.accountStatus === 'dormant'
+? m.account_dormant()
+: m.account_closed()}</Badge>
           {:else if key === 'createdAt'}
             <span class='whitespace-nowrap text-xs text-base-content/60'>{store.formatDate(user.createdAt)}</span>
           {:else if key === 'email'}
@@ -140,11 +218,21 @@
             <div class='flex items-center gap-3'>
               <Avatar name={user.displayName || user.username} src={user.avatarUrl} size='sm' />
               <div class='min-w-0 flex-1'><p class='truncate font-medium'>{user.displayName || user.username}</p><p class='truncate text-xs text-base-content/45'>@{user.username}</p></div>
-              <Badge size='sm' variant={user.accountStatus === 'active' ? 'success' : user.accountStatus === 'dormant' ? 'warning' : 'ghost'}>{user.accountStatus === 'active' ? m.account_active() : user.accountStatus === 'dormant' ? m.account_dormant() : m.account_closed()}</Badge>
+              <Badge size='sm' variant={user.accountStatus === 'active'
+? 'success'
+: user.accountStatus === 'dormant'
+? 'warning'
+: 'ghost'}>{user.accountStatus === 'active'
+? m.account_active()
+: user.accountStatus === 'dormant'
+? m.account_dormant()
+: m.account_closed()}</Badge>
             </div>
             <p class='mt-3 truncate text-xs text-base-content/60' title={user.email}>{user.email || '—'}</p>
             <div class='mt-3 flex flex-wrap items-center justify-between gap-2'>
-              <Badge size='sm' variant={user.roles.includes('admin') ? 'primary' : 'ghost'}>{user.roles.map(roleLabel).join(', ')}</Badge>
+              <Badge size='sm' variant={user.roles.includes('admin')
+? 'primary'
+: 'ghost'}>{user.roles.map(roleLabel).join(', ')}</Badge>
               {@render userActions(user)}
             </div>
           </Card>
@@ -157,7 +245,11 @@
   </div>
 </section>
 
-<Modal bind:open={editorOpen} title={editing ? m.user_edit() : invitation ? m.invitation_title() : m.user_create()} closeOnBackdrop={!store.saving} closeOnEscape={!store.saving} size='3xl' data-testid='user-editor'>
+<Modal bind:open={editorOpen} title={editing
+? m.user_edit()
+: invitation
+? m.invitation_title()
+: m.user_create()} closeOnBackdrop={!store.saving} closeOnEscape={!store.saving} size='3xl' data-testid='user-editor'>
   <form onsubmit={submit}>
     {#if invitation}<p class='mb-4 text-sm text-base-content/60'>{m.invitation_hint()}</p>{/if}
     <FormLayout columns={2} labelPosition='left' labelWidth='6rem'>
@@ -170,8 +262,30 @@
         <FormField label={m.user_password()} hint={m.initial_password_rules({ min: store.authConfig?.password.minLength ?? 8 })} required><PasswordInput required bind:value={password} autocomplete='new-password' minLength={store.authConfig?.password.minLength ?? 8} data-testid='user-password' /></FormField>
       {/if}
       {#if invitation && store.authConfig?.passwordReset.mode === 'phone'}<FormField label={m.invitation_phone()} required><Input type='tel' bind:value={phone} required maxlength={32} data-testid='invite-phone' /></FormField>{/if}
-      <FormField label={m.account_type()}><Select bind:value={accountType} options={[{ value: 'permanent', label: m.account_permanent() }, { value: 'temporary', label: m.account_temporary() }]} data-testid='account-type' /></FormField>
-      <FormField label={m.account_state()}><Select bind:value={accountStatus} disabled={invitation || editing?.id === store.user?.id} options={[{ value: 'active', label: m.account_active() }, { value: 'dormant', label: m.account_dormant() }, { value: 'closed', label: m.account_closed() }]} data-testid='account-state' /></FormField>
+      <FormField label={m.account_type()}><Select bind:value={accountType} options={[
+{
+value: 'permanent',
+label: m.account_permanent(),
+},
+{
+value: 'temporary',
+label: m.account_temporary(),
+},
+]} data-testid='account-type' /></FormField>
+      <FormField label={m.account_state()}><Select bind:value={accountStatus} disabled={invitation || editing?.id === store.user?.id} options={[
+{
+value: 'active',
+label: m.account_active(),
+},
+{
+value: 'dormant',
+label: m.account_dormant(),
+},
+{
+value: 'closed',
+label: m.account_closed(),
+},
+]} data-testid='account-state' /></FormField>
       <FormField label={m.account_expires()} required={accountType === 'temporary'}><Input type='datetime-local' bind:value={expiresAt} required={accountType === 'temporary'} data-testid='account-expires' /></FormField>
       <FormField label={m.user_role()}><Select bind:value={role} options={roleOptions} disabled={editing?.id === store.user?.id} data-testid='user-role' /></FormField>
       <div class='flex justify-end gap-2 border-t border-base-content/8 pt-4'>

package/templates/apps/fullstack/packages/{{projectName}}-shared/src/lib/security/role-label.ts.hbs

@@ -2,11 +2,23 @@ import type { AdminRoleCode } from '{{fullstack.contractPackageName}}'
 import * as m from '../paraglide/messages.js'
 
 export function roleLabel(code: AdminRoleCode): string {
-  const labels = { admin: m.role_admin, audit_admin: m.role_audit, config_admin: m.role_config, business_operator: m.role_operator, user: m.role_user }
+  const labels = {
+    admin: m.role_admin,
+    audit_admin: m.role_audit,
+    config_admin: m.role_config,
+    business_operator: m.role_operator,
+    user: m.role_user,
+  }
   return labels[code]()
 }
 
 export function roleCapabilities(code: AdminRoleCode): string {
-  const labels = { admin: m.role_admin_capabilities, audit_admin: m.role_audit_capabilities, config_admin: m.role_config_capabilities, business_operator: m.role_operator_capabilities, user: m.role_user_capabilities }
+  const labels = {
+    admin: m.role_admin_capabilities,
+    audit_admin: m.role_audit_capabilities,
+    config_admin: m.role_config_capabilities,
+    business_operator: m.role_operator_capabilities,
+    user: m.role_user_capabilities,
+  }
   return labels[code]()
 }

package/templates/apps/fullstack/packages/{{projectName}}-shared/src/lib/stores/guide-store.ts.hbs

@@ -17,39 +17,71 @@ export function createManagementGuide(store: ManagementStore, platform: 'web' |
   return createGuide({
     nav,
     persistKey: '{{projectName}}-guide',
-    persistence: platform === 'web' ? 'cookie' : 'localStorage',
-    tours: [{
-      id: 'overview',
-      title: () => m.guide_overview_title(),
-      description: () => m.guide_overview_description(),
-      steps: [
-        { target: 'admin-content', title: () => m.guide_content_title(), description: () => m.guide_content_description() },
-        { target: 'admin-profile', title: () => m.guide_profile_title(), description: () => m.guide_profile_description() },
-        { target: 'admin-help', title: () => m.guide_help_title(), description: () => m.guide_help_description() },
-      ],
-    }, {
-      id: 'profile',
-      title: () => m.guide_profile_tour_title(),
-      description: () => m.guide_profile_tour_description(),
-      route: '/settings',
-      steps: [
-        { target: 'admin-profile-form', title: () => m.guide_profile_title(), description: () => m.guide_profile_form_description() },
-        { target: 'admin-preferences', title: () => m.preferences_title(), description: () => m.guide_preferences_description() },
-        { target: 'admin-password', title: () => m.guide_password_title(), description: () => m.guide_password_description() },
-      ],
-    }],
-    articles: [{
-      id: 'overview',
-      title: () => m.guide_overview_title(),
-      description: () => m.guide_overview_description(),
-      content: () => m.guide_overview_article(),
-      tourId: 'overview',
-    }, {
-      id: 'profile',
-      title: () => m.guide_profile_tour_title(),
-      description: () => m.guide_profile_tour_description(),
-      content: () => m.guide_profile_article(),
-      tourId: 'profile',
-    }],
+    persistence: platform === 'web'
+      ? 'cookie'
+      : 'localStorage',
+    tours: [
+      {
+        id: 'overview',
+        title: () => m.guide_overview_title(),
+        description: () => m.guide_overview_description(),
+        steps: [
+          {
+            target: 'admin-content',
+            title: () => m.guide_content_title(),
+            description: () => m.guide_content_description(),
+          },
+          {
+            target: 'admin-profile',
+            title: () => m.guide_profile_title(),
+            description: () => m.guide_profile_description(),
+          },
+          {
+            target: 'admin-help',
+            title: () => m.guide_help_title(),
+            description: () => m.guide_help_description(),
+          },
+        ],
+      },
+      {
+        id: 'profile',
+        title: () => m.guide_profile_tour_title(),
+        description: () => m.guide_profile_tour_description(),
+        route: '/settings',
+        steps: [
+          {
+            target: 'admin-profile-form',
+            title: () => m.guide_profile_title(),
+            description: () => m.guide_profile_form_description(),
+          },
+          {
+            target: 'admin-preferences',
+            title: () => m.preferences_title(),
+            description: () => m.guide_preferences_description(),
+          },
+          {
+            target: 'admin-password',
+            title: () => m.guide_password_title(),
+            description: () => m.guide_password_description(),
+          },
+        ],
+      },
+    ],
+    articles: [
+      {
+        id: 'overview',
+        title: () => m.guide_overview_title(),
+        description: () => m.guide_overview_description(),
+        content: () => m.guide_overview_article(),
+        tourId: 'overview',
+      },
+      {
+        id: 'profile',
+        title: () => m.guide_profile_tour_title(),
+        description: () => m.guide_profile_tour_description(),
+        content: () => m.guide_profile_article(),
+        tourId: 'profile',
+      },
+    ],
   })
 }