fix: Update the picture link

Author: bingren-yd

docs/blocks/loop-data.md

@@ -4,7 +4,7 @@ title: Loop Data Block
 
 # Loop Data Block
 
-![Loop example](https://res.cloudinary.com/chat-story/image/upload/v1642310619/automa/loop_bd2por.gif)
+![Loop example](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/1069pe-en.gif)
 
 You can use this block when you want to do looping through data.
 

docs/blocks/wait-connections.md

@@ -22,8 +22,8 @@ When you have a block branched as in the above image, Automa will create a new "
 
 And when you merge the branch without enabling this option, every worker will execute the same block. And the blocks will execute multiple times.
 
-![specific flow disabled](https://res.cloudinary.com/chat-story/image/upload/v1651038898/automa/not-specific-flow_gsawj3.gif)
+![specific flow disabled](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/108gx9-5b.gif)
 
 To prevent this, enable this option and select a specific flow to continue.
 
-![specific flow enable](https://res.cloudinary.com/chat-story/image/upload/v1651038898/automa/specific-flow_hpfqsb.gif)
+![specific flow enable](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/1090fl-d4.gif)

docs/extension-builder/installing-extension.md

@@ -12,4 +12,4 @@ To install the extension to one of those browsers:
 3. Drag and drop the extension zip into that page.
 
 ![Chrome Extensions Page](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/oez7n-mm.png)
-![Installing extension](https://res.cloudinary.com/chat-story/image/upload/v1672994471/automa/installing-extension_hkiiu9.gif)
+![Installing extension](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10hx9e-dk.gif)

docs/guide/quick-start.md

@@ -25,7 +25,7 @@ To stop the recording, open the Automa popup and click the ⏹️ button. To lea
 ### Start Recording From a Specific Block in Workflow
 If you already create a workflow and want to start recording from a specific block inside a workflow, you can right-click on an output of the block and click the "Record from here" menu.
 
-![Record](https://res.cloudinary.com/chat-story/image/upload/v1666315751/automa/start-recording_hpfg9u.gif) 
+![Record](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/zzlqq-rx.gif) 
 
 ## Manually
 
@@ -38,6 +38,6 @@ Inside the editor, you'll see a trigger block. This trigger block is where the w
 
 To add a block to the workflow, drag a block from the blocks list on the left side and drop it into the canvas. And to connect the trigger block with the block you added, drag the trigger block output and drop it into the block input. 
 
-![Adding block](https://res.cloudinary.com/chat-story/image/upload/v1666059993/automa/adding-block_pobloe.gif)
+![Adding block](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/zzlqp-a3.gif)
 
 Save the workflow and now you can run the workflow by clicking the play icon <v-remixicon name="riPlayLine" />

docs/reference/packages.md

@@ -13,7 +13,7 @@ There are two ways to create a package,
 ### From Workflow Editor
 To create a package from a workflow editor, select blocks first. You can select a block by pressing shift and dragging the mouse to the blocks you want to select. Right-click and click the "Set as package" menu.
 
-![Create package](https://res.cloudinary.com/chat-story/image/upload/v1662340152/automa/package-workflow_i2hme2.gif)
+![Create package](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10dc4w-73.gif)
 
 ### From Package Page
 You only need to navigate to the packages page, click the "New package" button, and input the package name and description.
@@ -25,13 +25,13 @@ To edit a package, go to the packages page and select the package you want to ed
 
 When you set the package as a block, it will be treated as a block when using it inside a workflow. And to enable this option, go to the settings tab when editing a package.
 
-![package as block](https://res.cloudinary.com/chat-story/image/upload/v1662341835/automa/package-as-block_xbi00q.gif)
+![package as block](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10dzao-fs.gif)
 
 #### Block Inputs & Outputs
 
 To define the inputs and the outputs of the block, you only need to right-click on a block input or output of the package and select if you want to set it as the package block input or output.
 
-![Package block IO](https://res.cloudinary.com/chat-story/image/upload/v1662342419/automa/package-IO_lzpfoz.gif)
+![Package block IO](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10esg5-dt.gif)
 
 And you'll see the inputs and outputs of the package block when using it in a workflow.
 

docs/workflow/blocks.md

@@ -26,7 +26,7 @@ To find the block menu, hover your mouse over a block in the editor canvas, and
 
 You also right-click at the block to find more menus.
 
-![Block menu](https://res.cloudinary.com/chat-story/image/upload/v1666161166/automa/block-menu_lq1vig.gif)
+![Block menu](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10kcio-2k.gif)
 
 ### Settings
 The Block settings allow you to configure the block execution, error handling, and looks.
@@ -46,32 +46,32 @@ The Block settings allow you to configure the block execution, error handling, a
   - **Animated**: animate the connection
   - **Line color**: change the color of the connection
 
-![Block settings](https://res.cloudinary.com/chat-story/image/upload/v1666162997/automa/block-settings_ppatjo.gif)
+![Block settings](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10l5v4-kd.gif)
 
 ## Selecting Blocks
 To select blocks, you can either press the `ctrl` key => click the block or `shift` key => drag the cursor.
 
-![Selecting blocks](https://res.cloudinary.com/chat-story/image/upload/v1666163436/automa/selecting-blocks_vecdy3.gif)
+![Selecting blocks](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10lwcw-lg.gif)
 
 ## Connecting Blocks
 There are several ways to connect a block to another block:
 
 - **Manually**: dragging the block output into an input of a block.
 ::: details Example
-![connect block manually](https://res.cloudinary.com/chat-story/image/upload/v1662968420/automa/connect-block_advdve.gif)
+![connect block manually](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10mskl-d5.gif)
 :::
 
 - **Drop a block into a block output**: drop the block to the output of a block. 
 ::: details Example
-![drop to output example](https://res.cloudinary.com/chat-story/image/upload/v1642573402/automa/connect-block-ouput_nn5nx7.gif)
+![drop to output example](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10nh08-dj.gif)
 :::
 
 - **Clicking the block output and input** <br>
 ::: details Example
-![Clicking the block output and input example](https://res.cloudinary.com/chat-story/image/upload/v1662968420/automa/connect-block2_slxrpv.gif)
+![Clicking the block output and input example](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10o2f3-nj.gif)
 :::
 
 - **Drop a block into another block** <br>
 ::: details Example
-![drop to another block example](https://res.cloudinary.com/chat-story/image/upload/v1656734189/automa/drop_in_a_block_zzrtaw.gif)
+![drop to another block example](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10olmr-yk.gif)
 :::

docs/workflow/overview.md

@@ -6,7 +6,7 @@ title: Workflow
 Workflow is a collection of connected blocks to automate a process.
 When running the workflow, it will start executing from the trigger block and then to a block that connects to it afterward. The workflow execution ends when all the blocks are executed. And you can view the workflow executions in the workflow logs.
 
-![running workflow](https://res.cloudinary.com/chat-story/image/upload/v1666063368/automa/run-workflow_da3vpy.gif)
+![running workflow](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/zf8ib-vt.gif)
 
 ## Export and import a workflow
 The workflow in Automa is saved in JSON format. And you can export this JSON file and import it into Automa. To export a workflow, click the ellipsis icon (<v-remixicon name="riMore2Line" size="18" />) and select the "Export" menu. 

docs/workflow/testing-mode.md

@@ -11,4 +11,4 @@ You can test each step of the workflow and verify the output of each step withou
 
 When the workflow is in Testing Mode, you'll see the <v-remixicon name="riRecordCircleLine" /> icon on the workflow blocks. It's used to set the block as the breakpoint. Breakpoint is designed to point in the workflow where the execution of the workflow will be paused, allowing you to inspect the state of the workflow and its variables.
 
-![Breakpoint](https://res.cloudinary.com/chat-story/image/upload/v1676529325/automa/breakpoint_njdfvg.gif)
+![Breakpoint](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/03/10453e-y9.gif)