@aiderdesk/aiderdesk 0.67.0 → 0.68.0

package/out/renderer/assets/{index-zdiQSGqQ.css → index-z-BItG-u.css}

@@ -3224,6 +3224,10 @@ html {
   cursor: grab;
 }
 
+.cursor-help {
+  cursor: help;
+}
+
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -9501,6 +9505,10 @@ body.theme-light .context-dimmed {
   cursor: grab;
 }
 
+.cursor-help {
+  cursor: help;
+}
+
 .cursor-not-allowed {
   cursor: not-allowed;
 }

package/out/renderer/assets/{infoDiagram-5YYISTIA-zTriWVJJ.js → infoDiagram-5YYISTIA-DvophXOV.js}

@@ -1,5 +1,5 @@
-import { _ as __name, l as log, I as selectSvgElement, e as configureSvgSize } from "./index-P63PgYUG.js";
-import { p as parse } from "./wardley-L42UT6IY-FZSNLjCs.js";
+import { _ as __name, l as log, I as selectSvgElement, e as configureSvgSize } from "./index-BmQl7j8n.js";
+import { p as parse } from "./wardley-L42UT6IY-Cz6T4MDn.js";
 var parser = {
   parse: /* @__PURE__ */ __name(async (input) => {
     const ast = await parse("info", input);

package/out/renderer/assets/{ishikawaDiagram-YF4QCWOH-DHO6Yeea.js → ishikawaDiagram-YF4QCWOH-CDT4EDOF.js}

@@ -1,4 +1,4 @@
-import { _ as __name, c as getConfig2, R as parseFontSize, I as selectSvgElement, aq as at, z as clear, k as common_default, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, g as getAccDescription, s as setAccDescription, q as getDiagramTitle, e as configureSvgSize } from "./index-P63PgYUG.js";
+import { _ as __name, c as getConfig2, R as parseFontSize, I as selectSvgElement, aq as at, z as clear, k as common_default, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, g as getAccDescription, s as setAccDescription, q as getDiagramTitle, e as configureSvgSize } from "./index-BmQl7j8n.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/out/renderer/assets/{journeyDiagram-JHISSGLW-CZsRcg2X.js → journeyDiagram-JHISSGLW-B5FCPOti.js}

@@ -1,7 +1,7 @@
-import { g as getIconStyles } from "./chunk-FMBD7UC4-BqbYNISq.js";
-import { a as drawBackgroundRect, g as getNoteRect, h as drawText, d as drawRect } from "./chunk-ND2GUHAM-D29ZgnDp.js";
-import { g as getAccDescription, s as setAccDescription, a as getAccTitle, b as setAccTitle, q as getDiagramTitle, p as setDiagramTitle, _ as __name, c as getConfig2, d as select, e as configureSvgSize, z as clear } from "./index-P63PgYUG.js";
-import { d as d3arc } from "./arc-BnPy4nhx.js";
+import { g as getIconStyles } from "./chunk-FMBD7UC4-Bstyl64g.js";
+import { a as drawBackgroundRect, g as getNoteRect, h as drawText, d as drawRect } from "./chunk-ND2GUHAM-CVaUW2HV.js";
+import { g as getAccDescription, s as setAccDescription, a as getAccTitle, b as setAccTitle, q as getDiagramTitle, p as setDiagramTitle, _ as __name, c as getConfig2, d as select, e as configureSvgSize, z as clear } from "./index-BmQl7j8n.js";
+import { d as d3arc } from "./arc-Cju-fnUJ.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/out/renderer/assets/jsx-dev-runtime-DuBp-Rhq.js

@@ -0,0 +1,49 @@
+import { b8 as getDefaultExportFromCjs } from "./index-BmQl7j8n.js";
+function _mergeNamespaces(n, m) {
+  for (var i = 0; i < m.length; i++) {
+    const e = m[i];
+    if (typeof e !== "string" && !Array.isArray(e)) {
+      for (const k in e) {
+        if (k !== "default" && !(k in n)) {
+          const d = Object.getOwnPropertyDescriptor(e, k);
+          if (d) {
+            Object.defineProperty(n, k, d.get ? d : {
+              enumerable: true,
+              get: () => e[k]
+            });
+          }
+        }
+      }
+    }
+  }
+  return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: "Module" }));
+}
+var jsxDevRuntime$2 = { exports: {} };
+var reactJsxDevRuntime_production = {};
+var hasRequiredReactJsxDevRuntime_production;
+function requireReactJsxDevRuntime_production() {
+  if (hasRequiredReactJsxDevRuntime_production) return reactJsxDevRuntime_production;
+  hasRequiredReactJsxDevRuntime_production = 1;
+  var REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
+  reactJsxDevRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
+  reactJsxDevRuntime_production.jsxDEV = void 0;
+  return reactJsxDevRuntime_production;
+}
+var hasRequiredJsxDevRuntime;
+function requireJsxDevRuntime() {
+  if (hasRequiredJsxDevRuntime) return jsxDevRuntime$2.exports;
+  hasRequiredJsxDevRuntime = 1;
+  {
+    jsxDevRuntime$2.exports = requireReactJsxDevRuntime_production();
+  }
+  return jsxDevRuntime$2.exports;
+}
+var jsxDevRuntimeExports = requireJsxDevRuntime();
+const jsxDevRuntime = /* @__PURE__ */ getDefaultExportFromCjs(jsxDevRuntimeExports);
+const jsxDevRuntime$1 = /* @__PURE__ */ _mergeNamespaces({
+  __proto__: null,
+  default: jsxDevRuntime
+}, [jsxDevRuntimeExports]);
+export {
+  jsxDevRuntime$1 as j
+};

