@zseven-w/openpencil 0.7.2 → 0.7.4

package/dist/openpencil-cli.cjs

@@ -2156,7 +2156,7 @@ This context will guide the subtask decomposition and style guide selection.`
           "budget": 500,
           "category": "base"
         },
-        "content": 'OVERFLOW PREVENTION (CRITICAL):\n\n- Text in vertical layout: width="fill_container" + textGrowth="fixed-width". In horizontal: width="fit_content".\n- NEVER set fixed pixel width on text inside layout frames (e.g. width:378 in 195px card - overflows!).\n- Fixed-width children must be <= parent content area (parent width - padding).\n- Badges: short labels only (CJK <=8 chars / Latin <=16 chars).'
+        "content": 'OVERFLOW PREVENTION (CRITICAL):\n\n- Text in vertical layout: width="fill_container" + textGrowth="fixed-width". In horizontal: width="fit_content".\n- NEVER set fixed pixel width on text inside layout frames (e.g. width:378 in 195px card - overflows!).\n- Fixed-width children must be <= parent content area (parent width - padding).\n- Badges: short labels only (CJK <=8 chars / Latin <=16 chars).\n\n## HORIZONTAL SCROLL ROWS (cards / chips / categories)\n\nWhen the spec says "horizontal scrolling cards", "swipeable row", "chip row", or similar, generate EXACTLY this structure \u2014 do NOT just emit 6 cards inside a horizontal layout, the children will spill outside the page frame.\n\nStructure:\n\n- A wrapper frame with `width="fill_container"`, `height="fit_content"`, `layout="vertical"`, `clipContent=true`.\n- Inside it, a row frame with `width="fit_content"`, `height="fit_content"`, `layout="horizontal"`, `gap=12`, `padding=[0,20]`.\n- The row frame holds the actual cards.\n\nEvery card in the row MUST:\n\n- Have a FIXED numeric `width` (typically 120-160 for mobile, 200-260 for desktop). Never `fill_container`, never `fit_content` - fixed pixels.\n- Share identical width with its siblings for visual rhythm.\n\nExample - 6 workout cards inside a 375px-wide mobile page:\n\n```json\n{\n  "id": "cards-scroll",\n  "type": "frame",\n  "name": "Workouts Scroll",\n  "width": "fill_container",\n  "height": "fit_content",\n  "layout": "vertical",\n  "clipContent": true,\n  "children": [\n    {\n      "id": "cards-row",\n      "type": "frame",\n      "name": "Workouts Row",\n      "width": "fit_content",\n      "height": "fit_content",\n      "layout": "horizontal",\n      "gap": 12,\n      "padding": [0, 20],\n      "children": [\n        {\n          "id": "card-hiit",\n          "type": "frame",\n          "width": 140,\n          "height": 160,\n          "cornerRadius": 20,\n          "layout": "vertical",\n          "gap": 8,\n          "padding": 16,\n          "fill": [{ "type": "solid", "color": "#1a1a1a" }],\n          "children": []\n        },\n        {\n          "id": "card-strength",\n          "type": "frame",\n          "width": 140,\n          "height": 160,\n          "cornerRadius": 20,\n          "layout": "vertical",\n          "gap": 8,\n          "padding": 16,\n          "fill": [{ "type": "solid", "color": "#1a1a1a" }],\n          "children": []\n        }\n      ]\n    }\n  ]\n}\n```\n\nAnti-patterns (do NOT emit any of these):\n\n- Putting 5+ cards directly inside a `layout="horizontal"` page-root frame (they overflow the phone width).\n- Using `fill_container` on cards in a horizontal row (they squish down to invisibility).\n- Using `width="fit_content"` on cards - text-driven widths are unpredictable and break rhythm.\n- Skipping the `clipContent=true` wrapper and relying on Skia to clip (it doesn\'t \u2014 only `clipContent:true` enables clipping).'
       },
       {
         "meta": {
@@ -2339,14 +2339,19 @@ This context will guide the subtask decomposition and style guide selection.`
           "name": "incremental-add",
           "description": "Rules for adding new elements to existing designs",
           "phase": [
-            "maintenance"
+            "maintenance",
+            "generation"
           ],
           "trigger": {
             "keywords": [
               "add",
               "insert",
               "new section",
-              "append"
+              "append",
+              "continue",
+              "\u7EE7\u7EED",
+              "\u518D\u52A0",
+              "\u8FFD\u52A0"
             ]
           },
           "priority": 20,
