@appkit/dek-lib 0.25.0 → 0.26.0

package/dist/index.umd.js

@@ -45217,6 +45217,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     View: u0,
     formatDateTime: Yt2,
     formatFromNow: Gt2,
+    getImageAsBase64: uG1,
     theme: C1,
     useDateTime: qt2,
     useInterval: Ut2
@@ -49815,8 +49816,8 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
       if (zones.length > 1) {
         const components = [];
         zones.forEach((zone2) => {
-          if (zone2.plugin && zone2.component) {
-            const component = api2.plugin(zone2.plugin).component(zone2.component, {
+          if (zone2.integration && zone2.component) {
+            const component = api2.integration(zone2.integration).component(zone2.component, {
               ...parsePropsForComponent(api2, zone2.props),
               "aria-label": `zone-${props.id}`
             });
@@ -49847,9 +49848,9 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
       const zone = api2.board.zones.find(
         (z) => z.key === props.id
       );
-      if (zone && zone.plugin && zone.component) {
-        label = `${props.id}: ${zone.plugin}/${zone.component}`;
-        const component = api2.plugin(zone.plugin).component(zone.component, {
+      if (zone && zone.integration && zone.component) {
+        label = `${props.id}: ${zone.integration}/${zone.component}`;
+        const component = api2.integration(zone.integration).component(zone.component, {
           ...parsePropsForComponent(api2, zone.props),
           "aria-label": `zone-${props.id}`
         });
@@ -50633,10 +50634,10 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
   }
   const registry = new Registry();
   const globals = {
-    boards: {},
-    commandGroups: {},
+    boards: [],
+    commandGroups: [],
     plugins: {},
-    pluginInstances: {},
+    integrationInstances: {},
     setLocation: () => {
     },
     registry,
@@ -66274,11 +66275,11 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
       cache: new InMemoryCache()
     });
   }
-  const UserDataDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "userData" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "currentUser" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "name" } }, { "kind": "Field", "name": { "kind": "Name", "value": "email" } }, { "kind": "Field", "name": { "kind": "Name", "value": "location" } }, { "kind": "Field", "name": { "kind": "Name", "value": "avatar" } }, { "kind": "Field", "name": { "kind": "Name", "value": "boards" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "layout" } }, { "kind": "Field", "name": { "kind": "Name", "value": "zones" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "plugin" } }, { "kind": "Field", "name": { "kind": "Name", "value": "component" } }, { "kind": "Field", "name": { "kind": "Name", "value": "props" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "containerProps" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }] } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "commandGroups" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "commands" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "plugin" } }, { "kind": "Field", "name": { "kind": "Name", "value": "component" } }, { "kind": "Field", "name": { "kind": "Name", "value": "props" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }] } }] } }] } }] } }] };
+  const UserDataDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "userData" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "currentUser" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "name" } }, { "kind": "Field", "name": { "kind": "Name", "value": "email" } }, { "kind": "Field", "name": { "kind": "Name", "value": "location" } }, { "kind": "Field", "name": { "kind": "Name", "value": "avatar" } }, { "kind": "Field", "name": { "kind": "Name", "value": "boards" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "layout" } }, { "kind": "Field", "name": { "kind": "Name", "value": "base" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "integration" } }, { "kind": "Field", "name": { "kind": "Name", "value": "key" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "zones" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "integration" } }, { "kind": "Field", "name": { "kind": "Name", "value": "component" } }, { "kind": "Field", "name": { "kind": "Name", "value": "props" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "containerProps" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }] } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "commandGroups" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "commands" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "integration" } }, { "kind": "Field", "name": { "kind": "Name", "value": "component" } }, { "kind": "Field", "name": { "kind": "Name", "value": "props" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "containerProps" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }] } }] } }] } }] } }] };
   const UserPluginsAndIntegrationsDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "userPluginsAndIntegrations" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "currentUser" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "plugins" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "name" } }, { "kind": "Field", "name": { "kind": "Name", "value": "code" } }, { "kind": "Field", "name": { "kind": "Name", "value": "version" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "integrations" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "pluginName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "pluginVersion" } }, { "kind": "Field", "name": { "kind": "Name", "value": "pluginConfig" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }] } }] } }] } }] };
   const UserChangeDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "subscription", "name": { "kind": "Name", "value": "userChange" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "userChange" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "user" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }] } }] } }] } }] };
   const documents = {
-    "\n  query userData {\n    currentUser {\n      id\n      name\n      email\n      location\n      avatar\n      boards {\n        id\n        title\n        key\n        layout\n        zones {\n          key\n          plugin\n          component\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commandGroups {\n        title\n        key\n        commands {\n          title\n          plugin\n          component\n          props {\n            key\n            value\n          }\n        }\n      }\n    }\n  }\n": UserDataDocument,
+    "\n  query userData {\n    currentUser {\n      id\n      name\n      email\n      location\n      avatar\n      boards {\n        id\n        title\n        key\n        layout\n        base {\n          integration\n          key\n        }\n        zones {\n          key\n          integration\n          component\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commandGroups {\n        title\n        key\n        commands {\n          title\n          integration\n          component\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n    }\n  }\n": UserDataDocument,
     "\n  query userPluginsAndIntegrations {\n    currentUser {\n      plugins {\n        name\n        code\n        version\n      }\n      integrations {\n        key\n        pluginName\n        pluginVersion\n        pluginConfig {\n          key\n          value\n        }\n      }\n    }\n  }\n": UserPluginsAndIntegrationsDocument,
     "\n  subscription userChange {\n    userChange {\n      user {\n        id\n      }\n    }\n  }\n": UserChangeDocument
   };
