@h-ai/cli 0.1.0-alpha.57 → 0.1.0-alpha.58

package/templates/apps/fullstack/apps/{{projectName}}-app/src/App.svelte.hbs

@@ -1,186 +1,46 @@
 {{! @skipIfEmpty }}
 {{#if fullstack.frontends.app}}
 <script lang="ts">
-  import type { AppInfo } from '{{fullstack.sharedPackageName}}'
-  import * as appM from './lib/paraglide/messages.js'
-  import { setLocale } from './lib/paraglide/runtime.js'
-  import { Alert, Button, Card, Skeleton } from '@h-ai/ui'
+  import type { ManagementApiOptions } from '{{fullstack.sharedPackageName}}'
+  import { capacitor, createCapacitorTokenStorage } from '@h-ai/capacitor'
+  import { Alert } from '@h-ai/ui/components/compounds/index'
+  import { Button, Spinner } from '@h-ai/ui/components/primitives/index'
   import { onMount } from 'svelte'
-  import {
-    fetchAppInfo,
-    getLocale as getSharedLocale,
-    LanguageSwitcher,
-    messages as sharedM,
-    ThemeSwitcher,
-  } from '{{fullstack.sharedPackageName}}'
+  import { AdminWorkspace, messages } from '{{fullstack.sharedPackageName}}'
   import { initCapacitor } from './lib/capacitor.js'
+  import { setLocale } from './lib/paraglide/runtime.js'
 
-  type TabId = 'workspace' | 'status' | 'settings'
-
-  let info = $state<AppInfo | null>(null)
-  let loading = $state(true)
-  let errorMessage = $state('')
-  let activeTab = $state<TabId>('workspace')
-
-  const navItems = $derived([
-    { id: 'workspace', label: appM.nav_workspace(), iconClass: 'icon-[tabler--layout-dashboard]' },
-    { id: 'status', label: appM.nav_status(), iconClass: 'icon-[tabler--activity-heartbeat]' },
-    { id: 'settings', label: appM.nav_settings(), iconClass: 'icon-[tabler--settings]' },
-  ])
-
+  let apiOptions = $state<ManagementApiOptions | null>(null)
+  let startupFailed = $state(false)
   function syncLocale(locale: string) {
-    setLocale(locale as Parameters<typeof setLocale>[0])
+    setLocale(locale as Parameters<typeof setLocale>[0], { reload: false })
   }
-
-  function handleTabChange(id: string): void {
-    if (id === 'workspace' || id === 'status' || id === 'settings')
-      activeTab = id
-  }
-
-  async function refreshStatus() {
-    loading = true
-    errorMessage = ''
-    try {
-      info = await fetchAppInfo({ clientName: '{{projectName}}-app' })
+  async function initialize() {
+    startupFailed = false
+    const result = await initCapacitor()
+    if (!result.success) {
+      startupFailed = true
+      return
     }
-    catch {
-      info = null
-      errorMessage = sharedM.home_error()
-    }
-    finally {
-      loading = false
+    apiOptions = {
+      clientName: '{{projectName}}-app',
+      ...(capacitor.isNative() ? { requireApiBase: true, tokenStorage: createCapacitorTokenStorage(), headers: { 'X-HAI-Token-Transport': 'body' } } : {}),
     }
   }
-
   onMount(() => {
-    document.title = appM.page_title({ name: sharedM.app_name() })
-    syncLocale(getSharedLocale())
-    void initCapacitor()
-    void refreshStatus()
+    void initialize()
+    return () => void capacitor.close()
   })
 </script>
 
-<div class="hai-mobile-viewport">
-  <div class="hai-mobile-shell max-w-lg">
-    <AppBar title={sharedM.app_name()} safeArea fixed={false} class="bg-base-100/95 backdrop-blur border-base-content/8" />
-
-    <main class="hai-mobile-main">
-      {#if activeTab === 'workspace'}
-        <section class="space-y-4 p-4 pb-6">
-          <div class="bg-primary text-primary-content rounded-2xl p-5 shadow-sm">
-            <p class="text-sm opacity-75">{appM.hero_badge()}</p>
-            <h1 class="mt-1 text-2xl font-bold">{appM.hero_title({ name: sharedM.app_name() })}</h1>
-            <p class="mt-2 text-sm opacity-80">{appM.hero_subtitle()}</p>
-          </div>
-
-          <div class="grid grid-cols-2 gap-3">
-            <Card padding="sm" shadow="sm">
-              <div class="flex flex-col gap-2">
-                <span class="icon-[tabler--components] text-primary text-2xl"></span>
-                <span class="text-sm font-medium">{appM.preview_metric_shared()}</span>
-                <span class="text-base-content/60 text-xs">{appM.custom_shared_body()}</span>
-              </div>
-            </Card>
-            <Card padding="sm" shadow="sm">
-              <div class="flex flex-col gap-2">
-                <span class="icon-[tabler--message-language] text-primary text-2xl"></span>
-                <span class="text-sm font-medium">{appM.preview_metric_local()}</span>
-                <span class="text-base-content/60 text-xs">{appM.custom_local_body()}</span>
-              </div>
-            </Card>
-          </div>
-
-          <Alert variant="info">
-            {appM.flow_frontend()}
-          </Alert>
-        </section>
-      {:else if activeTab === 'status'}
-        <section class="space-y-4 p-4 pb-6">
-          <Card title={appM.status_title()} shadow="sm">
-            <p class="mb-4 text-sm text-base-content/65">{appM.status_description()}</p>
-            {#if loading}
-              <Skeleton variant="title" class="mb-3" />
-              <Skeleton count={3} />
-              <p class="sr-only" data-testid="service-status">{sharedM.home_loading()}</p>
-            {:else if info}
-              <Alert variant="success" title={appM.status_online({ name: info.name })}>
-                <p data-testid="service-status">{info.name}</p>
-              </Alert>
-              <div class="mt-4 grid grid-cols-2 gap-3 text-sm">
-                <div>
-                  <p class="text-base-content/50">{appM.status_version()}</p>
-                  <p class="font-medium">{info.version}</p>
-                </div>
-                <div>
-                  <p class="text-base-content/50">{appM.status_frontends_count({ count: String(info.frontends.length) })}</p>
-                  <p class="font-medium">{info.frontends.join(' / ')}</p>
-                </div>
-              </div>
-            {:else}
-              <Alert variant="error" title={sharedM.home_error()}>
-                <p data-testid="service-status">{errorMessage}</p>
-              </Alert>
-            {/if}
-
-            {#snippet footer()}
-              <Button variant="ghost" size="sm" onclick={refreshStatus}>{sharedM.home_refresh()}</Button>
-            {/snippet}
-          </Card>
-        </section>
-      {:else}
-        <section class="space-y-4 p-4 pb-6">
-          <Card title={sharedM.settings_title()} shadow="sm">
-            <p class="mb-4 text-sm text-base-content/65">{appM.settings_description()}</p>
-
-            <div class="space-y-3">
-              <div class="rounded-2xl border border-base-300/70 bg-base-200/60 p-4">
-                <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-                  <div class="min-w-0 flex-1">
-                    <h2 class="text-sm font-semibold">{sharedM.settings_theme()}</h2>
-                    <p class="mt-1 text-xs leading-5 text-base-content/65">{appM.settings_theme_description()}</p>
-                  </div>
-                  <div class="shrink-0">
-                    <ThemeSwitcher />
-                  </div>
-                </div>
-              </div>
-
-              <div class="rounded-2xl border border-base-300/70 bg-base-200/60 p-4">
-                <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-                  <div class="min-w-0 flex-1">
-                    <h2 class="text-sm font-semibold">{sharedM.settings_language()}</h2>
-                    <p class="mt-1 text-xs leading-5 text-base-content/65">{appM.settings_language_description()}</p>
-                  </div>
-                  <div class="shrink-0">
-                    <LanguageSwitcher onLocaleChange={syncLocale} />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </Card>
-
-          <Card title={appM.flow_title()} shadow="sm">
-            <div class="space-y-3 text-sm">
-              <div class="bg-base-200 rounded-xl p-3">{appM.flow_contract()}</div>
-              <div class="bg-base-200 rounded-xl p-3">{appM.flow_service()}</div>
-              <div class="bg-base-200 rounded-xl p-3">{appM.flow_shared()}</div>
-            </div>
-          </Card>
-        </section>
-      {/if}
-    </main>
-
-    <BottomNav
-      items={navItems}
-      active={activeTab}
-      onchange={handleTabChange}
-      safeArea
-      centered
-      maxWidth="lg"
-      class="border-base-content/8 shadow-[0_-12px_32px_rgba(15,23,42,0.08)]"
-    />
+{#if startupFailed}
+  <div class="mx-auto flex min-h-dvh max-w-md flex-col justify-center gap-4 p-6">
+    <Alert variant="error">{messages.operation_failed()}</Alert>
+    <Button onclick={() => void initialize()}>{messages.home_refresh()}</Button>
   </div>
-</div>
-
-<ToastContainer />
-{{/if}}
+{:else if apiOptions}
+  <AdminWorkspace platform="app" {apiOptions} onLocaleChange={syncLocale} />
+{:else}
+  <div class="flex min-h-dvh items-center justify-center"><Spinner /></div>
+{/if}
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-app/src/app.d.ts.hbs

@@ -5,4 +5,4 @@
 import '@h-ai/ui/auto-import'
 
 declare module '*.css'
-{{/if}}
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-app/src/lib/capacitor.ts.hbs

@@ -1,18 +1,19 @@
 {{! @skipIfEmpty }}
 {{#if fullstack.frontends.app}}
+import type { HaiResult } from '@h-ai/core'
 import { capacitor } from '@h-ai/capacitor'
 
-export async function initCapacitor(): Promise<void> {
+export async function initCapacitor(): Promise<HaiResult<void>> {
   const result = await capacitor.init()
-  if (!result.success) {
-    return
-  }
+  if (!result.success)
+    return result
 
   if (capacitor.isNative()) {
-    await capacitor.statusBar.configure({
+    return capacitor.statusBar.configure({
       style: 'dark',
       overlay: true,
     })
   }
+  return result
 }
 {{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-app/src/main.ts.hbs

@@ -11,4 +11,4 @@ if (!target)
 const app = mount(App, { target })
 
 export default app
-{{/if}}
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-app/vite.config.ts.hbs

@@ -1,32 +1,58 @@
 {{! @skipIfEmpty }}
 {{#if fullstack.frontends.app}}
+import process from 'node:process'
+import { fileURLToPath } from 'node:url'
 import { haiOptimizeExclude, haiPrebundledDeps } from '@h-ai/ui/vite'
 import { paraglideVitePlugin } from '@inlang/paraglide-js'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
 import tailwindcss from '@tailwindcss/vite'
+import { loadEnv } from 'vite'
 import { defineConfig } from 'vitest/config'
 
-export default defineConfig({
-  plugins: [
-    svelte(),
-    tailwindcss(),
-    paraglideVitePlugin({
-      project: './project.inlang',
-      outdir: './src/lib/paraglide',
-      strategy: ['cookie', 'baseLocale'],
-    }),
-  ],
-  optimizeDeps: {
-    exclude: [...haiOptimizeExclude],
-    include: [...haiPrebundledDeps],
-  },
-  envPrefix: ['VITE_', 'PUBLIC_'],
-  ssr: {
-    noExternal: [/@h-ai\//, /{{fullstack.sharedPackageName}}/],
-  },
-  test: {
-    environment: 'node',
-    include: ['tests/**/*.test.ts'],
-  },
+const envDir = fileURLToPath(new URL('../../', import.meta.url))
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, envDir, 'PUBLIC_')
+  const target = (env.PUBLIC_API_BASE || process.env.SERVICE_BASE_URL || 'http://127.0.0.1:3000').replace(/\/api\/v1\/?$/, '')
+  const proxy = { '/api': { target, changeOrigin: true } }
+  return {
+    envDir,
+    server: { proxy },
+    preview: { proxy },
+    build: {
+      rolldownOptions: {
+        output: {
+          codeSplitting: {
+            groups: [
+              { name: 'vendor-ui', test: /node_modules\/(?:@h-ai\/ui|bits-ui|svelte)\// },
+              { name: 'vendor-crypto', test: /node_modules\/(?:@h-ai\/(?:core|crypto)|sm-crypto(?:-v2)?)\// },
+              { name: 'vendor-api', test: /node_modules\/(?:@orpc\/|zod\/)/ },
+            ],
+          },
+        },
+      },
+    },
+    plugins: [
+      svelte(),
+      paraglideVitePlugin({
+        project: './project.inlang',
+        outdir: './src/lib/paraglide',
+        strategy: ['cookie', 'baseLocale'],
+      }),
+      tailwindcss(),
+    ],
+    optimizeDeps: {
+      exclude: [...haiOptimizeExclude],
+      include: [...haiPrebundledDeps],
+    },
+    envPrefix: ['VITE_', 'PUBLIC_'],
+    ssr: {
+      noExternal: [/@h-ai\//, /{{fullstack.sharedPackageName}}/],
+    },
+    test: {
+      environment: 'node',
+      include: ['tests/**/*.test.ts'],
+    },
+  }
 })
 {{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/README.md.hbs

@@ -8,7 +8,9 @@
 
 - 本端页面文案：`messages/{locale}.json` + `project.inlang/settings.json`
 - 共享 Shell/主题/语言/API：`packages/{{fullstack.sharedPackageName}}`
-- 语言切换由 shared 的 `LanguageSwitcher` 触发，并同步本端 `$lib/paraglide/runtime.js`
+- 个人设置保存语言与风格偏好到 IAM 元数据，并同步 shared 和本端 Paraglide runtime
+
+原生 Tauri 使用内存 TokenStorage，不将凭证写入磁盘；重启后需要重新登录。浏览器预览使用 httpOnly refresh Cookie。两种方式均经共享加密 API 客户端。`src-tauri/tauri.conf.json` 的资源与网络白名单应与部署的 API 地址同步。
 
 自定义建议：桌面端菜单、状态、快捷操作文案放在本目录 `messages/`；跨端通用能力放到 shared。
 

package/templates/apps/fullstack/apps/{{projectName}}-desktop/index.html.hbs

@@ -5,7 +5,12 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>{{projectName}} Desktop</title>
+    <title>{{html fullstack.appName}}</title>
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%234438df'/%3E%3Cpath d='M10 8v16M22 8v16M10 16h12' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E"
+    />
   </head>
   <body>
     <div id="app"></div>

package/templates/apps/fullstack/apps/{{projectName}}-desktop/messages/en-US.json.hbs

@@ -2,33 +2,6 @@
 {{#if fullstack.frontends.desktop}}
 {
   "$schema": "https://inlang.com/schema/inlang-message-format",
-  "page_title": "{name} · Desktop",
-  "platform_name": "Desktop",
-  "hero_badge": "Desktop workspace",
-  "hero_title": "{name} Desktop Command Center",
-  "hero_subtitle": "A wide-screen desktop starter that can later integrate Tauri while reusing shared shell, theme, locale and API client capabilities.",
-  "hero_primary_action": "View service status",
-  "hero_secondary_action": "Customize the starter",
-  "preview_title": "Desktop productivity UI",
-  "preview_body": "Ready for command centers, tool workspaces and native-enhanced apps",
-  "preview_metric_shared": "Shared UI/API capabilities",
-  "preview_metric_local": "Desktop-owned messages",
-  "preview_metric_theme": "Configurable themes",
-  "status_title": "Service connectivity",
-  "status_description": "The desktop page calls the backend service to verify API contract, service and shared client wiring.",
-  "status_online": "{name} is connected",
-  "status_version": "Service version",
-  "status_started": "Started at: {time}",
-  "status_frontends": "Service frontends: {list}",
-  "status_frontends_count": "{count} frontend targets",
-  "custom_shared_title": "Shared owns common capabilities",
-  "custom_shared_body": "Common shell, theme, locale switching and API client live in packages/{{projectName}}-shared and are reused by Desktop.",
-  "custom_local_title": "Desktop owns desktop copy",
-  "custom_local_body": "Desktop-specific menus, states and feature descriptions live in apps/{{projectName}}-desktop/messages.",
-  "flow_title": "Collaboration boundary",
-  "flow_contract": "Contract locks API contracts",
-  "flow_service": "Service provides runtime capabilities",
-  "flow_shared": "Shared reuses cross-platform UI/API",
-  "flow_frontend": "Desktop composes the product experience"
+  "page_title": "{name}"
 }
 {{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/messages/zh-CN.json.hbs

@@ -2,33 +2,6 @@
 {{#if fullstack.frontends.desktop}}
 {
   "$schema": "https://inlang.com/schema/inlang-message-format",
-  "page_title": "{name} · Desktop",
-  "platform_name": "Desktop",
-  "hero_badge": "桌面端工作台",
-  "hero_title": "{name} Desktop 控制中心",
-  "hero_subtitle": "面向桌面端的大屏工作台样板，可后续接入 Tauri，同时复用 shared 的 Shell、主题、语言与 API 客户端。",
-  "hero_primary_action": "查看服务状态",
-  "hero_secondary_action": "了解如何自定义",
-  "preview_title": "桌面端生产力界面",
-  "preview_body": "适合控制中心、工具台与本地增强应用",
-  "preview_metric_shared": "共享 UI/API 能力",
-  "preview_metric_local": "Desktop 自有 messages",
-  "preview_metric_theme": "主题可配置",
-  "status_title": "服务联通状态",
-  "status_description": "桌面端页面会调用后端服务，确认 API contract、service 与 shared client 链路正常。",
-  "status_online": "{name} 已连接",
-  "status_version": "服务版本",
-  "status_started": "启动时间：{time}",
-  "status_frontends": "服务声明的前端：{list}",
-  "status_frontends_count": "{count} 个前端目标",
-  "custom_shared_title": "共享层放通用能力",
-  "custom_shared_body": "通用 Shell、主题、语言切换和 API client 放在 packages/{{projectName}}-shared，桌面端直接复用。",
-  "custom_local_title": "Desktop 层放桌面文案",
-  "custom_local_body": "桌面端特有菜单、状态与功能说明写在 apps/{{projectName}}-desktop/messages。",
-  "flow_title": "协同边界",
-  "flow_contract": "Contract 固化接口契约",
-  "flow_service": "Service 提供运行时能力",
-  "flow_shared": "Shared 复用跨端基础 UI/API",
-  "flow_frontend": "Desktop 组合桌面产品体验"
+  "page_title": "{name}"
 }
 {{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/package.json.hbs

@@ -1,7 +1,7 @@
 {{! @skipIfEmpty }}
 {{#if fullstack.frontends.desktop}}
 {
-  "engines": { "node": ">=22.12.0" },
+  "engines": { "node": "^22.22.2 || ^24.15.0 || >=26.0.0" },
   "name": "{{projectName}}-desktop",
   "type": "module",
   "version": "0.1.0",
@@ -15,9 +15,9 @@
     "deploy": "pnpm package",
     "preview": "vite preview --host 127.0.0.1 --port {{fullstack.ports.desktop}} --strictPort",
     "typecheck": "pnpm paraglide:compile && svelte-check --tsconfig ./tsconfig.json",
-    "lint": "eslint src tests vite.config.ts svelte.config.js",
-    "lint:fix": "eslint src tests vite.config.ts svelte.config.js --fix",
-    "test": "pnpm paraglide:compile && vitest run",
+    "lint": "eslint src vite.config.ts svelte.config.js",
+    "lint:fix": "eslint src vite.config.ts svelte.config.js --fix",
+    "test": "pnpm paraglide:compile && vitest run --passWithNoTests",
     "test:watch": "pnpm paraglide:compile && vitest",
     "clean": "rimraf dist .turbo src-tauri/target src/lib/paraglide",
     "tauri": "tauri",
@@ -25,6 +25,7 @@
     "tauri:build": "tauri build"
   },
   "dependencies": {
+    "@h-ai/api-client": "{{haiPackageSpecifier}}",
     "@h-ai/ui": "{{haiPackageSpecifier}}",
     "{{fullstack.sharedPackageName}}": "workspace:*"
   },

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src/App.svelte.hbs

@@ -1,152 +1,21 @@
 {{! @skipIfEmpty }}
 {{#if fullstack.frontends.desktop}}
 <script lang="ts">
-  import type { AppInfo } from '{{fullstack.sharedPackageName}}'
-  import * as appM from './lib/paraglide/messages.js'
+  import type { ManagementApiOptions } from '{{fullstack.sharedPackageName}}'
+  import { apiClient } from '@h-ai/api-client'
+  import { AdminWorkspace } from '{{fullstack.sharedPackageName}}'
   import { setLocale } from './lib/paraglide/runtime.js'
-  import { Alert, Button, Card, Skeleton } from '@h-ai/ui'
-  import { onMount } from 'svelte'
-  import { AppShell, fetchAppInfo, messages as sharedM } from '{{fullstack.sharedPackageName}}'
 
-  let info = $state<AppInfo | null>(null)
-  let loading = $state(true)
-  let errorMessage = $state('')
-
-  function syncLocale(locale: string) {
-    setLocale(locale as Parameters<typeof setLocale>[0])
+  const native = '__TAURI_INTERNALS__' in globalThis
+  const apiOptions: ManagementApiOptions = {
+    clientName: '{{projectName}}-desktop',
+    ...(native ? { requireApiBase: true, tokenStorage: apiClient.tokenStorage.memory(), headers: { 'X-HAI-Token-Transport': 'body' } } : {}),
   }
 
-  async function refreshStatus() {
-    loading = true
-    errorMessage = ''
-    try {
-      info = await fetchAppInfo({ clientName: '{{projectName}}-desktop' })
-    }
-    catch {
-      info = null
-      errorMessage = sharedM.home_error()
-    }
-    finally {
-      loading = false
-    }
+  function syncLocale(locale: string) {
+    setLocale(locale as Parameters<typeof setLocale>[0], { reload: false })
   }
-
-  onMount(() => {
-    document.title = appM.page_title({ name: sharedM.app_name() })
-    void refreshStatus()
-  })
 </script>
 
-<AppShell platform="desktop" onLocaleChange={syncLocale}>
-  <section class="space-y-8">
-    <div class="grid gap-6 lg:grid-cols-[1.2fr_0.8fr]">
-      <section class="relative overflow-hidden rounded-[1.5rem] border border-base-300/70 bg-base-100 p-6 shadow-xl lg:p-10">
-        <div class="max-w-2xl space-y-6">
-          <span class="badge badge-primary badge-lg gap-2">
-            <span class="icon-[tabler--device-desktop] size-4"></span>
-            {appM.hero_badge()}
-          </span>
-          <div class="space-y-4">
-            <h1 class="text-4xl font-black tracking-tight text-base-content sm:text-5xl">
-              {appM.hero_title({ name: sharedM.app_name() })}
-            </h1>
-            <p class="max-w-xl text-lg leading-8 text-base-content/70">
-              {appM.hero_subtitle()}
-            </p>
-          </div>
-          <div class="flex flex-wrap gap-3">
-            <a class="btn btn-primary" href="#status">
-              <span class="icon-[tabler--activity-heartbeat] size-5"></span>
-              {appM.hero_primary_action()}
-            </a>
-            <a class="btn btn-ghost" href="#customize">
-              <span class="icon-[tabler--adjustments] size-5"></span>
-              {appM.hero_secondary_action()}
-            </a>
-          </div>
-        </div>
-      </section>
-
-      <aside class="rounded-[1.5rem] border border-base-300/70 bg-base-100 p-5 shadow-lg">
-        <div class="mockup-window border border-base-300 bg-base-200/70">
-          <div class="space-y-4 bg-base-100 p-5">
-            <div class="flex items-center justify-between">
-              <div>
-                <p class="text-sm font-semibold">{appM.preview_title()}</p>
-                <p class="text-xs text-base-content/55">{appM.preview_body()}</p>
-              </div>
-              <span class="badge badge-success badge-outline">{appM.platform_name()}</span>
-            </div>
-            <div class="grid gap-3 text-sm">
-              <div class="rounded-2xl bg-primary/10 p-4">
-                <span class="icon-[tabler--components] mb-2 size-6 text-primary"></span>
-                <p class="font-semibold">{appM.preview_metric_shared()}</p>
-              </div>
-              <div class="grid grid-cols-2 gap-3">
-                <div class="rounded-2xl bg-secondary/10 p-4">
-                  <span class="icon-[tabler--language] mb-2 size-6 text-secondary"></span>
-                  <p class="font-semibold">{appM.preview_metric_local()}</p>
-                </div>
-                <div class="rounded-2xl bg-accent/10 p-4">
-                  <span class="icon-[tabler--palette] mb-2 size-6 text-accent"></span>
-                  <p class="font-semibold">{appM.preview_metric_theme()}</p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </aside>
-    </div>
-
-    <div class="grid gap-6 lg:grid-cols-[0.95fr_1.05fr]">
-      <div id="status">
-        <Card title={appM.status_title()} bordered shadow="md" class="bg-base-100">
-          <p class="mb-5 text-sm text-base-content/65">{appM.status_description()}</p>
-          {#if loading}
-            <Skeleton variant="title" class="mb-3" />
-            <Skeleton count={3} />
-            <p class="sr-only" data-testid="service-status">{sharedM.home_loading()}</p>
-          {:else if info}
-            <Alert variant="success" title={appM.status_online({ name: info.name })}>
-              <p data-testid="service-status">{info.name}</p>
-            </Alert>
-            <dl class="mt-5 grid gap-3 text-sm sm:grid-cols-2">
-              <div class="rounded-box border border-base-300/70 bg-base-200/60 p-4">
-                <dt class="text-xs text-base-content/55">{appM.status_version()}</dt>
-                <dd class="mt-1 font-semibold">{info.version}</dd>
-              </div>
-              <div class="rounded-box border border-base-300/70 bg-base-200/60 p-4">
-                <dt class="text-xs text-base-content/55">{appM.status_started({ time: info.startedAt })}</dt>
-                <dd class="mt-1 font-semibold">{appM.status_frontends_count({ count: String(info.frontends.length) })}</dd>
-              </div>
-            </dl>
-          {:else}
-            <Alert variant="error" title={sharedM.home_error()}>
-              <p data-testid="service-status">{errorMessage}</p>
-            </Alert>
-          {/if}
-
-          <div class="mt-5">
-            <Button type="button" variant="primary" loading={loading} onclick={refreshStatus}>
-              {sharedM.home_refresh()}
-            </Button>
-          </div>
-        </Card>
-      </div>
-
-      <section id="customize" class="grid gap-4 sm:grid-cols-2">
-        <div class="rounded-[1.5rem] border border-base-300/70 bg-base-100 p-5 shadow-md">
-          <span class="icon-[tabler--package] mb-4 size-7 text-primary"></span>
-          <h2 class="text-lg font-bold">{appM.custom_shared_title()}</h2>
-          <p class="mt-2 text-sm leading-6 text-base-content/65">{appM.custom_shared_body()}</p>
-        </div>
-        <div class="rounded-[1.5rem] border border-base-300/70 bg-base-100 p-5 shadow-md">
-          <span class="icon-[tabler--message-language] mb-4 size-7 text-secondary"></span>
-          <h2 class="text-lg font-bold">{appM.custom_local_title()}</h2>
-          <p class="mt-2 text-sm leading-6 text-base-content/65">{appM.custom_local_body()}</p>
-        </div>
-      </section>
-    </div>
-  </section>
-</AppShell>
+<AdminWorkspace platform="desktop" {apiOptions} onLocaleChange={syncLocale} />
 {{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src-tauri/Cargo.toml.hbs

@@ -19,11 +19,11 @@ panic = "abort"
 strip = true
 
 [build-dependencies]
-tauri-build = { version = "2", features = [] }
+tauri-build = { version = "2.7.2", features = [] }
 
 [dependencies]
-tauri = { version = "2", features = [] }
-tauri-plugin-shell = "2"
-serde = { version = "1", features = ["derive"] }
-serde_json = "1"
+tauri = { version = "2.12.3", features = [] }
+tauri-plugin-shell = "2.5.0"
+serde = { version = "1.0.229", features = ["derive"] }
+serde_json = "1.0.152"
 {{/if}}