@@ -2668,7 +2673,7 @@ Your output must remain valid JSON/JSONL only.`
           "budget": 2e3,
           "category": "knowledge"
         },
-        "content": 'SEMANTIC ROLES (add "role" to nodes \u2014 system fills unset props based on role):\n\nLayout roles:\n\n- section: layout=vertical, width=fill_container, height=fit_content, gap=24, padding=[60,80] (mobile: [40,16]), alignItems=center\n- row: layout=horizontal, width=fill_container, gap=16, alignItems=center\n- column: layout=vertical, width=fill_container, gap=16\n- centered-content: layout=vertical, width=1080 (mobile: fill_container), gap=24, alignItems=center\n- form-group: layout=vertical, width=fill_container, gap=16\n- divider: width=fill_container, height=1, layout=none (vertical divider: width=1, height=fill_container)\n- spacer: width=fill_container, height=40\n\nNavigation roles:\n\n- navbar: layout=horizontal, width=fill_container, height=72 (mobile: 56), padding=[0,80] (mobile: [0,16]), alignItems=center, justifyContent=space_between\n- nav-links: layout=horizontal, gap=24, alignItems=center\n- nav-link: textGrowth=auto, lineHeight=1.2\n\nInteractive roles:\n\n- button: padding=[12,24], height=44, layout=horizontal, gap=8, alignItems=center, justifyContent=center, cornerRadius=8. In navbar: padding=[8,16], height=36. In form-group: width=fill_container, height=48, cornerRadius=10\n- icon-button: width=44, height=44, layout=horizontal, justifyContent=center, alignItems=center, cornerRadius=8\n- badge: layout=horizontal, padding=[6,12], gap=4, alignItems=center, justifyContent=center, cornerRadius=999\n- tag: layout=horizontal, padding=[4,10], gap=4, alignItems=center, justifyContent=center, cornerRadius=6\n- pill: layout=horizontal, padding=[6,14], gap=6, alignItems=center, justifyContent=center, cornerRadius=999\n- input: height=48, layout=horizontal, padding=[12,16], alignItems=center, cornerRadius=8. In vertical layout: width=fill_container\n- form-input: width=fill_container, height=48, layout=horizontal, padding=[12,16], alignItems=center, cornerRadius=8\n- search-bar: layout=horizontal, height=44, padding=[10,16], gap=8, alignItems=center, cornerRadius=22\n\nDisplay roles:\n\n- card: layout=vertical, gap=12, cornerRadius=12, clipContent=true. In horizontal layout: width=fill_container, height=fill_container\n- stat-card: layout=vertical, gap=8, padding=[24,24], cornerRadius=12. In horizontal layout: width=fill_container, height=fill_container\n- pricing-card: layout=vertical, gap=16, padding=[32,24], cornerRadius=16, clipContent=true. In horizontal layout: width=fill_container, height=fill_container\n- image-card: layout=vertical, gap=0, cornerRadius=12, clipContent=true\n- feature-card: layout=vertical, gap=12, padding=[24,24], cornerRadius=12. In horizontal layout: width=fill_container, height=fill_container\n\nMedia roles:\n\n- phone-mockup: width=280, height=560, cornerRadius=32, layout=none\n- screenshot-frame: cornerRadius=12, clipContent=true\n- avatar: width/height=48, cornerRadius=24, clipContent=true (size adapts to explicit width)\n- icon: width=24, height=24\n\nTypography roles:\n\n- heading: lineHeight=1.2 (CJK: 1.35), letterSpacing=-0.5 (CJK: 0). In vertical layout: textGrowth=fixed-width, width=fill_container\n- subheading: lineHeight=1.3 (CJK: 1.4), textGrowth=fixed-width, width=fill_container\n- body-text: lineHeight=1.5 (CJK: 1.6), textGrowth=fixed-width, width=fill_container\n- caption: lineHeight=1.3 (CJK: 1.4), textGrowth=auto\n- label: lineHeight=1.2, textGrowth=auto, textAlignVertical=middle\n\nContent roles:\n\n- hero: layout=vertical, width=fill_container, height=fit_content, padding=[80,80] (mobile: [40,16]), gap=24, alignItems=center\n- feature-grid: layout=horizontal, width=fill_container, gap=24, alignItems=start\n- testimonial: layout=vertical, gap=16, padding=[24,24], cornerRadius=12\n- cta-section: layout=vertical, width=fill_container, height=fit_content, padding=[60,80] (mobile: [40,16]), gap=20, alignItems=center\n- footer: layout=vertical, width=fill_container, height=fit_content, padding=[48,80] (mobile: [32,16]), gap=24\n- stats-section: layout=horizontal, width=fill_container, height=fit_content, padding=[48,80] (mobile: [32,16]), gap=32, justifyContent=center, alignItems=center\n\nTable roles:\n\n- table: layout=vertical, width=fill_container, gap=0, clipContent=true\n- table-row: layout=horizontal, width=fill_container, alignItems=center, padding=[12,16]\n- table-header: layout=horizontal, width=fill_container, alignItems=center, padding=[12,16]\n- table-cell: width=fill_container\n\nYour explicit props ALWAYS override role defaults. Only unset properties get filled in.'
+        "content": "SEMANTIC ROLES (add \"role\" to nodes \u2014 system fills unset props based on role):\n\nLayout roles:\n\n- section: layout=vertical, width=fill_container, height=fit_content, gap=24, padding=[60,80] (mobile: [40,16]), alignItems=center\n- row: layout=horizontal, width=fill_container, gap=16, alignItems=center\n- column: layout=vertical, width=fill_container, gap=16\n- centered-content: layout=vertical, width=1080 (mobile: fill_container), gap=24, alignItems=center\n- form-group: layout=vertical, width=fill_container, gap=16\n- divider: width=fill_container, height=1, layout=none (vertical divider: width=1, height=fill_container)\n- spacer: width=fill_container, height=40\n\nNavigation roles:\n\n- navbar: layout=horizontal, width=fill_container, height=72 (mobile: 56), padding=[0,80] (mobile: [0,16]), alignItems=center, justifyContent=space_between\n- nav-links: layout=horizontal, gap=24, alignItems=center\n- nav-link: textGrowth=auto, lineHeight=1.2\n\nInteractive roles:\n\n- button: padding=[12,24], height=44, layout=horizontal, gap=8, alignItems=center, justifyContent=center, cornerRadius=8. In navbar: padding=[8,16], height=36. In form-group: width=fill_container, height=48, cornerRadius=10\n- icon-button: width=44, height=44, layout=horizontal, justifyContent=center, alignItems=center, cornerRadius=8\n- badge: layout=horizontal, padding=[6,12], gap=4, alignItems=center, justifyContent=center, cornerRadius=999\n- tag: layout=horizontal, padding=[4,10], gap=4, alignItems=center, justifyContent=center, cornerRadius=6\n- pill: layout=horizontal, padding=[6,14], gap=6, alignItems=center, justifyContent=center, cornerRadius=999\n- input: height=48, layout=horizontal, padding=[12,16], alignItems=center, cornerRadius=8. In vertical layout: width=fill_container\n- form-input: width=fill_container, height=48, layout=horizontal, padding=[12,16], alignItems=center, cornerRadius=8\n- search-bar: layout=horizontal, height=44, padding=[10,16], gap=8, alignItems=center, cornerRadius=22\n\nDisplay roles:\n\n- card: layout=vertical, gap=12, cornerRadius=12, clipContent=true. In horizontal layout: width=fill_container, height=fill_container\n- stat-card: layout=vertical, gap=8, padding=[24,24], cornerRadius=12. In horizontal layout: width=fill_container, height=fill_container\n- pricing-card: layout=vertical, gap=16, padding=[32,24], cornerRadius=16, clipContent=true. In horizontal layout: width=fill_container, height=fill_container\n- image-card: layout=vertical, gap=0, cornerRadius=12, clipContent=true\n- feature-card: layout=vertical, gap=12, padding=[24,24], cornerRadius=12. In horizontal layout: width=fill_container, height=fill_container\n\nMedia roles:\n\n- phone-mockup: width=280, height=560, cornerRadius=32, layout=none\n- screenshot-frame: cornerRadius=12, clipContent=true\n- avatar: width/height=48, cornerRadius=24, clipContent=true (size adapts to explicit width)\n- icon: width=24, height=24\n\nLayout-escape roles:\n\n- overlay: the ONLY way to place a child at absolute x/y inside a parent that uses `layout: vertical|horizontal`. Use for notification dots on an icon, corner ribbons on a card, floating status indicators. The child keeps its explicit `x`/`y` while siblings flow normally. Do NOT use `role: 'overlay'` for inline components \u2014 `badge`, `pill`, `tag` are inline (they flow in layout like any other child, NOT floating). Do NOT use `role: 'overlay'` as a substitute for `layout: 'none'` on the parent.\n\nTypography roles:\n\n- heading: lineHeight=1.2 (CJK: 1.35), letterSpacing=-0.5 (CJK: 0). In vertical layout: textGrowth=fixed-width, width=fill_container\n- subheading: lineHeight=1.3 (CJK: 1.4), textGrowth=fixed-width, width=fill_container\n- body-text: lineHeight=1.5 (CJK: 1.6), textGrowth=fixed-width, width=fill_container\n- caption: lineHeight=1.3 (CJK: 1.4), textGrowth=auto\n- label: lineHeight=1.2, textGrowth=auto, textAlignVertical=middle\n\nContent roles:\n\n- hero: layout=vertical, width=fill_container, height=fit_content, padding=[80,80] (mobile: [40,16]), gap=24, alignItems=center\n- feature-grid: layout=horizontal, width=fill_container, gap=24, alignItems=start\n- testimonial: layout=vertical, gap=16, padding=[24,24], cornerRadius=12\n- cta-section: layout=vertical, width=fill_container, height=fit_content, padding=[60,80] (mobile: [40,16]), gap=20, alignItems=center\n- footer: layout=vertical, width=fill_container, height=fit_content, padding=[48,80] (mobile: [32,16]), gap=24\n- stats-section: layout=horizontal, width=fill_container, height=fit_content, padding=[48,80] (mobile: [32,16]), gap=32, justifyContent=center, alignItems=center\n\nTable roles:\n\n- table: layout=vertical, width=fill_container, gap=0, clipContent=true\n- table-row: layout=horizontal, width=fill_container, alignItems=center, padding=[12,16]\n- table-header: layout=horizontal, width=fill_container, alignItems=center, padding=[12,16]\n- table-cell: width=fill_container\n\nYour explicit props ALWAYS override role defaults. Only unset properties get filled in."
       },
       {
         "meta": {
@@ -4723,7 +4728,7 @@ async function handleSetVariables(params) {
   if (params.replace) {
     doc.variables = params.variables;
   } else {
-    doc.variables = { ...doc.variables ?? {}, ...params.variables };
+    doc.variables = { ...doc.variables, ...params.variables };
   }
   await saveDocument(filePath, doc);
   return { variables: doc.variables };
@@ -4734,7 +4739,7 @@ async function handleSetThemes(params) {
   if (params.replace) {
     doc.themes = params.themes;
   } else {
-    doc.themes = { ...doc.themes ?? {}, ...params.themes };
+    doc.themes = { ...doc.themes, ...params.themes };
   }
   await saveDocument(filePath, doc);
   return { themes: doc.themes };
@@ -5042,11 +5047,18 @@ var init_font_manager = __esm({
       systemFontFamilies = /* @__PURE__ */ new Set();
       /** In-flight font fetch promises to avoid duplicate requests */
       pendingFetches = /* @__PURE__ */ new Map();
+      /** Cached set of native (OS-installed) font families from Local Font Access API (lowercase) */
+      nativeFontSet = null;
+      /** Full native font entries with blob accessors, keyed by lowercase family name */
+      nativeFontMap = /* @__PURE__ */ new Map();
+      /** Current permission state for native font access (Local Font Access API) */
+      nativeFontPermission = "prompt";
       constructor(ck, options) {
         this.provider = ck.TypefaceFontProvider.Make();
         this.fontBasePath = options?.fontBasePath ?? "/fonts/";
         if (!this.fontBasePath.endsWith("/")) this.fontBasePath += "/";
         this.googleFontsCssUrl = options?.googleFontsCssUrl ?? "https://fonts.googleapis.com/css2";
+        this._checkPermissionState();
       }
       getProvider() {
         return this.provider;
@@ -5118,7 +5130,8 @@ var init_font_manager = __esm({
         }
       }
       /**
-       * Ensure a font family is loaded. Tries bundled fonts first, then Google Fonts.
+       * Ensure a font family is loaded. Tries bundled fonts first, then native
+       * fonts (Local Font Access API + canvas heuristic), then Google Fonts CDN.
        */
       async ensureFont(family, weights = [400, 500, 600, 700]) {
         const key = family.toLowerCase();
@@ -5133,6 +5146,7 @@ var init_font_manager = __esm({
         this.pendingFetches.delete(key);
         if (!result) {
           if (isSystemFont(family)) {
+            console.warn(`[FontManager] "${family}" is now a system font fallback after failed load.`);
             this.systemFontFamilies.add(key);
           } else {
             this.failedFamilies.add(key);
@@ -5152,6 +5166,91 @@ var init_font_manager = __esm({
         });
         return loaded;
       }
+      /**
+       * Request native font access from the user via the Local Font Access API.
+       * Must be called from a user gesture context (click handler) for the
+       * browser to show the permission prompt.
+       *
+       * Returns true if access was granted and fonts were enumerated.
+       */
+      async requestNativeFontAccess() {
+        if (typeof window === "undefined") {
+          this.nativeFontPermission = "unavailable";
+          return false;
+        }
+        if (!("queryLocalFonts" in window)) {
+          console.warn("[FontManager] Local Font Access API not available in this browser.");
+          this.nativeFontPermission = "unavailable";
+          return false;
+        }
+        try {
+          const fonts = await window.queryLocalFonts();
+          const families = /* @__PURE__ */ new Set();
+          this.nativeFontMap.clear();
+          for (const f of fonts) {
+            const key = f.family.toLowerCase();
+            families.add(key);
+            const entry = {
+              family: f.family,
+              fullName: f.fullName,
+              postscriptName: f.postscriptName,
+              style: f.style,
+              blob: f.blob.bind(f)
+            };
+            const existing = this.nativeFontMap.get(key) ?? [];
+            existing.push(entry);
+            this.nativeFontMap.set(key, existing);
+          }
+          this.nativeFontSet = families;
+          this.nativeFontPermission = "granted";
+          console.log(`[FontManager] Native font access granted \u2014 ${families.size} families found.`);
+          return true;
+        } catch (e) {
+          const errMsg = e instanceof Error ? e.message : String(e);
+          if (e instanceof DOMException && e.name === "NotAllowedError") {
+            try {
+              const status = await navigator.permissions.query({
+                name: "local-fonts"
+              });
+              if (status.state === "prompt") {
+                console.warn(
+                  "[FontManager] Native font access not yet prompted \u2014 will retry on next user gesture."
+                );
+                this.nativeFontPermission = "prompt";
+                this.nativeFontSet = null;
+                return false;
+              }
+            } catch {
+            }
+            console.warn("[FontManager] Native font access denied by user.");
+            this.nativeFontPermission = "denied";
+          } else {
+            console.warn("[FontManager] Native font access failed:", errMsg);
+            this.nativeFontPermission = "denied";
+          }
+          this.nativeFontSet = /* @__PURE__ */ new Set();
+          return false;
+        }
+      }
+      /**
+       * Check the current permission state without triggering a prompt.
+       */
+      async _checkPermissionState() {
+        if (typeof navigator === "undefined" || !navigator.permissions) {
+          return;
+        }
+        try {
+          const result = await navigator.permissions.query({
+            name: "local-fonts"
+          });
+          this.nativeFontPermission = result.state;
+          if (result.state === "granted") {
+            this.requestNativeFontAccess().catch(() => {
+            });
+          }
+        } catch {
+        }
+      }
       async _loadFont(family, weights) {
         const bundled = BUNDLED_FONTS[family.toLowerCase()];
         if (bundled) {
@@ -5159,10 +5258,56 @@ var init_font_manager = __esm({
           const ok = await this._fetchLocalFonts(family, urls, bundled);
           if (ok) return true;
         }
-        if (isSystemFont(family)) {
+        if (isKnownNonGoogleFont(family)) {
           return false;
         }
-        return this._fetchGoogleFont(family, weights);
+        const nativeLoaded = await this._loadNativeFontData(family);
+        if (nativeLoaded) return true;
+        const nativeFonts = await this.getNativeFontSet();
+        if (nativeFonts.has(family.toLowerCase())) {
+          const blobLoaded = await this._loadNativeFontData(family);
+          if (blobLoaded) return true;
+          this.systemFontFamilies.add(family.toLowerCase());
+          return false;
+        }
+        if (isFontLocallyAvailable(family)) {
+          this.systemFontFamilies.add(family.toLowerCase());
+          return false;
+        }
+        const isFontFromGoogle = await this._fetchGoogleFont(family, weights);
+        if (isFontFromGoogle) return true;
+        return false;
+      }
+      /**
+       * Attempt to load a native font from the Local Font Access API blob data
+       * into CanvasKit's TypefaceFontProvider for vector rendering.
+       */
+      async _loadNativeFontData(family) {
+        const key = family.toLowerCase();
+        const entries = this.nativeFontMap.get(key);
+        if (!entries || entries.length === 0) return false;
+        let registered = 0;
+        for (const entry of entries) {
+          try {
+            const blob = await entry.blob();
+            const buffer = await blob.arrayBuffer();
+            if (buffer.byteLength > 0 && this.registerFont(buffer, family)) {
+              registered++;
+            }
+          } catch (e) {
+            console.warn(
+              `[FontManager] Failed to load native font blob for "${entry.fullName}":`,
+              e instanceof Error ? e.message : String(e)
+            );
+          }
+        }
+        if (registered > 0) {
+          console.log(
+            `[FontManager] Loaded "${family}" from native fonts (${registered}/${entries.length} variants).`
+          );
+          return true;
+        }
+        return false;
       }
       async _fetchLocalFonts(family, urls, relPaths) {
         try {
@@ -5217,8 +5362,8 @@ var init_font_manager = __esm({
             const fontBuffers = await Promise.all(
               urls.map(async (url) => {
                 try {
-                  const resp = await fetchWithTimeout(url, 8e3);
-                  return resp.ok ? resp.arrayBuffer() : null;
+                  const resp = fetchWithTimeout(url, 8e3);
+                  return (await resp).ok ? (await resp).arrayBuffer() : null;
                 } catch {
                   return null;
                 }
@@ -5234,12 +5379,27 @@ var init_font_manager = __esm({
         }
         return false;
       }
+      /**
+       * Build a set of all native (OS-installed) font families using the
+       * Local Font Access API (Chrome 103+, Edge 103+).
+       * Falls back to empty set if API is unavailable or permission denied.
+       * Results are cached after the first successful call.
+       */
+      async getNativeFontSet() {
+        if (this.nativeFontSet) return this.nativeFontSet;
+        if (this.nativeFontPermission !== "denied" && this.nativeFontPermission !== "unavailable") {
+          await this.requestNativeFontAccess();
+        }
+        return this.nativeFontSet ?? /* @__PURE__ */ new Set();
+      }
       dispose() {
         this.provider.delete();
         this.loadedFamilies.clear();
         this.failedFamilies.clear();
         this.systemFontFamilies.clear();
         this.pendingFetches.clear();
+        this.nativeFontSet = null;
+        this.nativeFontMap.clear();
       }
     };
     localFontCache = /* @__PURE__ */ new Map();
@@ -6776,8 +6936,8 @@ async function handleLoadThemePreset(params) {
   if (data.type !== "openpencil-theme-preset") {
     throw new Error("Invalid theme preset file");
   }
-  doc.themes = { ...doc.themes ?? {}, ...data.themes };
-  doc.variables = { ...doc.variables ?? {}, ...data.variables };
+  doc.themes = { ...doc.themes, ...data.themes };
+  doc.variables = { ...doc.variables, ...data.variables };
   await saveDocument(filePath, doc);
   return {
     themes: doc.themes,
@@ -13775,7 +13935,7 @@ init_define_import_meta_env();
 // apps/cli/package.json
 var package_default = {
   name: "@zseven-w/openpencil",
-  version: "0.7.2",
+  version: "0.7.4",
   description: "CLI for OpenPencil \u2014 control the design tool from your terminal",
   homepage: "https://github.com/ZSeven-W/openpencil/tree/main/apps/cli",
   bugs: {
@@ -13802,8 +13962,8 @@ var package_default = {
     compile: "cd ../.. && bun run cli:compile"
   },
   dependencies: {
-    "@zseven-w/pen-figma": "0.7.2",
-    "@zseven-w/pen-mcp": "0.7.2"
+    "@zseven-w/pen-figma": "0.7.4",
+    "@zseven-w/pen-mcp": "0.7.4"
   }
 };