@plandesk/api 0.7.0 → 0.9.0

package/dist/services/sync.d.ts

@@ -1,4 +1,4 @@
-import { type Db, type ShareSubmission, type ShareSubmissionStatus, type TaskStatus } from '@plandesk/db';
+import { type Db, type ShareSubmission, type ShareSubmissionStatus } from '@plandesk/db';
 import type { EventBus } from '../events.js';
 import type { ShareService } from './share.js';
 import type { TaskService } from './tasks.js';
@@ -11,6 +11,9 @@ export declare class SyncUnauthorizedError extends Error {
 export declare class InvalidTriageError extends Error {
     constructor(message?: string);
 }
+export declare class InvalidTriageInputError extends Error {
+    constructor(message: string);
+}
 export type SyncRemote = {
     serverUrl: string;
     globalProjectId: string;
@@ -65,9 +68,8 @@ export declare function createSyncService(deps: SyncServiceDeps): {
     getRemote(projectId: string): SyncRemote | undefined;
     triage(submissionId: string, action: "accept" | "reject", remote: SyncRemote, asTask?: {
         label?: string;
-        status?: TaskStatus;
         description?: string;
-    }): Promise<SerializedSubmission>;
+    }, linkTaskId?: string): Promise<SerializedSubmission>;
     watchPush(projectId: string, remote: SyncRemote, opts?: WatchPushOptions): WatchPushController;
 };
 export type SyncService = ReturnType<typeof createSyncService>;

package/dist/services/sync.js

@@ -18,6 +18,12 @@ export class InvalidTriageError extends Error {
         this.name = 'InvalidTriageError';
     }
 }