@@ -66298,9 +66299,13 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
         title
         key
         layout
+        base {
+          integration
+          key
+        }
         zones {
           key
-          plugin
+          integration
           component
           props {
             key
@@ -66317,12 +66322,16 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
         key
         commands {
           title
-          plugin
+          integration
           component
           props {
             key
             value
           }
+          containerProps {
+            key
+            value
+          }
         }
       }
     }
@@ -66363,13 +66372,13 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     data: null,
     loading: false
   });
-  let pluginInstances = {};
-  function getPluginInstances() {
-    return pluginInstances;
+  let globalIntegrationInstances = {};
+  function getIntegrationInstances() {
+    return globalIntegrationInstances;
   }
-  function updateStatePlugins(plugins, instances) {
-    pluginInstances = instances;
-    state$1.plugins = plugins;
+  function updateStatePlugins(pluginFactories, integrationInstances2) {
+    globalIntegrationInstances = integrationInstances2;
+    state$1.plugins = pluginFactories;
   }
   function updateStateData(data) {
     state$1.data = data;
@@ -66399,7 +66408,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
             key: "dev",
             title: "Test Board",
             base: {
-              plugin: "base",
+              integration: "base",
               key: "dev"
             },
             zones: []
@@ -66550,8 +66559,8 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     messages() {
       return this.internal.messages();
     }
-    plugin(name) {
-      return this.internal.plugin(name);
+    integration(key) {
+      return this.internal.integration(key);
     }
     get registry() {
       return this.internal.registry;
@@ -66583,26 +66592,26 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     open(boardKey) {
       this.internal.open(boardKey);
     }
-    get plugins() {
-      return this.internal.plugins;
+    get integrations() {
+      return this.internal.integrations;
     }
     get api() {
-      return this.plugin(this.integrationKey).api;
+      return this.integration(this.integrationKey).api;
     }
     get state() {
-      return this.plugin(this.integrationKey).state;
+      return this.integration(this.integrationKey).state;
     }
     get info() {
-      return this.plugin(this.integrationKey).info;
+      return this.integration(this.integrationKey).info;
     }
     component(key, props) {
-      return this.plugin(this.integrationKey).component(key, props);
+      return this.integration(this.integrationKey).component(key, props);
     }
     componentSchema(key) {
-      return this.plugin(this.integrationKey).componentSchema(key);
+      return this.integration(this.integrationKey).componentSchema(key);
     }
     screen(path) {
-      return this.plugin(this.integrationKey).screen(path);
+      return this.integration(this.integrationKey).screen(path);
     }
   }
   class ApiInternal {
@@ -66636,8 +66645,8 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     messages() {
       return this.globals.messages;
     }
-    plugin(name) {
-      return this.createPluginWrapper(name);
+    integration(key) {
+      return this.createIntegrationWrapper(key);
     }
     get registry() {
       return this.globals.registry;
@@ -66650,6 +66659,8 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     }
     get board() {
       return this.boards.find((board) => board.key === this.boardKey) || {
+        title: "Missing board",
+        key: "#error",
         zones: []
       };
     }
@@ -66671,20 +66682,20 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     open(boardKey) {
       this.globals.setLocation(`/${boardKey}`);
     }
-    createPluginWrapper(integrationKey) {
-      const plugin = this.getPluginInstance(integrationKey);
-      const available = !!plugin;
+    createIntegrationWrapper(integrationKey) {
+      const integration = this.getIntegrationInstance(integrationKey);
+      const available = !!integration;
       return {
         available,
         info: {
-          components: (plugin == null ? void 0 : plugin.components) ? plugin.components.map((component) => component.key) : [],
-          screens: (plugin == null ? void 0 : plugin.screens) ? plugin.screens.map((screen) => screen.path) : []
+          components: (integration == null ? void 0 : integration.components) ? integration.components.map((component) => component.key) : [],
+          screens: (integration == null ? void 0 : integration.screens) ? integration.screens.map((screen) => screen.path) : []
         },
         component: (key, props) => this.getComponent(integrationKey, key, props),
         componentSchema: (key) => this.getComponentSchema(integrationKey, key),
         screen: (path) => this.getScreen(integrationKey, path),
         board: (key) => this.getBoard(integrationKey, key),
-        api: (plugin == null ? void 0 : plugin.api) || {},
+        api: (integration == null ? void 0 : integration.api) || {},
         state: {
           get: (key, defaultValue) => {
             if (!available) {
@@ -66704,20 +66715,20 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     get globals() {
       return window.__dek_globals;
     }
-    get plugins() {
-      const plugins = {};
-      Object.keys(this.globals.pluginInstances).forEach((key) => {
-        plugins[key] = this.createPluginWrapper(key);
+    get integrations() {
+      const integrations = {};
+      Object.keys(this.globals.integrationInstances).forEach((key) => {
+        integrations[key] = this.createIntegrationWrapper(key);
       });
-      return plugins;
+      return integrations;
     }
-    getPluginInstance(integrationKey) {
-      return this.globals.pluginInstances[integrationKey];
+    getIntegrationInstance(integrationKey) {
+      return this.globals.integrationInstances[integrationKey];
     }
     getComponent(integrationKey, componentKey, props) {
-      const plugin = this.getPluginInstance(integrationKey);
-      if (plugin) {
-        const component = plugin.components && plugin.components.find(
+      const integration = this.getIntegrationInstance(integrationKey);
+      if (integration) {
+        const component = integration.components && integration.components.find(
           (c2) => c2.key.toLowerCase() === componentKey.toLowerCase()
         );
         if (!component) {
@@ -66725,15 +66736,15 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
         }
         return component.element({
           ...props,
-          plugin,
+          plugin: integration,
           api: new Api(integrationKey)
         });
       }
     }
     getComponentSchema(integrationKey, componentKey) {
-      const plugin = this.getPluginInstance(integrationKey);
-      if (plugin) {
-        const component = plugin.components && plugin.components.find(
+      const integration = this.getIntegrationInstance(integrationKey);
+      if (integration) {
+        const component = integration.components && integration.components.find(
           (c2) => c2.key.toLowerCase() === componentKey.toLowerCase()
         );
         if (component) {
@@ -66744,29 +66755,35 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     }
     getScreen(integrationKey, screenPath) {
       if (integrationKey) {
-        const plugin = this.getPluginInstance(integrationKey);
-        if (plugin) {
-          const component = plugin.screens && plugin.screens.find(
+        const integration = this.getIntegrationInstance(integrationKey);
+        if (integration) {
+          const component = integration.screens && integration.screens.find(
             (s4) => s4.path.toLowerCase() === screenPath.toLowerCase()
           );
           if (!component) {
             return;
           }
-          return component.element({ plugin, api: new Api(integrationKey) });
+          return component.element({
+            plugin: integration,
+            api: new Api(integrationKey)
+          });
         }
       }
     }
     getBoard(integrationKey, boardKey) {
       if (integrationKey) {
-        const plugin = this.getPluginInstance(integrationKey);
-        if (plugin) {
-          const component = plugin.boards && plugin.boards.find(
+        const integration = this.getIntegrationInstance(integrationKey);
+        if (integration) {
+          const component = integration.boards && integration.boards.find(
             (c2) => c2.key.toLowerCase() === boardKey.toLowerCase()
           );
           if (!component) {
             return;
           }
-          return component.element({ plugin, api: new Api(integrationKey) });
+          return component.element({
+            plugin: integration,
+            api: new Api(integrationKey)
+          });
         }
       }
     }
@@ -66849,7 +66866,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     result.integrations.push({
       key: "base",
       pluginName: "base",
-      pluginVersion: "0.25.0",
+      pluginVersion: "0.26.0",
       pluginConfig: []
     });
     return result;
@@ -67024,7 +67041,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
   };
   const About = () => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(u0, { padding: 20, direction: "vert", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { children: `Dek ${"0.25.0"}` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { children: `Dek ${"0.26.0"}` }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(h4, { children: "From Appkit" })
     ] });
   };
@@ -67039,7 +67056,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     const handleSelection = (key) => {
       setSelectedKey(key);
       console.log("handleSelection", { key });
-      api2.plugin("base").state.set("backgroundKey", key);
+      api2.integration("base").state.set("backgroundKey", key);
     };
     const menuItems = Object.keys(backgroundItems).map((key) => {
       const item = backgroundItems[key];
@@ -67074,7 +67091,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
                 value: backgroundProps[key] || prop.default,
                 onChange: (value) => {
                   backgroundProps[key] = value;
-                  api2.plugin("base").state.set(propsKey, JSON.stringify(backgroundProps));
+                  api2.integration("base").state.set(propsKey, JSON.stringify(backgroundProps));
                 }
               }
             ) });
@@ -67091,7 +67108,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
                 value: backgroundProps[key],
                 onChange: (option) => {
                   backgroundProps[key] = option.value;
-                  api2.plugin("base").state.set(propsKey, JSON.stringify(backgroundProps));
+                  api2.integration("base").state.set(propsKey, JSON.stringify(backgroundProps));
                 }
               }
             ) });
@@ -67106,7 +67123,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
                 color: backgroundProps[key] || prop.default,
                 onChange: (color) => {
                   backgroundProps[key] = color;
-                  api2.plugin("base").state.set(propsKey, JSON.stringify(backgroundProps));
+                  api2.integration("base").state.set(propsKey, JSON.stringify(backgroundProps));
                 }
               }
             );
@@ -67160,11 +67177,11 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     )) });
   };
   const PluginDev = ({ api: api2 }) => {
-    const plugin = api2.plugin("plugin");
+    const integration = api2.integration("plugin");
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(u0, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(u0, { padding: 20, collapse: true, direction: "vert", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { paddingBottom: 15, children: "Components" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { direction: "horz", collapse: true, children: plugin && plugin.info.components.map((component) => /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { collapse: true, paddingRight: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { direction: "horz", collapse: true, children: integration && integration.info.components.map((component) => /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { collapse: true, paddingRight: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           yt2,
           {
             title: component,
@@ -67173,7 +67190,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
           }
         ) }, component)) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { paddingBottom: 15, paddingTop: 50, children: "Screens" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { direction: "horz", collapse: true, children: plugin && plugin.info.screens.map((screen) => /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { collapse: true, paddingRight: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { direction: "horz", collapse: true, children: integration && integration.info.screens.map((screen) => /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { collapse: true, paddingRight: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           yt2,
           {
             title: screen,
@@ -67425,7 +67442,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     ] });
   };
   const SettingsScreen = ({ api: api2, isPluginDev }) => {
-    const isPrivatePluginDev = !isPluginDev && api2.plugin("plugin").available;
+    const isPrivatePluginDev = !isPluginDev && api2.integration("plugin").available;
     const [selectedKey, setSelectedKey] = usePluginState(
       api2,
       "settings-screen-key",
@@ -71470,7 +71487,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     ]
   };
   const Greeting = ({ api: api2 }) => {
-    const calendarPlugin = api2.plugin("calendar");
+    const calendarPlugin = api2.integration("calendar");
     const events2 = calendarPlugin.api.useEvents();
     const getGreeting = () => {
       const d = /* @__PURE__ */ new Date();
@@ -98487,7 +98504,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     const [error2, setError] = React$3.useState(void 0);
     React$3.useEffect(() => {
       if (propsString === "") {
-        const plugin = api2.plugin("plugin");
+        const plugin = api2.integration("plugin");
         setPropsString(
           JSON.stringify(
             schemaToProps(plugin.componentSchema(params.componentKey)),
@@ -98529,7 +98546,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
       }
     };
     const handleReset = () => {
-      const plugin = api2.plugin("plugin");
+      const plugin = api2.integration("plugin");
       setPropsString(
         JSON.stringify(
           schemaToProps(plugin.componentSchema(params.componentKey)),
@@ -98592,7 +98609,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
           ) }),
           error2 && /* @__PURE__ */ jsxRuntimeExports.jsx(h4, { color: "red", paddingLeft: 15, paddingTop: 10, children: error2 })
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(St2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { halign: "left", valign: "center", children: propsString && api2.plugin("plugin").component(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(St2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { halign: "left", valign: "center", children: propsString && api2.integration("plugin").component(
           params.componentKey,
           parsePropsForComponent(api2, propsArray)
         ) }) })
@@ -102572,16 +102589,16 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
       ];
     }
   }
-  const builtinPlugins = {
+  const builtinPluginFactories = {
     base: Plugin$2,
     calendar: Plugin$1,
     "home-assistant": Plugin
   };
   const pluginVersions = {};
-  const loadedDekPlugins = {};
-  const loadedDekPluginInstances = {};
-  let loadedLocalPlugin;
-  let loadedLocalPluginInstance;
+  const userPluginFactories = {};
+  const integrationInstances = {};
+  let localPluginFactory;
+  let localIntegrationInstance;
   async function loadUserPlugin(name, version2, code) {
     try {
       const module2 = {};
@@ -102612,7 +102629,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
       return null;
     }
   }
-  function constructPluginInstance(integration, plugin, pluginConfig = {}) {
+  function constructIntegrationInstance(integration, plugin, pluginConfig = {}) {
     const pluginConfigMerged = {
       plugin: integration.pluginName,
       version: integration.pluginVersion || pluginVersions[integration.pluginName] || "latest",
@@ -102624,14 +102641,14 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     }
     return new plugin(pluginConfigMerged, registry);
   }
-  async function initializePluginInstance(pluginInstance, integrationKey) {
-    if (pluginInstance && pluginInstance.load) {
-      await pluginInstance.load(getPluginApi(integrationKey));
+  async function initializeIntegrationInstance(integrationInstance, integrationKey) {
+    if (integrationInstance && integrationInstance.load) {
+      await integrationInstance.load(getPluginApi(integrationKey));
     }
   }
-  async function initializePluginInstances() {
-    for (const key of Object.keys(loadedDekPluginInstances)) {
-      await initializePluginInstance(loadedDekPluginInstances[key], key);
+  async function initializeIntegrationInstances() {
+    for (const key of Object.keys(integrationInstances)) {
+      await initializeIntegrationInstance(integrationInstances[key], key);
     }
   }
   async function loadPlugins({
@@ -102640,59 +102657,62 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
   }) {
     if (plugins) {
       for (const plugin of plugins) {
-        const userPlugin = await loadUserPlugin(
+        const userPluginFactory = await loadUserPlugin(
           plugin.name,
           plugin.version,
           plugin.code
         );
-        if (userPlugin) {
-          loadedDekPlugins[plugin.name] = userPlugin;
+        if (userPluginFactory) {
+          userPluginFactories[plugin.name] = userPluginFactory;
         }
       }
     }
     if (integrations) {
       for (const integration of integrations) {
-        const Plugin2 = builtinPlugins[integration.pluginName] || loadedDekPlugins[integration.pluginName];
-        if (Plugin2) {
-          const pluginInstance = constructPluginInstance(integration, Plugin2);
-          loadedDekPluginInstances[integration.key] = pluginInstance;
+        const plugin = builtinPluginFactories[integration.pluginName] || userPluginFactories[integration.pluginName];
+        if (plugin) {
+          const integrationInstance = constructIntegrationInstance(
+            integration,
+            plugin
+          );
+          integrationInstances[integration.key] = integrationInstance;
         }
       }
-      await initializePluginInstances();
+      await initializeIntegrationInstances();
     }
   }
   async function unloadAllPlugins() {
-    while (Object.keys(loadedDekPluginInstances).length > 0) {
-      const key = Object.keys(loadedDekPluginInstances)[0];
-      const plugin = loadedDekPluginInstances[key];
+    while (Object.keys(integrationInstances).length > 0) {
+      const key = Object.keys(integrationInstances)[0];
+      const plugin = integrationInstances[key];
       if (plugin && plugin.unload) {
         await plugin.unload();
       }
-      delete loadedDekPluginInstances[key];
+      delete integrationInstances[key];
     }
-    while (Object.keys(loadedDekPlugins).length > 0) {
-      const key = Object.keys(loadedDekPlugins)[0];
-      delete loadedDekPlugins[key];
+    while (Object.keys(userPluginFactories).length > 0) {
+      const key = Object.keys(userPluginFactories)[0];
+      delete userPluginFactories[key];
     }
   }
-  function getAllPlugins() {
-    const allPlugins = {
-      ...builtinPlugins,
-      ...loadedDekPlugins
+  function getAllPluginFactories() {
+    const results = {
+      ...builtinPluginFactories,
+      ...userPluginFactories
     };
-    if (loadedLocalPlugin) {
-      allPlugins.plugin = loadedLocalPlugin;
+    if (localPluginFactory) {
+      results.plugin = localPluginFactory;
     }
-    return allPlugins;
+    return results;
   }
-  function getAllPluginInstances() {
-    const allPluginInstances = {
-      ...loadedDekPluginInstances
+  function getAllIntegrationInstances() {
+    const results = {
+      ...integrationInstances
     };
-    if (loadedLocalPluginInstance) {
-      allPluginInstances.plugin = loadedLocalPluginInstance;
+    if (localIntegrationInstance) {
+      results.plugin = localIntegrationInstance;
     }
-    return allPluginInstances;
+    return results;
   }
   async function updatePlugins(email, password) {
     updateStateLoading(true);
@@ -102706,7 +102726,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
           {
             key: "base",
             pluginName: "base",
-            pluginVersion: "0.25.0",
+            pluginVersion: "0.26.0",
             pluginConfig: []
           }
         ],
@@ -102717,12 +102737,12 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
       pluginVersions[plugin.name] = plugin.version;
     });
     await loadPlugins(integrationsAndPlugins);
-    updateStatePlugins(getAllPlugins(), getAllPluginInstances());
+    updateStatePlugins(getAllPluginFactories(), getAllIntegrationInstances());
     updateStateLoading(false);
   }
   async function unloadPlugins() {
     await unloadAllPlugins();
-    updateStatePlugins(getAllPlugins(), getAllPluginInstances());
+    updateStatePlugins(getAllPluginFactories(), getAllIntegrationInstances());
   }
   async function updateLocalPlugin(plugin, pluginConfig) {
     updateStateLoading(true);
@@ -102732,25 +102752,25 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
       key: "plugin",
       pluginConfig: []
     };
-    loadedLocalPlugin = plugin;
-    loadedLocalPluginInstance = constructPluginInstance(
+    localPluginFactory = plugin;
+    localIntegrationInstance = constructIntegrationInstance(
       integration,
       plugin,
       pluginConfig
     );
-    if (loadedLocalPluginInstance && loadedLocalPluginInstance.load) {
-      await loadedLocalPluginInstance.load(getPluginApi("plugin"));
+    if (localIntegrationInstance && localIntegrationInstance.load) {
+      await localIntegrationInstance.load(getPluginApi("plugin"));
     }
-    updateStatePlugins(getAllPlugins(), getAllPluginInstances());
+    updateStatePlugins(getAllPluginFactories(), getAllIntegrationInstances());
     updateStateLoading(false);
   }
   async function unloadLocalPlugin() {
-    if (loadedLocalPluginInstance && loadedLocalPluginInstance.unload) {
-      await loadedLocalPluginInstance.unload();
+    if (localIntegrationInstance && localIntegrationInstance.unload) {
+      await localIntegrationInstance.unload();
     }
-    loadedLocalPluginInstance = void 0;
-    loadedLocalPlugin = void 0;
-    updateStatePlugins(getAllPlugins(), getAllPluginInstances());
+    localIntegrationInstance = void 0;
+    localPluginFactory = void 0;
+    updateStatePlugins(getAllPluginFactories(), getAllIntegrationInstances());
   }
   function useUserConfig(email, password, plugin, pluginConfig) {
     const userConfig = useSnapshot(state$1);
@@ -102779,7 +102799,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
       globals.commandGroups = userConfig.data.commandGroups;
     }
     globals.plugins = userConfig.plugins;
-    globals.pluginInstances = getPluginInstances();
+    globals.integrationInstances = getIntegrationInstances();
     return userConfig;
   }
   const Background = () => {
@@ -103732,10 +103752,10 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     const api2 = getPluginApi();
     const resolveRouteElement = (route2) => {
       if (route2.type === "screen") {
-        return api2.plugin(route2.plugin).screen(route2.path);
+        return api2.integration(route2.plugin).screen(route2.path);
       } else {
         const defaultBase = {
-          plugin: "base",
+          integration: "base",
           key: "main"
         };
         const board = api2.boards.find(
@@ -103743,19 +103763,19 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
         );
         if (board) {
           if (board.base) {
-            const boardElement = api2.plugin(board.base.plugin).board(board.base.key);
+            const boardElement = api2.integration(board.base.integration).board(board.base.key);
             if (boardElement) {
               return boardElement;
             }
           } else {
-            return api2.plugin(defaultBase.plugin).board(defaultBase.key);
+            return api2.integration(defaultBase.integration).board(defaultBase.key);
           }
         }
-        const devBoard = api2.plugin("plugin").board(api2.boardKey);
+        const devBoard = api2.integration("plugin").board(api2.boardKey);
         if (devBoard) {
           return devBoard;
         }
-        return api2.plugin(defaultBase.plugin).board(api2.boardKey);
+        return api2.integration(defaultBase.integration).board(api2.boardKey);
       }
     };
     console.log("### ROUTE", route);
@@ -103779,15 +103799,15 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     const [container, setContainer] = React$3.useState(null);
     const [containerNodeRef, setContainerNodeRef] = React$3.useState(null);
     const { data } = userConfig;
-    const pluginInstances2 = getPluginInstances();
+    const pluginInstances = getIntegrationInstances();
     React$3.useEffect(() => {
       const loadRoutes = async () => {
         var _a2, _b2;
         const newRoutes = [];
         const newBoardKeys = [];
-        if (pluginInstances2) {
-          for (const key in pluginInstances2) {
-            (_a2 = pluginInstances2[key].screens) == null ? void 0 : _a2.forEach((screen) => {
+        if (pluginInstances) {
+          for (const key in pluginInstances) {
+            (_a2 = pluginInstances[key].screens) == null ? void 0 : _a2.forEach((screen) => {
               newRoutes.push({
                 type: "screen",
                 plugin: key,
@@ -103796,7 +103816,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
                 nodeRef: React$3.createRef()
               });
             });
-            (_b2 = pluginInstances2[key].boards) == null ? void 0 : _b2.forEach((board) => {
+            (_b2 = pluginInstances[key].boards) == null ? void 0 : _b2.forEach((board) => {
               newBoardKeys.push("/" + board.key);
             });
           }
@@ -103814,7 +103834,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
         setBoardKeys(newBoardKeys);
       };
       loadRoutes();
-    }, [pluginInstances2, data == null ? void 0 : data.boards]);
+    }, [pluginInstances, data == null ? void 0 : data.boards]);
     React$3.useEffect(() => {
       const { nodeRef } = routes.find((route) => {
         let path = "/:boardKey";
@@ -103910,10 +103930,10 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     if (!group) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { children: group.commands.map((component, idx) => {
-      const instance = api2.plugin(component.plugin).component(
-        component.component,
-        parsePropsForComponent(api2, component.props)
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { children: group.commands.map((command, idx) => {
+      const instance = api2.integration(command.integration).component(
+        command.component,
+        parsePropsForComponent(api2, command.props)
       );
       return /* @__PURE__ */ jsxRuntimeExports.jsx(CommandItem, { children: instance }, idx);
     }) });