noecosystem-design 0.1.0

package/apps/storybook/stories/catalog/verification-page.stories.tsx

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { VerificationPage } from '../../../../packages/ui/src/verification-page';
+
+const meta = {
+  title: 'Catalog/Shared / Auth/Verification Page',
+  component: VerificationPage,
+  tags: ['autodocs'],
+} satisfies Meta<typeof VerificationPage>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export const Default: Story = {};
+export const RTL: Story = {
+  render: () => (
+    <div dir="rtl">
+      <VerificationPage />
+    </div>
+  ),
+};

package/apps/storybook/stories/catalog/video-player.stories.tsx

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { VideoPlayer } from '../../../../packages/ui/src/video-player';
+
+const meta = {
+  title: 'Catalog/Base / Media/Video Player',
+  component: VideoPlayer,
+  tags: ['autodocs'],
+} satisfies Meta<typeof VideoPlayer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export const Default: Story = {};
+export const RTL: Story = {
+  render: () => (
+    <div dir="rtl">
+      <VideoPlayer />
+    </div>
+  ),
+};

package/apps/storybook/stories/catalog/workflow-canvas.stories.tsx

@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { Button } from '../../../../packages/ui/src/button';
+import { WorkflowCanvas } from '../../../../packages/workflow-ui/src/workflow-canvas';
+import { WorkflowNode } from '../../../../packages/workflow-ui/src/workflow-node';
+
+function WorkflowCanvasDemo() {
+  return (
+    <div style={{ height: '24rem' }}>
+      <WorkflowCanvas
+        label="Deploy workflow"
+        toolbar={
+          <>
+            <Button size="sm" variant="outline">
+              Zoom to fit
+            </Button>
+            <Button size="sm" variant="primary">
+              Run
+            </Button>
+          </>
+        }
+        inspector={
+          <div style={{ fontSize: '0.8125rem', color: 'var(--noe-color-muted-foreground)' }}>
+            Select a node to inspect its configuration.
+          </div>
+        }
+      >
+        <div style={{ display: 'flex', gap: '2rem' }}>
+          <WorkflowNode kind="trigger" title="On pull request" technicalId="trigger_1" />
+          <WorkflowNode kind="agent" title="Review agent" subtitle="noe-agent-1" selected />
+        </div>
+      </WorkflowCanvas>
+    </div>
+  );
+}
+
+const meta = {
+  title: 'Catalog/Workflow/Workflow Canvas',
+  component: WorkflowCanvasDemo,
+  tags: ['autodocs'],
+} satisfies Meta<typeof WorkflowCanvasDemo>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};

package/apps/storybook/stories/catalog/workflow-node.stories.tsx

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { WorkflowNode } from '../../../../packages/workflow-ui/src/workflow-node';
+
+const meta = {
+  title: 'Catalog/Workflow/Workflow Node',
+  component: WorkflowNode,
+  tags: ['autodocs'],
+  argTypes: {
+    kind: { control: 'select', options: ['trigger', 'agent', 'tool', 'condition', 'output'] },
+  },
+  args: { kind: 'agent', title: 'Review agent', subtitle: 'noe-agent-1', technicalId: 'node_4f2a' },
+} satisfies Meta<typeof WorkflowNode>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Selected: Story = { args: { selected: true } };
+export const Trigger: Story = {
+  args: { kind: 'trigger', title: 'On pull request', subtitle: undefined },
+};
+export const Condition: Story = {
+  args: { kind: 'condition', title: 'Has tests?', subtitle: undefined },
+};

package/apps/storybook/vitest.config.ts

