Screenshots TODO

Every ::screenshot-placeholder rendered in content/docs/3.0/** should have a matching entry here. Once a screenshot is added (drop the file into the page's local _images/ folder and reference it from the page), tick it off.

Path convention for source images (Git submodule):

content/docs/3.0/<section>/<...>/_images/<file>.png

These are mirrored at build time into public/images/content/<section>/<...>/<file>.png by scripts/sync-content-images.mjs.

Getting Started #

  • getting-started/worker-setup/connect-to-instance — Add Worker dialog (Type, Hostname, Headers). Provided.
  • getting-started/worker-setup/connect-to-instance — Worker Configuration env-vars dialog. Provided.
  • getting-started/worker-setup/first-custom-node — Topology canvas showing the new node wired in. Target 1200x600.
  • getting-started/full-stack-setup/install — Admin UI onboarding form on first visit at http://127.0.0.1. Target 1200x600.
  • getting-started/full-stack-setup/first-worker — Worker registered and active in Settings -> Workers (single worker row, connected). Target 1200x500.
  • getting-started/full-stack-setup/first-custom-node — Topology with custom node + connector. Target 1200x600.
  • getting-started/using-ai-to-bootstrap — AI Bootstrap page (prompt textarea + Copy to Clipboard button). Target 1000x560.

Concepts #

  • concepts/architecture — Reference architecture diagram (already SVG candidate). Target 1200x600.
  • concepts/topologies — Topology editor screenshot showing nodes + queues. Target 1200x600.
  • concepts/processes-and-messages — Failed messages (Trash) list view. Target 1200x600.

Development #

  • development/project-setup/skeleton-and-structure — Folder tree screenshot. Target 800x600.
  • development/project-setup/local-dev-loop — Logs streaming next to a topology. Target 1200x500.
  • development/building-nodes/event-nodes — Selected Start node with the inline label (Disable | Run | Copy URL) and the right-click context menu including the Copy strict version URL entry. Target 1200x600.
  • development/building-nodes/event-nodes — Cron node configuration modal: Name, Crontab, optional Parameters JSON, human-readable preview of the expression, next two scheduled runs. Target 1100x560.
  • development/building-nodes/event-nodes — Editor's webhook subscription picker (actions submenu filtered to type webhook, with <app>.<event> entries and descriptions). Target 900x480.
  • development/building-nodes/event-nodes / patterns/webhooks — Webhook node Off vs Subscribed badge on the topology detail. Target 1000x320.
  • development/building-nodes/event-nodes / patterns/webhooks — Subscribe modal with the optional Parameters (JSON object) field. Target 700x420.
  • development/patterns/webhooks — Orphan banner on the topology detail with the one-click Cleanup action. Target 1200x320.
  • development/patterns/scheduled-processes — Scheduled Tasks page (/scheduled-tasks) showing the global cron list with toggle, crontab column, next-run column, and a row in the Cron is not set warning state. Target 1200x560.
  • development/operations/trash-inbox — Trash list with one entry expanded (payload + error + replay action). Target 1200x600.
  • development/operations/notifications — Notification settings UI. Target 1000x600.
  • development/operations/integration-monitoring — Heatmap + dashboards. Target 1200x600.
  • development/operations/trace-auditing — Trace timeline of a single process (Pro & Enterprise). Target 1200x500.
  • development/operations/prefetch — Selected Connector node showing the inline label | Prefetch: N Settings next to the Connector / Worker line, with the cursor hovering Settings. Target 1100x320.
  • development/operations/prefetch — Prefetch settings modal (numeric field 1–20, three buttons: Save & Republish, Save and continue editing, Cancel). Target 600x420.
  • development/operations/prefetch — Topology page with the yellow Bridge is out of sync banner and the Republish now action. Target 1200x320.

Reference #

  • reference/Platform/worker-rest-api — /status response in browser DevTools. Target 1000x500.

How to add a screenshot #

  1. Save the file as content/docs/3.0/<section>/<page-folder>/_images/<file>.<ext> in the docs-content submodule.
  2. Reference it from MDC: ![Caption](/images/content/<section>/<page-folder>/<file>.<ext>).
  3. Remove the matching ::screenshot-placeholder block from the page and tick the checkbox above.
  4. Commit in the submodule, then update the parent repo to point at the new submodule SHA.
© 2025 Orchesty Solutions. All rights reserved.