package/out/renderer/assets/{kanban-definition-UN3LZRKU-DSpAeh8p.js → kanban-definition-UN3LZRKU-CM_TQl4S.js}

@@ -1,5 +1,5 @@
-import { _ as __name, l as log, c as getConfig2, I as selectSvgElement, ak as insertCluster, al as insertNode, am as positionNode, a1 as setupGraphViewbox, G as defaultConfig_default, i as sanitizeText, t as load, J as JSON_SCHEMA, Y as isDark, $ as lighten, a0 as darken } from "./index-P63PgYUG.js";
-import { g as getIconStyles } from "./chunk-FMBD7UC4-BqbYNISq.js";
+import { _ as __name, l as log, c as getConfig2, I as selectSvgElement, ak as insertCluster, al as insertNode, am as positionNode, a1 as setupGraphViewbox, G as defaultConfig_default, i as sanitizeText, t as load, J as JSON_SCHEMA, Y as isDark, $ as lighten, a0 as darken } from "./index-BmQl7j8n.js";
+import { g as getIconStyles } from "./chunk-FMBD7UC4-Bstyl64g.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/out/renderer/assets/{layout-B5A8fT-Z.js → layout-DdBKGefG.js}

@@ -1,5 +1,5 @@
-import { d as defineProperty, b as baseRest, a as baseFlatten, s as setToString, o as overRest, c as arrayEach, e as isArrayLikeObject, f as baseFor, g as baseIteratee, h as baseFindIndex, j as baseEach, k as arrayMap, l as castFunction, m as baseForOwn, n as hasPath, p as identity, q as castPath, t as toKey, r as baseGet, u as hasIn, v as toString, G as Graph, w as forEach, x as constant, i as isUndefined, y as filter, z as values, A as reduce } from "./graph-BZvTCUpv.js";
-import { c2 as toNumber, bN as isObject, c3 as eq, bR as isArrayLike, bQ as isIndex, bX as isPrototype, c4 as arrayLikeKeys, c5 as overArg, bS as isObjectLike, c6 as baseGetTag, bO as keys, c7 as root, c8 as getSymbols, c9 as stubArray, bK as arrayPush, ca as baseGetAllKeys, cb as Uint8Array, bG as Symbol$1, bW as getTag, cc as baseUnary, cd as nodeUtil, bU as isBuffer, bL as Stack, bE as isArray, ce as getAllKeys, bV as isTypedArray, bJ as isArguments, c1 as isFunction, bF as isSymbol } from "./index-P63PgYUG.js";
+import { d as defineProperty, b as baseRest, a as baseFlatten, s as setToString, o as overRest, c as arrayEach, e as isArrayLikeObject, f as baseFor, g as baseIteratee, h as baseFindIndex, j as baseEach, k as arrayMap, l as castFunction, m as baseForOwn, n as hasPath, p as identity, q as castPath, t as toKey, r as baseGet, u as hasIn, v as toString, G as Graph, w as forEach, x as constant, i as isUndefined, y as filter, z as values, A as reduce } from "./graph-BPvbzKl1.js";
+import { c2 as toNumber, bN as isObject, c3 as eq, bR as isArrayLike, bQ as isIndex, bX as isPrototype, c4 as arrayLikeKeys, c5 as overArg, bS as isObjectLike, c6 as baseGetTag, bO as keys, c7 as root, c8 as getSymbols, c9 as stubArray, bK as arrayPush, ca as baseGetAllKeys, cb as Uint8Array, bG as Symbol$1, bW as getTag, cc as baseUnary, cd as nodeUtil, bU as isBuffer, bL as Stack, bE as isArray, ce as getAllKeys, bV as isTypedArray, bJ as isArguments, c1 as isFunction, bF as isSymbol } from "./index-BmQl7j8n.js";
 var INFINITY = 1 / 0, MAX_INTEGER = 17976931348623157e292;
 function toFinite(value) {
   if (!value) {

package/out/renderer/assets/{mindmap-definition-RKZ34NQL-Bns9Ab8p.js → mindmap-definition-RKZ34NQL-BeGrpK-H.js}

@@ -1,6 +1,6 @@
-import { g as getDiagramElement } from "./chunk-55IACEB6-COO6Gc0F.js";
-import { s as setupViewPortForSVG } from "./chunk-2J33WTMH-Cqrw7IHw.js";
-import { _ as __name, l as log, o as getRegisteredLayoutAlgorithm, r as render, D as getConfig, G as defaultConfig_default, c as getConfig2, i as sanitizeText, ai as getUserDefinedConfig, aj as v4, Y as isDark, $ as lighten, a0 as darken } from "./index-P63PgYUG.js";
+import { g as getDiagramElement } from "./chunk-55IACEB6-BB7RTMZZ.js";
+import { s as setupViewPortForSVG } from "./chunk-2J33WTMH-Bd_3pGvb.js";
+import { _ as __name, l as log, o as getRegisteredLayoutAlgorithm, r as render, D as getConfig, G as defaultConfig_default, c as getConfig2, i as sanitizeText, ai as getUserDefinedConfig, aj as v4, Y as isDark, $ as lighten, a0 as darken } from "./index-BmQl7j8n.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/out/renderer/assets/{pieDiagram-4H26LBE5-BX36DY7W.js → pieDiagram-4H26LBE5-CnMhRK3I.js}

@@ -1,7 +1,7 @@
-import { ae as constant, a6 as tau, b6 as array, g as getAccDescription, s as setAccDescription, a as getAccTitle, b as setAccTitle, q as getDiagramTitle, p as setDiagramTitle, _ as __name, l as log, c as getConfig2$1, F as cleanAndMerge, I as selectSvgElement, R as parseFontSize, b7 as ordinal, e as configureSvgSize, z as clear, G as defaultConfig_default } from "./index-P63PgYUG.js";
-import { p as populateCommonDb } from "./chunk-4BX2VUAB-DKY4go9E.js";
-import { p as parse } from "./wardley-L42UT6IY-FZSNLjCs.js";
-import { d as d3arc } from "./arc-BnPy4nhx.js";
+import { ae as constant, a6 as tau, b6 as array, g as getAccDescription, s as setAccDescription, a as getAccTitle, b as setAccTitle, q as getDiagramTitle, p as setDiagramTitle, _ as __name, l as log, c as getConfig2$1, F as cleanAndMerge, I as selectSvgElement, R as parseFontSize, b7 as ordinal, e as configureSvgSize, z as clear, G as defaultConfig_default } from "./index-BmQl7j8n.js";
+import { p as populateCommonDb } from "./chunk-4BX2VUAB-Csrpxz3N.js";
+import { p as parse } from "./wardley-L42UT6IY-Cz6T4MDn.js";
+import { d as d3arc } from "./arc-Cju-fnUJ.js";
 function descending(a, b) {
   return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN;
 }

package/out/renderer/assets/{quadrantDiagram-W4KKPZXB-DuD2qSni.js → quadrantDiagram-W4KKPZXB-O_Q_JI2s.js}

@@ -1,4 +1,4 @@
-import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, c as getConfig2, l as log, d as select, e as configureSvgSize, z as clear, G as defaultConfig_default, K as linear, i as sanitizeText, L as getThemeVariables3 } from "./index-P63PgYUG.js";
+import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, c as getConfig2, l as log, d as select, e as configureSvgSize, z as clear, G as defaultConfig_default, K as linear, i as sanitizeText, L as getThemeVariables3 } from "./index-BmQl7j8n.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/out/renderer/assets/{requirementDiagram-4Y6WPE33-Th2uknlw.js → requirementDiagram-4Y6WPE33-vf9wLf04.js}

