Add raw option to inspector for copy/paste use case

Co-authored-by: danmarshall <11507384+danmarshall@users.noreply.github.com>

Author: Copilot

docs/schema/idoc_v1.d.ts

@@ -215,6 +215,8 @@ interface InspectorElement extends InspectorElementProps {
     type: 'inspector';
 }
 interface InspectorElementProps extends VariableControl {
+    /** When true, displays raw JSON output without interactive elements (for copy/paste). Default is false. */
+    raw?: boolean;
 }
 /**
  * Treebark

packages/markdown/src/plugins/inspector.ts

@@ -16,6 +16,7 @@ interface InspectorInstance {
 }
 
 export interface InspectorSpec extends VariableControl {
+    raw?: boolean;
 }
 
 const pluginName: PluginNames = 'inspector';
@@ -58,6 +59,22 @@ export const inspectorPlugin: Plugin<InspectorSpec> = {
             const updateDisplay = (value: unknown) => {
                 element.innerHTML = ''; // Clear previous content
 
+                // If raw mode is enabled, always use JSON.stringify without interactivity
+                if (spec.raw) {
+                    if (value === null || value === undefined) {
+                        element.textContent = String(value);
+                    } else if (typeof value === 'string') {
+                        element.textContent = `"${value}"`;
+                    } else if (typeof value === 'object') {
+                        // For arrays and objects, use JSON.stringify with indentation
+                        element.textContent = JSON.stringify(value, null, 2);
+                    } else {
+                        element.textContent = String(value);
+                    }
+                    return;
+                }
+                
+                // Interactive mode (default)
                 if (value === null || value === undefined) {
                     element.textContent = String(value);
                 } else if (typeof value === 'string') {

packages/schema-doc/src/interactive.ts

@@ -145,6 +145,8 @@ export interface InspectorElement extends InspectorElementProps {
   type: 'inspector';
 }
 export interface InspectorElementProps extends VariableControl {
+  /** When true, displays raw JSON output without interactive elements (for copy/paste). Default is false. */
+  raw?: boolean;
 }
 
 /**

packages/web-deploy/json/features/12.inspector.idoc.json

@@ -119,13 +119,21 @@
                     "size": 5
                 },
                 "",
-                "**Inspector output:**",
+                "**Inspector output (interactive):**",
                 {
                     "type": "inspector",
                     "variableId": "selectedItems",
                     "label": "selectedItems"
                 },
                 "",
+                "**Inspector output (raw mode for copy/paste):**",
+                {
+                    "type": "inspector",
+                    "variableId": "selectedItems",
+                    "label": "selectedItems (raw)",
+                    "raw": true
+                },
+                "",
                 "---",
                 "",
                 "## Object Variable",