@w6w/ui 0.2.56 → 0.2.57

package/dist/provider.d.ts

@@ -164,6 +164,8 @@ export interface DataStoreEntryOptions {
     more?: boolean;
 }
 export interface W6WApi {
+    /** Host route for opening a callable in a new tab. */
+    callableHref?(kind: "function" | "workflow", id: string): string;
     /**
      * List registered apps to pick from in the connection modal.
      *
@@ -477,6 +479,7 @@ export interface W6WApi {
     runWorkflow(id: string, opts?: {
         variables?: Record<string, unknown>;
         input?: Record<string, unknown>;
+        entry?: string;
     }): Promise<{
         runId: string;
         status: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@w6w/ui",
-  "version": "0.2.56",
+  "version": "0.2.57",
   "description": "React components for w6w — central API management. Build plugins, apps and integrations on them.",
   "license": "MIT",
   "homepage": "https://w6w.io",
@@ -121,6 +121,7 @@
     "test:workflow-connections": "node test/workflow-connections/run.mjs",
     "test:workflow-undo": "node test/workflow-connections/undo.mjs",
     "test:workflow-context-menu": "node test/workflow-connections/context-menu.mjs",
+    "test:workflow-delete-confirm": "node test/workflow-connections/delete-confirm.mjs",
     "test:script-completion": "node test/script-completion/run.mjs"
   }
 }

package/src/code.css

@@ -457,6 +457,30 @@
     opacity: 1;
   }
 }
+/* Keep copy discoverable on results and rendered documents. */
+.w6w-copyable--overlay,
+.w6w-copyable--document {
+  position: relative;
+  align-items: flex-start;
+}
+
+.w6w-copyable--overlay > .w6w-copyable-btn,
+.w6w-copyable--document > .w6w-copyable-btn {
+  position: absolute;
+  top: var(--w6w-sp-1);
+  right: var(--w6w-sp-1);
+  background: var(--w6w-panel);
+  border-color: var(--w6w-border);
+}
+
+.w6w-copyable--document {
+  display: block;
+  background: transparent;
+  border: none;
+  padding: 0;
+  padding-right: var(--w6w-sp-10);
+}
+
 .w6w-code-block {
   background: var(--w6w-panel-2);
   border: 1px solid var(--w6w-border);

package/src/styles/_code-editor.scss

@@ -33,3 +33,19 @@
 :where(.w6w-json-editor, .w6w-code-editor, .w6w-yaml-editor) .cm-gutters {
   min-height: 100%;
 }
+
+/* Pin copy outside the scroll area for all editor languages. */
+:where(.w6w-json-editor, .w6w-code-editor, .w6w-yaml-editor) {
+  position: relative;
+}
+:where(.w6w-json-editor, .w6w-code-editor, .w6w-yaml-editor) > .w6w-copyable-btn {
+  position: absolute;
+  top: var(--w6w-sp-1);
+  right: var(--w6w-sp-1);
+  background: var(--w6w-panel);
+  border-color: var(--w6w-border);
+  z-index: 1;
+}
+:where(.w6w-json-editor, .w6w-code-editor, .w6w-yaml-editor):has(> .w6w-copyable-btn) .cm-content {
+  padding-right: var(--w6w-sp-10);
+}

package/src/styles/_copyable.scss

@@ -169,3 +169,25 @@
     opacity: 1;
   }
 }
+
+/* Keep copy discoverable on results and rendered documents. */
+.w6w-copyable--overlay,
+.w6w-copyable--document {
+  position: relative;
+  align-items: flex-start;
+}
+.w6w-copyable--overlay > .w6w-copyable-btn,
+.w6w-copyable--document > .w6w-copyable-btn {
+  position: absolute;
+  top: var(--w6w-sp-1);
+  right: var(--w6w-sp-1);
+  background: var(--w6w-panel);
+  border-color: var(--w6w-border);
+}
+.w6w-copyable--document {
+  display: block;
+  background: transparent;
+  border: none;
+  padding: 0;
+  padding-right: var(--w6w-sp-10);
+}

package/src/styles/_data-vars.scss

@@ -47,3 +47,14 @@
 .w6w-datavar-error {
   color: var(--w6w-danger);
 }
+
+/* A JSON value is a one-line preview; its full content lives in the expanded editor. */
+.w6w-datavar-row > .w6w-fx-wrap {
+  min-width: 0;
+}
+.w6w-datavar-row .w6w-datavar-json-preview {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+}

package/src/styles.css

@@ -2250,6 +2250,30 @@ select optgroup {
     opacity: 1;
   }
 }
+/* Keep copy discoverable on results and rendered documents. */
+.w6w-copyable--overlay,
+.w6w-copyable--document {
+  position: relative;
+  align-items: flex-start;
+}
+
+.w6w-copyable--overlay > .w6w-copyable-btn,
+.w6w-copyable--document > .w6w-copyable-btn {
+  position: absolute;
+  top: var(--w6w-sp-1);
+  right: var(--w6w-sp-1);
+  background: var(--w6w-panel);
+  border-color: var(--w6w-border);
+}
+
+.w6w-copyable--document {
+  display: block;
+  background: transparent;
+  border: none;
+  padding: 0;
+  padding-right: var(--w6w-sp-10);
+}
+
 /* The raw {{ }} input stands alone, so it keeps an input box of its own. */
 .w6w-expr-raw {
   width: 100%;
@@ -2615,6 +2639,18 @@ select optgroup {
   color: var(--w6w-danger);
 }
 
+/* A JSON value is a one-line preview; its full content lives in the expanded editor. */
+.w6w-datavar-row > .w6w-fx-wrap {
+  min-width: 0;
+}
+
+.w6w-datavar-row .w6w-datavar-json-preview {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
 /* Buttons */
 .w6w-btn {
   background: var(--w6w-accent);
@@ -4932,6 +4968,24 @@ dialog.w6w-modal.w6w-modal-fullscreen .w6w-modal-header {
   min-height: 100%;
 }
 
+/* Pin copy outside the scroll area for all editor languages. */
+:where(.w6w-json-editor, .w6w-code-editor, .w6w-yaml-editor) {
+  position: relative;
+}
+
+:where(.w6w-json-editor, .w6w-code-editor, .w6w-yaml-editor) > .w6w-copyable-btn {
+  position: absolute;
+  top: var(--w6w-sp-1);
+  right: var(--w6w-sp-1);
+  background: var(--w6w-panel);
+  border-color: var(--w6w-border);
+  z-index: 1;
+}
+
+:where(.w6w-json-editor, .w6w-code-editor, .w6w-yaml-editor):has(> .w6w-copyable-btn) .cm-content {
+  padding-right: var(--w6w-sp-10);
+}
+
 .w6w-icon-button {
   display: inline-flex;
   align-items: center;