@masterteam/task-schedule 0.0.2 → 0.0.4

package/README.md

@@ -5,25 +5,27 @@ Syncfusion Gantt based task-schedule package with external model switching.
 ## Public API
 
 - `TaskSchedule` component (`mt-task-schedule`)
-- `TaskScheduleShell` component (`mt-task-schedule-shell`)
-- `TaskScheduleImportModal` component (`mt-task-schedule-import-modal`)
-- `TASK_SCHEDULE_DATA_ADAPTER` injection token
-- `TaskScheduleDataAdapter` interface
-- `TaskScheduleBackendAdapter` (default built-in adapter)
+- `TaskScheduleHeader` component (`mt-task-schedule-header`)
+- `TaskScheduleImportDialog` component (`mt-task-schedule-import-dialog`)
+- `TaskScheduleFetchDataAdapter` interface
+- `TaskScheduleActionDataAdapter` interface
+- `TaskScheduleFetchService`
+- `TaskScheduleActionService`
 - `TaskScheduleModelType`
 - `TaskScheduleContext`
 - `TASK_SCHEDULE_DEFAULT_PDF_FONT`
 
 ## Inputs
 
-- `modelType`: `'default' | 'edit' | 'baseline' | 'criticalPath' | 'critical-path' | 'resources' | 'unscheduled' | 'phaseGate' | 'phase-gate' | 'custom'`
-- `context`: object with required `levelId` and `levelDataId` for runtime tree loading, plus optional `customViewId`, etc.
+- `context`: object with required `levelId` and `levelDataId` for fetch-based schedule reads
+
+Main context fields:
+
+- `modelType`: `'default' | 'edit' | 'baseline' | 'criticalPath' | 'critical-path' | 'resources' | 'unscheduled' | 'phaseGate' | 'custom'`
+- `langCode`: `'en' | 'ar' | null`
 - `dateFormat`: default `dd/MM/yyyy`
 - `height`: default `760px`
-- `langCode`: `'en' | 'ar' | null` (optional; auto-resolves from context/localStorage/document)
-- `pdfFontData`: optional base64 TTF string for PDF export font
-- `pdfRtlFontData`: optional base64 TTF string used in RTL/Arabic PDF export
-- `pdfFontSize`: optional PDF font size (default `11`)
+- `pdfFonts`: optional `{ regular?: string; arabic?: string; size?: number }`
 
 ## Outputs
 
@@ -33,21 +35,37 @@ Syncfusion Gantt based task-schedule package with external model switching.
 - `loaded`
 - `loadError`
 
-`TaskScheduleDataAdapter` optional import methods:
+`TaskScheduleFetchDataAdapter` methods:
 
+- `load(modelType, context)`
 - `importTasks(context, file)`
+- `exportTasks(context)`
+- `loadDependencies(context)`
+- `loadTimeline(context, mode)`
+- `loadBaselineVersions(context)`
+- `loadBaselineSnapshot(context, version?)`
+
+`TaskScheduleActionDataAdapter` methods:
+
+- `createTask(context, payload)`
+- `updateTask(context, taskId, payload)`
+- `deleteTask(context, taskId)`
+- `updateBulkTasks(context, payload)`
+- `updateParent(context, taskId, parentId)`
+- `updateOrder(context, payload)`
+- `updateProgress(context, taskId, payload)`
 - `applyImportedTasks(context, payload)`
 - `setBaseline(context, payload?)`
-- `exportTasks(context)`
+- `createDependency(context, payload)`
+- `updateDependency(context, dependencyId, payload)`
+- `deleteDependency(context, dependencyId)`
 
 ## Usage
 
 ```ts
 import { Component, signal } from '@angular/core';
 import {
-  TASK_SCHEDULE_DATA_ADAPTER,
   TaskSchedule,
-  TaskScheduleDataAdapter,
   TaskScheduleModelType,
 } from '@masterteam/task-schedule';
 
@@ -57,86 +75,100 @@ import {
   selector: 'app-task-schedule-host',
   template: `
     <mt-task-schedule
-      [modelType]="modelType()"
-      [context]="{ levelId: 12, levelDataId: 18 }"
-      [langCode]="'en'"
+      [context]="{
+        levelId: 12,
+        modelType: modelType(),
+        levelDataId: 18,
+        langCode: 'en'
+      }"
     />
   `,
-  providers: [
-    {
-      provide: TASK_SCHEDULE_DATA_ADAPTER,
-      useExisting: TaskScheduleApiAdapterService,
-    },
-  ],
 })
 export class TaskScheduleHostComponent {
   readonly modelType = signal<TaskScheduleModelType>('default');
 }
 ```
 