@@ -0,0 +1,39 @@
+import { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
+import { playwright } from '@vitest/browser-playwright';
+import { defineConfig } from 'vitest/config';
+
+const configDir = `${dirname(fileURLToPath(import.meta.url))}/.storybook`;
+const monorepoRoot = dirname(dirname(dirname(fileURLToPath(import.meta.url))));
+
+const storybookPlugins = await storybookTest({
+  configDir,
+  storybookUrl: 'http://localhost:6006',
+  tags: {
+    exclude: ['test-skip'],
+  },
+});
+
+export default defineConfig({
+  root: monorepoRoot,
+  resolve: {
+    dedupe: ['react', 'react-dom'],
+  },
+  plugins: storybookPlugins,
+  test: {
+    name: 'storybook',
+    dir: monorepoRoot,
+    // Serial execution: no parallel files, no concurrent tests within a file.
+    // Prevents port collision and browser connection closed seen with 133 files parallel.
+    fileParallelism: false,
+    sequence: { concurrent: false },
+    browser: {
+      enabled: true,
+      provider: playwright(),
+      headless: true,
+      instances: [{ browser: 'chromium' }],
+    },
+    setupFiles: ['./.storybook/vitest.setup.ts'],
+  },
+});

package/apps/web/README.md

@@ -0,0 +1,13 @@
+# Static visual reference
+
+This dependency-free application is the deterministic visual QA target. Query parameters select a surface, locale, and theme:
+
+```text
+index.html?surface=agent&locale=fa&theme=dark
+```
+
+Supported surfaces: `consumer`, `dashboard`, `agent`, `workflow`.
+Supported locales: `en`, `fa`, `en-XA`, `ar-XB`.
+Supported themes: `light`, `dark`.
+
+The static app is not a replacement for Storybook or product integration. It provides reproducible evidence when package registry access is unavailable.

package/apps/web/app.js

@@ -0,0 +1,483 @@
+const localeMetadata = Object.freeze({
+  en: Object.freeze({ locale: 'en', direction: 'ltr' }),
+  fa: Object.freeze({ locale: 'fa', direction: 'rtl' }),
+  'en-XA': Object.freeze({ locale: 'en-XA', direction: 'ltr', pseudo: 'ltr' }),
+  'ar-XB': Object.freeze({ locale: 'ar-XB', direction: 'rtl', pseudo: 'rtl' }),
+});
+const messages = {
+  en: {
+    'nav.system': 'System',
+    'nav.principles': 'Principles',
+    'nav.progress': 'Progress',
+    'nav.ask': 'Ask NOa',
+    'hero.eyebrow': 'NOECOSYSTEM / SHARED DIGITAL FOUNDATIONS',
+    'hero.title': 'Shared foundations. Connected experiences.',
+    'hero.body':
+      'A shared digital foundation for connected products and services—coherent at the core, clear at the surface.',
+    'hero.primary': 'Explore the system',
+    'hero.secondary': 'View progress',
+    'foundation.title': 'A shared core. Distinct experiences.',
+    'foundation.shared': 'Shared by design.',
+    'foundation.connected': 'Connected with intent.',
+    'foundation.clear': 'Clear at the surface.',
+    'common.search': 'Search',
+    'common.filter': 'Filter',
+    'common.retry': 'Retry',
+    'common.cancel': 'Cancel',
+    'common.close': 'Close',
+    'common.more': 'More',
+    'dashboard.title': 'Operating overview',
+    'dashboard.subtitle': 'Signals, services, and delivery health across the ecosystem.',
+    'metric.active': 'Active services',
+    'metric.reliability': 'Reliability',
+    'metric.latency': 'Median latency',
+    'metric.approvals': 'Pending approvals',
+    'table.service': 'Service',
+    'table.owner': 'Owner',
+    'table.status': 'Status',
+    'table.updated': 'Updated',
+    'table.actions': 'Actions',
+    'status.healthy': 'Healthy',
+    'status.degraded': 'Degraded',
+    'status.pending': 'Pending',
+    'status.running': 'Running',
+    'status.completed': 'Completed',
+    'status.failed': 'Failed',
+    'agent.title': 'Agent workspace',
+    'agent.subtitle':
+      'Coordinate plans, tools, approvals, and artifacts without exposing implementation noise.',
+    'agent.message.user': 'Review today’s orchestration health and prepare an executive summary.',
+    'agent.message.assistant':
+      'I found one degraded connector and two approvals that require attention. The executive summary is ready for review.',
+    'agent.composer.placeholder': 'Ask NOa to investigate, plan, or execute…',
+    'agent.plan': 'Execution plan',
+    'agent.plan.step1': 'Inspect service health',
+    'agent.plan.step2': 'Compare incidents and change history',
+    'agent.plan.step3': 'Prepare the decision brief',
+    'tool.title': 'Fetch service health',
+    'tool.scope': 'Read-only access to service telemetry',
+    'tool.success': 'Telemetry retrieved',
+    'approval.title': 'Approval required',
+    'approval.body': 'Publish the prepared executive brief to the leadership workspace.',
+    'approval.once': 'Allow once',
+    'approval.session': 'Allow for session',
+    'approval.deny': 'Deny',
+    'artifact.title': 'Executive brief',
+    'artifact.updated': 'Updated just now',
+    'workflow.title': 'Workflow builder',
+    'workflow.subtitle':
+      'Compose agents, tools, and conditions while preserving clear control boundaries.',
+    'workflow.trigger': 'Incoming request',
+    'workflow.agent': 'Planning agent',
+    'workflow.tool': 'Health tool',
+    'workflow.condition': 'Risk detected?',
+    'workflow.output': 'Decision brief',
+    'inspector.title': 'Inspector',
+    'inspector.type': 'Node type',
+    'inspector.permissions': 'Permissions',
+    'inspector.timeout': 'Timeout',
+    'empty.title': 'No results',
+    'empty.body': 'Adjust filters or clear the current search.',
+    'error.title': 'Unable to load',
+    'error.body': 'The service did not respond. Retry without losing your current work.',
+    'footer.note': 'One system. Built deliberately.',
+    'skip.content': 'Skip to content',
+    'brand.home': 'NOE home',
+    'brand.controlCenter': 'CONTROL CENTER',
+    'action.toggleTheme': 'Toggle theme',
+    'action.accountMenu': 'Account menu',
+    'action.more': 'More actions',
+    'action.previousPage': 'Previous page',
+    'action.nextPage': 'Next page',
+    'action.back': 'Back',
+    'action.attach': 'Attach',
+    'action.search': 'Search',
+    'action.collapse': 'Collapse',
+    'control.surface': 'Surface',
+    'control.locale': 'Locale',
+    'control.theme': 'Theme',
+    'nav.overview': 'Overview',
+    'nav.services': 'Services',
+    'nav.signals': 'Signals',
+    'nav.approvals': 'Approvals',
+    'nav.observability': 'Observability',
+    'sidebar.platformOwner': 'Platform owner',
+    'dashboard.eyebrow': 'OPERATIONS / LIVE',
+    'dashboard.refresh': 'Refresh',
+    'dashboard.createView': 'Create view',
+    'panel.serviceHealth.title': 'Service health',
+    'panel.serviceHealth.subtitle': 'Current status and responsibility across shared capabilities.',
+    'metric.active.delta': '+3',
+    'metric.active.period': 'this quarter',
+    'metric.reliability.delta': '+0.04%',
+    'metric.reliability.period': '30-day window',
+    'metric.latency.delta': '−18 ms',
+    'metric.latency.period': 'week over week',
+    'metric.approvals.note': '1 high-impact',
+    'metric.approvals.action': 'review required',
+    'time.2m': '2m ago',
+    'time.4m': '4m ago',
+    'time.8m': '8m ago',
+    'time.11m': '11m ago',
+    'pagination.summary': '1–4 of 24',
+    'agent.brand.small': 'AGENT FOUNDATION',
+    'agent.newRun': 'New run',
+    'agent.section.workspace': 'WORKSPACE',
+    'agent.section.recent': 'RECENT',
+    'nav.conversation': 'Conversation',
+    'nav.artifacts': 'Artifacts',
+    'nav.runs': 'Runs',
+    'nav.workflows': 'Workflows',
+    'agent.recent.orchestration': 'Orchestration review',
+    'agent.recent.release': 'Release readiness',
+    'agent.status.online': 'NOa / online',
+    'artifact.section': 'ARTIFACT',
+    'artifact.kicker': 'OPERATING ECOSYSTEM / DAILY BRIEF',
+    'artifact.heading': 'Orchestration remains stable with one contained degradation.',
+    'artifact.body':
+      'Core service health is within objective. The degradation is isolated to a partner connector and has not affected critical customer paths.',
+    'artifact.incidents': 'Active incidents',
+    'artifact.decisionPoints': 'Decision points',
+    'artifact.decision1': 'Approve connector failover before the next traffic window.',
+    'artifact.decision2': 'Publish the prepared partner communication after legal review.',
+    'artifact.technicalReference': 'Technical reference',
+    'run.inspector': 'Run inspector',
+    'run.elapsed': 'Elapsed',
+    'run.tokens': 'Tokens',
+    'askpanel.eyebrow': 'NOsist / AI FOUNDATION',
+    'askpanel.title': 'Move from intent to coordinated action.',
+    'askpanel.body':
+      'Ask, inspect, approve, and receive a clear result. Technical detail remains available without dominating the experience.',
+    'system.visual.label': 'Connected NOE system illustration',
+    'reference.controls': 'Reference controls',
+    'workflow.brand.small': 'WORKFLOW STUDIO',
+    'workflow.testRun': 'Test run',
+    'workflow.publish': 'Publish',
+    'workflow.searchNodes': 'Search nodes',
+    'workflow.section.triggers': 'TRIGGERS',
+    'workflow.section.capabilities': 'CAPABILITIES',
+    'workflow.node.request': 'Request',
+    'workflow.node.request.desc': 'Starts from an incoming request',
+    'workflow.node.schedule': 'Schedule',
+    'workflow.node.schedule.desc': 'Starts on a time rule',
+    'workflow.capability.agent': 'Agent',
+    'workflow.capability.agent.desc': 'Plans and reasons',
+    'workflow.capability.tool': 'Tool',
+    'workflow.capability.tool.desc': 'Performs a bounded action',
+    'workflow.capability.condition': 'Condition',
+    'workflow.capability.condition.desc': 'Routes by evaluated state',
+    'workflow.saved': 'Saved',
+    'inspector.selectedNode': 'SELECTED NODE',
+    'inspector.name': 'Name',
+    'inspector.model': 'Model',
+    'inspector.reasoning': 'Reasoning',
+    'inspector.readTelemetry': 'Read telemetry',
+    'inspector.readTelemetry.desc': 'Access service metrics and traces',
+    'inspector.publishArtifact': 'Publish artifact',
+    'inspector.publishArtifact.desc': 'Requires approval at runtime',
+    'inspector.failurePath': 'Failure path',
+    'inspector.routeHuman': 'Route to human review',
+    'inspector.deleteNode': 'Delete node',
+    'inspector.balanced': 'Balanced',
+    'workflow.kind.trigger': 'TRIGGER',
+    'workflow.kind.agent': 'AGENT',
+    'workflow.kind.condition': 'CONDITION',
+    'workflow.kind.tool': 'TOOL',
+    'workflow.kind.output': 'OUTPUT',
+    'workflow.output.format': 'Artifact / Markdown',
+    'workflow.condition.rule': 'severity ≥ medium',
+    'agent.run.title': 'Operational health review',
+    'agent.you': 'You',
+    'tool.scope.label': 'Scope',
+    'tool.duration': 'Duration',
+    'approval.target': 'Target',
+    'approval.visibility': 'Visibility',
+    'approval.consequence': 'Consequence',
+    'approval.visibility.value': 'Leadership',
+    'approval.consequence.value': 'Publishes a new shared artifact',
+    'agent.plan.progress': '3 steps · 2 completed',
+    'agent.send': 'Send',
+  },
+  fa: {
+    'nav.system': 'سیستم',
+    'nav.principles': 'اصول',
+    'nav.progress': 'پیشرفت',
+    'nav.ask': 'پرسش از NOa',
+    'hero.eyebrow': 'NOECOSYSTEM / زیرساخت‌های دیجیتال مشترک',
+    'hero.title': 'زیرساخت‌های مشترک. تجربه‌های متصل.',
+    'hero.body':
+      'یک زیرساخت دیجیتال مشترک برای محصولات و خدمات متصل؛ منسجم در هسته و روشن در سطح تجربه.',
+    'hero.primary': 'مشاهده سیستم',
+    'hero.secondary': 'نمایش پیشرفت',
+    'foundation.title': 'یک هسته مشترک. تجربه‌های متمایز.',
+    'foundation.shared': 'اشتراک‌پذیر از ابتدا.',
+    'foundation.connected': 'اتصال هدفمند.',
+    'foundation.clear': 'شفاف در سطح تجربه.',
+    'common.search': 'جست‌وجو',
+    'common.filter': 'فیلتر',
+    'common.retry': 'تلاش دوباره',
+    'common.cancel': 'لغو',
+    'common.close': 'بستن',
+    'common.more': 'بیشتر',
+    'dashboard.title': 'نمای کلی عملیات',
+    'dashboard.subtitle': 'سیگنال‌ها، سرویس‌ها و سلامت تحویل در سراسر اکوسیستم.',
+    'metric.active': 'سرویس‌های فعال',
+    'metric.reliability': 'پایداری',
+    'metric.latency': 'میانه تأخیر',
+    'metric.approvals': 'تأییدهای در انتظار',
+    'table.service': 'سرویس',
+    'table.owner': 'مالک',
+    'table.status': 'وضعیت',
+    'table.updated': 'به‌روزرسانی',
+    'table.actions': 'عملیات',
+    'status.healthy': 'سالم',
+    'status.degraded': 'ناپایدار',
+    'status.pending': 'در انتظار',
+    'status.running': 'در حال اجرا',
+    'status.completed': 'تکمیل‌شده',
+    'status.failed': 'ناموفق',
+    'agent.title': 'فضای کاری عامل',
+    'agent.subtitle': 'مدیریت برنامه‌ها، ابزارها، تأییدها و خروجی‌ها بدون نمایش پیچیدگی پیاده‌سازی.',
+    'agent.message.user': 'سلامت ارکستریشن امروز را بررسی کن و یک جمع‌بندی مدیریتی آماده کن.',
+    'agent.message.assistant':
+      'یک اتصال ناپایدار و دو تأیید نیازمند توجه پیدا شد. جمع‌بندی مدیریتی برای بازبینی آماده است.',
+    'agent.composer.placeholder': 'از NOa بخواهید بررسی، برنامه‌ریزی یا اجرا کند…',
+    'agent.plan': 'برنامه اجرا',
+    'agent.plan.step1': 'بررسی سلامت سرویس‌ها',
+    'agent.plan.step2': 'مقایسه رخدادها و تاریخچه تغییر',
+    'agent.plan.step3': 'آماده‌سازی گزارش تصمیم',
+    'tool.title': 'دریافت سلامت سرویس',
+    'tool.scope': 'دسترسی فقط‌خواندنی به تله‌متری سرویس',
+    'tool.success': 'تله‌متری دریافت شد',
+    'approval.title': 'نیازمند تأیید',
+    'approval.body': 'گزارش مدیریتی آماده‌شده در فضای کاری مدیریت منتشر شود.',
+    'approval.once': 'فقط این بار',
+    'approval.session': 'در این نشست',
+    'approval.deny': 'رد کردن',
+    'artifact.title': 'گزارش مدیریتی',
+    'artifact.updated': 'همین حالا به‌روزرسانی شد',
+    'workflow.title': 'سازنده گردش‌کار',
+    'workflow.subtitle': 'ترکیب عامل‌ها، ابزارها و شرط‌ها با حفظ مرزهای کنترلی روشن.',
+    'workflow.trigger': 'درخواست ورودی',
+    'workflow.agent': 'عامل برنامه‌ریزی',
+    'workflow.tool': 'ابزار سلامت',
+    'workflow.condition': 'ریسک شناسایی شد؟',
+    'workflow.output': 'گزارش تصمیم',
+    'inspector.title': 'بازرس',
+    'inspector.type': 'نوع گره',
+    'inspector.permissions': 'مجوزها',
+    'inspector.timeout': 'مهلت اجرا',
+    'empty.title': 'نتیجه‌ای نیست',
+    'empty.body': 'فیلترها را تغییر دهید یا جست‌وجوی فعلی را پاک کنید.',
+    'error.title': 'بارگذاری انجام نشد',
+    'error.body': 'سرویس پاسخ نداد. بدون از دست دادن کار فعلی دوباره تلاش کنید.',
+    'footer.note': 'یک سیستم. ساخته‌شده با دقت.',
+    'skip.content': 'پرش به محتوا',
+    'brand.home': 'NOE — خانه',
+    'brand.controlCenter': 'مرکز کنترل',
+    'action.toggleTheme': 'تغییر پوسته',
+    'action.accountMenu': 'منوی حساب',
+    'action.more': 'عملیات بیشتر',
+    'action.previousPage': 'صفحه پیشین',
+    'action.nextPage': 'صفحه بعدی',
+    'action.back': 'بازگشت',
+    'action.attach': 'پیوست',
+    'action.search': 'جست‌وجو',
+    'action.collapse': 'جمع کردن',
+    'control.surface': 'سطح',
+    'control.locale': 'زبان',
+    'control.theme': 'پوسته',
+    'nav.overview': 'نمای کلی',
+    'nav.services': 'سرویس‌ها',
+    'nav.signals': 'سیگنال‌ها',
+    'nav.approvals': 'تأییدها',
+    'nav.observability': 'رصدپذیری',
+    'sidebar.platformOwner': 'مالک پلتفرم',
+    'dashboard.eyebrow': 'عملیات / زنده',
+    'dashboard.refresh': 'بازخوانی',
+    'dashboard.createView': 'ساخت نما',
+    'panel.serviceHealth.title': 'سلامت سرویس',
+    'panel.serviceHealth.subtitle': 'وضعیت فعلی و مسئولیت‌ها در سراسر قابلیت‌های مشترک.',
+    'metric.active.delta': '+3',
+    'metric.active.period': 'در این فصل',
+    'metric.reliability.delta': '+0.04%',
+    'metric.reliability.period': 'پنجره ۳۰ روزه',
+    'metric.latency.delta': '−18 ms',
+    'metric.latency.period': 'هفته به هفته',
+    'metric.approvals.note': '۱ پرتأثیر',
+    'metric.approvals.action': 'نیازمند بازبینی',
+    'time.2m': '۲ دقیقه پیش',
+    'time.4m': '۴ دقیقه پیش',
+    'time.8m': '۸ دقیقه پیش',
+    'time.11m': '۱۱ دقیقه پیش',
+    'pagination.summary': '۱–۴ از ۲۴',
+    'agent.brand.small': 'زیرساخت عامل',
+    'agent.newRun': 'اجرای جدید',
+    'agent.section.workspace': 'فضای کاری',
+    'agent.section.recent': 'اخیر',
+    'nav.conversation': 'گفت‌وگو',
+    'nav.artifacts': 'خروجی‌ها',
+    'nav.runs': 'اجراها',
+    'nav.workflows': 'گردش‌کارها',
+    'agent.recent.orchestration': 'بازبینی ارکستریشن',
+    'agent.recent.release': 'آمادگی انتشار',
+    'agent.status.online': 'NOa / برخط',
+    'artifact.section': 'خروجی',
+    'artifact.kicker': 'اکوسیستم عملیاتی / گزارش روزانه',
+    'artifact.heading': 'ارکستریشن پایدار مانده و یک ناپایداری مهار شده است.',
+    'artifact.body':
+      'سلامت هسته سرویس‌ها در محدوده هدف است. ناپایداری تنها به یک اتصال همکار محدود است و مسیرهای حساس مشتری را تحت تأثیر قرار نداده است.',
+    'artifact.incidents': 'رخدادهای فعال',
+    'artifact.decisionPoints': 'نقاط تصمیم',
+    'artifact.decision1': 'پیش از پنجره ترافیکی بعدی، اتصال جایگزین را تأیید کنید.',
+    'artifact.decision2': 'ارتباط آماده‌شده با همکار را پس از بازبینی حقوقی منتشر کنید.',
+    'artifact.technicalReference': 'مرجع فنی',
+    'run.inspector': 'بازرس اجرا',
+    'run.elapsed': 'زمان سپری‌شده',
+    'run.tokens': 'توکن‌ها',
+    'askpanel.eyebrow': 'NOsist / زیرساخت هوش مصنوعی',
+    'askpanel.title': 'از هدف تا کنش هماهنگ.',
+    'askpanel.body':
+      'بپرسید، بررسی کنید، تأیید کنید و نتیجه‌ای روشن بگیرید. جزئیات فنی بدون غلبه بر تجربه در دسترس می‌مانند.',
+    'system.visual.label': 'نمودار سیستم متصل NOE',
+    'reference.controls': 'کنترل‌های مرجع',
+    'workflow.brand.small': 'استودیو گردش‌کار',
+    'workflow.testRun': 'اجرای آزمایشی',
+    'workflow.publish': 'انتشار',
+    'workflow.searchNodes': 'جست‌وجوی گره‌ها',
+    'workflow.section.triggers': 'محرک‌ها',
+    'workflow.section.capabilities': 'قابلیت‌ها',
+    'workflow.node.request': 'درخواست',
+    'workflow.node.request.desc': 'از یک درخواست ورودی آغاز می‌شود',
+    'workflow.node.schedule': 'زمان‌بندی',
+    'workflow.node.schedule.desc': 'بر اساس قانون زمانی آغاز می‌شود',
+    'workflow.capability.agent': 'عامل',
+    'workflow.capability.agent.desc': 'برنامه‌ریزی و استدلال می‌کند',
+    'workflow.capability.tool': 'ابزار',
+    'workflow.capability.tool.desc': 'کنشی محدود انجام می‌دهد',
+    'workflow.capability.condition': 'شرط',
+    'workflow.capability.condition.desc': 'بر اساس وضعیت ارزیابی‌شده مسیریابی می‌کند',
+    'workflow.saved': 'ذخیره شد',
+    'inspector.selectedNode': 'گره انتخاب‌شده',
+    'inspector.name': 'نام',
+    'inspector.model': 'مدل',
+    'inspector.reasoning': 'استدلال',
+    'inspector.readTelemetry': 'خواندن تله‌متری',
+    'inspector.readTelemetry.desc': 'دسترسی به سنجه‌ها و ردپای سرویس‌ها',
+    'inspector.publishArtifact': 'انتشار خروجی',
+    'inspector.publishArtifact.desc': 'در زمان اجرا نیازمند تأیید است',
+    'inspector.failurePath': 'مسیر شکست',
+    'inspector.routeHuman': 'ارجاع به بازبینی انسانی',
+    'inspector.deleteNode': 'حذف گره',
+    'inspector.balanced': 'متعادل',
+    'workflow.kind.trigger': 'محرک',
+    'workflow.kind.agent': 'عامل',
+    'workflow.kind.condition': 'شرط',
+    'workflow.kind.tool': 'ابزار',
+    'workflow.kind.output': 'خروجی',
+    'workflow.output.format': 'خروجی / Markdown',
+    'workflow.condition.rule': 'شدت ≥ متوسط',
+    'agent.run.title': 'بازبینی سلامت عملیات',
+    'agent.you': 'شما',
+    'tool.scope.label': 'دامنه',
+    'tool.duration': 'مدت',
+    'approval.target': 'مقصد',
+    'approval.visibility': 'سطح دسترسی',
+    'approval.consequence': 'پیامد',
+    'approval.visibility.value': 'مدیریت ارشد',
+    'approval.consequence.value': 'یک خروجی مشترک جدید منتشر می‌شود',
+    'agent.plan.progress': '۳ گام · ۲ تکمیل‌شده',
+    'agent.send': 'ارسال',
+  },
+};
+const pseudoMap = Object.freeze({
+  a: 'à',
+  A: 'Å',
+  e: 'ë',
+  E: 'Ë',
+  i: 'ï',
+  I: 'Ï',
+  o: 'ø',
+  O: 'Ø',
+  u: 'ü',
+  U: 'Û',
+  c: 'ç',
+  C: 'Ç',
+  n: 'ñ',
+  N: 'Ñ',
+});
+function pseudoLocalize(value, mode = 'ltr') {
+  const expanded = String(value)
+    .replace(/[aAeEiIoOuUcCnN]/g, (char) => pseudoMap[char] ?? char)
+    .replace(/\b(\w{4,})\b/g, '$1~$1');
+  return mode === 'rtl' ? `⟦‮${expanded}‬⟧` : `⟦${expanded}⟧`;
+}
+function applyDocumentLocale(element, locale) {
+  const meta = localeMetadata[locale] ?? localeMetadata.en;
+  element.lang = meta.locale;
+  element.dir = meta.direction;
+  element.dataset.locale = meta.locale;
+  return meta;
+}
+const query = new URLSearchParams(location.search);
+const injected = window.__NOE_CAPTURE__ || {};
+const state = {
+  surface: injected.surface || query.get('surface') || 'consumer',
+  locale: injected.locale || query.get('locale') || 'en',
+  theme: injected.theme || query.get('theme') || 'light',
+};
+function sourceMessages(locale) {
+  return locale === 'fa' ? messages.fa : messages.en;
+}
+function translate(key) {
+  const value = sourceMessages(state.locale)[key] ?? messages.en[key] ?? key;
+  if (state.locale === 'en-XA') return pseudoLocalize(value, 'ltr');
+  if (state.locale === 'ar-XB') return pseudoLocalize(value, 'rtl');
+  return value;
+}
+function render() {
+  applyDocumentLocale(document.documentElement, state.locale);
+  document.documentElement.dataset.theme = state.theme;
+  document.body.dataset.surface = state.surface;
+  document.querySelectorAll('[data-surface]').forEach((element) => {
+    element.hidden = element.dataset.surface !== state.surface;
+  });
+  document.querySelectorAll('[data-i18n]').forEach((element) => {
+    element.textContent = translate(element.dataset.i18n);
+  });
+  document.querySelectorAll('[data-i18n-aria]').forEach((element) => {
+    element.setAttribute('aria-label', translate(element.dataset.i18nAria));
+  });
+  document.querySelectorAll('[data-i18n-placeholder]').forEach((element) => {
+    element.setAttribute('placeholder', translate(element.dataset.i18nPlaceholder));
+  });
+  document.querySelectorAll('[data-control]').forEach((control) => {
+    control.value = state[control.dataset.control];
+  });
+  const localeLabel = document.querySelector('[data-locale-label]');
+  if (localeLabel) localeLabel.textContent = state.locale === 'fa' ? 'EN' : 'FA';
+  document.title = `NOE Design System — ${state.surface}`;
+}
+function update(key, value) {
+  state[key] = value;
+  const next = new URL(location.href);
+  next.searchParams.set(key, value);
+  history.replaceState(null, '', next);
+  render();
+}
+document.addEventListener('DOMContentLoaded', () => {
+  document.addEventListener('change', (event) => {
+    const control = event.target.closest('[data-control]');
+    if (control) update(control.dataset.control, control.value);
+  });
+  document
+    .querySelector('[data-action="theme"]')
+    ?.addEventListener('click', () => update('theme', state.theme === 'dark' ? 'light' : 'dark'));
+  document
+    .querySelector('[data-action="locale"]')
+    ?.addEventListener('click', () => update('locale', state.locale === 'fa' ? 'en' : 'fa'));
+  document.querySelectorAll('[data-demo-composer]').forEach((form) => {
+    form.addEventListener('submit', (event) => event.preventDefault());
+  });
+  render();
+});

package/apps/web/favicon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <title>NOE</title>
+  <circle cx="16" cy="16" r="12" fill="none" stroke="currentColor" stroke-width="2"/>
+  <circle cx="16" cy="16" r="3" fill="currentColor"/>
+  <path d="M4 16h9M19 16h9M16 4v9M16 19v9" stroke="currentColor" stroke-width="2"/>
+</svg>