@agent-canvas/cli 0.1.2 → 0.2.1

package/dist/commands/start.d.ts

@@ -1,3 +1 @@
-export declare function startBrowser(filePath?: string): Promise<void>;
-export declare function startApp(filePath?: string): Promise<void>;
 export declare function start(filePath?: string): Promise<void>;

package/dist/commands/start.js

@@ -1,76 +1,10 @@
-import { spawn, exec } from 'child_process';
-import { resolve, dirname } from 'path';
-import { fileURLToPath } from 'url';
+import { exec } from 'child_process';
+import { resolve } from 'path';
 import { readFileSync, existsSync } from 'fs';
 import { promisify } from 'util';
-import { connectToCanvas, isCanvasRunning, generateId } from '../lib/ws-client.js';
-import { startServer, isBrowserServerRunning } from '../server/index.js';
+import { connectToCanvas, generateId } from '../lib/ws-client.js';
+import { startServer, isBrowserServerRunning, isBrowserConnected } from '../server/index.js';
 const execAsync = promisify(exec);
-const __dirname = dirname(fileURLToPath(import.meta.url));
-function getDevElectronAppPath() {
-    // Check if running in monorepo dev mode
-    const devPath = resolve(__dirname, '../../../electron-app');
-    if (existsSync(resolve(devPath, 'package.json'))) {
-        return devPath;
-    }
-    return null;
-}
-async function findElectronAppCommand() {
-    // Check if agent-canvas-app command is available
-    try {
-        const cmd = process.platform === 'win32' ? 'where' : 'which';
-        await execAsync(`${cmd} agent-canvas-app`);
-        return 'agent-canvas-app';
-    }
-    catch {
-        return null;
-    }
-}
-async function launchElectronApp() {
-    // First, try to find installed electron-app command
-    const appCommand = await findElectronAppCommand();
-    if (appCommand) {
-        // Use installed electron-app
-        const child = spawn(appCommand, [], {
-            detached: true,
-            stdio: 'ignore',
-        });
-        child.unref();
-    }
-    else {
-        // Check if running in dev mode (monorepo)
-        const devPath = getDevElectronAppPath();
-        if (devPath) {
-            const child = spawn('bun', ['run', 'dev'], {
-                cwd: devPath,
-                detached: true,
-                stdio: 'ignore',
-            });
-            child.unref();
-        }
-        else {
-            // electron-app not found
-            console.error('Electron app not found.');
-            console.error('');
-            console.error('To use --app mode, install the electron app:');
-            console.error('  npm install -g @agent-canvas/electron-app');
-            console.error('');
-            console.error('Or use browser mode (default):');
-            console.error('  agent-canvas start');
-            process.exit(1);
-        }
-    }
-    // Wait for app to start
-    const maxRetries = 30;
-    const retryInterval = 500;
-    for (let i = 0; i < maxRetries; i++) {
-        await new Promise((r) => setTimeout(r, retryInterval));
-        if (await isCanvasRunning()) {
-            return;
-        }
-    }
-    throw new Error('Failed to start electron app');
-}
 async function openBrowser(url) {
     const platform = process.platform;
     try {
@@ -118,8 +52,7 @@ async function loadFile(filePath) {
         process.exit(1);
     }
 }
-// Browser mode (default)
-export async function startBrowser(filePath) {
+export async function start(filePath) {
     if (filePath) {
         const absolutePath = resolve(filePath);
         if (!existsSync(absolutePath)) {
@@ -128,16 +61,19 @@ export async function startBrowser(filePath) {
         }
     }
     const running = await isBrowserServerRunning();
-    if (running) {
-        console.log('Canvas server already running');
-        console.log('Opening browser...');
-        await openBrowser('http://localhost:7891');
+    if (!running) {
+        console.log('Starting canvas server...');
+        await startServer();
+    }
+    // Give existing browser tabs a moment to reconnect (browser reconnects every 1s)
+    await new Promise((r) => setTimeout(r, 1500));
+    const browserConnected = await isBrowserConnected();
+    if (browserConnected) {
+        console.log('Canvas already running at http://localhost:7891');
     }
     else {
-        console.log('Starting canvas server...');
-        const { httpUrl } = await startServer();
         console.log('Opening browser...');
-        await openBrowser(httpUrl);
+        await openBrowser('http://localhost:7891');
     }
     // Wait for browser to connect, then load file if specified
     if (filePath) {
@@ -162,36 +98,3 @@ export async function startBrowser(filePath) {
     console.log('\nCanvas is ready. Press Ctrl+C to stop.');
     await new Promise(() => { }); // Block forever
 }
-// Electron app mode (--app)
-export async function startApp(filePath) {
-    if (filePath) {
-        const absolutePath = resolve(filePath);
-        if (!existsSync(absolutePath)) {
-            console.error(`File not found: ${absolutePath}`);
-            process.exit(1);
-        }
-    }
-    console.log('Checking if canvas app is running...');
-    const running = await isCanvasRunning();
-    if (!running) {
-        console.log('Starting canvas app...');
-        await launchElectronApp();
-    }
-    console.log('Connecting to canvas app...');
-    try {
-        const client = await connectToCanvas();
-        console.log('Connected to canvas app');
-        if (filePath) {
-            await loadFile(filePath);
-        }
-        client.close();
-    }
-    catch (err) {
-        console.error('Failed to connect:', err instanceof Error ? err.message : err);
-        process.exit(1);
-    }
-}
-// Legacy export for backward compatibility
-export async function start(filePath) {
-    return startBrowser(filePath);
-}

package/dist/index.js

@@ -1,25 +1,19 @@
 import { Command } from 'commander';
 import { writeFileSync } from 'node:fs';
 import { encode as toToon } from '@toon-format/toon';
-import { startBrowser, startApp } from './commands/start.js';
+import { start } from './commands/start.js';
 import { connectToCanvas, generateId } from './lib/ws-client.js';
 const program = new Command();
 program
     .name('agent-canvas')
     .description('CLI for Agent Canvas - Excalidraw interface for AI agents')
-    .version('0.1.0');
+    .version('0.2.1');
 program
     .command('start')
-    .description('Start the canvas (browser mode by default, use --app for Electron)')
+    .description('Start the canvas server and open in browser')
     .option('-f, --file <path>', 'Load an .excalidraw file on start')
-    .option('--app', 'Use Electron app instead of browser')
     .action(async (options) => {
-    if (options.app) {
-        await startApp(options.file);
-    }
-    else {
-        await startBrowser(options.file);
-    }
+    await start(options.file);
 });
 // ============================================================================
 // Add Shape
@@ -39,6 +33,7 @@ program
     .option('--fill-style <style>', 'Fill style: hachure, cross-hatch, solid, or zigzag')
     .option('-l, --label <text>', 'Text label inside the shape')
     .option('--label-font-size <number>', 'Label font size', parseFloat)
+    .option('-n, --note <text>', 'Note for this element (stored in customData)')
     .action(async (options) => {
     const client = await connectToCanvas();
     const params = {
@@ -52,6 +47,7 @@ program
         strokeWidth: options.strokeWidth,
         strokeStyle: options.strokeStyle,
         fillStyle: options.fillStyle,
+        customData: options.note ? { note: options.note } : undefined,
     };
     if (options.label) {
         params.label = { text: options.label, fontSize: options.labelFontSize };
@@ -78,6 +74,7 @@ program
     .option('--font-size <number>', 'Font size', parseFloat)
     .option('--text-align <align>', 'Text alignment: left, center, or right')
     .option('--stroke-color <color>', 'Text color (hex)')
+    .option('-n, --note <text>', 'Note for this element (stored in customData)')
     .action(async (options) => {
     const client = await connectToCanvas();
     const result = await client.send({
@@ -90,6 +87,7 @@ program
             fontSize: options.fontSize,
             textAlign: options.textAlign,
             strokeColor: options.strokeColor,
+            customData: options.note ? { note: options.note } : undefined,
         },
     });
     if (result.success) {
@@ -114,6 +112,7 @@ program
     .option('--stroke-color <color>', 'Line color (hex)')
     .option('--stroke-width <number>', 'Line width in pixels', parseFloat)
     .option('--stroke-style <style>', 'Line style: solid, dashed, or dotted')
+    .option('-n, --note <text>', 'Note for this element (stored in customData)')
     .action(async (options) => {
     const client = await connectToCanvas();
     const result = await client.send({
@@ -127,6 +126,7 @@ program
             strokeColor: options.strokeColor,
             strokeWidth: options.strokeWidth,
             strokeStyle: options.strokeStyle,
+            customData: options.note ? { note: options.note } : undefined,
         },
     });
     if (result.success) {
@@ -153,6 +153,7 @@ program
     .option('--stroke-style <style>', 'Arrow style: solid, dashed, or dotted')
     .option('--start-arrowhead <type>', 'Start arrowhead: arrow, bar, dot, triangle, diamond, none')
     .option('--end-arrowhead <type>', 'End arrowhead: arrow, bar, dot, triangle, diamond, none')
+    .option('-n, --note <text>', 'Note for this element (stored in customData)')
     .action(async (options) => {
     const client = await connectToCanvas();
     const result = await client.send({
@@ -168,6 +169,7 @@ program
             strokeStyle: options.strokeStyle,
             startArrowhead: options.startArrowhead,
             endArrowhead: options.endArrowhead,
+            customData: options.note ? { note: options.note } : undefined,
         },
     });
     if (result.success) {
@@ -191,6 +193,7 @@ program
     .option('--stroke-width <number>', 'Stroke width in pixels', parseFloat)
     .option('--stroke-style <style>', 'Stroke style: solid, dashed, or dotted')
     .option('--fill-style <style>', 'Fill style: hachure, cross-hatch, solid, or zigzag')
+    .option('-n, --note <text>', 'Note for this element (stored in customData)')
     .action(async (options) => {
     let points;
     try {
@@ -211,6 +214,7 @@ program
             strokeWidth: options.strokeWidth,
             strokeStyle: options.strokeStyle,
             fillStyle: options.fillStyle,
+            customData: options.note ? { note: options.note } : undefined,
         },
     });
     if (result.success) {
@@ -350,31 +354,162 @@ program
 program
     .command('read')
     .description('Read all elements from the canvas (TOON format by default)')
-    .option('--json', 'Output as JSON')
+    .option('--json', 'Output raw Excalidraw scene JSON')
+    .option('--with-style', 'Include style info (stroke, bg) in TOON output')
     .action(async (options) => {
     const client = await connectToCanvas();
+    if (options.json) {
+        // Return raw Excalidraw scene data
+        const result = await client.send({
+            type: 'saveScene',
+            id: generateId(),
+        });
+        if (result.success && result.data) {
+            console.log(JSON.stringify(result.data, null, 2));
+        }
+        else {
+            console.error(`Failed: ${result.error}`);
+            process.exit(1);
+        }
+        client.close();
+        return;
+    }
     const result = await client.send({
         type: 'readScene',
         id: generateId(),
     });
     if (result.success && result.elements) {
-        if (options.json) {
-            console.log(JSON.stringify(result.elements, null, 2));
-        }
-        else {
-            // Simplify elements for TOON output
-            const elements = result.elements.map(el => ({
-                id: el.id,
-                type: el.type,
-                x: Math.round(el.x),
-                y: Math.round(el.y),
-                ...(el.width !== undefined && { w: Math.round(el.width) }),
-                ...(el.height !== undefined && { h: Math.round(el.height) }),
-                ...(el.text && { text: el.text }),
-                ...(el.groupIds?.length && { groups: el.groupIds }),
-            }));
-            console.log(toToon({ elements }));
+        const withStyle = options.withStyle;
+        // Separate elements into shapes, lines, labels (bound text), texts (standalone text), and groups
+        const shapes = [];
+        const lines = [];
+        const labels = [];
+        const texts = [];
+        const groupsMap = new Map(); // groupId -> elementIds
+        for (const el of result.elements) {
+            const angle = el.angle ? Math.round(el.angle * 180 / Math.PI) : 0; // Convert radians to degrees
+            // Collect group memberships
+            if (el.groupIds?.length) {
+                for (const groupId of el.groupIds) {
+                    if (!groupsMap.has(groupId)) {
+                        groupsMap.set(groupId, []);
+                    }
+                    groupsMap.get(groupId).push(el.id);
+                }
+            }
+            if (el.type === 'text') {
+                if (el.containerId) {
+                    // Bound text (label)
+                    labels.push({
+                        id: el.id,
+                        containerId: el.containerId,
+                        content: el.text ?? '',
+                        x: Math.round(el.x),
+                        y: Math.round(el.y),
+                        w: el.width !== undefined ? Math.round(el.width) : null,
+                        h: el.height !== undefined ? Math.round(el.height) : null,
+                    });
+                }
+                else {
+                    // Standalone text
+                    const text = {
+                        id: el.id,
+                        content: el.text ?? '',
+                        x: Math.round(el.x),
+                        y: Math.round(el.y),
+                        w: el.width !== undefined ? Math.round(el.width) : null,
+                        h: el.height !== undefined ? Math.round(el.height) : null,
+                        angle,
+                        note: el.customData?.note ?? null,
+                    };
+                    if (withStyle) {
+                        text.stroke = el.strokeColor ?? null;
+                    }
+                    texts.push(text);
+                }
+            }
+            else if (el.type === 'line' || el.type === 'arrow') {
+                const pts = el.points ?? [];
+                // Check if it's a closed polygon (first and last point within 8px threshold)
+                const isPolygon = el.type === 'line' && pts.length >= 3 && (() => {
+                    const first = pts[0];
+                    const last = pts[pts.length - 1];
+                    const distance = Math.sqrt((last[0] - first[0]) ** 2 + (last[1] - first[1]) ** 2);
+                    return distance <= 8;
+                })();
+                if (isPolygon) {
+                    // Polygon - treat as shape
+                    // Calculate bounding box from points
+                    const xs = pts.map(p => p[0]);
+                    const ys = pts.map(p => p[1]);
+                    const minX = Math.min(...xs);
+                    const maxX = Math.max(...xs);
+                    const minY = Math.min(...ys);
+                    const maxY = Math.max(...ys);
+                    const shape = {
+                        id: el.id,
+                        type: 'polygon',
+                        x: Math.round(el.x + minX),
+                        y: Math.round(el.y + minY),
+                        w: Math.round(maxX - minX),
+                        h: Math.round(maxY - minY),
+                        angle,
+                        labelId: null,
+                        note: el.customData?.note ?? null,
+                    };
+                    if (withStyle) {
+                        shape.stroke = el.strokeColor ?? null;
+                        shape.bg = el.backgroundColor ?? null;
+                    }
+                    shapes.push(shape);
+                }
+                else {
+                    // Line/Arrow element
+                    const lastPt = pts.length > 0 ? pts[pts.length - 1] : [0, 0];
+                    const line = {
+                        id: el.id,
+                        type: el.type,
+                        x: Math.round(el.x),
+                        y: Math.round(el.y),
+                        endX: Math.round(el.x + lastPt[0]),
+                        endY: Math.round(el.y + lastPt[1]),
+                        points: pts.length,
+                        angle,
+                        note: el.customData?.note ?? null,
+                    };
+                    if (withStyle) {
+                        line.stroke = el.strokeColor ?? null;
+                    }
+                    lines.push(line);
+                }
+            }
+            else {
+                // Shape element (rectangle, ellipse, diamond, etc.)
+                const boundText = el.boundElements?.find(b => b.type === 'text');
+                const shape = {
+                    id: el.id,
+                    type: el.type,
+                    x: Math.round(el.x),
+                    y: Math.round(el.y),
+                    w: el.width !== undefined ? Math.round(el.width) : null,
+                    h: el.height !== undefined ? Math.round(el.height) : null,
+                    angle,
+                    labelId: boundText?.id ?? null,
+                    note: el.customData?.note ?? null,
+                };
+                if (withStyle) {
+                    shape.stroke = el.strokeColor ?? null;
+                    shape.bg = el.backgroundColor ?? null;
+                }
+                shapes.push(shape);
+            }
         }
+        // Build groups array
+        const groups = Array.from(groupsMap.entries()).map(([id, elementIds]) => ({
+            id,
+            elementIds: elementIds.join(','),
+        }));
+        console.log(toToon({ shapes, lines, labels, texts, groups }));
     }
     else {
         console.error(`Failed: ${result.error}`);

package/dist/lib/protocol.d.ts

@@ -17,6 +17,7 @@ export interface AddShapeParams {
         verticalAlign?: 'top' | 'middle' | 'bottom';
         strokeColor?: string;
     };
+    customData?: Record<string, unknown>;
 }
 export interface AddShapeResponse {
     type: 'addShapeResult';
@@ -32,6 +33,7 @@ export interface AddTextParams {
     fontSize?: number;
     textAlign?: 'left' | 'center' | 'right';
     strokeColor?: string;
+    customData?: Record<string, unknown>;
 }
 export interface AddTextResponse {
     type: 'addTextResult';
@@ -48,6 +50,7 @@ export interface AddLineParams {
     strokeColor?: string;
     strokeWidth?: number;
     strokeStyle?: 'solid' | 'dashed' | 'dotted';
+    customData?: Record<string, unknown>;
 }
 export interface AddLineResponse {
     type: 'addLineResult';
@@ -66,6 +69,7 @@ export interface AddArrowParams {
     strokeStyle?: 'solid' | 'dashed' | 'dotted';
     startArrowhead?: 'arrow' | 'bar' | 'dot' | 'triangle' | 'diamond' | 'none';
     endArrowhead?: 'arrow' | 'bar' | 'dot' | 'triangle' | 'diamond' | 'none';
+    customData?: Record<string, unknown>;
 }
 export interface AddArrowResponse {
     type: 'addArrowResult';
@@ -84,6 +88,7 @@ export interface AddPolygonParams {
     strokeWidth?: number;
     strokeStyle?: 'solid' | 'dashed' | 'dotted';
     fillStyle?: 'hachure' | 'cross-hatch' | 'solid' | 'zigzag';
+    customData?: Record<string, unknown>;
 }
 export interface AddPolygonResponse {
     type: 'addPolygonResult';
@@ -144,6 +149,10 @@ export interface MoveElementsResponse {
     movedCount?: number;
     error?: string;
 }
+export interface BoundElement {
+    id: string;
+    type: 'arrow' | 'text';
+}
 export interface SceneElement {
     id: string;
     type: string;
@@ -157,9 +166,12 @@ export interface SceneElement {
     groupIds?: string[];
     text?: string;
     fontSize?: number;
+    containerId?: string | null;
+    boundElements?: BoundElement[] | null;
     points?: number[][];
     startArrowhead?: string | null;
     endArrowhead?: string | null;
+    customData?: Record<string, unknown>;
 }
 export interface ReadSceneResponse {
     type: 'readSceneResult';

package/dist/lib/ws-client.d.ts

@@ -9,5 +9,4 @@ export interface WsClient {
     }) => Promise<T>;
 }
 export declare function connectToCanvas(timeout?: number): Promise<WsClient>;
-export declare function isCanvasRunning(): Promise<boolean>;
 export declare function generateId(): string;

package/dist/lib/ws-client.js

@@ -65,24 +65,6 @@ export function connectToCanvas(timeout = 5000) {
         });
     });
 }
-export function isCanvasRunning() {
-    return new Promise((resolve) => {
-        const ws = new WebSocket(WS_URL);
-        const timer = setTimeout(() => {
-            ws.close();
-            resolve(false);
-        }, 1000);
-        ws.on('open', () => {
-            clearTimeout(timer);
-            ws.close();
-            resolve(true);
-        });
-        ws.on('error', () => {
-            clearTimeout(timer);
-            resolve(false);
-        });
-    });
-}
 export function generateId() {
     return Math.random().toString(36).substring(2, 15);
 }

package/dist/server/index.d.ts

@@ -4,3 +4,4 @@ export declare function startServer(): Promise<{
     close: () => void;
 }>;
 export declare function isBrowserServerRunning(): Promise<boolean>;
+export declare function isBrowserConnected(): Promise<boolean>;

package/dist/server/index.js

@@ -92,6 +92,14 @@ export function startServer() {
                         ws.send(JSON.stringify({ type: 'pong' }));
                         return;
                     }
+                    // Check if browser is connected
+                    if (message.type === 'isBrowserConnected') {
+                        ws.send(JSON.stringify({
+                            type: 'browserStatus',
+                            connected: browserClient !== null && browserClient.readyState === WebSocket.OPEN,
+                        }));
+                        return;
+                    }
                     // If this is from browser (response), forward to CLI client
                     if (message.id && pendingRequests.has(message.id)) {
                         const cliClient = pendingRequests.get(message.id);
@@ -160,3 +168,32 @@ export function isBrowserServerRunning() {
         });
     });
 }
+export function isBrowserConnected() {
+    return new Promise((resolve) => {
+        const ws = new WebSocket(`ws://localhost:${WS_PORT}`);
+        const timer = setTimeout(() => {
+            ws.close();
+            resolve(false);
+        }, 1000);
+        ws.on('open', () => {
+            ws.send(JSON.stringify({ type: 'isBrowserConnected' }));
+        });
+        ws.on('message', (data) => {
+            try {
+                const msg = JSON.parse(data.toString());
+                if (msg.type === 'browserStatus') {
+                    clearTimeout(timer);
+                    ws.close();
+                    resolve(msg.connected);
+                }
+            }
+            catch {
+                // ignore
+            }
+        });
+        ws.on('error', () => {
+            clearTimeout(timer);
+            resolve(false);
+        });
+    });
+}

package/dist/static/assets/{ar-SA-G6X2FPQ2-DyNcQEG6.js → ar-SA-G6X2FPQ2-DH2n1f9Q.js}

@@ -1,4 +1,4 @@
-import"./index-D9K5p6xj.js";var u={paste:"لصق",pasteAsPlaintext:"اللصق كنص عادي",pasteCharts:"لصق الرسوم البيانية",selectAll:"تحديد الكل",multiSelect:"إضافة عنصر للتحديد",moveCanvas:"نقل لوح الرسم",cut:"قص",copy:"نسخ",copyAsPng:"نسخ إلى الحافظة بصيغة PNG",copyAsSvg:"نسخ إلى الحافظة بصيغة SVG",copyText:"نسخ إلى الحافظة كنص",copySource:"",convertToCode:"",bringForward:"جلب للأمام",sendToBack:"أرسل للخلف",bringToFront:"أحضر للأمام",sendBackward:"أرسل للخلف",delete:"حذف",copyStyles:"نسخ الأنماط",pasteStyles:"لصق الأنماط",stroke:"الخط",background:"الخلفية",fill:"التعبئة",strokeWidth:"سُمك الخط",strokeStyle:"نمط الخط",strokeStyle_solid:"متصل",strokeStyle_dashed:"متقطع",strokeStyle_dotted:"منقط",sloppiness:"الإمالة",opacity:"الشفافية",textAlign:"محاذاة النص",edges:"الحواف",sharp:"حادة",round:"دائرية",arrowheads:"رؤوس الأسهم",arrowhead_none:"لا شيء",arrowhead_arrow:"سهم",arrowhead_bar:"شريط",arrowhead_circle:"",arrowhead_circle_outline:"",arrowhead_triangle:"مثلث",arrowhead_triangle_outline:"",arrowhead_diamond:"",arrowhead_diamond_outline:"",fontSize:"حجم الخط",fontFamily:"نوع الخط",addWatermark:'إضافة "مصنوعة بواسطة Excalidraw"',handDrawn:"رسم باليد",normal:"عادي",code:"رمز",small:"صغير",medium:"متوسط",large:"كبير",veryLarge:"كبير جدا",solid:"كامل",hachure:"خطوط",zigzag:"متعرج",crossHatch:"خطوط متقطعة",thin:"نحيف",bold:"داكن",left:"الـيسار",center:"وسط",right:"يمين",extraBold:"عريض",architect:"معماري",artist:"رسام",cartoonist:"كرتوني",fileTitle:"إسم الملف",colorPicker:"منتقي اللون",canvasColors:"تستخدم على القماش",canvasBackground:"خلفية اللوحة",drawingCanvas:"لوحة الرسم",layers:"الطبقات",actions:"الإجراءات",language:"اللغة",liveCollaboration:"التعاون المباشر...",duplicateSelection:"تكرار",untitled:"غير معنون",name:"الاسم",yourName:"اسمك",madeWithExcalidraw:"مصنوعة بواسطة Excalidraw",group:"تحديد مجموعة",ungroup:"إلغاء تحديد مجموعة",collaborators:"المتعاونون",showGrid:"إظهار الشبكة",addToLibrary:"أضف إلى المكتبة",removeFromLibrary:"حذف من المكتبة",libraryLoadingMessage:"جارٍ تحميل المكتبة…",libraries:"تصفح المكتبات",loadingScene:"جاري تحميل المشهد…",align:"محاذاة",alignTop:"محاذاة إلى اﻷعلى",alignBottom:"محاذاة إلى اﻷسفل",alignLeft:"محاذاة إلى اليسار",alignRight:"محاذاة إلى اليمين",centerVertically:"توسيط عمودي",centerHorizontally:"توسيط أفقي",distributeHorizontally:"التوزيع الأفقي",distributeVertically:"التوزيع عمودياً",flipHorizontal:"قلب عامودي",flipVertical:"قلب أفقي",viewMode:"نمط العرض",share:"مشاركة",showStroke:"إظهار منتقي لون الخط",showBackground:"إظهار منتقي لون الخلفية",toggleTheme:"غير النمط",personalLib:"المكتبة الشخصية",excalidrawLib:"مكتبتنا",decreaseFontSize:"تصغير حجم الخط",increaseFontSize:"تكبير حجم الخط",unbindText:"فك ربط النص",bindText:"ربط النص بالحاوية",createContainerFromText:"نص مغلف في حاوية",link:{edit:"تعديل الرابط",editEmbed:"تحرير الرابط وإدراجه",create:"إنشاء رابط",createEmbed:"إنشاء رابط و إدراجه",label:"رابط",labelEmbed:"رابط و إدراج",empty:"لم يتم تعيين رابط"},lineEditor:{edit:"تحرير السطر",exit:"الخروج من المُحرر"},elementLock:{lock:"قفل",unlock:"فتح",lockAll:"قفل الكل",unlockAll:"فتح الكل"},statusPublished:"نُشر",sidebarLock:"إبقاء الشريط الجانبي مفتوح",selectAllElementsInFrame:"تحديد جميع العناصر في الإطار",removeAllElementsFromFrame:"إزالة جميع العناصر من الإطار",eyeDropper:"اختيار اللون من القماش",textToDiagram:"",prompt:""},A={noItems:"لا توجد عناصر أضيفت بعد...",hint_emptyLibrary:"حدد عنصر على القماش لإضافته هنا، أو تثبيت مكتبة من المستودع العام أدناه.",hint_emptyPrivateLibrary:"حدد عنصر على القماش لإضافته هنا."},e={clearReset:"إعادة تعيين اللوحة",exportJSON:"صدر الملف",exportImage:"تصدير الصورة...",export:"حفظ إلى...",copyToClipboard:"نسخ إلى الحافظة",save:"احفظ للملف الحالي",saveAs:"حفظ كـ",load:"فتح",getShareableLink:"احصل على رابط المشاركة",close:"غلق",selectLanguage:"اختر اللغة",scrollBackToContent:"الرجوع إلى المحتوى",zoomIn:"تكبير",zoomOut:"تصغير",resetZoom:"إعادة تعيين الشاشة",menu:"القائمة",done:"تم",edit:"تعديل",undo:"تراجع",redo:"إعادة تنفيذ",resetLibrary:"إعادة ضبط المكتبة",createNewRoom:"إنشاء غرفة جديدة",fullScreen:"شاشة كاملة",darkMode:"الوضع المظلم",lightMode:"الوضع المضيء",zenMode:"وضع التأمل",objectsSnapMode:"التقط إلى العناصر",exitZenMode:"إلغاء الوضع الليلى",cancel:"إلغاء",clear:"مسح",remove:"إزالة",embed:"تبديل الإدراج",publishLibrary:"انشر",submit:"أرسل",confirm:"تأكيد",embeddableInteractionButton:"اضغط للتفاعل"},a={clearReset:"هذا سيُزيل كامل اللوحة. هل أنت متأكد؟",couldNotCreateShareableLink:"تعذر إنشاء رابطة المشاركة.",couldNotCreateShareableLinkTooBig:"تعذر إنشاء رابط قابل للمشاركة: المشهد كبير جدًا",couldNotLoadInvalidFile:"تعذر التحميل، الملف غير صالح",importBackendFailed:"فشل الاستيراد من الخادوم.",cannotExportEmptyCanvas:"لا يمكن تصدير لوحة فارغة.",couldNotCopyToClipboard:"تعذر النسخ إلى الحافظة.",decryptFailed:"تعذر فك تشفير البيانات.",uploadedSecurly:"تم تأمين التحميل بتشفير النهاية إلى النهاية، مما يعني أن خادوم Excalidraw والأطراف الثالثة لا يمكنها قراءة المحتوى.",loadSceneOverridePrompt:"تحميل الرسم الخارجي سيحل محل المحتوى الموجود لديك. هل ترغب في المتابعة؟",collabStopOverridePrompt:`إيقاف الجلسة سيؤدي إلى الكتابة فوق رسومك السابقة المخزنة داخليا. هل أنت متأكد؟
+import"./index-Dq9tezYn.js";var u={paste:"لصق",pasteAsPlaintext:"اللصق كنص عادي",pasteCharts:"لصق الرسوم البيانية",selectAll:"تحديد الكل",multiSelect:"إضافة عنصر للتحديد",moveCanvas:"نقل لوح الرسم",cut:"قص",copy:"نسخ",copyAsPng:"نسخ إلى الحافظة بصيغة PNG",copyAsSvg:"نسخ إلى الحافظة بصيغة SVG",copyText:"نسخ إلى الحافظة كنص",copySource:"",convertToCode:"",bringForward:"جلب للأمام",sendToBack:"أرسل للخلف",bringToFront:"أحضر للأمام",sendBackward:"أرسل للخلف",delete:"حذف",copyStyles:"نسخ الأنماط",pasteStyles:"لصق الأنماط",stroke:"الخط",background:"الخلفية",fill:"التعبئة",strokeWidth:"سُمك الخط",strokeStyle:"نمط الخط",strokeStyle_solid:"متصل",strokeStyle_dashed:"متقطع",strokeStyle_dotted:"منقط",sloppiness:"الإمالة",opacity:"الشفافية",textAlign:"محاذاة النص",edges:"الحواف",sharp:"حادة",round:"دائرية",arrowheads:"رؤوس الأسهم",arrowhead_none:"لا شيء",arrowhead_arrow:"سهم",arrowhead_bar:"شريط",arrowhead_circle:"",arrowhead_circle_outline:"",arrowhead_triangle:"مثلث",arrowhead_triangle_outline:"",arrowhead_diamond:"",arrowhead_diamond_outline:"",fontSize:"حجم الخط",fontFamily:"نوع الخط",addWatermark:'إضافة "مصنوعة بواسطة Excalidraw"',handDrawn:"رسم باليد",normal:"عادي",code:"رمز",small:"صغير",medium:"متوسط",large:"كبير",veryLarge:"كبير جدا",solid:"كامل",hachure:"خطوط",zigzag:"متعرج",crossHatch:"خطوط متقطعة",thin:"نحيف",bold:"داكن",left:"الـيسار",center:"وسط",right:"يمين",extraBold:"عريض",architect:"معماري",artist:"رسام",cartoonist:"كرتوني",fileTitle:"إسم الملف",colorPicker:"منتقي اللون",canvasColors:"تستخدم على القماش",canvasBackground:"خلفية اللوحة",drawingCanvas:"لوحة الرسم",layers:"الطبقات",actions:"الإجراءات",language:"اللغة",liveCollaboration:"التعاون المباشر...",duplicateSelection:"تكرار",untitled:"غير معنون",name:"الاسم",yourName:"اسمك",madeWithExcalidraw:"مصنوعة بواسطة Excalidraw",group:"تحديد مجموعة",ungroup:"إلغاء تحديد مجموعة",collaborators:"المتعاونون",showGrid:"إظهار الشبكة",addToLibrary:"أضف إلى المكتبة",removeFromLibrary:"حذف من المكتبة",libraryLoadingMessage:"جارٍ تحميل المكتبة…",libraries:"تصفح المكتبات",loadingScene:"جاري تحميل المشهد…",align:"محاذاة",alignTop:"محاذاة إلى اﻷعلى",alignBottom:"محاذاة إلى اﻷسفل",alignLeft:"محاذاة إلى اليسار",alignRight:"محاذاة إلى اليمين",centerVertically:"توسيط عمودي",centerHorizontally:"توسيط أفقي",distributeHorizontally:"التوزيع الأفقي",distributeVertically:"التوزيع عمودياً",flipHorizontal:"قلب عامودي",flipVertical:"قلب أفقي",viewMode:"نمط العرض",share:"مشاركة",showStroke:"إظهار منتقي لون الخط",showBackground:"إظهار منتقي لون الخلفية",toggleTheme:"غير النمط",personalLib:"المكتبة الشخصية",excalidrawLib:"مكتبتنا",decreaseFontSize:"تصغير حجم الخط",increaseFontSize:"تكبير حجم الخط",unbindText:"فك ربط النص",bindText:"ربط النص بالحاوية",createContainerFromText:"نص مغلف في حاوية",link:{edit:"تعديل الرابط",editEmbed:"تحرير الرابط وإدراجه",create:"إنشاء رابط",createEmbed:"إنشاء رابط و إدراجه",label:"رابط",labelEmbed:"رابط و إدراج",empty:"لم يتم تعيين رابط"},lineEditor:{edit:"تحرير السطر",exit:"الخروج من المُحرر"},elementLock:{lock:"قفل",unlock:"فتح",lockAll:"قفل الكل",unlockAll:"فتح الكل"},statusPublished:"نُشر",sidebarLock:"إبقاء الشريط الجانبي مفتوح",selectAllElementsInFrame:"تحديد جميع العناصر في الإطار",removeAllElementsFromFrame:"إزالة جميع العناصر من الإطار",eyeDropper:"اختيار اللون من القماش",textToDiagram:"",prompt:""},A={noItems:"لا توجد عناصر أضيفت بعد...",hint_emptyLibrary:"حدد عنصر على القماش لإضافته هنا، أو تثبيت مكتبة من المستودع العام أدناه.",hint_emptyPrivateLibrary:"حدد عنصر على القماش لإضافته هنا."},e={clearReset:"إعادة تعيين اللوحة",exportJSON:"صدر الملف",exportImage:"تصدير الصورة...",export:"حفظ إلى...",copyToClipboard:"نسخ إلى الحافظة",save:"احفظ للملف الحالي",saveAs:"حفظ كـ",load:"فتح",getShareableLink:"احصل على رابط المشاركة",close:"غلق",selectLanguage:"اختر اللغة",scrollBackToContent:"الرجوع إلى المحتوى",zoomIn:"تكبير",zoomOut:"تصغير",resetZoom:"إعادة تعيين الشاشة",menu:"القائمة",done:"تم",edit:"تعديل",undo:"تراجع",redo:"إعادة تنفيذ",resetLibrary:"إعادة ضبط المكتبة",createNewRoom:"إنشاء غرفة جديدة",fullScreen:"شاشة كاملة",darkMode:"الوضع المظلم",lightMode:"الوضع المضيء",zenMode:"وضع التأمل",objectsSnapMode:"التقط إلى العناصر",exitZenMode:"إلغاء الوضع الليلى",cancel:"إلغاء",clear:"مسح",remove:"إزالة",embed:"تبديل الإدراج",publishLibrary:"انشر",submit:"أرسل",confirm:"تأكيد",embeddableInteractionButton:"اضغط للتفاعل"},a={clearReset:"هذا سيُزيل كامل اللوحة. هل أنت متأكد؟",couldNotCreateShareableLink:"تعذر إنشاء رابطة المشاركة.",couldNotCreateShareableLinkTooBig:"تعذر إنشاء رابط قابل للمشاركة: المشهد كبير جدًا",couldNotLoadInvalidFile:"تعذر التحميل، الملف غير صالح",importBackendFailed:"فشل الاستيراد من الخادوم.",cannotExportEmptyCanvas:"لا يمكن تصدير لوحة فارغة.",couldNotCopyToClipboard:"تعذر النسخ إلى الحافظة.",decryptFailed:"تعذر فك تشفير البيانات.",uploadedSecurly:"تم تأمين التحميل بتشفير النهاية إلى النهاية، مما يعني أن خادوم Excalidraw والأطراف الثالثة لا يمكنها قراءة المحتوى.",loadSceneOverridePrompt:"تحميل الرسم الخارجي سيحل محل المحتوى الموجود لديك. هل ترغب في المتابعة؟",collabStopOverridePrompt:`إيقاف الجلسة سيؤدي إلى الكتابة فوق رسومك السابقة المخزنة داخليا. هل أنت متأكد؟
 
 (إذا كنت ترغب في الاحتفاظ برسمك المخزن داخليا، ببساطة أغلق علامة تبويب المتصفح بدلاً من ذلك.)`,errorAddingToLibrary:"تعذر إضافة العنصر للمكتبة",errorRemovingFromLibrary:"تعذر إزالة العنصر من المكتبة",confirmAddLibrary:"هذا سيضيف {{numShapes}} شكل إلى مكتبتك. هل أنت متأكد؟",imageDoesNotContainScene:"يبدو أن هذه الصورة لا تحتوي على أي بيانات مشهد. هل قمت بتمكين تضمين المشهد أثناء التصدير؟",cannotRestoreFromImage:"تعذر استعادة المشهد من ملف الصورة",invalidSceneUrl:"تعذر استيراد المشهد من عنوان URL المتوفر. إما أنها مشوهة، أو لا تحتوي على بيانات Excalidraw JSON صالحة.",resetLibrary:"هذا سوف يمسح مكتبتك. هل أنت متأكد؟",removeItemsFromsLibrary:"حذف {{count}} عنصر (عناصر) من المكتبة؟",invalidEncryptionKey:"مفتاح التشفير يجب أن يكون من 22 حرفاً. التعاون المباشر معطل.",collabOfflineWarning:`لا يوجد اتصال بالانترنت.
 لن يتم حفظ التغييرات التي قمت بها!`},r={unsupportedFileType:"نوع الملف غير مدعوم.",imageInsertError:"تعذر إدراج الصورة. حاول مرة أخرى لاحقاً...",fileTooBig:"الملف كبير جداً. الحد الأقصى المسموح به للحجم هو {{maxSize}}.",svgImageInsertError:"تعذر إدراج صورة SVG. يبدو أن ترميز SVG غير صحيح.",failedToFetchImage:"",invalidSVGString:"SVG غير صالح.",cannotResolveCollabServer:"تعذر الاتصال بخادم التعاون. الرجاء إعادة تحميل الصفحة والمحاولة مرة أخرى.",importLibraryError:"تعذر تحميل المكتبة",collabSaveFailed:"تعذر الحفظ في قاعدة البيانات. إذا استمرت المشاكل، يفضل أن تحفظ ملفك محليا كي لا تفقد عملك.",collabSaveFailed_sizeExceeded:"تعذر الحفظ في قاعدة البيانات، يبدو أن القماش كبير للغاية، يفضّل حفظ الملف محليا كي لا تفقد عملك.",imageToolNotSupported:"",brave_measure_text_error:{line1:"يبدو أنك تستخدم متصفح Brave مع إعداد <bold>حظر صارم لتتبع البصمة</bold>.",line2:"قد يؤدي هذا إلى كسر <bold>عناصر النص</bold> في الرسومات الخاصة بك.",line3:"من المستحسن إلغاء تفعيل هذا الإعداد. يمكنك اتباع <link>هذه الخطوات</link> لفعل ذلك.",line4:"إذا لم يصلح تعطيل هذا الإعداد طريقة عرض النصوص، الرجاء كتابة <issueLink>بلاغ</issueLink> على حسابنا في GitHub، أو راسلنا على <discordLink>Discord</discordLink>"},libraryElementTypeError:{embeddable:"لا يمكن إضافة العناصر القابلة للتضمين في المكتبة.",iframe:"",image:"سوف يتم دعم إضافة صور إلى المكتبة قريباً!"},asyncPasteFailedOnRead:"",asyncPasteFailedOnParse:"",copyToSystemClipboardFailed:""},o={selection:"تحديد",image:"إدراج صورة",rectangle:"مستطيل",diamond:"مضلع",ellipse:"دائرة",arrow:"سهم",line:"خط",freedraw:"رسم",text:"نص",library:"مكتبة",lock:"الحفاظ على أداة التحديد نشطة بعد الرسم",penMode:"وضع القلم - امنع اللمس",link:"إضافة/تحديث الرابط للشكل المحدد",eraser:"ممحاة",frame:"أداة الإطار",magicframe:"",embeddable:"تضمين ويب",laser:"مؤشر ليزر",hand:"يد (أداة الإزاحة)",extraTools:"المزيد من أﻷدوات",mermaidToExcalidraw:"",magicSettings:""},t={canvasActions:"إجراءات اللوحة",selectedShapeActions:"إجراءات الشكل المحدد",shapes:"الأشكال"},i={canvasPanning:"لتحريك القماش، اضغط على عجلة الفأرة أو مفتاح المسافة أثناء السحب، أو استخدم أداة اليد",linearElement:"انقر لبدء نقاط متعددة، اسحب لخط واحد",freeDraw:"انقر واسحب، افرج عند الانتهاء",text:"نصيحة: يمكنك أيضًا إضافة نص بالنقر المزدوج في أي مكان بأداة الاختيار",embeddable:"اضغط مع السحب لإنشاء موقع ويب مضمّن",text_selected:"انقر نقراً مزدوجاً أو اضغط ادخال لتعديل النص",text_editing:"اضغط على Esc أو (Ctrl أو Cmd) + Enter لإنهاء التعديل",linearElementMulti:"انقر فوق النقطة الأخيرة أو اضغط على Esc أو Enter للإنهاء",lockAngle:"يمكنك تقييد الزاوية بالضغط على SHIFT",resize:`يمكنك تقييد النسب بالضغط على SHIFT أثناء تغيير الحجم،