-The component uses `TaskScheduleBackendAdapter` by default.
-
-Backend routes used:
-
-- Runtime tree (default/edit/baseline/critical/custom): `GET /api/levels/{levelId}/{levelDataId}/schedule/tree`
-- Runtime phase gate tree: `GET /api/levels/{levelId}/{levelDataId}/schedule/tree?renderMode=PhaseGate`
-- Runtime unscheduled: `GET /api/levels/{levelId}/{levelDataId}/schedule/unscheduled`
-- Runtime resource mode: `GET /api/levels/{levelId}/{levelDataId}/schedule/by-resource`
-- Custom view config: `GET /api/schedulemanager/{levelId}/schedule/{customViewId}`
-- Team members (edit/resources mode): `GET /api/levels/{levelId}/TeamMember`
-
-Runtime mutations (when `levelDataId` exists):
-
-- `POST /api/levels/{levelId}/{levelDataId}/schedule`
-- `PUT /api/levels/{levelId}/{levelDataId}/schedule/{taskId}`
-- `DELETE /api/levels/{levelId}/{levelDataId}/schedule/{taskId}`
-- `PUT /api/levels/{levelId}/{levelDataId}/schedule/bulk-update`
-- `PUT /api/levels/{levelId}/{levelDataId}/schedule/reorder`
-- `PUT /api/levels/{levelId}/{levelDataId}/schedule/{taskId}/progress`
-- `POST /api/levels/{levelId}/{levelDataId}/schedule/baselines` (set baseline)
-- `GET /api/levels/{levelId}/{levelDataId}/schedule/mpp` (export)
-
-Legacy `/api/tasks/...` routes are kept as fallback when `levelDataId` is not provided or when `context.endpoints` overrides are supplied.
-Import modal keeps legacy preview/apply defaults (`POST /api/tasks/mmp/import`, then apply endpoint), unless `endpoints.importTasks` / `endpoints.applyImportedTasks` are overridden.
-
-Context options for backend routing:
-
-- `apiBaseUrl`: optional base URL prefix
-- `schemaId`: optional legacy API schema id (used only for legacy fallback routes)
-- `customViewId`: used in `custom` mode to load schedule-manager view columns
-- `resources`: optional static resource list override
-- `endpoints`: optional endpoint template overrides (`scheduleTree`, `scheduleViewById`, `teamMembers`, `createTask`, etc.)
-- `endpoints.importTasks` / `endpoints.applyImportedTasks`: optional overrides for runtime/legacy MPP import flow
-- `endpoints.setBaseline`: optional override for baseline endpoint (runtime default: `/api/levels/{levelId}/{levelDataId}/schedule/baselines`)
-- `endpoints.exportTasks`: optional override for export endpoint (runtime default: `/api/levels/{levelId}/{levelDataId}/schedule/mpp`)
-- `requestHeaders`: optional additional headers
-- `pdfFonts`: optional `{ regular?: string; arabic?: string; size?: number }` base64 font config for PDF export
+`mt-task-schedule` uses `TaskScheduleFetchService` for reads and `TaskScheduleActionService` for write actions.
+`mt-task-schedule-header` and `TaskScheduleImportDialog` also split fetch/write behavior across the same two services.
+
+Backend routes used:
+
+- Mixed schedule reads (default/edit/critical/custom/resources/unscheduled): `POST /api/levels/{levelId}/{levelDataId}/schedule/read`
+- Phase-gate runtime tree: `GET /api/levels/{levelId}/{levelDataId}/schedule/tree?renderMode=PhaseGate`
+- Runtime baseline snapshot view: `GET /api/levels/{levelId}/{levelDataId}/schedule/baselines/latest`
+- Runtime baseline history: `GET /api/levels/{levelId}/{levelDataId}/schedule/baselines`
+- Runtime baseline version snapshot: `GET /api/levels/{levelId}/{levelDataId}/schedule/baselines/{version}`
+- Runtime dependencies: `GET/POST/PUT/DELETE /api/levels/{levelId}/{levelDataId}/schedule/dependencies`
+- Runtime timeline buckets: `POST /api/levels/{levelId}/{levelDataId}/schedule/read` with `mode: 'Timeline'`
+- Custom view config: `GET /api/schedulemanager/{levelId}/schedule/{customViewId}`
+- Team members (edit/resources mode): `GET /api/levels/{levelId}/TeamMember`
+
+Runtime mutations (when `levelDataId` exists):
+
+- `POST /api/process-submit` for create/update/delete/progress
+- `PUT /api/levels/{levelId}/{levelDataId}/schedule/bulk-update`
+- `PUT /api/levels/{levelId}/{levelDataId}/schedule/reorder`
+- `POST /api/levels/{levelId}/{levelDataId}/schedule/baselines` (set baseline)
+- `GET /api/levels/{levelId}/{levelDataId}/schedule/mpp` (export)
+
+Plain schedule reads no longer use legacy `/api/tasks/...` read routes.
+Import dialog keeps its current MPP preview/apply flow unless `endpoints.importTasks` / `endpoints.applyImportedTasks` are overridden.
+
+Context options for backend routing:
+
+- `modelType`: selected schedule mode
+- `langCode`: optional language override
+- `dateFormat`: optional gantt date format
+- `height`: optional gantt height
+- `customViewId`: used in `custom` mode to load schedule-manager view columns
+- `resources`: optional static resource list override
+- `endpoints`: optional endpoint template overrides (`processSubmit`, `scheduleRead`, `scheduleQuery`, `scheduleTree`, `scheduleTreePhaseGate`, `scheduleDependencies`, `scheduleDependencyById`, `scheduleBaselines`, `scheduleBaselineByVersion`, `scheduleViewById`, `teamMembers`, `createTask`, etc.)
+- `endpoints.importTasks` / `endpoints.applyImportedTasks`: optional overrides for runtime/legacy MPP import flow
+- `endpoints.setBaseline`: optional override for baseline endpoint (runtime default: `/api/levels/{levelId}/{levelDataId}/schedule/baselines`)
+- `endpoints.exportTasks`: optional override for export endpoint (runtime default: `/api/levels/{levelId}/{levelDataId}/schedule/mpp`)
+- `pdfFonts`: optional `{ regular?: string; arabic?: string; size?: number }` base64 font config for PDF export
+
+HTTP base URL, auth, language headers, and idempotency are expected to be handled by the host app interceptors.
 
 When no PDF font is provided, package fallback uses embedded `TASK_SCHEDULE_DEFAULT_PDF_FONT`.
 