+export class InvalidTriageInputError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = 'InvalidTriageInputError';
+    }
+}
 export function serializeSubmission(row) {
     return {
         id: row.id,
@@ -252,19 +258,56 @@ export function createSyncService(deps) {
                 syncToken: row.syncToken,
             };
         },
-        async triage(submissionId, action, remote, asTask) {
+        async triage(submissionId, action, remote, asTask, linkTaskId) {
+            if (asTask !== undefined && linkTaskId !== undefined) {
+                throw new InvalidTriageInputError('as_task and link_task_id are mutually exclusive');
+            }
             const submission = dbGetSubmission(db, submissionId);
             if (submission === undefined) {
                 throw new InvalidTriageError();
             }
             if (submission.status !== 'pending') {
+                // Idempotent retry recovery: a prior triage may have committed the terminal
+                // status locally but failed to ack the remote (sync server briefly down),
+                // leaving local/remote divergence with no recovery path. Re-ack when the
+                // retry's action matches the recorded outcome; ack is idempotent remotely.
+                if ((action === 'accept' && submission.status === 'accepted') ||
+                    (action === 'reject' && submission.status === 'rejected')) {
+                    await ackSubmission(remote, submissionId, submission.status);
+                }
                 return serializeSubmission(submission);
             }
             const projectId = submission.projectId;
+            if (action === 'accept' && linkTaskId !== undefined) {
+                const existingTask = taskService.get(linkTaskId);
+                if (existingTask === undefined || existingTask.project_id !== projectId) {
+                    throw new InvalidTriageInputError('link_task_id does not reference an existing task in this project');
+                }
+                const updated = setSubmissionStatus(db, submissionId, {
+                    status: 'accepted',
+                    linkedTaskId: linkTaskId,
+                });
+                if (updated === undefined) {
+                    throw new InvalidTriageError();
+                }
+                eventBus.emit({ type: 'submissions_pulled', projectId });
+                await ackSubmission(remote, submissionId, 'accepted');
+                return serializeSubmission(updated);
+            }
             if (action === 'accept') {
+                // Triage never releases work to `todo`: the scope->todo gate is the human's
+                // own board action. Every accepted submission lands in `scope`, regardless of
+                // caller — enforced here at the single service chokepoint so both the HTTP
+                // route and the MCP tool are covered.
+                //
+                // create + setSubmissionStatus run as two synchronous steps, but the submission
+                // was validated to exist immediately above with no intervening await, so under
+                // better-sqlite3's single-connection sync model the row cannot vanish and
+                // setSubmissionStatus cannot spuriously return undefined. taskService.create
+                // self-transacts, so an outer transaction here is neither possible nor needed.
                 const task = taskService.create(projectId, {
                     label: asTask?.label ?? submission.title,
-                    status: asTask?.status ?? 'todo',
+                    status: 'scope',
                     description: asTask?.description ?? buildDesc(submission),
                 });
                 if (task === undefined) {

package/dist/services/tags.d.ts

@@ -0,0 +1,27 @@
+import { type Db } from '@plandesk/db';
+import type { EventBus } from '../events.js';
+import { type SerializedTag } from '../serialize.js';
+export type TagServiceDeps = {
+    db: Db;
+    eventBus: EventBus;
+};
+export type CreateTagInput = {
+    name: string;
+    color?: string | null;
+};
+export type UpdateTagInput = {
+    name?: string;
+    color?: string | null;
+};
+export declare class InvalidTagError extends Error {
+    constructor(message: string);
+}
+export declare function normalizeTagName(name: string): string;
+export declare function createTagService(deps: TagServiceDeps): {
+    list(projectId: string): SerializedTag[] | undefined;
+    create(projectId: string, input: CreateTagInput): SerializedTag | undefined;
+    update(id: string, input: UpdateTagInput): SerializedTag | undefined;
+    delete(id: string): boolean;
+};
+export type TagService = ReturnType<typeof createTagService>;
+//# sourceMappingURL=tags.d.ts.map

package/dist/services/tags.js

@@ -0,0 +1,79 @@
+import { createTag as dbCreateTag, deleteTag as dbDeleteTag, getProject, getTag as dbGetTag, getTagByName, listTags as dbListTags, updateTag as dbUpdateTag, } from '@plandesk/db';
+import { serializeTag } from '../serialize.js';
+export class InvalidTagError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = 'InvalidTagError';
+    }
+}
+export function normalizeTagName(name) {
+    const trimmed = name.trim();
+    if (trimmed === '') {
+        throw new InvalidTagError('Tag name must not be empty');
+    }
+    return trimmed;
+}
+export function createTagService(deps) {
+    const { db, eventBus } = deps;
+    return {
+        list(projectId) {
+            const project = getProject(db, projectId);
+            if (!project) {
+                return undefined;
+            }
+            return dbListTags(db, projectId).map(serializeTag);
+        },
+        create(projectId, input) {
+            const project = getProject(db, projectId);
+            if (!project) {
+                return undefined;
+            }
+            const name = normalizeTagName(input.name);
+            if (getTagByName(db, projectId, name)) {
+                throw new InvalidTagError(`Tag already exists: ${name}`);
+            }
+            const tag = dbCreateTag(db, { projectId, name, color: input.color });
+            eventBus.emit({ type: 'tag_updated', projectId });
+            return serializeTag(tag);
+        },
+        // Renaming propagates everywhere automatically: tasks reference the single
+        // tag row through the join table.
+        update(id, input) {
+            const existing = dbGetTag(db, id);
+            if (!existing) {
+                return undefined;
+            }
+            let name;
+            if (input.name !== undefined) {
+                name = normalizeTagName(input.name);
+                const conflict = getTagByName(db, existing.projectId, name);
+                if (conflict && conflict.id !== id) {
+                    throw new InvalidTagError(`Tag already exists: ${name}`);
+                }
+            }
+            const tag = dbUpdateTag(db, id, {
+                ...(name !== undefined ? { name } : {}),
+                ...(input.color !== undefined ? { color: input.color } : {}),
+            });
+            if (!tag) {
+                return undefined;
+            }
+            eventBus.emit({ type: 'tag_updated', projectId: tag.projectId });
+            return serializeTag(tag);
+        },
+        // Deleting a tag removes it from all its tasks (cascade on the join table).
+        delete(id) {
+            const existing = dbGetTag(db, id);
+            if (!existing) {
+                return false;
+            }
+            const deleted = dbDeleteTag(db, id);
+            if (!deleted) {
+                return false;
+            }
+            eventBus.emit({ type: 'tag_updated', projectId: existing.projectId });
+            return true;
+        },
+    };
+}
+//# sourceMappingURL=tags.js.map

package/dist/services/tasks.d.ts

@@ -2,7 +2,10 @@ import { type Db, type TaskStatus } from '@plandesk/db';
 import type { EventBus } from '../events.js';
 import { serializeTask, type PaginationParams } from '../serialize.js';
 type SerializedTask = ReturnType<typeof serializeTask>;
-export type NextActionableReason = 'ok' | 'no_tasks' | 'no_todo_tasks' | 'all_blocked';
+export declare class InvalidGoalReferenceError extends Error {
+    constructor(goalId: string);
+}
+export type NextActionableReason = 'ok' | 'no_tasks' | 'no_todo_tasks' | 'all_blocked' | 'no_active_goal' | 'multiple_active_goals';
 export type NextActionableResult = {
     next_task: SerializedTask | null;
     reason: NextActionableReason;
@@ -23,6 +26,8 @@ export type CreateTaskInput = {
     y?: number;
     assignee?: string | null;
     dueDate?: Date | null;
+    goalId?: string;
+    tags?: string[];
 };
 export type UpdateTaskInput = {
     label?: string;
@@ -30,14 +35,18 @@ export type UpdateTaskInput = {
     description?: string | null;
     x?: number;
     y?: number;
+    tags?: string[];
 };
 export type ListTasksFilter = {
     status?: string;
+    tags?: string[];
 };
 export declare function createTaskService(deps: TaskServiceDeps): {
     get(id: string): {
+        tags?: import("../serialize.js").SerializedTag[] | undefined;
         id: string;
         project_id: string;
+        goal_id: string;
         label: string;
         status: "scope" | "todo" | "in_progress" | "done" | "backlog";
         description: string | null;
@@ -49,8 +58,10 @@ export declare function createTaskService(deps: TaskServiceDeps): {
         updated_at: string;
     } | undefined;
     listByProject(projectId: string, filter?: ListTasksFilter, pagination?: PaginationParams): {
+        tags?: import("../serialize.js").SerializedTag[] | undefined;
         id: string;
         project_id: string;
+        goal_id: string;
         label: string;
         status: "scope" | "todo" | "in_progress" | "done" | "backlog";
         description: string | null;
@@ -62,8 +73,10 @@ export declare function createTaskService(deps: TaskServiceDeps): {
         updated_at: string;
     }[] | undefined;
     create(projectId: string, input: CreateTaskInput): {
+        tags?: import("../serialize.js").SerializedTag[] | undefined;
         id: string;
         project_id: string;
+        goal_id: string;
         label: string;
         status: "scope" | "todo" | "in_progress" | "done" | "backlog";
         description: string | null;
@@ -75,8 +88,10 @@ export declare function createTaskService(deps: TaskServiceDeps): {
         updated_at: string;
     } | undefined;
     update(id: string, input: UpdateTaskInput): {
+        tags?: import("../serialize.js").SerializedTag[] | undefined;
         id: string;
         project_id: string;
+        goal_id: string;
         label: string;
         status: "scope" | "todo" | "in_progress" | "done" | "backlog";
         description: string | null;
@@ -88,7 +103,10 @@ export declare function createTaskService(deps: TaskServiceDeps): {
         updated_at: string;
     } | undefined;
     delete(id: string): boolean;
-    nextActionable(projectId: string): NextActionableResult | undefined;
+    nextActionable(projectId: string, filter?: {
+        goalId?: string;
+        tags?: string[];
+    }): NextActionableResult | undefined;
 };
 export type TaskService = ReturnType<typeof createTaskService>;
 export {};

package/dist/services/tasks.js

@@ -1,5 +1,12 @@
-import { createTask, deleteEdgesByTaskId, deleteTask as dbDeleteTask, getProject, getTask, InvalidTaskStatusError, isTaskStatus, listEdges, listTasks, nullDocumentsLinkedTask, updateTask, } from '@plandesk/db';
+import { createTag, createTask, deleteEdgesByTaskId, deleteTask as dbDeleteTask, deleteTaskTagsByTaskId, getOrCreateDefaultGoal, getProject, listGoals, getTagByName, getTask, InvalidTaskStatusError, isTaskStatus, listEdges, listTagsByTaskForProject, listTagsForTask, listTasks, nullDocumentsLinkedTask, setTaskTags, taskIdsWithAnyTagName, updateTask, } from '@plandesk/db';
 import { serializeTask } from '../serialize.js';
+import { normalizeTagName } from './tags.js';
+export class InvalidGoalReferenceError extends Error {
+    constructor(goalId) {
+        super(`Goal ${goalId} does not exist in this project`);
+        this.name = 'InvalidGoalReferenceError';
+    }
+}
 // depends_on: prerequisite = to, dependent = from. All other labels: prerequisite = from, dependent = to.
 function prerequisiteAndDependent(edge) {
     if (edge.fromTaskId === edge.toTaskId) {
@@ -10,6 +17,21 @@ function prerequisiteAndDependent(edge) {
     }
     return { prerequisite: edge.fromTaskId, dependent: edge.toTaskId };
 }
+// Resolves tag names to ids, auto-creating tags that do not exist yet.
+function resolveTagIdsByName(db, projectId, names) {
+    const seen = new Set();
+    const ids = [];
+    for (const raw of names) {
+        const name = normalizeTagName(raw);
+        if (seen.has(name)) {
+            continue;
+        }
+        seen.add(name);
+        const tag = getTagByName(db, projectId, name) ?? createTag(db, { projectId, name });
+        ids.push(tag.id);
+    }
+    return ids;
+}
 export function createTaskService(deps) {
     const { db, eventBus } = deps;
     return {
@@ -18,7 +40,7 @@ export function createTaskService(deps) {
             if (!task) {
                 return undefined;
             }
-            return serializeTask(task);
+            return serializeTask(task, listTagsForTask(db, id));
         },
         listByProject(projectId, filter = {}, pagination = {}) {
             if (filter.status !== undefined && !isTaskStatus(filter.status)) {
@@ -29,10 +51,13 @@ export function createTaskService(deps) {
                 return undefined;
             }
             const statusFilter = filter.status;
-            const tasks = statusFilter !== undefined
-                ? listTasks(db, projectId, { status: statusFilter, ...pagination })
-                : listTasks(db, projectId, pagination);
-            return tasks.map(serializeTask);
+            const tasks = listTasks(db, projectId, {
+                ...(statusFilter !== undefined ? { status: statusFilter } : {}),
+                ...(filter.tags !== undefined ? { tagNames: filter.tags.map(normalizeTagName) } : {}),
+                ...pagination,
+            });
+            const tagsByTask = listTagsByTaskForProject(db, projectId);
+            return tasks.map((task) => serializeTask(task, tagsByTask.get(task.id) ?? []));
         },
         create(projectId, input) {
             if (input.status !== undefined && !isTaskStatus(input.status)) {
@@ -42,22 +67,34 @@ export function createTaskService(deps) {
             if (!project) {
                 return undefined;
             }
-            const task = createTask(db, {
-                projectId,
-                label: input.label,
-                status: input.status,
-                description: input.description,
-                x: input.x,
-                y: input.y,
-                assignee: input.assignee,
-                dueDate: input.dueDate,
+            if (input.goalId !== undefined &&
+                !listGoals(db, projectId).some((g) => g.id === input.goalId)) {
+                throw new InvalidGoalReferenceError(input.goalId);
+            }
+            const { task, tags } = db.transaction((tx) => {
+                const goalId = input.goalId ?? getOrCreateDefaultGoal(tx, projectId).id;
+                const row = createTask(tx, {
+                    projectId,
+                    goalId,
+                    label: input.label,
+                    status: input.status,
+                    description: input.description,
+                    x: input.x,
+                    y: input.y,
+                    assignee: input.assignee,
+                    dueDate: input.dueDate,
+                });
+                if (input.tags !== undefined) {
+                    setTaskTags(tx, row.id, resolveTagIdsByName(tx, projectId, input.tags));
+                }
+                return { task: row, tags: listTagsForTask(tx, row.id) };
             });
             eventBus.emit({
                 type: 'task_updated',
                 taskId: task.id,
                 projectId,
             });
-            return serializeTask(task);
+            return serializeTask(task, tags);
         },
         update(id, input) {
             if (input.status !== undefined && !isTaskStatus(input.status)) {
@@ -67,16 +104,26 @@ export function createTaskService(deps) {
             if (!existing) {
                 return undefined;
             }
-            const task = updateTask(db, id, input);
-            if (!task) {
+            const { tags: tagNames, ...columns } = input;
+            const result = db.transaction((tx) => {
+                const row = updateTask(tx, id, columns);
+                if (!row) {
+                    return undefined;
+                }
+                if (tagNames !== undefined) {
+                    setTaskTags(tx, id, resolveTagIdsByName(tx, existing.projectId, tagNames));
+                }
+                return { task: row, tags: listTagsForTask(tx, id) };
+            });
+            if (!result) {
                 return undefined;
             }
             eventBus.emit({
                 type: 'task_updated',
-                taskId: task.id,
-                projectId: task.projectId,
+                taskId: result.task.id,
+                projectId: result.task.projectId,
             });
-            return serializeTask(task);
+            return serializeTask(result.task, result.tags);
         },
         delete(id) {
             const task = getTask(db, id);
@@ -87,19 +134,42 @@ export function createTaskService(deps) {
             db.transaction((tx) => {
                 deleteEdgesByTaskId(tx, id);
                 nullDocumentsLinkedTask(tx, id);
+                deleteTaskTagsByTaskId(tx, id);
                 dbDeleteTask(tx, id);
             });
             eventBus.emit({ type: 'canvas_updated', projectId });
             return true;
         },
-        nextActionable(projectId) {
+        // filter.goalId scopes candidates to one goal; when omitted, the project's sole
+        // active goal is resolved. filter.tags (OR semantics) composes with goal scope;
+        // prerequisite completion is still evaluated against all tasks in the project.
+        nextActionable(projectId, filter = {}) {
             const project = getProject(db, projectId);
             if (!project) {
                 return undefined;
             }
+            let goalId = filter.goalId;
+            if (goalId === undefined) {
+                const active = listGoals(db, projectId).filter((goal) => goal.status === 'active');
+                if (active.length === 0) {
+                    return { next_task: null, reason: 'no_active_goal', blocked: [] };
+                }
+                if (active.length > 1) {
+                    return { next_task: null, reason: 'multiple_active_goals', blocked: [] };
+                }
+                goalId = active[0]?.id;
+            }
+            else if (!listGoals(db, projectId).some((goal) => goal.id === goalId)) {
+                return undefined;
+            }
             const tasks = listTasks(db, projectId).sort((a, b) => a.createdAt.getTime() - b.createdAt.getTime());
             const edges = listEdges(db, projectId);
             const taskById = new Map(tasks.map((task) => [task.id, task]));
+            const tagsByTask = listTagsByTaskForProject(db, projectId);
+            const tagMatches = filter.tags !== undefined && filter.tags.length > 0
+                ? taskIdsWithAnyTagName(db, projectId, filter.tags.map(normalizeTagName))
+                : undefined;
+            const serialize = (task) => serializeTask(task, tagsByTask.get(task.id) ?? []);
             const prerequisites = new Map();
             for (const edge of edges) {
                 const pair = prerequisiteAndDependent(edge);
@@ -116,7 +186,9 @@ export function createTaskService(deps) {
             if (tasks.length === 0) {
                 return { next_task: null, reason: 'no_tasks', blocked: [] };
             }
-            const todoTasks = tasks.filter((task) => task.status === 'todo');
+            const todoTasks = tasks.filter((task) => task.goalId === goalId &&
+                task.status === 'todo' &&
+                (tagMatches === undefined || tagMatches.has(task.id)));
             if (todoTasks.length === 0) {
                 return { next_task: null, reason: 'no_todo_tasks', blocked: [] };
             }
@@ -141,19 +213,19 @@ export function createTaskService(deps) {
                 return [...prereqs]
                     .map((id) => taskById.get(id))
                     .filter((task) => task !== undefined && task.status !== 'done')
-                    .map(serializeTask);
+                    .map(serialize);
             };
             const blocked = [];
             let nextTask = null;
             for (const task of todoTasks) {
                 if (isActionable(task.id)) {
                     if (nextTask === null) {
-                        nextTask = serializeTask(task);
+                        nextTask = serialize(task);
                     }
                 }
                 else {
                     blocked.push({
-                        task: serializeTask(task),
+                        task: serialize(task),
                         waiting_on: unfinishedPrereqs(task.id),
                     });
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plandesk/api",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "type": "module",
   "exports": {
     ".": {
@@ -18,8 +18,8 @@
   "devDependencies": {
     "typescript": "^6.0.3",
     "vitest": "^3.2.6",
-    "@plandesk/db": "0.5.0",
-    "@plandesk/sync-server": "0.4.2"
+    "@plandesk/db": "0.7.0",
+    "@plandesk/sync-server": "0.5.0"
   },
   "dependencies": {
     "@hono/node-server": "^2.0.4",

package/web/assets/index-DcD7-VGi.css

@@ -0,0 +1 @@
+.document-editor-content img,.document-reader-content img,.portal-document-content img{max-width:100%;height:auto}.document-editor-content table,.document-reader-content table,.portal-document-content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.75rem 0}.document-editor-content th,.document-editor-content td,.document-reader-content th,.document-reader-content td,.portal-document-content th,.portal-document-content td{text-align:left;vertical-align:top;border:1px solid #d1d5db;padding:.375rem .625rem}.document-editor-content th,.document-reader-content th,.portal-document-content th{background:#f3f4f6;font-weight:600}.document-editor-content ul[data-type=taskList],.document-reader-content ul[data-type=taskList],.portal-document-content ul[data-type=taskList]{padding-left:0;list-style:none}.document-editor-content ul[data-type=taskList] li,.document-reader-content ul[data-type=taskList] li,.portal-document-content ul[data-type=taskList] li{align-items:flex-start;gap:.5rem;display:flex}.document-editor-content ul[data-type=taskList] li>label,.document-reader-content ul[data-type=taskList] li>label,.portal-document-content ul[data-type=taskList] li>label{margin-top:.15rem}.document-reader-content li[data-type=taskItem],.portal-document-content li[data-type=taskItem]{list-style:none}.document-reader-content li[data-type=taskItem]:before,.portal-document-content li[data-type=taskItem]:before{content:"☐";margin-right:.4rem}.document-reader-content li[data-type=taskItem][data-checked=true]:before,.portal-document-content li[data-type=taskItem][data-checked=true]:before{content:"☑"}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}