@aithe/aithe-ui 26.2.3 → 26.3.1

package/README.md

@@ -130,13 +130,13 @@ const current = aitheUI.getTheme(); // 'dark'
 | Shape       | Description / 说明 |
 | ----------- | ------------------ |
 | `rounded`   | 默认圆角           |
-| `square`    | 直角               |
+| `smooth`    | 平滑微圆角         |
+| `rounder`   | 较大圆角           |
 | `pill`      | 胶囊圆角           |
 | `circle`    | 圆形               |
 | `organic`   | 有机不对称圆角     |
-| `soft`      | 柔和圆角           |
-| `sharp`     | 锐利微圆角         |
-| `geometric` | 几何圆角           |
+| `sharp`     | 锐利直角           |
+| `chamfer`   | 倒角               |
 
 ```ts
 aitheUI.setShape('pill');
@@ -280,7 +280,7 @@ aitheUI.setLocale('ja-JP');
 
 ## Components / 组件列表
 
-Aithe UI provides **90+ components** across 11 categories:
+Aithe UI provides **100+ components** across 11 categories:
 
 ### Basic / 基础 (12)
 
@@ -373,7 +373,7 @@ Aithe UI provides **90+ components** across 11 categories:
 | `<aithe-notification>` | Corner notification card        | 通知提醒框，角落通知卡片   |
 | `<aithe-loading>`      | Loading spinner overlay         | 加载中，加载旋转浮层       |
 
-### Data / 数据展示 (12)
+### Data / 数据展示 (13)
 
 | Tag                     | Description                                         | 说明                         |
 | ----------------------- | --------------------------------------------------- | ---------------------------- |
@@ -390,7 +390,7 @@ Aithe UI provides **90+ components** across 11 categories:
 | `<aithe-metrics>`       | Metrics display with label and value                | 指标，标签和数值展示         |
 | `<aithe-metrics-group>` | Grouped metrics container                           | 指标组，分组指标容器         |
 
-### Display / 展示 (7)
+### Display / 展示 (12)
 
 | Tag                       | Description                               | 说明                         |
 | ------------------------- | ----------------------------------------- | ---------------------------- |
@@ -398,9 +398,14 @@ Aithe UI provides **90+ components** across 11 categories:
 | `<aithe-comparison>`      | Before/after comparison slider            | 对比，前后对比滑块           |
 | `<aithe-animated-image>`  | Animated image with pan/zoom              | 动画图片，缩放平移           |
 | `<aithe-markdown>`        | Lightweight markdown renderer             | Markdown 渲染，轻量渲染器    |
-| `<aithe-code-editor>`     | Code editor with syntax highlighting      | 代码编辑器，语法高亮         |
 | `<aithe-markdown-editor>` | Markdown editor with live preview         | Markdown 编辑器，实时预览    |
+| `<aithe-code-editor>`     | Code editor with syntax highlighting      | 代码编辑器，语法高亮         |
 | `<aithe-label>`           | Inline label with size and color variants | 标签文本，支持尺寸和颜色变体 |
+| `<aithe-mini-box>`        | Single-row compact record display         | 迷你盒子，单行紧凑记录展示   |
+| `<aithe-brief-box>`       | Three-row brief record display            | 简要盒子，三行简要记录展示   |
+| `<aithe-detail-box>`      | Two-column detail record display          | 详情盒子，双列详情记录展示   |
+| `<aithe-profile>`         | Profile display with icon/avatar          | 档案展示，含图标/头像        |
+| `<aithe-desc>`            | Structured key-value description list     | 描述列表，结构化键值展示     |
 
 ### Progress / 进度 (4)
 
@@ -450,11 +455,11 @@ aithe-ui/
 │   │   ├── basic/         # 12 basic components
 │   │   ├── layout/        # 8 layout components
 │   │   ├── framework/     # 7 framework components (header, body, sidebar, page, log-panel, dashboard, dashboard-panel)
-│   │   ├── navigation/    # 8 navigation components
+│   │   ├── navigation/    # 7 navigation components
 │   │   ├── form/          # 18 form components
 │   │   ├── feedback/      # 9 feedback components
-│   │   ├── data/          # 12 data display components
-│   │   ├── display/       # 7 display components
+│   │   ├── data/          # 13 data display components
+│   │   ├── display/       # 12 display components
 │   │   ├── progress/      # 4 progress components
 │   │   ├── container/     # 4 container components
 │   │   └── theme/         # 7 theme components (picker, shape-picker, shadow-picker, typo-picker, preview, theme-switch, locale-switch)

package/dist/apps/admin/app.js

@@ -0,0 +1,12 @@
+/**
+ * @file Admin 管理后台应用入口 / Admin Dashboard Application Entry Point
+ * @description 初始化 Aithe UI、注册应用层翻译、初始化 DataHub 配置与 API、加载根组件。
+ *              Initializes Aithe UI, registers app-level translations,
+ *              initializes DataHub config & APIs, and loads the root component.
+ */
+import '../../index';
+import { registerAdminTranslations } from './i18n';
+import { initAdminDataHub } from './datahub';
+import './components/admin-app';
+registerAdminTranslations();
+initAdminDataHub();

package/dist/apps/admin/components/admin-app.js

@@ -0,0 +1,83 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Admin 管理后台根组件
+ * Root component for the Admin dashboard application.
+ *
+ * 集成路由、国际化，根据认证状态切换登录页与主布局。
+ * Integrates routing and i18n, switches between login and main layout based on auth state.
+ */
+import { LitElement, html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { router, initRouter } from '../router';
+import '../pages/login-page';
+import '../pages/dashboard-page';
+import '../pages/user-page';
+import '../pages/role-page';
+import '../pages/settings-page';
+import '../pages/not-found-page';
+import './admin-layout';
+let AitheAdminApp = class AitheAdminApp extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.currentPath = '/';
+        this.initialized = false;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: 100vh;
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        initRouter();
+        this.unsubscribeRoute = router.onChange((loc) => {
+            this.currentPath = loc.path;
+        });
+        this.currentPath = router.currentLocation?.path ?? '/';
+        this.initialized = true;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.unsubscribeRoute?.();
+    }
+    renderPage() {
+        const loc = router.currentLocation;
+        if (!loc?.route || loc.path === '/login') {
+            return html `
+        <aithe-admin-login-page></aithe-admin-login-page>
+      `;
+        }
+        return html `
+      <aithe-admin-layout>
+        <aithe-page .router=${router} not-found-component="aithe-admin-not-found-page"></aithe-page>
+      </aithe-admin-layout>
+    `;
+    }
+    render() {
+        if (!this.initialized) {
+            return html `
+        <aithe-spinner></aithe-spinner>
+      `;
+        }
+        return html `
+      <div>${this.renderPage()}</div>
+    `;
+    }
+};
+__decorate([
+    state()
+], AitheAdminApp.prototype, "currentPath", void 0);
+__decorate([
+    state()
+], AitheAdminApp.prototype, "initialized", void 0);
+AitheAdminApp = __decorate([
+    customElement('aithe-admin-app')
+], AitheAdminApp);
+export { AitheAdminApp };

package/dist/apps/admin/components/admin-layout.d.ts

@@ -21,7 +21,6 @@ export declare class AitheAdminLayout extends LitElement {
     private getActiveKey;
     private handleSidebarSelect;
     private handleCollapseChange;
-    private findMenuNode;
     private handleLogoutClick;
     private findBreadcrumbPath;
     private renderBreadcrumb;

package/dist/apps/admin/components/admin-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"admin-layout.d.ts","sourceRoot":"","sources":["../../../../src/apps/admin/components/admin-layout.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAU5C,qBACa,gBAAiB,SAAQ,UAAU;IACrC,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,WAAW,CAAuC;IAEnE,OAAO,CAAC,gBAAgB,CAAC,CAAa;IACtC,OAAO,CAAC,iBAAiB,CAAC,CAAa;IAEvC,MAAM,CAAC,QAAQ,CAAC,MAAM,0BAsDpB;IAEF,iBAAiB,IAAI,IAAI;YAeX,aAAa;IAS3B,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,gBAAgB;IAuCxB,MAAM;CA0DP"}
+{"version":3,"file":"admin-layout.d.ts","sourceRoot":"","sources":["../../../../src/apps/admin/components/admin-layout.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAU5C,qBACa,gBAAiB,SAAQ,UAAU;IACrC,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,WAAW,CAAuC;IAEnE,OAAO,CAAC,gBAAgB,CAAC,CAAa;IACtC,OAAO,CAAC,iBAAiB,CAAC,CAAa;IAEvC,MAAM,CAAC,QAAQ,CAAC,MAAM,0BAsDpB;IAEF,iBAAiB,IAAI,IAAI;YAeX,aAAa;IAS3B,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,gBAAgB;IAuCxB,MAAM;CA0DP"}

package/dist/apps/admin/components/admin-layout.js

@@ -0,0 +1,250 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Admin 管理后台主布局组件
+ * Main layout shell for the Admin dashboard.
+ *
+ * 使用 aithe-header / aithe-body / aithe-sidebar 构建管理后台框架布局，
+ * 集成面包屑导航、用户下拉菜单和侧栏菜单。
+ * Uses aithe-header / aithe-body / aithe-sidebar to build the admin framework layout,
+ * with breadcrumb navigation, user dropdown, and sidebar menu.
+ */
+import { LitElement, html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { onAitheLocaleChange, t } from '../../../styles/i18n';
+import { AuthTokenManager } from '../store/auth';
+import { MenuService } from '../datahub/menu';
+import { router } from '../router';
+let AitheAdminLayout = class AitheAdminLayout extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.menuData = [];
+        this.sidebarCollapsed = false;
+        this.currentPath = router.currentLocation?.path ?? '/';
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      height: 100vh;
+      width: 100%;
+      overflow: hidden;
+    }
+
+    aithe-body {
+      flex: 1;
+      min-height: 0;
+      --aithe-body-width: 100%;
+      --aithe-body-padding: 0;
+    }
+
+    aithe-body::part(body-inner) {
+      display: flex;
+      height: 100%;
+    }
+
+    aithe-sidebar {
+      flex-shrink: 0;
+    }
+
+    .content-area {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    }
+
+    .content-breadcrumb {
+      display: flex;
+      align-items: center;
+      min-height: 56px;
+      padding: 0 var(--aithe-space-6, 24px);
+      background: var(--aithe-color-surface, #fff);
+      border-bottom: 1px solid var(--aithe-color-border, #e5e5e5);
+      flex-shrink: 0;
+    }
+
+    .content-scroll {
+      flex: 1;
+      overflow-y: auto;
+      overflow-x: hidden;
+    }
+
+    .content-inner {
+      padding: var(--aithe-space-6, 24px);
+      min-height: 100%;
+      box-sizing: border-box;
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!AuthTokenManager.isAuthenticated()) {
+            router.navigate('/login');
+            return;
+        }
+        void this.fetchMenuData();
+        this.unsubscribeRoute = router.onChange((loc) => {
+            this.currentPath = loc.path;
+        });
+        this.unsubscribeLocale = onAitheLocaleChange(() => {
+            this.requestUpdate();
+        });
+    }
+    async fetchMenuData() {
+        try {
+            const res = await MenuService.getMenuData();
+            this.menuData = res.data ?? [];
+        }
+        catch {
+            this.menuData = [];
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.unsubscribeRoute?.();
+        this.unsubscribeLocale?.();
+    }
+    getActiveKey() {
+        if (this.currentPath === '/' || this.currentPath === '/dashboard')
+            return 'dashboard';
+        return this.currentPath.replace('/', '');
+    }
+    handleSidebarSelect(e) {
+        const item = e.detail.item;
+        if (item?.path) {
+            void router.navigate(item.path);
+        }
+    }
+    handleCollapseChange(e) {
+        this.sidebarCollapsed = e.detail.collapsed;
+    }
+    handleLogoutClick() {
+        AuthTokenManager.logout();
+        router.navigate('/login');
+    }
+    findBreadcrumbPath(items, targetKey, parents = []) {
+        for (const item of items) {
+            if (item.id === targetKey) {
+                return [...parents, item];
+            }
+            if (item.children) {
+                const found = this.findBreadcrumbPath(item.children, targetKey, [...parents, item]);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    renderBreadcrumb() {
+        const activeKey = this.getActiveKey();
+        const breadcrumbItems = this.findBreadcrumbPath(this.menuData, activeKey);
+        const homeLabel = t('admin.page.dashboard');
+        if (!breadcrumbItems || breadcrumbItems.length === 0) {
+            return html `
+        <aithe-breadcrumb>
+          <aithe-breadcrumb-item>${homeLabel}</aithe-breadcrumb-item>
+        </aithe-breadcrumb>
+      `;
+        }
+        return html `
+      <aithe-breadcrumb>
+        <aithe-breadcrumb-item @click=${() => router.navigate('/dashboard')} style="cursor:pointer">
+          ${homeLabel}
+        </aithe-breadcrumb-item>
+        ${breadcrumbItems.map((item, index) => {
+            const isLast = index === breadcrumbItems.length - 1;
+            const label = t(item.i18n, item.label);
+            if (isLast) {
+                return html `
+              <aithe-breadcrumb-item>${label}</aithe-breadcrumb-item>
+            `;
+            }
+            return html `
+            <aithe-breadcrumb-item
+              @click=${() => item.path && router.navigate(item.path)}
+              style="cursor:pointer"
+            >
+              ${label}
+            </aithe-breadcrumb-item>
+          `;
+        })}
+      </aithe-breadcrumb>
+    `;
+    }
+    render() {
+        const user = AuthTokenManager.getUser();
+        const username = user?.username ?? '';
+        const treeItems = this.menuData;
+        const activeKey = this.getActiveKey();
+        return html `
+      <aithe-header
+        .brand=${t('admin.brand')}
+        .slogan=${t('admin.meta')}
+        show-locale-switch
+        show-theme-switch
+      >
+        <div slot="right" style="display:flex;align-items:center;gap:8px;">
+          <aithe-dropdown
+            .items=${[
+            { label: t('admin.header.profile'), id: 'profile', icon: 'user' },
+            { label: t('admin.header.logout'), id: 'logout', icon: 'external', intent: 'danger' },
+        ]}
+            placement="bottom-end"
+            @aithe-select=${(e) => {
+            if (e.detail.id === 'logout')
+                this.handleLogoutClick();
+        }}
+          >
+            <div style="display:flex;align-items:center;gap:6px;cursor:pointer;">
+              <aithe-avatar text=${username} size="sm"></aithe-avatar>
+              <span
+                style="font-size:var(--aithe-font-size-sm,14px);color:var(--aithe-color-text,#1a1a1a);"
+              >
+                ${username}
+              </span>
+            </div>
+          </aithe-dropdown>
+        </div>
+      </aithe-header>
+
+      <aithe-body show-actions>
+        <aithe-sidebar
+            .brand=${t('admin.brand')}
+            .items=${treeItems}
+            .active=${activeKey}
+            collapsible
+            .collapsed=${this.sidebarCollapsed}
+            @aithe-select=${this.handleSidebarSelect}
+            @aithe-collapse-change=${this.handleCollapseChange}
+        ></aithe-sidebar>
+
+        <div class="content-area">
+          <div class="content-breadcrumb">${this.renderBreadcrumb()}</div>
+          <div class="content-scroll">
+            <div class="content-inner">
+              <slot></slot>
+            </div>
+          </div>
+        </div>
+      </aithe-body>
+    `;
+    }
+};
+__decorate([
+    state()
+], AitheAdminLayout.prototype, "menuData", void 0);
+__decorate([
+    state()
+], AitheAdminLayout.prototype, "sidebarCollapsed", void 0);
+__decorate([
+    state()
+], AitheAdminLayout.prototype, "currentPath", void 0);
+AitheAdminLayout = __decorate([
+    customElement('aithe-admin-layout')
+], AitheAdminLayout);
+export { AitheAdminLayout };

package/dist/apps/admin/datahub/auth.js

@@ -0,0 +1,24 @@
+/**
+ * @file AuthService - 认证领域服务 / Auth Domain Service
+ * @description 认证相关接口：登录、登出
+ *              Authentication APIs: login, logout
+ */
+import { dataHub } from '../../../core/datahub';
+import { createMockLoginData } from './mock/auth';
+export class AuthService {
+    static login(params, options) {
+        return dataHub.request('/auth/login', params, {
+            ...options,
+            mock: true,
+            mockData: createMockLoginData(params.username),
+            skipIdempotent: true,
+        });
+    }
+    static logout(options) {
+        return dataHub.request('/auth/logout', undefined, {
+            ...options,
+            mock: true,
+            mockData: null,
+        });
+    }
+}

package/dist/apps/admin/datahub/dashboard.js

@@ -0,0 +1,16 @@
+/**
+ * @file DashboardService - 仪表盘领域服务 / Dashboard Domain Service
+ * @description 仪表盘统计接口
+ *              Dashboard statistics API
+ */
+import { dataHub } from '../../../core/datahub';
+import { MOCK_DASHBOARD_STATS } from './mock/dashboard';
+export class DashboardService {
+    static getStats(options) {
+        return dataHub.request('/dashboard/query', undefined, {
+            ...options,
+            mock: true,
+            mockData: MOCK_DASHBOARD_STATS,
+        });
+    }
+}

package/dist/apps/admin/datahub/index.js

@@ -0,0 +1,42 @@
+/**
+ * @file Admin DataHub 初始化 / Admin DataHub Initialization
+ * @description 初始化 DataHub 配置（拦截器、错误处理）。
+ *              领域 Service 按模块拆分在 auth.ts / dashboard.ts / menu.ts 中，
+ *              各页面通过 `AuthService.xxx`、`DashboardService.xxx`、`MenuService.xxx` 调用。
+ *              Initializes DataHub configuration (interceptors, error handling).
+ *              Domain services are split across auth.ts / dashboard.ts / menu.ts,
+ *              invoked via `AuthService.xxx`, `DashboardService.xxx`, `MenuService.xxx`.
+ */
+import { dataHub } from '../../../core/datahub';
+import { AuthTokenManager } from '../store/auth';
+export function initAdminDataHub() {
+    // 使用 default 风格的 APIStyle：请求包装为 { data }，响应解析 { code/message/data }
+    // Use default APIStyle: request wraps as { data }, response parses { code/message/data }
+    dataHub.setAPIStyle('default');
+    dataHub.setRequestInterceptor((req) => {
+        const token = AuthTokenManager.getToken();
+        if (token) {
+            req.options.headers = {
+                ...req.options.headers,
+                Authorization: `Bearer ${token}`,
+            };
+        }
+        return req;
+    });
+    dataHub.setErrorHandler((error, req) => {
+        // eslint-disable-next-line no-console
+        console.error(`[Admin DataHub] ${error.code} - ${error.message}`, `\n  URL: ${error.url ?? req.url}`, `\n  Trace: ${error.trace ?? 'N/A'}`);
+        if (error.status === 401 || error.code === 'Unauthorized') {
+            AuthTokenManager.logout();
+            globalThis.location.hash = '#/login';
+        }
+    });
+    dataHub.updateConfig({
+        baseURL: '/api/admin',
+        defaultTimeout: 15000,
+        defaultCacheTTL: 30_000,
+        headers: {
+            'Content-Type': 'application/json',
+        },
+    });
+}

package/dist/apps/admin/datahub/menu.js

@@ -0,0 +1,16 @@
+/**
+ * @file MenuService - 菜单领域服务 / Menu Domain Service
+ * @description 菜单数据接口
+ *              Menu data API
+ */
+import { dataHub } from '../../../core/datahub';
+import { MOCK_MENU } from './mock/menu';
+export class MenuService {
+    static getMenuData(options) {
+        return dataHub.request('/menu/query', undefined, {
+            ...options,
+            mock: true,
+            mockData: MOCK_MENU,
+        });
+    }
+}

package/dist/apps/admin/datahub/mock/auth.js

@@ -0,0 +1,11 @@
+export function createMockLoginData(username) {
+    return {
+        code: 'Ok',
+        message: '',
+        data: {
+            token: 'aithe_token_' + Date.now(),
+            username,
+            role: 'admin',
+        },
+    };
+}

package/dist/apps/admin/datahub/mock/dashboard.js

@@ -0,0 +1,10 @@
+export const MOCK_DASHBOARD_STATS = {
+    code: 'Ok',
+    message: '',
+    data: {
+        userCount: 1280,
+        roleCount: 56,
+        uptime: '99.9%',
+        requestCount: 3420,
+    },
+};

package/dist/apps/admin/datahub/mock/menu.js

@@ -0,0 +1,42 @@
+export const MOCK_MENU = {
+    code: 'Ok',
+    message: '',
+    data: [
+        {
+            id: 'dashboard',
+            label: 'Dashboard',
+            i18n: 'admin.menu.dashboard',
+            icon: 'barChart',
+            path: '/dashboard',
+        },
+        {
+            id: 'system',
+            label: 'System',
+            i18n: 'admin.menu.system',
+            icon: 'settings',
+            children: [
+                {
+                    id: 'user',
+                    label: 'User',
+                    i18n: 'admin.menu.user',
+                    icon: 'user',
+                    path: '/user',
+                },
+                {
+                    id: 'role',
+                    label: 'Role',
+                    i18n: 'admin.menu.role',
+                    icon: 'users',
+                    path: '/role',
+                },
+            ],
+        },
+        {
+            id: 'settings',
+            label: 'Settings',
+            i18n: 'admin.menu.settings',
+            icon: 'settings',
+            path: '/settings',
+        },
+    ],
+};

package/dist/apps/admin/i18n/de-DE.js

@@ -0,0 +1,37 @@
+/**
+ * Admin deutsche Übersetzungsressource
+ * German (de-DE) translation resource for the Admin dashboard app.
+ */
+export const adminDe = {
+    'admin.brand': 'Aithe Admin',
+    'admin.meta': 'Betriebsmanagement-Plattform',
+    'admin.welcome': 'Willkommen zurück',
+    'admin.login.title': 'Anmelden',
+    'admin.login.username': 'Benutzername',
+    'admin.login.password': 'Passwort',
+    'admin.login.button': 'Anmelden',
+    'admin.login.usernamePlaceholder': 'Benutzername eingeben',
+    'admin.login.passwordPlaceholder': 'Passwort eingeben',
+    'admin.login.usernameRequired': 'Benutzername ist erforderlich',
+    'admin.login.passwordRequired': 'Passwort ist erforderlich',
+    'admin.login.invalidCredentials': 'Ungültiger Benutzername oder Passwort',
+    'admin.header.logout': 'Abmelden',
+    'admin.header.profile': 'Profil',
+    'admin.page.dashboard': 'Dashboard',
+    'admin.page.settings': 'Einstellungen',
+    'admin.page.notFound': 'Seite nicht gefunden',
+    'admin.common.error': 'Fehler',
+    'admin.common.loading': 'Laden...',
+    'admin.common.search': 'Suchen',
+    'admin.common.add': 'Hinzufügen',
+    'admin.common.edit': 'Bearbeiten',
+    'admin.menu.dashboard': 'Dashboard',
+    'admin.menu.system': 'System',
+    'admin.menu.user': 'Benutzerverwaltung',
+    'admin.menu.role': 'Rollenverwaltung',
+    'admin.menu.settings': 'Einstellungen',
+    'admin.stat.users': 'Benutzer',
+    'admin.stat.roles': 'Rollen',
+    'admin.stat.uptime': 'Verfügbarkeit',
+    'admin.stat.requests': 'Anfragen',
+};