-## Import Modal
+## Import Dialog
 
-Use `mt-task-schedule-import-modal` to import `.mpp`/`.xer` files and apply tasks (replace or append).  
-The modal is Tailwind-based and uses `@masterteam/components` (`mt-button`, `mt-entity-preview`).
+Use `TaskScheduleImportDialog` with `ModalService` to import `.mpp`/`.xer` files and apply tasks (replace or append).  
+The dialog is Tailwind-based and uses `@masterteam/components` (`mt-button`, `mt-entity-preview`).
 Imported rows support inline editing before apply (task name, planned/actual dates, assignee, progress) with per-row selection.
 
 ## Shell Component
 
-Use `mt-task-schedule-shell` as the package-level host that combines:
+Use `mt-task-schedule-header` as a reusable schedule header that combines:
 
 - mode switcher
-- Set Baseline action (adapter `setBaseline`)
-- Import modal orchestration
-- Export tasks action (adapter `exportTasks`)
+- Set Baseline action (feature service `setBaseline`)
+- Import dialog orchestration
+- Export tasks action (feature service `exportTasks`)
 
-Shell parity control inputs:
+It does not render `mt-task-schedule` internally. Use it separately when you want a standard schedule header above your own schedule host.
 
+Shell parity control fields also live on `context`:
+
+- `modeOptions`
 - `allowEditMode`
 - `allowImport`
 - `allowSetBaseline`
 - `hasTasks`
 - `baselinePending`
 
-Use one adapter service per selector/source if needed. The component does not use NGXS.
+Use the fetch service for reads/import preview/export and the action service for mutations. The package does not use NGXS.
+
+Fetch and action helpers exposed for runtime helpers:
+
+- `loadDependencies`
+- `createDependency`
+- `updateDependency`
+- `deleteDependency`
+- `loadTimeline`
+- `loadBaselineVersions`
+- `loadBaselineSnapshot`
 
 See `PARITY_REPORT.md` for legacy-to-package migration coverage.

package/assets/i18n/ar.json

