@w6w/ui 0.2.56 → 0.2.57

package/dist/CodeEditor.d.ts

@@ -7,6 +7,8 @@ import { ThemeMode } from './types.ts';
  */
 export type ScriptLanguage = "javascript" | "typescript" | "python";
 export interface CodeEditorProps {
+    /** Copy the current source. Enabled by default. */
+    copyable?: boolean;
     value: string;
     onChange: (value: string) => void;
     /** Placeholder text shown when value is empty. */

package/dist/JsonEditor.d.ts

@@ -53,9 +53,7 @@ export interface JsonEditorProps {
      * component's own `.w6w-json-editor` wrapper (sibling to the CodeMirror
      * mount — no extra DOM node). Copies the current `value` verbatim.
      *
-     * Off by default: the other five `<JsonEditor>` mounts in this tree are
-     * not step-JSON config views and must render byte-identically to before
-     * this prop existed.
+     * On by default; disable only when the containing view supplies its own copy button.
      */
     copyable?: boolean;
     /**

package/dist/Markdown.d.ts

@@ -1,5 +1,7 @@
 export interface MarkdownProps {
     content: string;
+    /** Copy the full Markdown source, including frontmatter. Enabled by default. */
+    copyable?: boolean;
     className?: string;
 }
 /**
@@ -22,4 +24,4 @@ export declare function splitFrontmatter(text: string): {
  * is dropped (`skipHtml`), images are not rendered, and links are protocol-allowlisted.
  * A leading YAML frontmatter block becomes a collapsed section above the body.
  */
-export declare function Markdown({ content, className }: MarkdownProps): import("react").JSX.Element;
+export declare function Markdown({ content, className, copyable }: MarkdownProps): import("react").JSX.Element;

package/dist/StepBuilderModal.d.ts

@@ -2,7 +2,7 @@ import { NodeConfig } from './NodeConfigForm.tsx';
 import { ExpressionLoopSource, ExpressionStepSource } from './components/ExpressionOptions.tsx';
 import { InternalNodeDef } from './flow-types.ts';
 import { StepStartState, W6WApi } from './provider.tsx';
-import { ActionDef, ActionParam, AppSummary, FunctionSummary, ThemeMode, WorkflowDetail, WorkflowSummary } from './types.ts';
+import { ActionDef, ActionParam, AppSummary, FunctionSummary, ThemeMode, WorkflowSummary } from './types.ts';
 /** The step the builder emits — the editor assigns the final `id` unless `id` carries a
  * name the user chose in the add flow. `NodeConfig` carries the base settings (retry /
  * onError / notes) set on the Config view. */
@@ -214,7 +214,7 @@ export declare function ControlStepConfig({ node: initialNode, onAdd, onClose, o
     /** See {@link StepBuilderModalProps.loop}. */
     loop?: ExpressionLoopSource;
 }): import("react").JSX.Element;
-export declare function triggerFieldsOf(wf: WorkflowDetail): ActionParam[];
+export { triggerFieldsOf } from './callable-fields.ts';
 /**
  * Config → test → add flow for a picked Function/Workflow target (D-12,
  * D-15). Mints a single `@w6w/call` step — `family` only decides which
@@ -460,4 +460,3 @@ export declare function AppConnectionOnlyConfig({ appId, app, onClose, onChangeA
     /** Fired once, on the footer button — never on a state change (D-sbm-2). */
     onConnected: (connectionId: string, app: AppSummary) => void;
 }): import("react").JSX.Element;
-export {};

package/dist/TriggerSampleButton.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Fills the Run node payload with the sample event the app declares for this trigger, so the
+ * operator does not have to work out what the app will send. Renders nothing while the
+ * definition loads, when the fetch fails, and when the trigger declares no usable sample.
+ */
+export declare function TriggerSampleButton({ app, trigger, onUse, }: {
+    app: string;
+    /** The trigger's key (`uses.action`). */
+    trigger: string;
+    onUse: (sample: Record<string, unknown>) => void;
+}): import("react").JSX.Element | null;

package/dist/WorkflowFlowEditor.d.ts

@@ -153,6 +153,54 @@ type EditView = "props" | "json" | "settings";
  *     History is local to the open workflow and excludes tests, samples and viewport changes.
  */
 export declare function WorkflowFlowEditor(props: WorkflowFlowEditorProps): import("react").JSX.Element;
