@likec4/language-server 1.32.0 → 1.32.2

package/dist/mcp/LikeC4MCPServerFactory.d.ts

@@ -2,6 +2,8 @@ import type { ServerOptions } from '@modelcontextprotocol/sdk/server/index.js';
 import type { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 import type { LikeC4Services } from '../module';
 export interface LikeC4MCPServer {
+    readonly isStarted: boolean;
+    readonly port: number;
     start(port: number): Promise<void>;
     stop(): Promise<void>;
 }
@@ -9,6 +11,8 @@ export interface LikeC4MCPServerFactory {
     create(options?: ServerOptions): McpServer;
 }
 export declare class NoopLikeC4MCPServer implements LikeC4MCPServer {
+    get isStarted(): boolean;
+    get port(): number;
     start(port: number): Promise<never>;
     stop(): Promise<never>;
 }

package/dist/mcp/LikeC4MCPServerFactory.js

@@ -1,4 +1,10 @@
 export class NoopLikeC4MCPServer {
+  get isStarted() {
+    return false;
+  }
+  get port() {
+    return NaN;
+  }
   start(port) {
     return Promise.reject(new Error("Not implemented"));
   }

package/dist/mcp/sseserver/MCPServer.d.ts

@@ -3,10 +3,12 @@ import type { LikeC4Services } from '../../module';
 import type { LikeC4MCPServer } from '../LikeC4MCPServerFactory';
 export declare class SSELikeC4MCPServer implements LikeC4MCPServer, AsyncDisposable {
     private services;
-    private readonly transports;
+    private transports;
     private server;
-    private port;
+    private _port;
     constructor(services: LikeC4Services);
+    get isStarted(): boolean;
+    get port(): number;
     dispose(): Promise<void>;
     start(port?: number): Promise<void>;
     stop(): Promise<void>;

package/dist/mcp/sseserver/MCPServer.js

@@ -9,7 +9,13 @@ export class SSELikeC4MCPServer {
   // Store transports by session ID to send notifications
   transports = {};
   server = void 0;
-  port = 33335;
+  _port = 33335;
+  get isStarted() {
+    return this.server?.listening === true;
+  }
+  get port() {
+    return this._port;
+  }
   async dispose() {
     await this.stop();
   }
@@ -20,8 +26,8 @@ export class SSELikeC4MCPServer {
       }
       await this.stop();
     }
-    logger.info("Starting server on port {port}", { port });
-    this.port = port;
+    logger.info("Starting MCP server on port {port}", { port });
+    this._port = port;
     const mcp = this.services.mcp.ServerFactory.create();
     const app = express();
     app.get("/sse", async (_, res) => {
@@ -44,13 +50,12 @@ export class SSELikeC4MCPServer {
       }
     });
     return new Promise((resolve, reject) => {
-      this.server = app.listen(port, (err) => {
+      this.server = app.listen(this._port, (err) => {
         if (err) {
-          logger.error("Failed to start server", { err });
           reject(err);
           return;
         }
-        logger.info("server listening on port {port}", { port });
+        logger.info("MCP server listening on port {port}", { port: this._port });
         resolve();
       });
     });
@@ -62,6 +67,7 @@ export class SSELikeC4MCPServer {
     }
     logger.info("Stopping server");
     this.server = void 0;
+    this.transports = {};
     return new Promise((resolve) => {
       server.close((err) => {
         if (err) {

package/dist/mcp/sseserver/with-mcp-server.js

@@ -1,3 +1,5 @@
+import { loggable } from "@likec4/log";
+import { isError } from "remeda";
 import { logger } from "../../logger.js";
 import { SSELikeC4MCPServer } from "./MCPServer.js";
 import { LikeC4MCPServerFactory } from "./MCPServerFactory.js";
@@ -14,19 +16,33 @@ export const WithMCPServer = {
           return;
         }
         logger.debug("Configuration update: {update}", { update });
-        const { enabled, port } = update.configuration.mcp ?? {
-          enabled: false,
-          port: 33335
-        };
+        const {
+          enabled = false,
+          port = 33335
+        } = update.configuration.mcp;
         if (!enabled) {
           server.stop();
           return;
         }
         Promise.resolve().then(() => server.start(port)).then(() => {
           connection?.telemetry?.logEvent({
-            eventName: "mcp-server-started"
+            eventName: "mcp-server-started",
+            mcpPort: port
           });
-        }).catch((err) => logger.error("Failed to start LikeC4 MCP Server", { err }));
+        }).catch((err) => {
+          const message = isError(err) ? err.message : void 0;
+          connection?.telemetry?.logEvent({
+            eventName: "mcp-server-start-failed",
+            mcpPort: port,
+            ...message && { message }
+          });
+          logger.error("Failed to start LikeC4 MCP Server", { err });
+          if (connection) {
+            connection.window.showErrorMessage(`LikeC4: Failed to start MCP Server
+
+${loggable(err)}`);
+          }
+        });
       });
       return server;
     },

package/dist/model/model-builder.js

@@ -11,7 +11,6 @@ import {
   DocumentState,
   interruptAndCheck
 } from "langium";
-import prettyMs from "pretty-ms";
 import {
   filter,
   flatMap,
@@ -26,13 +25,13 @@ import {
 import { CancellationToken } from "vscode-jsonrpc";
 import { isLikeC4Builtin } from "../likec4lib.js";
 import { logger as mainLogger, logWarnError } from "../logger.js";
-import { ADisposable } from "../utils/index.js";
+import { ADisposable, performanceMark } from "../utils/index.js";
 import { assignNavigateTo } from "../view-utils/index.js";
 import { buildModelData } from "./builder/buildModel.js";
 const parsedWithoutImportsCacheKey = (projectId) => `parsed-without-imports-${projectId}`;
 const parsedModelCacheKey = (projectId) => `parsed-model-${projectId}`;
 const computedModelCacheKey = (projectId) => `computed-model-${projectId}`;
-const logger = mainLogger.getChild("ModelBuilder");
+const builderLogger = mainLogger.getChild("model-builder");
 export class DefaultLikeC4ModelBuilder extends ADisposable {
   projects;
   parser;
@@ -65,7 +64,7 @@ export class DefaultLikeC4ModelBuilder extends ADisposable {
         }
       )
     );
-    logger.debug`created`;
+    builderLogger.debug`created`;
   }
   /**
    * WARNING:
@@ -76,19 +75,19 @@ export class DefaultLikeC4ModelBuilder extends ADisposable {
    */
   unsafeSyncParseModelData(projectId) {
     const cache = this.cache;
-    const log = logger.getChild(["project", projectId]);
+    const logger = builderLogger.getChild(projectId);
     const key = parsedWithoutImportsCacheKey(projectId);
     if (cache.has(key)) {
-      log.debug`unsafeSyncBuildModelData from cache, project ${projectId}`;
+      logger.debug`unsafeSyncBuildModelData from cache`;
     }
     return cache.get(key, () => {
       try {
         const docs = this.documents(projectId);
         if (docs.length === 0) {
-          logger.debug`no documents to build model, project ${projectId}`;
+          logger.debug`no documents to build model`;
           return null;
         }
-        log.debug`unsafeSyncBuildModelData, project ${projectId}`;
+        logger.debug`unsafeSyncBuildModelData`;
         return buildModelData(projectId, docs);
       } catch (e) {
         logWarnError(e);
@@ -100,6 +99,7 @@ export class DefaultLikeC4ModelBuilder extends ADisposable {
    * To avoid circular dependencies, first we parse all documents and then we join them.
    */
   unsafeSyncJoinedModelData(projectId) {
+    const logger = builderLogger.getChild(projectId);
     const cache = this.cache;
     const key = parsedModelCacheKey(projectId);
     return cache.get(key, () => {
@@ -133,18 +133,18 @@ export class DefaultLikeC4ModelBuilder extends ADisposable {
   }
   async parseModel(projectId, cancelToken = CancellationToken.None) {
     const project = this.projects.ensureProjectId(projectId);
-    const log = logger.getChild(["project", project]);
+    const logger = builderLogger.getChild(project);
     const cache = this.cache;
     const cached = cache.get(parsedModelCacheKey(project));
     if (cached) {
-      log.debug`parseModel from cache, project ${project}`;
+      logger.debug`parseModel from cache`;
       return cached;
     }
-    const t0 = performance.now();
+    const t0 = performanceMark();
     return await this.mutex.read(async () => {
       await interruptAndCheck(cancelToken);
       const result = this.unsafeSyncJoinedModelData(project);
-      log.debug(`parseModel, project ${project} in ${prettyMs(performance.now() - t0)}`);
+      logger.debug`parseModel in ${t0.pretty}`;
       return result;
     });
   }
@@ -155,6 +155,7 @@ export class DefaultLikeC4ModelBuilder extends ADisposable {
    * Otherwise, the model may be incomplete.
    */
   unsafeSyncBuildModel(projectId) {
+    const logger = builderLogger.getChild(projectId);
     const cache = this.cache;
     const viewsCache = this.cache;
     return cache.get(computedModelCacheKey(projectId), () => {
@@ -189,24 +190,24 @@ export class DefaultLikeC4ModelBuilder extends ADisposable {
   }
   async buildLikeC4Model(projectId, cancelToken = CancellationToken.None) {
     const project = this.projects.ensureProjectId(projectId);
-    const log = logger.getChild(["project", project]);
+    const logger = builderLogger.getChild(project);
     const cache = this.cache;
     const cached = cache.get(computedModelCacheKey(project));
     if (cached) {
-      log.debug("buildLikeC4Model from cache");
+      logger.debug("buildLikeC4Model from cache");
       return cached;
     }
-    const t0 = performance.now();
+    const t0 = performanceMark();
     return await this.mutex.read(async () => {
       await interruptAndCheck(cancelToken);
       const result = this.unsafeSyncBuildModel(project);
-      log.debug(`buildLikeC4Model in ${prettyMs(performance.now() - t0)}`);
+      logger.debug(`buildLikeC4Model in ${t0.pretty}`);
       return result;
     });
   }
   async computeView(viewId, projectId, cancelToken = CancellationToken.None) {
     const project = this.projects.ensureProjectId(projectId);
-    const log = logger.getChild(["project", project]);
+    const logger = builderLogger.getChild(project);
     const cache = this.cache;
     const cacheKey = computedViewKey(project, viewId);
     if (cache.has(cacheKey)) {
@@ -219,10 +220,10 @@ export class DefaultLikeC4ModelBuilder extends ADisposable {
     return cache.get(cacheKey, () => {
       const view = parsed.$data.views[viewId];
       if (!view) {
-        log.warn`computeView: cant find view ${viewId}`;
+        logger.warn`computeView: cant find view ${viewId}`;
         return null;
       }
-      log.debug`computeView: ${viewId}`;
+      logger.debug`computeView: ${viewId}`;
       const result = computeView(view, parsed);
       if (!result.isSuccess) {
         logWarnError(result.error);

package/dist/model/model-parser.d.ts

@@ -72,6 +72,7 @@ declare const DocumentParserFromMixins: {
         convertLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseIconProperty(prop: import("../generated/ast").IconProperty | undefined): ProjectId | undefined;
+        parseColorLiteral(astNode: import("../generated/ast").ColorLiteral): ProjectId | undefined;
         parseElementStyle(elementProps: Array<import("../generated/ast").ElementProperty> | import("../generated/ast").ElementStyleProperty | undefined): import("../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<import("../generated/ast").StyleProperty> | undefined): import("../ast").ParsedElementStyle;
         parseDeploymentView(astNode: import("../generated/ast").DeploymentView): import("../ast").ParsedAstDeploymentView;
@@ -148,6 +149,7 @@ declare const DocumentParserFromMixins: {
         convertLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseIconProperty(prop: import("../generated/ast").IconProperty | undefined): ProjectId | undefined;
+        parseColorLiteral(astNode: import("../generated/ast").ColorLiteral): ProjectId | undefined;
         parseElementStyle(elementProps: Array<import("../generated/ast").ElementProperty> | import("../generated/ast").ElementStyleProperty | undefined): import("../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<import("../generated/ast").StyleProperty> | undefined): import("../ast").ParsedElementStyle;
         parseDeploymentView(astNode: import("../generated/ast").DeploymentView): import("../ast").ParsedAstDeploymentView;
@@ -188,6 +190,7 @@ declare const DocumentParserFromMixins: {
         convertLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseIconProperty(prop: import("../generated/ast").IconProperty | undefined): ProjectId | undefined;
+        parseColorLiteral(astNode: import("../generated/ast").ColorLiteral): ProjectId | undefined;
         parseElementStyle(elementProps: Array<import("../generated/ast").ElementProperty> | import("../generated/ast").ElementStyleProperty | undefined): import("../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<import("../generated/ast").StyleProperty> | undefined): import("../ast").ParsedElementStyle;
     };
@@ -240,6 +243,7 @@ declare const DocumentParserFromMixins: {
         convertLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseIconProperty(prop: import("../generated/ast").IconProperty | undefined): ProjectId | undefined;
+        parseColorLiteral(astNode: import("../generated/ast").ColorLiteral): ProjectId | undefined;
         parseElementStyle(elementProps: Array<import("../generated/ast").ElementProperty> | import("../generated/ast").ElementStyleProperty | undefined): import("../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<import("../generated/ast").StyleProperty> | undefined): import("../ast").ParsedElementStyle;
     };
@@ -285,6 +289,7 @@ declare const DocumentParserFromMixins: {
         convertLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseIconProperty(prop: import("../generated/ast").IconProperty | undefined): ProjectId | undefined;
+        parseColorLiteral(astNode: import("../generated/ast").ColorLiteral): ProjectId | undefined;
         parseElementStyle(elementProps: Array<import("../generated/ast").ElementProperty> | import("../generated/ast").ElementStyleProperty | undefined): import("../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<import("../generated/ast").StyleProperty> | undefined): import("../ast").ParsedElementStyle;
         parseDeployment(): void;
@@ -338,6 +343,7 @@ declare const DocumentParserFromMixins: {
         convertLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseIconProperty(prop: import("../generated/ast").IconProperty | undefined): ProjectId | undefined;
+        parseColorLiteral(astNode: import("../generated/ast").ColorLiteral): ProjectId | undefined;
         parseElementStyle(elementProps: Array<import("../generated/ast").ElementProperty> | import("../generated/ast").ElementStyleProperty | undefined): import("../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<import("../generated/ast").StyleProperty> | undefined): import("../ast").ParsedElementStyle;
     };
@@ -384,6 +390,7 @@ declare const DocumentParserFromMixins: {
         convertLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseIconProperty(prop: import("../generated/ast").IconProperty | undefined): ProjectId | undefined;
+        parseColorLiteral(astNode: import("../generated/ast").ColorLiteral): ProjectId | undefined;
         parseElementStyle(elementProps: Array<import("../generated/ast").ElementProperty> | import("../generated/ast").ElementStyleProperty | undefined): import("../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<import("../generated/ast").StyleProperty> | undefined): import("../ast").ParsedElementStyle;
     };
@@ -412,6 +419,7 @@ declare const DocumentParserFromMixins: {
         convertLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseIconProperty(prop: import("../generated/ast").IconProperty | undefined): ProjectId | undefined;
+        parseColorLiteral(astNode: import("../generated/ast").ColorLiteral): ProjectId | undefined;
         parseElementStyle(elementProps: Array<import("../generated/ast").ElementProperty> | import("../generated/ast").ElementStyleProperty | undefined): import("../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<import("../generated/ast").StyleProperty> | undefined): import("../ast").ParsedElementStyle;
     };
@@ -453,6 +461,7 @@ declare const DocumentParserFromMixins: {
         convertLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseLinks(source?: import("../generated/ast").LinkProperty["$container"]): ProjectId[] | undefined;
         parseIconProperty(prop: import("../generated/ast").IconProperty | undefined): ProjectId | undefined;
+        parseColorLiteral(astNode: import("../generated/ast").ColorLiteral): ProjectId | undefined;
         parseElementStyle(elementProps: Array<import("../generated/ast").ElementProperty> | import("../generated/ast").ElementStyleProperty | undefined): import("../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<import("../generated/ast").StyleProperty> | undefined): import("../ast").ParsedElementStyle;
     };

package/dist/model/parser/Base.d.ts

@@ -32,6 +32,7 @@ export declare class BaseParser {
     convertLinks(source?: ast.LinkProperty['$container']): c4.Link[] | undefined;
     parseLinks(source?: ast.LinkProperty['$container']): c4.Link[] | undefined;
     parseIconProperty(prop: ast.IconProperty | undefined): c4.IconUrl | undefined;
+    parseColorLiteral(astNode: ast.ColorLiteral): c4.ColorLiteral | undefined;
     parseElementStyle(elementProps: Array<ast.ElementProperty> | ast.ElementStyleProperty | undefined): ParsedElementStyle;
     parseStyleProps(styleProps: Array<ast.StyleProperty> | undefined): ParsedElementStyle;
 }

package/dist/model/parser/Base.js

@@ -7,6 +7,8 @@ import {
   isBoolean,
   isEmpty,
   isNonNullish,
+  isNumber,
+  isString,
   isTruthy,
   map,
   pipe,
@@ -17,6 +19,7 @@ import { hasLeadingSlash, hasProtocol, isRelative, joinRelativeURL, joinURL } fr
 import {
   ast,
   parseAstOpacityProperty,
+  parseAstPercent,
   parseAstSizeValue,
   toColor
 } from "../../ast.js";
@@ -154,6 +157,25 @@ export class BaseParser {
       }
     }
   }
+  parseColorLiteral(astNode) {
+    if (!this.isValid(astNode)) {
+      return void 0;
+    }
+    if (ast.isHexColor(astNode)) {
+      return `#${astNode.hex}`;
+    }
+    if (ast.isRGBAColor(astNode)) {
+      let alpha = isNumber(astNode.alpha) ? astNode.alpha : void 0;
+      if (isString(astNode.alpha)) {
+        alpha = parseAstPercent(astNode.alpha) / 100;
+      }
+      if (alpha !== void 0) {
+        return `rgba(${astNode.red},${astNode.green},${astNode.blue},${alpha})`;
+      }
+      return `rgb(${astNode.red},${astNode.green},${astNode.blue})`;
+    }
+    nonexhaustive(astNode);
+  }
   parseElementStyle(elementProps) {
     if (!elementProps) {
       return {};

package/dist/model/parser/DeploymentModelParser.d.ts

@@ -47,6 +47,7 @@ export declare function DeploymentModelParser<TBase extends WithExpressionV2>(B:
         convertLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseIconProperty(prop: ast.IconProperty | undefined): c4.IconUrl | undefined;
+        parseColorLiteral(astNode: ast.ColorLiteral): c4.ColorLiteral | undefined;
         parseElementStyle(elementProps: Array<ast.ElementProperty> | ast.ElementStyleProperty | undefined): import("../../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<ast.StyleProperty> | undefined): import("../../ast").ParsedElementStyle;
     };

package/dist/model/parser/DeploymentModelParser.js

@@ -164,9 +164,11 @@ export function DeploymentModelParser(B) {
       const links = this.convertLinks(astNode.body);
       const kind = (astNode.kind ?? astNode.dotKind?.kind)?.ref?.name;
       const metadata = this.getMetadata(astNode.body?.props.find(ast.isMetadataProperty));
-      const bodyProps = mapToObj(
-        astNode.body?.props.filter(ast.isRelationStringProperty) ?? [],
-        (p) => [p.key, p.value]
+      const bodyProps = pipe(
+        astNode.body?.props ?? [],
+        filter(ast.isRelationStringProperty),
+        filter((p) => isTruthy(p.value)),
+        mapToObj((p) => [p.key, p.value || void 0])
       );
       const navigateTo = pipe(
         astNode.body?.props ?? [],
@@ -175,8 +177,8 @@ export function DeploymentModelParser(B) {
         filter(isTruthy),
         first()
       );
-      const title = removeIndent(astNode.title ?? bodyProps.title);
-      const description = removeIndent(bodyProps.description);
+      const title = removeIndent(astNode.title ?? bodyProps.title) ?? "";
+      const description = removeIndent(astNode.description ?? bodyProps.description);
       const technology = toSingleLine(astNode.technology) ?? removeIndent(bodyProps.technology);
       const styleProp = astNode.body?.props.find(ast.isRelationStyleProperty);
       const id = stringHash(

package/dist/model/parser/DeploymentViewParser.d.ts

@@ -45,6 +45,7 @@ export declare function DeploymentViewParser<TBase extends WithExpressionV2 & Wi
         convertLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseIconProperty(prop: ast.IconProperty | undefined): c4.IconUrl | undefined;
+        parseColorLiteral(astNode: ast.ColorLiteral): c4.ColorLiteral | undefined;
         parseElementStyle(elementProps: Array<ast.ElementProperty> | ast.ElementStyleProperty | undefined): import("../../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<ast.StyleProperty> | undefined): import("../../ast").ParsedElementStyle;
         parseDeployment(): void;

package/dist/model/parser/FqnRefParser.d.ts

@@ -40,6 +40,7 @@ export declare function ExpressionV2Parser<TBase extends Base>(B: TBase): {
         convertLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseIconProperty(prop: ast.IconProperty | undefined): c4.IconUrl | undefined;
+        parseColorLiteral(astNode: ast.ColorLiteral): c4.ColorLiteral | undefined;
         parseElementStyle(elementProps: Array<ast.ElementProperty> | ast.ElementStyleProperty | undefined): import("../../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<ast.StyleProperty> | undefined): import("../../ast").ParsedElementStyle;
     };

package/dist/model/parser/GlobalsParser.d.ts

@@ -69,6 +69,7 @@ export declare function GlobalsParser<TBase extends WithViewsParser>(B: TBase):
         convertLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseIconProperty(prop: ast.IconProperty | undefined): c4.IconUrl | undefined;
+        parseColorLiteral(astNode: ast.ColorLiteral): c4.ColorLiteral | undefined;
         parseElementStyle(elementProps: Array<ast.ElementProperty> | ast.ElementStyleProperty | undefined): import("../../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<ast.StyleProperty> | undefined): import("../../ast").ParsedElementStyle;
         parseDeploymentView(astNode: ast.DeploymentView): import("../../ast").ParsedAstDeploymentView;

package/dist/model/parser/ImportsParser.d.ts

@@ -26,6 +26,7 @@ export declare function ImportsParser<TBase extends Base>(B: TBase): {
         convertLinks(source?: ast.LinkProperty["$container"]): ProjectId[] | undefined;
         parseLinks(source?: ast.LinkProperty["$container"]): ProjectId[] | undefined;
         parseIconProperty(prop: ast.IconProperty | undefined): ProjectId | undefined;
+        parseColorLiteral(astNode: ast.ColorLiteral): ProjectId | undefined;
         parseElementStyle(elementProps: Array<ast.ElementProperty> | ast.ElementStyleProperty | undefined): import("../../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<ast.StyleProperty> | undefined): import("../../ast").ParsedElementStyle;
     };

package/dist/model/parser/ModelParser.d.ts

@@ -46,6 +46,7 @@ export declare function ModelParser<TBase extends WithExpressionV2>(B: TBase): {
         convertLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseIconProperty(prop: ast.IconProperty | undefined): c4.IconUrl | undefined;
+        parseColorLiteral(astNode: ast.ColorLiteral): c4.ColorLiteral | undefined;
         parseElementStyle(elementProps: Array<ast.ElementProperty> | ast.ElementStyleProperty | undefined): import("../../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<ast.StyleProperty> | undefined): import("../../ast").ParsedElementStyle;
     };

package/dist/model/parser/ModelParser.js

@@ -1,7 +1,7 @@
 import { invariant, isNonEmptyArray, LinkedList, nonexhaustive, nonNullable } from "@likec4/core";
 import { FqnRef } from "@likec4/core/types";
 import { loggable } from "@likec4/log";
-import { filter, first, isDefined, isEmpty, isNonNullish, isTruthy, map, mapToObj, pipe } from "remeda";
+import { filter, first, isDefined, isEmpty, isTruthy, map, mapToObj, pipe } from "remeda";
 import {
   ast,
   toRelationshipStyleExcludeDefaults
@@ -140,9 +140,11 @@ ${error}`, {
       const kind = (astNode.kind ?? astNode.dotKind?.kind)?.ref?.name;
       const metadata = this.getMetadata(astNode.body?.props.find(ast.isMetadataProperty));
       const astPath = this.getAstNodePath(astNode);
-      const bodyProps = mapToObj(
-        astNode.body?.props.filter(ast.isRelationStringProperty).filter((p) => isNonNullish(p.value)) ?? [],
-        (p) => [p.key, p.value]
+      const bodyProps = pipe(
+        astNode.body?.props ?? [],
+        filter(ast.isRelationStringProperty),
+        filter((p) => isTruthy(p.value)),
+        mapToObj((p) => [p.key, p.value || void 0])
       );
       const navigateTo = pipe(
         astNode.body?.props ?? [],
@@ -152,7 +154,7 @@ ${error}`, {
         first()
       );
       const title = removeIndent(astNode.title ?? bodyProps.title) ?? "";
-      const description = removeIndent(bodyProps.description);
+      const description = removeIndent(astNode.description ?? bodyProps.description);
       const technology = toSingleLine(astNode.technology) ?? removeIndent(bodyProps.technology);
       const styleProp = astNode.body?.props.find(ast.isRelationStyleProperty);
       const id = stringHash(

package/dist/model/parser/PredicatesParser.d.ts

@@ -51,6 +51,7 @@ export declare function PredicatesParser<TBase extends WithExpressionV2>(B: TBas
         convertLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseIconProperty(prop: ast.IconProperty | undefined): c4.IconUrl | undefined;
+        parseColorLiteral(astNode: ast.ColorLiteral): c4.ColorLiteral | undefined;
         parseElementStyle(elementProps: Array<ast.ElementProperty> | ast.ElementStyleProperty | undefined): import("../../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<ast.StyleProperty> | undefined): import("../../ast").ParsedElementStyle;
     };

package/dist/model/parser/SpecificationParser.d.ts

@@ -32,6 +32,7 @@ export declare function SpecificationParser<TBase extends Base>(B: TBase): {
         convertLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseIconProperty(prop: ast.IconProperty | undefined): c4.IconUrl | undefined;
+        parseColorLiteral(astNode: ast.ColorLiteral): c4.ColorLiteral | undefined;
         parseElementStyle(elementProps: Array<ast.ElementProperty> | ast.ElementStyleProperty | undefined): import("../../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<ast.StyleProperty> | undefined): import("../../ast").ParsedElementStyle;
     };

package/dist/model/parser/SpecificationParser.js

@@ -1,3 +1,4 @@
+import { nonNullable } from "@likec4/core/utils";
 import { filter, isNonNullish, isTruthy, mapToObj, pipe } from "remeda";
 import { ast, toRelationshipStyleExcludeDefaults } from "../../ast.js";
 import { logger, logWarnError } from "../../logger.js";
@@ -56,10 +57,11 @@ export function SpecificationParser(B) {
       for (const tagSpec of tags_specs) {
         const tag = tagSpec.tag.name;
         const astPath = this.getAstNodePath(tagSpec.tag);
+        const color = tagSpec.color && this.parseColorLiteral(tagSpec.color);
         if (isTruthy(tag)) {
           c4Specification.tags[tag] = {
             astPath,
-            ...tagSpec.color ? { color: tagSpec.color } : {}
+            ...color ? { color } : {}
           };
         }
       }
@@ -72,7 +74,7 @@ export function SpecificationParser(B) {
             continue;
           }
           c4Specification.colors[colorName] = {
-            color
+            color: nonNullable(this.parseColorLiteral(color), `Color "${colorName}" is not valid: ${color}`)
           };
         } catch (e) {
           logWarnError(e);

package/dist/model/parser/ViewsParser.d.ts

@@ -67,6 +67,7 @@ export declare function ViewsParser<TBase extends WithPredicates & WithDeploymen
         convertLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseLinks(source?: ast.LinkProperty["$container"]): c4.Link[] | undefined;
         parseIconProperty(prop: ast.IconProperty | undefined): c4.IconUrl | undefined;
+        parseColorLiteral(astNode: ast.ColorLiteral): c4.ColorLiteral | undefined;
         parseElementStyle(elementProps: Array<ast.ElementProperty> | ast.ElementStyleProperty | undefined): import("../../ast").ParsedElementStyle;
         parseStyleProps(styleProps: Array<ast.StyleProperty> | undefined): import("../../ast").ParsedElementStyle;
         parseDeploymentView(astNode: ast.DeploymentView): import("../../ast").ParsedAstDeploymentView;

package/dist/module.d.ts

@@ -1,4 +1,4 @@
-import { GraphvizLayouter } from '@likec4/layouts';
+import { QueueGraphvizLayoter } from '@likec4/layouts';
 import { type Module, WorkspaceCache } from 'langium';
 import { type DefaultSharedModuleContext, type LangiumServices, type LangiumSharedServices, type PartialLangiumServices } from 'langium/lsp';
 import { LikeC4DocumentationProvider } from './documentation';
@@ -43,7 +43,7 @@ export interface LikeC4AddedServices {
     likec4: {
         LanguageServices: LikeC4LanguageServices;
         Views: LikeC4Views;
-        Layouter: GraphvizLayouter;
+        Layouter: QueueGraphvizLayoter;
         DeploymentsIndex: DeploymentsIndex;
         FqnIndex: FqnIndex;
         ModelParser: LikeC4ModelParser;

package/dist/module.js

@@ -1,4 +1,4 @@
-import { GraphvizLayouter, GraphvizWasmAdapter } from "@likec4/layouts";
+import { GraphvizWasmAdapter, QueueGraphvizLayoter } from "@likec4/layouts";
 import {
   DocumentState,
   EmptyFileSystem,
@@ -16,7 +16,6 @@ import {
   LikeC4GeneratedSharedModule
 } from "./generated/module.js";
 import { DefaultLikeC4LanguageServices } from "./LikeC4LanguageServices.js";
-import { logger } from "./logger.js";
 import {
   LikeC4CodeLensProvider,
   LikeC4CompletionProvider,
@@ -87,8 +86,9 @@ export const LikeC4Module = {
   likec4: {
     LanguageServices: bind(DefaultLikeC4LanguageServices),
     Layouter: (_services) => {
-      logger.debug("Creating GraphvizLayouter with GraphvizWasmAdapter");
-      return new GraphvizLayouter(new GraphvizWasmAdapter());
+      return new QueueGraphvizLayoter({
+        graphviz: new GraphvizWasmAdapter()
+      });
     },
     Views: bind(DefaultLikeC4Views),
     DeploymentsIndex: bind(DeploymentsIndex),

package/dist/utils/index.d.ts

@@ -4,3 +4,8 @@ export * from './fqnRef';
 export * from './projectId';
 export * from './stringHash';
 export declare function safeCall<T>(fn: () => T): T | undefined;
+export declare function performanceNow(): number;
+export declare function performanceMark(): {
+    readonly ms: number;
+    readonly pretty: string;
+};