@@ -0,0 +1,58 @@
+{
+  "task-schedule": {
+    "common": {
+      "unexpectedError": "حدث خطأ غير متوقع."
+    },
+    "dialog": {
+      "type": "النوع",
+      "typePlaceholder": "اختر النوع",
+      "typeFirst": "اختر النوع أولاً لتحميل النموذج.",
+      "save": "حفظ",
+      "cancel": "إلغاء"
+    },
+    "header": {
+      "title": "الجدول الزمني",
+      "mode": "الوضع",
+      "setBaseline": "تعيين خط الأساس",
+      "pending": "معلق",
+      "import": "استيراد",
+      "export": "تصدير",
+      "exportFileName": "tasks",
+      "baselineNotSupported": "خدمة الإجراءات الحالية لا تدعم تعيين خط الأساس.",
+      "exportNotSupported": "خدمة الجلب الحالية لا تدعم تصدير المهام.",
+      "contextMissing": "سياق الجدول الزمني غير مكتمل.",
+      "baselineDisabled": "لا يمكن تعيين خط الأساس حالياً."
+    },
+    "modes": {
+      "default": "الافتراضي",
+      "criticalPath": "المسار الحرج",
+      "baseline": "خط الأساس",
+      "resources": "الموارد",
+      "unscheduled": "غير مجدول",
+      "phaseGate": "بوابة المرحلة",
+      "edit": "الجدولة",
+      "custom": "عرض مخصص"
+    },
+    "importModal": {
+      "title": "استيراد المهام",
+      "selectFile": "اختر ملف MPP أو XER",
+      "startImport": "بدء الاستيراد",
+      "cancel": "إلغاء",
+      "replace": "استبدال المهام الحالية",
+      "append": "إضافة إلى المهام الحالية",
+      "task": "المهمة",
+      "startDate": "تاريخ البدء",
+      "finishDate": "تاريخ الانتهاء",
+      "actualStartDate": "تاريخ البدء الفعلي",
+      "actualFinishDate": "تاريخ الانتهاء الفعلي",
+      "assignedTo": "المسند إليه",
+      "progress": "الإنجاز",
+      "noTasks": "لا توجد مهام في الملف المستورد.",
+      "missingContext": "سياق الجدول الزمني غير مكتمل.",
+      "importNotSupported": "خدمة الجلب الحالية لا تدعم الاستيراد.",
+      "applyNotSupported": "خدمة الإجراءات الحالية لا تدعم تطبيق المهام المستوردة.",
+      "chooseFileFirst": "اختر ملفاً أولاً.",
+      "rowsLimited": "تم عرض أول مجموعة من المهام فقط لتحسين الأداء."
+    }
+  }
+}

package/assets/i18n/en.json

@@ -0,0 +1,58 @@
+{
+  "task-schedule": {
+    "common": {
+      "unexpectedError": "An unexpected error occurred."
+    },
+    "dialog": {
+      "type": "Type",
+      "typePlaceholder": "Select type",
+      "typeFirst": "Select the type first to load the form.",
+      "save": "Save",
+      "cancel": "Cancel"
+    },
+    "header": {
+      "title": "Task Schedule",
+      "mode": "Mode",
+      "setBaseline": "Set Baseline",
+      "pending": "Pending",
+      "import": "Import",
+      "export": "Export",
+      "exportFileName": "tasks",
+      "baselineNotSupported": "Current action service does not support setting baseline.",
+      "exportNotSupported": "Current fetch service does not support task export.",
+      "contextMissing": "Task schedule context is incomplete.",
+      "baselineDisabled": "Setting baseline is currently unavailable."
+    },
+    "modes": {
+      "default": "Default",
+      "criticalPath": "Critical Path",
+      "baseline": "Baseline",
+      "resources": "Resources",
+      "unscheduled": "Unscheduled",
+      "phaseGate": "PhaseGate",
+      "edit": "Scheduling",
+      "custom": "Custom View"
+    },
+    "importModal": {
+      "title": "Import Tasks",
+      "selectFile": "Select MPP or XER file",
+      "startImport": "Start Import",
+      "cancel": "Cancel",
+      "replace": "Replace existing tasks",
+      "append": "Append to existing tasks",
+      "task": "Task",
+      "startDate": "Start Date",
+      "finishDate": "Finish Date",
+      "actualStartDate": "Actual Start Date",
+      "actualFinishDate": "Actual Finish Date",
+      "assignedTo": "Assigned To",
+      "progress": "Progress",
+      "noTasks": "No tasks found in the imported file.",
+      "missingContext": "Task schedule context is incomplete.",
+      "importNotSupported": "Current fetch service does not support import.",
+      "applyNotSupported": "Current action service does not support applying imported tasks.",
+      "chooseFileFirst": "Choose a file first.",
+      "rowsLimited": "Only the first rows are shown for performance."
+    }
+  }
+}