+/**
+ * Phase 1 of the canvas ▶ run: **collect the run's incoming state**, then hand
+ * it to the host to invoke. Rendered inside the run modal, which is the chrome.
+ *
+ * Two shapes, because the two kinds of step start from different things:
+ *  - a **trigger** has no incoming state — it *is* the start — so it projects
+ *    its configured `fields` *definitions* into params (`fieldsToParams`), seeds
+ *    from their declared defaults (`seedValues`) and renders them through
+ *    {@link PropertyEntryForm} (chrome-less by contract, so it is mounted bare
+ *    here). The filled values become the run's starting state (`{ input }`), and
+ *    the step's **last saved values** come back pre-filled on top (T4.1.3).
+ *  - **everything else** is already configured, and what changes between two
+ *    runs is the data arriving at it. So it collects exactly what the Test tab
+ *    collects — {@link IncomingStateField}, the same component — and runs the
+ *    step with its **stored** `with` underneath. The configuration is not
+ *    re-collected here and is never rewritten by a run (R-I-1: the ▶ modal used
+ *    to render the Configure form).
+ *
+ * The trigger check comes first on purpose: a trigger *is* an internal node, and
+ * its internal schema is the `fields` **editor**, not the fields themselves.
+ *
+ * `params` is fetched on **both** paths — a trigger renders them, and a
+ * non-trigger needs them for the same required-params gate the Test tab applies
+ * to `{...step.with, ...state}`. An app action fetches its action definition
+ * exactly as `StepEditModal` does, showing "Loading parameters…" until it lands.
+ */
+export declare function StepRunCollect({ workflowId, step, upstreamSteps, loop, onRun, onCancel, continues, }: {
+    /** Fixture key, with `step.id` — where the remembered values are read from. */
+    workflowId: string;
+    step: FlowStep;
+    /** Graph ancestors of this step; their saved tests are offered as seeds. */
+    upstreamSteps: ExpressionStepSource[];
+    /** The enclosing For each when this step is in its body (from the same projection call). */
+    loop?: ExpressionLoopSource;
+    /**
+     * Fired when the user presses Run — with the trigger's filled values, or (for
+     * every other step) the incoming-state override alone, plus the start state
+     * seeded from the upstream steps' saved outputs (so the step's own
+     * `{{ steps.<id>.output.<field> }}` references resolve). The two are
+     * different things and stay separate: `values` are params, `state` is scope.
+     */
+    onRun: (values: Record<string, unknown>, state?: StepStartState) => void;
+    onCancel: () => void;
+    /** Present when Run continues downstream (`onRunFromNode`): the paused ids it stops before. */
+    continues?: {
+        stopAt: string[];
+    };
+}): import("react").JSX.Element;
 /**
  * The state the Test tab PREVIEWS its resolved params against: the seeded `testStartState`
  * (what the test will actually send) with, for each upstream `nodes.<id>.output` and the

package/dist/YamlEditor.d.ts

@@ -29,8 +29,7 @@ export interface YamlEditorProps {
      * component's own `.w6w-yaml-editor` wrapper (sibling to the CodeMirror
      * mount — no extra DOM node). Copies the current `value` verbatim.
      *
-     * Off by default: the other mounts of this component must render byte-
-     * identically to before this prop existed.
+     * On by default; disable only when the containing view supplies its own copy button.
      */
     copyable?: boolean;
 }

package/dist/callable-fields.d.ts

@@ -0,0 +1,4 @@
+import { ActionParam, WorkflowDetail } from './types.ts';
+/** Manual entry points can be called with an explicit input payload. */
+export declare function callableTriggers(wf: WorkflowDetail): import('./types.ts').WorkflowStepSummary[];
+export declare function triggerFieldsOf(wf: WorkflowDetail, entry?: string): ActionParam[];

package/dist/code.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CodeBlock-CymlfyeA.cjs");exports.CodeBlock=e.CodeBlock;exports.Copyable=e.Copyable;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CodeBlock-BSX1pi6W.cjs");exports.CodeBlock=e.CodeBlock;exports.Copyable=e.Copyable;
 //# sourceMappingURL=code.cjs.map

package/dist/code.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { C as a, a as l } from "./CodeBlock-C-oIIYfC.js";
+import { C as a, a as l } from "./CodeBlock-CPKXSNEs.js";
 export {
   a as CodeBlock,
   l as Copyable

package/dist/components/ConfirmModal.d.ts

@@ -12,6 +12,12 @@ export interface ConfirmModalProps {
     pending?: boolean;
     /** Style the confirm button as destructive (default true — this dialog gates dangerous actions). */
     destructive?: boolean;
+    /**
+     * Open with focus on the confirm button, so Enter approves. Without it `showModal()` focuses
+     * the first button, Cancel, and Enter dismisses — the safe default. Only for an action the
+     * user can undo.
+     */
+    autoFocusConfirm?: boolean;
     /** Extra consequence copy under the message (e.g. a warning line) that a string cannot carry. */
     children?: ReactNode;
 }
@@ -32,4 +38,4 @@ export interface ConfirmModalProps {
  * Confirmations are `{pending}` state + a rendered sibling modal, never a blocking
  * call: a caller reachable from a keydown handler cannot swap in a boolean.
  */
-export declare function ConfirmModal({ title, message, onConfirm, onClose, confirmLabel, cancelLabel, destructive, pending, children, }: ConfirmModalProps): import("react").JSX.Element;
+export declare function ConfirmModal({ title, message, onConfirm, onClose, confirmLabel, cancelLabel, destructive, pending, autoFocusConfirm, children, }: ConfirmModalProps): import("react").JSX.Element;

package/dist/components/DataEntryList.d.ts

@@ -5,6 +5,8 @@ export interface DataEntryListRow {
     version: number;
     /** The short text shown in the Value column. */
     preview: string;
+    /** Full value to copy; never use a truncated preview as the clipboard payload. */
+    copyText?: string;
 }
 export interface DataEntryListProps {
     rows: readonly DataEntryListRow[];

package/dist/components/ResultViewer.d.ts

@@ -23,8 +23,7 @@ export interface ResultViewerProps {
  *
  * Read-only means read-only: nothing here takes an `onChange`, and the one
  * interactive affordance besides the collapsers and the Rendered/Source
- * toggle is `Copyable`'s button, overlaying the top-right corner and revealed
- * on hover (`w6w-copyable--hover`).
+ * toggle is `Copyable`'s button, always visible at the top-right corner.
  *
  * **Vendor HTML never touches this document.** The `html` format renders only
  * through `HtmlPreview` — an `<iframe sandbox="">` whose `srcdoc` opens with a