@@ -1,6 +1,6 @@
-import { g as getDiagramElement } from "./chunk-55IACEB6-COO6Gc0F.js";
-import { s as setupViewPortForSVG } from "./chunk-2J33WTMH-Cqrw7IHw.js";
-import { _ as __name, D as getConfig, b as setAccTitle, a as getAccTitle, s as setAccDescription, g as getAccDescription, p as setDiagramTitle, q as getDiagramTitle, c as getConfig2, l as log, z as clear, C as __export, o as getRegisteredLayoutAlgorithm, r as render, u as utils_default } from "./index-P63PgYUG.js";
+import { g as getDiagramElement } from "./chunk-55IACEB6-BB7RTMZZ.js";
+import { s as setupViewPortForSVG } from "./chunk-2J33WTMH-Bd_3pGvb.js";
+import { _ as __name, D as getConfig, b as setAccTitle, a as getAccTitle, s as setAccDescription, g as getAccDescription, p as setDiagramTitle, q as getDiagramTitle, c as getConfig2, l as log, z as clear, C as __export, o as getRegisteredLayoutAlgorithm, r as render, u as utils_default } from "./index-BmQl7j8n.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/out/renderer/assets/{sankeyDiagram-5OEKKPKP-DP3WODC7.js → sankeyDiagram-5OEKKPKP-CE4n-uB4.js}