package/assets/task-schedule.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-800:oklch(47.3% .137 46.201);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.z-\[1000\]{z-index:1000}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.max-h-\[28rem\]{max-height:28rem}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[22rem\]{max-width:22rem}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[1180px\]{min-width:1180px}.cursor-pointer{cursor:pointer}.grid-cols-\[40px_minmax\(220px\,2fr\)_minmax\(130px\,1fr\)_minmax\(130px\,1fr\)_minmax\(130px\,1fr\)_minmax\(130px\,1fr\)_minmax\(190px\,1\.1fr\)_minmax\(120px\,0\.8fr\)\]{grid-template-columns:40px minmax(220px,2fr) minmax(130px,1fr) minmax(130px,1fr) minmax(130px,1fr) minmax(130px,1fr) minmax(190px,1.1fr) minmax(120px,.8fr)}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/40{background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent)}}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-amber-800{color:var(--color-amber-800)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.uppercase{text-transform:uppercase}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-slate-200{--tw-ring-color:var(--color-slate-200)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}}.focus\:border-slate-400:focus{border-color:var(--color-slate-400)}}@keyframes enter{0%{opacity:var(--p-enter-opacity,1);transform:translate3d(var(--p-enter-translate-x,0), var(--p-enter-translate-y,0), 0) scale3d(var(--p-enter-scale,1), var(--p-enter-scale,1), var(--p-enter-scale,1)) rotate(var(--p-enter-rotate,0))}}@keyframes leave{to{opacity:var(--p-leave-opacity,1);transform:translate3d(var(--p-leave-translate-x,0), var(--p-leave-translate-y,0), 0) scale3d(var(--p-leave-scale,1), var(--p-leave-scale,1), var(--p-leave-scale,1)) rotate(var(--p-leave-rotate,0))}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-800:oklch(47.3% .137 46.201);--color-slate-400:oklch(70.4% .04 256.788);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.m-0{margin:calc(var(--spacing) * 0)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.\!h-\[min\(84vh\,43rem\)\]{height:min(84vh,43rem)!important}.\!h-\[min\(88vh\,52rem\)\]{height:min(88vh,52rem)!important}.h-full{height:100%}.\!max-h-\[84vh\]{max-height:84vh!important}.\!max-h-\[88vh\]{max-height:88vh!important}.min-h-0{min-height:calc(var(--spacing) * 0)}.\!w-\[min\(86vw\,60rem\)\]{width:min(86vw,60rem)!important}.\!w-\[min\(92vw\,80rem\)\]{width:min(92vw,80rem)!important}.w-56{width:calc(var(--spacing) * 56)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.\!overflow-y-hidden{overflow-y:hidden!important}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-amber-200{border-color:var(--color-amber-200)}.border-red-200{border-color:var(--color-red-200)}.border-surface{border-color:var(--p-content-border-color)}.border-surface-200{border-color:var(--p-surface-200)}@supports (color:color-mix(in lab, red, red)){.border-surface-200{border-color:color-mix(in srgb, var(--p-surface-200) calc(100% * 1), transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-surface-0{background-color:var(--p-surface-0)}@supports (color:color-mix(in lab, red, red)){.bg-surface-0{background-color:color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent)}}.bg-surface-50{background-color:var(--p-surface-50)}@supports (color:color-mix(in lab, red, red)){.bg-surface-50{background-color:color-mix(in srgb, var(--p-surface-50) calc(100% * 1), transparent)}}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-amber-800{color:var(--color-amber-800)}.text-muted-color{color:var(--p-text-muted-color)}.text-red-700{color:var(--color-red-700)}.text-slate-400{color:var(--color-slate-400)}.text-surface-500{color:var(--p-surface-500)}@supports (color:color-mix(in lab, red, red)){.text-surface-500{color:color-mix(in srgb, var(--p-surface-500) calc(100% * 1), transparent)}}.text-surface-600{color:var(--p-surface-600)}@supports (color:color-mix(in lab, red, red)){.text-surface-600{color:color-mix(in srgb, var(--p-surface-600) calc(100% * 1), transparent)}}@media (min-width:64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.lg\:items-end{align-items:flex-end}}}@keyframes enter{0%{opacity:var(--p-enter-opacity,1);transform:translate3d(var(--p-enter-translate-x,0), var(--p-enter-translate-y,0), 0) scale3d(var(--p-enter-scale,1), var(--p-enter-scale,1), var(--p-enter-scale,1)) rotate(var(--p-enter-rotate,0))}}@keyframes leave{to{opacity:var(--p-leave-opacity,1);transform:translate3d(var(--p-leave-translate-x,0), var(--p-leave-translate-y,0), 0) scale3d(var(--p-leave-scale,1), var(--p-leave-scale,1), var(--p-leave-scale,1)) rotate(var(--p-leave-rotate,0))}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}