@dfosco/storyboard-core 4.2.0-beta.2 → 4.2.0-beta.21

package/widgets.config.json

@@ -33,7 +33,7 @@
   "widgets": {
     "sticky-note": {
       "label": "Sticky Note",
-      "icon": "📝",
+      "icon": "\ud83d\udcdd",
       "resize": {
         "enabled": true,
         "prod": false
@@ -133,7 +133,9 @@
     },
     "markdown": {
       "label": "Markdown",
-      "icon": "📄",
+      "icon": "\ud83d\udcc4",
+      "expandable": true,
+      "splitScreen": true,
       "resize": {
         "enabled": true,
         "prod": false
@@ -161,6 +163,30 @@
         }
       },
       "features": [
+        {
+          "id": "toggle-edit",
+          "type": "action",
+          "action": "toggle-edit",
+          "label": "Edit",
+          "icon": "edit",
+          "surfaces": [
+            "fullbar",
+            "splitbar"
+          ],
+          "toggle": {
+            "stateKey": "editing",
+            "activeIcon": "eye",
+            "activeLabel": "Preview"
+          }
+        },
+        {
+          "id": "expand",
+          "type": "action",
+          "action": "expand",
+          "label": "$label:expand",
+          "icon": "expand",
+          "prod": true
+        },
         {
           "id": "toggle-collapse",
           "type": "action",
@@ -221,7 +247,9 @@
     },
     "prototype": {
       "label": "Prototype",
-      "icon": "🖥️",
+      "icon": "\ud83d\udda5\ufe0f",
+      "expandable": true,
+      "splitScreen": true,
       "resize": {
         "enabled": true,
         "prod": false
@@ -338,7 +366,9 @@
     },
     "figma-embed": {
       "label": "Figma Embed",
-      "icon": "🎨",
+      "icon": "\ud83c\udfa8",
+      "expandable": true,
+      "splitScreen": true,
       "resize": {
         "enabled": true,
         "prod": false
@@ -428,7 +458,9 @@
     },
     "codepen-embed": {
       "label": "CodePen Embed",
-      "icon": "✏️",
+      "icon": "\u270f\ufe0f",
+      "expandable": true,
+      "splitScreen": true,
       "resize": {
         "enabled": true,
         "prod": false
@@ -518,7 +550,9 @@
     },
     "link-preview": {
       "label": "Link Preview",
-      "icon": "🔗",
+      "icon": "\ud83d\udd17",
+      "expandable": true,
+      "splitScreen": true,
       "resize": {
         "enabled": false,
         "prod": false
@@ -571,6 +605,14 @@
           "icon": "open-external",
           "prod": true
         },
+        {
+          "id": "expand",
+          "type": "action",
+          "action": "expand",
+          "label": "$label:expand",
+          "icon": "expand",
+          "prod": true
+        },
         {
           "id": "toggle-collapse",
           "type": "action",
@@ -639,7 +681,7 @@
     },
     "component": {
       "label": "Component",
-      "icon": "⚛️",
+      "icon": "iconoir/keyframe",
       "resize": {
         "enabled": true,
         "prod": false
@@ -688,7 +730,8 @@
     },
     "story": {
       "label": "Story",
-      "icon": "📖",
+      "icon": "\ud83d\udcd6",
+      "splitScreen": true,
       "resize": {
         "enabled": true,
         "prod": false
@@ -726,6 +769,14 @@
         }
       },
       "features": [
+        {
+          "id": "expand",
+          "type": "action",
+          "action": "expand",
+          "label": "$label:expand",
+          "icon": "expand",
+          "prod": true
+        },
         {
           "id": "show-code",
           "type": "action",
@@ -780,6 +831,106 @@
           "menu": true
         }
       ],
+      "connectors": {
+        "anchors": {
+          "top": "available",
+          "bottom": "available",
+          "left": "available",
+          "right": "available"
+        },
+        "accept": [
+          "*"
+        ],
+        "exclude": []
+      },
+      "expandable": true
+    },
+    "component-set": {
+      "label": "Component Set",
+      "icon": "\u229e",
+      "resize": {
+        "enabled": true,
+        "prod": false
+      },
+      "interactGate": true,
+      "interactGateLabel": "Click to interact",
+      "props": {
+        "storyId": {
+          "type": "text",
+          "label": "Story",
+          "category": "content",
+          "default": ""
+        },
+        "layout": {
+          "type": "text",
+          "label": "Layout",
+          "category": "settings",
+          "default": "horizontal"
+        },
+        "selected": {
+          "type": "text",
+          "label": "Selected export",
+          "category": "state",
+          "default": ""
+        },
+        "width": {
+          "type": "number",
+          "label": "Width",
+          "category": "size",
+          "min": 200
+        },
+        "height": {
+          "type": "number",
+          "label": "Height",
+          "category": "size",
+          "min": 120
+        }
+      },
+      "features": [
+        {
+          "id": "flip-layout",
+          "type": "action",
+          "action": "flip-layout",
+          "label": "Flip layout",
+          "icon": "mirror"
+        },
+        {
+          "id": "copy",
+          "type": "action",
+          "action": "copy",
+          "label": "$label:duplicate",
+          "icon": "copy"
+        },
+        {
+          "id": "open-external",
+          "type": "action",
+          "action": "open-external",
+          "label": "$label:open-ext",
+          "icon": "open-external",
+          "prod": true
+        },
+        {
+          "id": "copy-link",
+          "type": "action",
+          "action": "copy-link",
+          "label": "$label:copy-link",
+          "icon": "link",
+          "menu": true,
+          "prod": true,
+          "alt": {
+            "label": "$label:copy-id",
+            "action": "copy-widget-id"
+          }
+        },
+        {
+          "id": "delete",
+          "type": "action",
+          "action": "delete",
+          "label": "$label:delete",
+          "icon": "trash",
+          "menu": true
+        }
+      ],
       "connectors": {
         "anchors": {
           "top": "available",
@@ -793,9 +944,115 @@
         "exclude": []
       }
     },
+    "prompt": {
+      "label": "Prompt",
+      "icon": "zap",
+      "resize": {
+        "enabled": true,
+        "prod": false
+      },
+      "execution": {
+        "default": "copilot",
+        "agents": {
+          "copilot": {
+            "command": "copilot --agent prompt-agent -p \"${prompt}\" --allow-all"
+          },
+          "claude": {
+            "command": "claude --agent prompt-agent -p \"${prompt}\" --dangerously-skip-permissions"
+          }
+        }
+      },
+      "props": {
+        "text": {
+          "type": "text",
+          "label": "Prompt text",
+          "category": "content",
+          "default": ""
+        },
+        "status": {
+          "type": "text",
+          "label": "Status",
+          "category": "settings",
+          "default": "idle"
+        },
+        "sessionId": {
+          "type": "text",
+          "label": "Session ID",
+          "category": "settings",
+          "default": ""
+        },
+        "resultWidgetId": {
+          "type": "text",
+          "label": "Result Widget ID",
+          "category": "settings",
+          "default": ""
+        },
+        "errorMessage": {
+          "type": "text",
+          "label": "Error Message",
+          "category": "settings",
+          "default": ""
+        },
+        "connections": {
+          "type": "text",
+          "label": "Connections",
+          "category": "settings",
+          "default": ""
+        },
+        "width": {
+          "type": "number",
+          "label": "Width",
+          "category": "size",
+          "default": 320,
+          "min": 200
+        },
+        "height": {
+          "type": "number",
+          "label": "Height",
+          "category": "size",
+          "default": 180,
+          "min": 80
+        }
+      },
+      "features": [
+        {
+          "id": "copy",
+          "type": "action",
+          "action": "copy",
+          "label": "$label:duplicate",
+          "icon": "copy"
+        },
+        {
+          "id": "expand-output",
+          "type": "action",
+          "action": "expand-output",
+          "label": "Show output",
+          "icon": "unfold"
+        },
+        {
+          "id": "copy-link",
+          "type": "action",
+          "action": "copy-link",
+          "label": "$label:copy-link",
+          "icon": "link",
+          "menu": true,
+          "prod": true
+        },
+        {
+          "id": "delete",
+          "type": "action",
+          "action": "delete",
+          "label": "$label:delete",
+          "icon": "trash",
+          "menu": true
+        }
+      ]
+    },
     "image": {
       "label": "Image",
-      "icon": "🖼️",
+      "icon": "\ud83d\uddbc\ufe0f",
+      "splitScreen": true,
+      "expandable": true,
       "resize": {
         "enabled": true,
         "prod": false
@@ -834,6 +1091,13 @@
           "label": "Make private",
           "icon": "eye"
         },
+        {
+          "id": "expand",
+          "type": "action",
+          "action": "expand",
+          "label": "$label:expand",
+          "icon": "expand"
+        },
         {
           "id": "copy",
           "type": "action",
@@ -847,6 +1111,11 @@
           "icon": "image",
           "label": "Image actions",
           "items": [
+            {
+              "action": "crop-image",
+              "label": "Crop",
+              "icon": "crop"
+            },
             {
               "action": "download-image",
               "label": "$label:download",
@@ -900,9 +1169,98 @@
     },
     "terminal": {
       "label": "Terminal",
-      "icon": "⬛",
+      "icon": "\u2b1b",
+      "expandable": true,
+      "splitScreen": true,
       "resize": {
-        "enabled": true,
+        "prod": false
+      },
+      "props": {
+        "private": {
+          "type": "boolean",
+          "label": "Private",
+          "category": "settings",
+          "default": false
+        },
+        "width": {
+          "type": "number",
+          "label": "Width",
+          "category": "size",
+          "min": 300,
+          "default": 800
+        },
+        "height": {
+          "type": "number",
+          "label": "Height",
+          "category": "size",
+          "min": 200,
+          "default": 450
+        }
+      },
+      "features": [
+        {
+          "id": "toggle-private",
+          "type": "action",
+          "action": "toggle-private",
+          "label": "Make private",
+          "icon": "eye"
+        },
+        {
+          "id": "expand",
+          "type": "action",
+          "action": "expand",
+          "label": "$label:expand",
+          "icon": "expand"
+        },
+        {
+          "id": "copy",
+          "type": "action",
+          "action": "copy",
+          "label": "$label:duplicate",
+          "icon": "copy"
+        },
+        {
+          "id": "copy-link",
+          "type": "action",
+          "action": "copy-link",
+          "label": "$label:copy-link",
+          "icon": "link",
+          "menu": true,
+          "alt": {
+            "label": "$label:copy-id",
+            "action": "copy-widget-id"
+          }
+        },
+        {
+          "id": "delete",
+          "type": "action",
+          "action": "delete",
+          "label": "$label:delete",
+          "icon": "trash",
+          "menu": true
+        }
+      ],
+      "connectors": {
+        "anchors": {
+          "top": "available",
+          "bottom": "available",
+          "left": "available",
+          "right": "available"
+        },
+        "accept": [
+          "*"
+        ],
+        "exclude": []
+      },
+      "interactGate": false
+    },
+    "terminal-read": {
+      "label": "Terminal",
+      "icon": "\u2b1b",
+      "expandable": true,
+      "splitScreen": true,
+      "resize": {
+        "enabled": false,
         "prod": false
       },
       "props": {
@@ -922,6 +1280,85 @@
         }
       },
       "features": [
+        {
+          "id": "expand",
+          "type": "action",
+          "action": "expand",
+          "label": "$label:expand",
+          "icon": "expand"
+        },
+        {
+          "id": "copy-link",
+          "type": "action",
+          "action": "copy-link",
+          "label": "$label:copy-link",
+          "icon": "link",
+          "menu": true,
+          "alt": {
+            "label": "$label:copy-id",
+            "action": "copy-widget-id"
+          }
+        }
+      ],
+      "connectors": {
+        "anchors": {
+          "top": "available",
+          "bottom": "available",
+          "left": "available",
+          "right": "available"
+        },
+        "accept": [
+          "*"
+        ],
+        "exclude": []
+      },
+      "interactGate": false
+    },
+    "agent": {
+      "label": "Agent",
+      "icon": "agents",
+      "expandable": true,
+      "splitScreen": true,
+      "resize": {
+        "enabled": false,
+        "prod": false
+      },
+      "props": {
+        "agentId": {
+          "type": "text",
+          "label": "Agent",
+          "category": "settings",
+          "default": ""
+        },
+        "startupCommand": {
+          "type": "text",
+          "label": "Startup Command",
+          "category": "settings",
+          "default": ""
+        },
+        "width": {
+          "type": "number",
+          "label": "Width",
+          "category": "size",
+          "min": 300,
+          "default": 1200
+        },
+        "height": {
+          "type": "number",
+          "label": "Height",
+          "category": "size",
+          "min": 200,
+          "default": 450
+        }
+      },
+      "features": [
+        {
+          "id": "expand",
+          "type": "action",
+          "action": "expand",
+          "label": "$label:expand",
+          "icon": "expand"
+        },
         {
           "id": "copy",
           "type": "action",
@@ -962,8 +1399,139 @@
         ],
         "exclude": []
       },
+      "interactGate": false
+    },
+    "tiles": {
+      "label": "Tiles",
+      "icon": "\ud83d\udd32",
+      "unlisted": true,
       "interactGate": true,
-      "interactGateLabel": "Click to start terminal"
+      "interactGateLabel": "Click to interact",
+      "resize": {
+        "enabled": true,
+        "prod": false
+      },
+      "props": {
+        "tiles": {
+          "type": "text",
+          "label": "Tiles",
+          "category": "content",
+          "default": []
+        },
+        "columns": {
+          "type": "number",
+          "label": "Columns",
+          "category": "settings",
+          "default": 3,
+          "min": 1,
+          "max": 20
+        },
+        "rows": {
+          "type": "number",
+          "label": "Rows",
+          "category": "settings",
+          "default": 3,
+          "min": 1,
+          "max": 20
+        },
+        "tileSize": {
+          "type": "number",
+          "label": "Tile size",
+          "category": "settings",
+          "default": 80,
+          "min": 40,
+          "max": 300
+        },
+        "width": {
+          "type": "number",
+          "label": "Width",
+          "category": "size",
+          "min": 200
+        },
+        "height": {
+          "type": "number",
+          "label": "Height",
+          "category": "size",
+          "min": 100
+        }
+      },
+      "features": [
+        {
+          "id": "grid-actions",
+          "type": "dropdown",
+          "icon": "grid",
+          "label": "Grid",
+          "items": [
+            {
+              "action": "add-column",
+              "label": "Add column",
+              "icon": "plus"
+            },
+            {
+              "action": "remove-column",
+              "label": "Remove column",
+              "icon": "dash"
+            },
+            {
+              "action": "add-row",
+              "label": "Add row",
+              "icon": "plus"
+            },
+            {
+              "action": "remove-row",
+              "label": "Remove row",
+              "icon": "dash"
+            }
+          ]
+        },
+        {
+          "id": "randomize",
+          "type": "action",
+          "action": "randomize",
+          "label": "Randomize",
+          "icon": "sync"
+        },
+        {
+          "id": "copy",
+          "type": "action",
+          "action": "copy",
+          "label": "$label:duplicate",
+          "icon": "copy"
+        },
+        {
+          "id": "copy-link",
+          "type": "action",
+          "action": "copy-link",
+          "label": "$label:copy-link",
+          "icon": "link",
+          "menu": true,
+          "prod": true,
+          "alt": {
+            "label": "$label:copy-id",
+            "action": "copy-widget-id"
+          }
+        },
+        {
+          "id": "delete",
+          "type": "action",
+          "action": "delete",
+          "label": "$label:delete",
+          "icon": "trash",
+          "menu": true
+        }
+      ],
+      "connectors": {
+        "anchors": {
+          "top": "available",
+          "bottom": "available",
+          "left": "available",
+          "right": "available"
+        },
+        "accept": [
+          "*"
+        ],
+        "exclude": []
+      }
     }
   }
 }