@@ -1,4 +1,4 @@
-import { p as setDiagramTitle, q as getDiagramTitle, s as setAccDescription, g as getAccDescription, b as setAccTitle, a as getAccTitle, _ as __name, c as getConfig2, A as defaultConfig2, d as select, b7 as ordinal, a1 as setupGraphViewbox, z as clear, k as common_default } from "./index-P63PgYUG.js";
+import { p as setDiagramTitle, q as getDiagramTitle, s as setAccDescription, g as getAccDescription, b as setAccTitle, a as getAccTitle, _ as __name, c as getConfig2, A as defaultConfig2, d as select, b7 as ordinal, a1 as setupGraphViewbox, z as clear, k as common_default } from "./index-BmQl7j8n.js";
 function colors(specifier) {
   var n = specifier.length / 6 | 0, colors2 = new Array(n), i = 0;
   while (i < n) colors2[i] = "#" + specifier.slice(i * 6, ++i * 6);

package/out/renderer/assets/{sequenceDiagram-3UESZ5HK-BvpGEq-v.js → sequenceDiagram-3UESZ5HK-DebEZhql.js}

@@ -1,6 +1,6 @@
-import { _ as __name, n as setConfig2, c as getConfig2, d as select, l as log, j as distExports, e as configureSvgSize, f as assignWithDepth_default, k as common_default, b as setAccTitle, s as setAccDescription, p as setDiagramTitle, a as getAccTitle, g as getAccDescription, q as getDiagramTitle, t as load, J as JSON_SCHEMA, z as clear, i as sanitizeText, u as utils_default, P as hasKatex, Q as calculateMathMLDimensions, R as parseFontSize, Z as ZERO_WIDTH_SPACE, D as getConfig, S as getUrl, T as renderKatexSanitized } from "./index-P63PgYUG.js";
-import { a as drawBackgroundRect, b as getTextObj, g as getNoteRect, d as drawRect, e as drawEmbeddedImage, f as drawImage } from "./chunk-ND2GUHAM-D29ZgnDp.js";
-import { I as ImperativeState } from "./chunk-QZHKN3VN-B-pbtAbR.js";
+import { _ as __name, n as setConfig2, c as getConfig2, d as select, l as log, j as distExports, e as configureSvgSize, f as assignWithDepth_default, k as common_default, b as setAccTitle, s as setAccDescription, p as setDiagramTitle, a as getAccTitle, g as getAccDescription, q as getDiagramTitle, t as load, J as JSON_SCHEMA, z as clear, i as sanitizeText, u as utils_default, P as hasKatex, Q as calculateMathMLDimensions, R as parseFontSize, Z as ZERO_WIDTH_SPACE, D as getConfig, S as getUrl, T as renderKatexSanitized } from "./index-BmQl7j8n.js";
+import { a as drawBackgroundRect, b as getTextObj, g as getNoteRect, d as drawRect, e as drawEmbeddedImage, f as drawImage } from "./chunk-ND2GUHAM-CVaUW2HV.js";
+import { I as ImperativeState } from "./chunk-QZHKN3VN-AMfy7Nbn.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/out/renderer/assets/{stateDiagram-AJRCARHV-Btrfma35.js → stateDiagram-AJRCARHV-DCsVosBt.js}

@@ -1,9 +1,9 @@
-import { s as styles_default, a as stateDiagram_default, S as StateDB } from "./chunk-AQP2D5EJ-JHXEk1U1.js";
-import { _ as __name, c as getConfig2, d as select, l as log, e as configureSvgSize, k as common_default, O as line, V as curveBasis, S as getUrl, u as utils_default } from "./index-P63PgYUG.js";
-import { G as Graph } from "./graph-BZvTCUpv.js";
-import { l as layout } from "./layout-B5A8fT-Z.js";
-import "./chunk-55IACEB6-COO6Gc0F.js";
-import "./chunk-2J33WTMH-Cqrw7IHw.js";
+import { s as styles_default, a as stateDiagram_default, S as StateDB } from "./chunk-AQP2D5EJ-D5f9Zgag.js";
+import { _ as __name, c as getConfig2, d as select, l as log, e as configureSvgSize, k as common_default, O as line, V as curveBasis, S as getUrl, u as utils_default } from "./index-BmQl7j8n.js";
+import { G as Graph } from "./graph-BPvbzKl1.js";
+import { l as layout } from "./layout-DdBKGefG.js";
+import "./chunk-55IACEB6-BB7RTMZZ.js";
+import "./chunk-2J33WTMH-Bd_3pGvb.js";
 var drawStartState = /* @__PURE__ */ __name((g) => g.append("circle").attr("class", "start-state").attr("r", getConfig2().state.sizeUnit).attr("cx", getConfig2().state.padding + getConfig2().state.sizeUnit).attr("cy", getConfig2().state.padding + getConfig2().state.sizeUnit), "drawStartState");
 var drawDivider = /* @__PURE__ */ __name((g) => g.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", getConfig2().state.textHeight).attr("class", "divider").attr("x2", getConfig2().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider");
 var drawSimpleState = /* @__PURE__ */ __name((g, stateDef) => {

package/out/renderer/assets/{stateDiagram-v2-BHNVJYJU-v-8JiozM.js → stateDiagram-v2-BHNVJYJU-8oguEvt8.js}

@@ -1,7 +1,7 @@
-import { s as styles_default, b as stateRenderer_v3_unified_default, a as stateDiagram_default, S as StateDB } from "./chunk-AQP2D5EJ-JHXEk1U1.js";
-import { _ as __name } from "./index-P63PgYUG.js";
-import "./chunk-55IACEB6-COO6Gc0F.js";
-import "./chunk-2J33WTMH-Cqrw7IHw.js";
+import { s as styles_default, b as stateRenderer_v3_unified_default, a as stateDiagram_default, S as StateDB } from "./chunk-AQP2D5EJ-D5f9Zgag.js";
+import { _ as __name } from "./index-BmQl7j8n.js";
+import "./chunk-55IACEB6-BB7RTMZZ.js";
+import "./chunk-2J33WTMH-Bd_3pGvb.js";
 var diagram = {
   parser: stateDiagram_default,
   get db() {

package/out/renderer/assets/{timeline-definition-PNZ67QCA-prZy7cGx.js → timeline-definition-PNZ67QCA-CSfXVnNf.js}

@@ -1,5 +1,5 @@
-import { _ as __name, D as getConfig, Y as isDark, $ as lighten, a0 as darken, c as getConfig2, l as log, I as selectSvgElement, R as parseFontSize, a1 as setupGraphViewbox, d as select, C as __export, a2 as commonDb_exports, z as clear } from "./index-P63PgYUG.js";
-import { d as d3arc } from "./arc-BnPy4nhx.js";
+import { _ as __name, D as getConfig, Y as isDark, $ as lighten, a0 as darken, c as getConfig2, l as log, I as selectSvgElement, R as parseFontSize, a1 as setupGraphViewbox, d as select, C as __export, a2 as commonDb_exports, z as clear } from "./index-BmQl7j8n.js";
+import { d as d3arc } from "./arc-Cju-fnUJ.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/out/renderer/assets/{vennDiagram-CIIHVFJN-XCVp5OjS.js → vennDiagram-CIIHVFJN-DxOEVeC4.js}

@@ -1,4 +1,4 @@
-import { aY as adjustChannel, s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, D as getConfig, I as selectSvgElement, d as select, aq as at, Y as isDark, $ as lighten, a0 as darken, e as configureSvgSize, z as clear, F as cleanAndMerge, G as defaultConfig_default } from "./index-P63PgYUG.js";
+import { aY as adjustChannel, s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, D as getConfig, I as selectSvgElement, d as select, aq as at, Y as isDark, $ as lighten, a0 as darken, e as configureSvgSize, z as clear, F as cleanAndMerge, G as defaultConfig_default } from "./index-BmQl7j8n.js";
 const transparentize = (color, amount) => {
   return adjustChannel(color, "a", -amount);
 };

package/out/renderer/assets/{wardley-L42UT6IY-FZSNLjCs.js → wardley-L42UT6IY-Cz6T4MDn.js}

@@ -1,4 +1,4 @@
-import { cf as __vitePreload } from "./index-P63PgYUG.js";
+import { cf as __vitePreload } from "./index-BmQl7j8n.js";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/out/renderer/assets/{wardleyDiagram-YWT4CUSO-Cla_7ryL.js → wardleyDiagram-YWT4CUSO-B4sA3LOJ.js}

@@ -1,6 +1,6 @@
-import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, L as getThemeVariables3, D as getConfig, F as cleanAndMerge, l as log, I as selectSvgElement, e as configureSvgSize, z as clear, c as getConfig2 } from "./index-P63PgYUG.js";
-import { p as populateCommonDb } from "./chunk-4BX2VUAB-DKY4go9E.js";
-import { p as parse } from "./wardley-L42UT6IY-FZSNLjCs.js";
+import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, L as getThemeVariables3, D as getConfig, F as cleanAndMerge, l as log, I as selectSvgElement, e as configureSvgSize, z as clear, c as getConfig2 } from "./index-BmQl7j8n.js";
+import { p as populateCommonDb } from "./chunk-4BX2VUAB-Csrpxz3N.js";
+import { p as parse } from "./wardley-L42UT6IY-Cz6T4MDn.js";
 var toPercent = /* @__PURE__ */ __name((value, context) => {
   const normalized = value <= 1 ? value * 100 : value;
   if (normalized < 0 || normalized > 100) {

package/out/renderer/assets/{xychartDiagram-2RQKCTM6-CKvwGbhk.js → xychartDiagram-2RQKCTM6-DbJjruqS.js}

@@ -1,4 +1,4 @@
-import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, l as log, I as selectSvgElement, e as configureSvgSize, z as clear, D as getConfig, i as sanitizeText, F as cleanAndMerge, G as defaultConfig_default, L as getThemeVariables3, M as band, N as computeDimensionOfText, K as linear, O as line } from "./index-P63PgYUG.js";
+import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, l as log, I as selectSvgElement, e as configureSvgSize, z as clear, D as getConfig, i as sanitizeText, F as cleanAndMerge, G as defaultConfig_default, L as getThemeVariables3, M as band, N as computeDimensionOfText, K as linear, O as line } from "./index-BmQl7j8n.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;

package/out/renderer/index.html

@@ -20,8 +20,8 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta name="apple-mobile-web-app-title" content="AiderDesk">
     <link rel="apple-touch-icon" href="/icon-192.png">
-    <script type="module" crossorigin src="./assets/index-P63PgYUG.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-zdiQSGqQ.css">
+    <script type="module" crossorigin src="./assets/index-BmQl7j8n.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-z-BItG-u.css">
   </head>
 
   <body>

package/out/resources/skills/extension-creator/SKILL.md

@@ -112,6 +112,20 @@ Do not use when:
 
 **If:** Component triggers actions, implement `executeUIExtensionAction()`
 
+### Rule: Use external libraries when UI components need npm packages
+
+**When:** Extension UI components need third-party npm packages (charts, calendars, kanban boards, etc.)
+
+**Then:** Implement `getUIComponentsLibraries()` returning a Record<string, string> mapping camelCase keys to npm package specs
+
+**Must:** Access loaded libraries in JSX via `props.libraries.<key>`
+
+**Must:** Handle the loading state — libraries are async and `props.libraries.<key>` will be `undefined` on first render
+
+**Never:** Bundle or import React in library specs — AiderDesk's React instance is externalized automatically
+
+**Reference:** [external-libraries.md](references/external-libraries.md) for full details, loading patterns, and examples
+
 ### Rule: Add config component for extension settings
 
 **When:** Extension needs user-configurable settings (shown in gear icon dialog)
@@ -295,6 +309,15 @@ After completing this skill, verify:
   }
   ```
 
+**Situation:** Extension UI components need third-party npm packages
+
+**Pattern:**
+- When: Extension needs a library like a chart, calendar, kanban board, etc. that isn't in the built-in `ui` prop
+- Then: Implement `getUIComponentsLibraries()` returning `{ key: 'package@^version' }`
+- Access: Use `props.libraries.<key>` in JSX — check for `undefined` (async loading)
+- Example: `getUIComponentsLibraries() { return { chart: 'recharts@^2.12.0' } }`
+- Reference: [external-libraries.md](references/external-libraries.md)
+
 **Situation:** Extension needs config storage
 
 **Pattern:**
@@ -331,6 +354,7 @@ After completing this skill, verify:
 - [event-types.md](references/event-types.md) - All event types and payloads
 - [command-definition.md](references/command-definition.md) - Command structure
 - [ui-components.md](references/ui-components.md) - UI component system, placements, and available components
+- [external-libraries.md](references/external-libraries.md) - Loading third-party npm libraries in UI components (getUIComponentsLibraries)
 - [config-components.md](references/config-components.md) - Config component API (settings UI), methods, JSX format, and patterns
 - [examples-gallery.md](references/examples-gallery.md) - Real extension examples
 

package/out/resources/skills/extension-creator/references/examples-gallery.md

@@ -581,3 +581,14 @@ export default class ExternalRulesExtension implements Extension {
 | Tools | chunkhound-search | Custom AI tools |
 | UI Display | tps-counter | Show information in UI |
 | UI Interactive | multi-model-run | User input in UI |
+| **External Libraries** | **kanban-demo.ts** | **Third-party npm packages in UI components** |
+
+### External Libraries (kanban-demo.ts)
+
+Uses `getUIComponentsLibraries()` to load a npm package and render it in a UI component. See [external-libraries.md](external-libraries.md) for full documentation and a minimal example.
+
+Key patterns:
+- `getUIComponentsLibraries()` returns `{ kanban: 'react-kanban-kit@^0.0.2-beta.7' }`
+- JSX accesses library via `props.libraries.kanban`
+- Loading state handled with `undefined` check + timeout-based error fallback
+- Uses `ui.Button` and `ui.ModalOverlayLayout` alongside the external library

package/out/resources/skills/extension-creator/references/extension-interface.md

@@ -16,6 +16,7 @@ interface Extension {
   getAgents?(context: ExtensionContext): AgentProfile[];
   getModes?(context: ExtensionContext): ModeDefinition[];
   getUIComponents?(context: ExtensionContext): UIComponentDefinition[];
+  getUIComponentsLibraries?(): Record<string, string>;
   
   // UI Component support
   getUIExtensionData?(componentId: string, context: ExtensionContext): Promise<unknown>;
@@ -250,6 +251,9 @@ interface UIComponentProps {
   // Extension actions
   executeExtensionAction: (action: string, ...args: unknown[]) => Promise<unknown>;
   
+  // External libraries (loaded via getUIComponentsLibraries)
+  libraries: Record<string, Record<string, unknown>>;
+  
   // Data from getUIExtensionData() (if loadData: true)
   data?: unknown;
   

package/out/resources/skills/extension-creator/references/external-libraries.md

@@ -0,0 +1,159 @@
+# External Libraries in UI Components
+
+Extensions can load third-party npm packages and use them in their UI component JSX. This is useful when you need a rich component library (e.g., charts, kanban boards, calendars) that isn't available through the built-in `ui` prop.
+
+## How It Works
+
+1. **Declare** — Implement `getUIComponentsLibraries()` returning a map of arbitrary keys to npm package specs.
+2. **Resolve** — AiderDesk resolves each package via [esm.sh](https://esm.sh) (React and React-DOM are externalized to avoid duplicate instances). Resolved sources are cached to `~/.aider-desk/cache/extension-libraries/` for offline reuse.
+3. **Access** — Resolved libraries are passed to your JSX as `props.libraries.<key>`.
+
+## Declaring Libraries
+
+```typescript
+getUIComponentsLibraries(): Record<string, string> {
+  return {
+    chart: 'recharts@^2.12.0',
+    lodash: 'lodash@^4.17.0',
+  };
+}
+```
+
+- **Key** — camelCase identifier you'll use to access the library in JSX (e.g., `props.libraries.chart`).
+- **Value** — npm package name with a semver range, exactly as you'd list it in `package.json` (e.g., `'recharts@^2.12.0'`).
+
+## Accessing in JSX
+
+Libraries arrive as `props.libraries.<key>`. Each value is the module's resolved exports — you can destructure named exports or use the default:
+
+```jsx
+(props) => {
+  var chartLib = props.libraries.chart;
+  if (!chartLib) return <span>Loading chart library…</span>;
+
+  var LineChart = chartLib.LineChart;
+  var Line = chartLib.Line;
+  // ... use them
+}
+```
+
+## Loading State
+
+Libraries are loaded asynchronously. On first render `props.libraries.<key>` will be `undefined`. Always check for availability before using a library:
+
+```jsx
+(props) => {
+  var chartLib = props.libraries.chart;
+
+  if (!chartLib) {
+    return <span className="text-text-secondary text-sm">Loading…</span>;
+  }
+
+  var LineChart = chartLib.LineChart;
+  return <LineChart data={props.data} />;
+}
+```
+
+If you want to show an error after a timeout, use `useEffect` with a flag:
+
+```jsx
+(props) => {
+  var useState = React.useState;
+  var useEffect = React.useEffect;
+  var chartLib = props.libraries.chart;
+
+  var _e = useState(false);
+  var loadError = _e[0];
+  var setLoadError = _e[1];
+
+  useEffect(function () {
+    if (!chartLib && !loadError) {
+      var t = setTimeout(function () { setLoadError(true); }, 15000);
+      return function () { clearTimeout(t); };
+    }
+    setLoadError(false);
+  }, [chartLib, loadError]);
+
+  if (loadError && !chartLib) {
+    return <span className="text-red-400 text-sm">Failed to load library.</span>;
+  }
+  if (!chartLib) {
+    return <span className="text-text-secondary text-sm">Loading…</span>;
+  }
+
+  var LineChart = chartLib.LineChart;
+  return <LineChart data={props.data} />;
+}
+```
+
+## Important Notes
+
+- **React is externalized** — AiderDesk's React instance is used automatically. Never bundle or import React inside the library spec; it is already available globally. The esm.sh resolution uses `?external=react,react-dom,react/jsx-runtime,react/jsx-dev-runtime` to prevent duplicate React instances.
+- **Internet required on first load** — Libraries are fetched from esm.sh on first use, then cached to disk. Subsequent loads work offline.
+- **Single-file extensions** — `getUIComponentsLibraries()` works in both single-file and folder extensions.
+- **Key naming** — Use camelCase keys. A key like `chart` becomes `props.libraries.chart`. Avoid dots or special characters in keys.
+- **Multiple libraries** — You can declare as many libraries as needed. Each is loaded independently.
+
+## Minimal Example
+
+```typescript
+// chart-demo.ts
+import type { Extension, ExtensionContext, UIComponentDefinition } from '@aiderdesk/extensions';
+
+const chartJsx = `
+(props) => {
+  var chartLib = props.libraries.chart;
+  var Button = props.ui.Button;
+
+  if (!chartLib) {
+    return <span className="text-text-secondary text-xs">Loading chart…</span>;
+  }
+
+  var PieChart = chartLib.PieChart;
+  var Pie = chartLib.Pie;
+
+  var data = [
+    { name: 'A', value: 40 },
+    { name: 'B', value: 60 },
+  ];
+
+  return (
+    <div className="p-2">
+      <PieChart width={200} height={200}>
+        <Pie data={data} dataKey="value" nameKey="name" cx="50%" cy="50%" outerRadius={80} />
+      </PieChart>
+    </div>
+  );
+}
+`;
+
+export default class ChartDemoExtension implements Extension {
+  static metadata = {
+    name: 'Chart Demo',
+    version: '1.0.0',
+    description: 'Demonstrates loading a third-party npm library (recharts) in an extension',
+    author: 'my_git_name',
+    capabilities: ['ui', 'example'],
+  };
+
+  async onLoad(context: ExtensionContext): Promise<void> {
+    context.log('Chart Demo loaded', 'info');
+  }
+
+  getUIComponents(_context: ExtensionContext): UIComponentDefinition[] {
+    return [
+      {
+        id: 'chart-demo',
+        placement: 'task-status-bar-left',
+        jsx: chartJsx,
+      },
+    ];
+  }
+
+  getUIComponentsLibraries(): Record<string, string> {
+    return {
+      chart: 'recharts@^2.12.0',
+    };
+  }
+}
+```

package/out/resources/skills/extension-creator/references/ui-components.md

@@ -208,6 +208,9 @@ All UI components receive these props via the `data` prop passed by `string-to-r
   // Extension action executor
   executeExtensionAction: (action: string, ...args: unknown[]) => Promise<unknown>,
   
+  // External libraries loaded via getUIComponentsLibraries()
+  libraries: Record<string, Record<string, unknown>>,
+  
   // Data returned from getUIExtensionData() (if loadData: true)
   data?: unknown,
 }
@@ -427,6 +430,27 @@ The `icons` prop provides access to all react-icons libraries:
 }
 ```
 
+## Using External Libraries
+
+The `libraries` prop provides access to third-party npm packages declared via `getUIComponentsLibraries()`. Each key in the returned Record becomes a property on `props.libraries`.
+
+Libraries are loaded asynchronously — on first render, `props.libraries.<key>` will be `undefined`. Always check availability before use:
+
+```jsx
+(props) => {
+  var chartLib = props.libraries.chart;
+
+  if (!chartLib) {
+    return <span className="text-text-secondary text-sm">Loading chart…</span>;
+  }
+
+  var LineChart = chartLib.LineChart;
+  return <LineChart data={props.data} />;
+}
+```
+
+For full documentation on declaring and using external libraries, see [external-libraries.md](external-libraries.md).
+
 ## Providing Data to Components
 
 When `loadData: true`, implement `getUIExtensionData()`: