docs: screenshots for input output methods

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

Author: dstala

content/scripts/api-reference/input.mdx

@@ -39,6 +39,9 @@ const subject = await input.textAsync('Enter email subject:');
 output.text(`Email subject: ${subject}`);
 ```
 
+**Output:**
+![Text Input Example](/img/v2/scripts/input-text-1.png)
+
 ### input.buttonsAsync()
 
 Presents the user with buttons to choose from.
@@ -64,6 +67,9 @@ const status = await input.buttonsAsync(
 output.text(`Selected status: ${status}`);
 ```
 
+**Output:**
+![Button Input Example](/img/v2/scripts/input-button-1.png)
+
 **Example with button options:**
 ```javascript
 // Ask for confirmation with styled buttons
@@ -83,6 +89,9 @@ if (confirmation) {
 }
 ```
 
+**Output:**
+![Button Input Example](/img/v2/scripts/input-button-2.png)
+
 ### input.selectAsync()
 
 Presents a dropdown menu of options for the user to choose from.
@@ -103,6 +112,9 @@ const department = await input.selectAsync(
 output.text(`Selected department: ${department}`);
 ```
 
+**Output:**
+![Select Input Example](/img/v2/scripts/input-select-1.png)
+
 **Example with label/value objects:**
 ```javascript
 // Ask user to select a priority level
@@ -117,6 +129,9 @@ const priority = await input.selectAsync(
 output.text(`Selected priority level: ${priority}`);
 ```
 
+**Output:**
+![Select Input Example](/img/v2/scripts/input-select-2.png)
+
 ### input.fileAsync()
 
 Prompts the user to upload a file.
@@ -150,6 +165,9 @@ if (result && result.parsedContents) {
 }
 ```
 
+**Output:**
+![File Input Example](/img/v2/scripts/input-file-1.png)
+
 ### input.tableAsync()
 
 Prompts the user to select a table from the base.
@@ -172,6 +190,9 @@ for (const field of table.fields) {
 }
 ```
 
+**Output:**
+![Table Input Example](/img/v2/scripts/input-table-1.png)
+
 ### input.viewAsync()
 
 Prompts the user to select a view from a specified table.
@@ -196,6 +217,9 @@ const records = await view.selectRecordsAsync();
 output.text(`This view contains ${records.records.length} records.`);
 ```
 
+**Output:**
+![View Input Example](/img/v2/scripts/input-view-1.png)
+
 ### input.fieldAsync()
 
 Prompts the user to select a field from a specified table.
@@ -231,6 +255,9 @@ for (const record of records.records) {
 output.text(`The field "${field.name}" has values in ${nonEmptyCount} out of ${records.records.length} records.`);
 ```
 
+**Output:**
+![Field Input Example](/img/v2/scripts/input-field-1.png)
+
 ### input.recordAsync()
 
 Prompts the user to select a record from a table, view, or set of records.
@@ -270,6 +297,9 @@ if (record) {
 }
 ```
 
+**Output:**
+![Record Input Example](/img/v2/scripts/input-record-1.png)
+
 ## Practical Examples
 
 ### Form-Based Data Entry

content/scripts/api-reference/output.mdx

@@ -37,6 +37,9 @@ output.text(`Records processed: ${recordCount}`);
 output.text(`Success: ${isSuccess}`);
 ```
 
+**Output:**
+![output.text example](/img/v2/scripts/output-text.png)
+
 ### output.markdown()
 
 Renders text with Markdown formatting.
@@ -75,6 +78,9 @@ output.markdown('## Example Query\n\n' +
   '```');
 ```
 
+**Output:**
+![output.markdown example](/img/v2/scripts/output-markdown.png)
+
 ### output.table()
 
 Displays data in a formatted table.
@@ -104,6 +110,9 @@ const summary = {
 output.table(summary);
 ```
 
+**Output:**
+![output.table example](/img/v2/scripts/output-table.png)
+
 ### output.inspect()
 
 Displays an object in an expandable, interactive format for inspection.
@@ -165,6 +174,9 @@ const projectData = {
 output.inspect(projectData);
 ```
 
+**Output:**
+![output.inspect example](/img/v2/scripts/output-inspect.png)
+
 ### output.clear()
 
 Clears all previous output content.