openobserve

mirror of https://github.com/openobserve/openobserve.git synced 2026-11-04 08:09:27 +00:00

Files

T

Sai Nikhil 244c9547a7 fix: new pipeline UI improvements (#8714 )

### **User description**
This PR covers the issues mentioned in #8692


___

### **PR Type**
Bug fix


___

### **Description**
- Restore zoom controls in pipeline UI

- Remove redundant back button in editor

- Set default zoom level to 0.8


___

### Diagram Walkthrough


```mermaid
flowchart LR
  Editor["PipelineEditor.vue header"] -- "remove back button, adjust padding" --> UI["Cleaner editor UI"]
  View["PipelineView.vue"] -- "add Controls & styles" --> ZoomControls["Zoom/Fit UI restored"]
  Flow["PipelineFlow.vue"] -- "default zoom 0.8" --> Viewport["Improved initial viewport"]
```



<details> <summary><h3> File Walkthrough</h3></summary>

<table><thead><tr><th></th><th align="left">Relevant
files</th></tr></thead><tbody><tr><td><strong>Bug
fix</strong></td><td><table>
<tr>
  <td>
    <details>
<summary><strong>PipelineEditor.vue</strong><dd><code>Remove redundant
back button from editor header</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary>
<hr>

web/src/components/pipeline/PipelineEditor.vue

<ul><li>Remove left-side back button container<br> <li> Add left padding
class to header container</ul>


</details>


  </td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8714/files#diff-68c21f647336067eb79737ce9aca2d49632f2fa1c0878bcfdae55607e3473a15">+1/-15</a>&nbsp;
&nbsp; </td>

</tr>

<tr>
  <td>
    <details>
<summary><strong>PipelineFlow.vue</strong><dd><code>Set pipeline default
zoom to 0.8</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></summary>
<hr>

web/src/plugins/pipelines/PipelineFlow.vue

- Adjust default viewport zoom from 1.5 to 0.8


</details>


  </td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8714/files#diff-9c7475a54f0c895dd49eb0c5b53fe0a76ceff0520f667a9cb065b364557ced50">+1/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>
</table></td></tr><tr><td><strong>Enhancement</strong></td><td><table>
<tr>
  <td>
    <details>
<summary><strong>PipelineView.vue</strong><dd><code>Reintroduce Vue Flow
controls for zoom/fit</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</dd></summary>
<hr>

web/src/components/pipeline/PipelineView.vue

<ul><li>Import Controls and ControlButton from @vue-flow/controls<br>
<li> Import controls stylesheet<br> <li> Register Controls and
ControlButton as components</ul>


</details>


  </td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8714/files#diff-a71732cf7f8ee768e21f7eb2bf9eeed4ac67ba8221cca2e8d347d8acb27d4471">+3/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>
</table></td></tr></tr></tbody></table>

</details>

___

2025-10-03 12:41:36 +05:30

api-testing

test: add pytest for dashboard (#8698 )

2025-10-01 15:04:40 +05:30

test-data

test: e2e-cte-queries (#8070 )

2025-08-27 18:24:39 +05:30

ui-testing

fix: new pipeline UI improvements (#8714 )

2025-10-03 12:41:36 +05:30

input.json

docs: Fix typos (#4492 )