mirror of
https://github.com/openobserve/openobserve.git
synced 2026-11-03 16:10:21 +00:00
### **User description** **Summary** This PR enhances the dashboard import functionality and improves cloud provider integration pages (AWS and Azure) by simplifying the UI, adding dashboard management features, and improving the template import workflow. Design at : data-sources **Changes** - Dashboard Template Import - Folder Management: Added folder creation capability in template import flow. Integrated "+" button next to folder dropdown in "Select Destination Folder" dialog. - Imported and integrated AddFolder component for creating new folders during import. Added showAddFolderDialog state management. - Implemented updateFolderList function to refresh folders and auto-select newly created folder. - AWS Integration Page Improvements: Enabled dashboards for 9 AWS services: Multiple services now have hasDashboard: true and dashboardGithubUrl configured. Removed redundant notice text from AWS Quick Setup component. Removed "Currently includes CloudTrail, WAF, and ALB" notice as all services are now included - Azure Integration Page Overhaul: Simplified Azure integration to Quick Setup only. Added Microsoft O365 Dashboard Integration. - Added "Add Dashboard" button to deploy Microsoft O365 dashboard that creates "Microsoft" folder automatically if it doesn't exist. **Testing** - Folder creation works in template import flow - New folder is auto-selected after creation - Button alignment is correct (aligned with dropdown input box) - Azure dashboard successfully adds to Microsoft folder - Duplicate detection works correctly - Replace confirmation dialog appears on second import - Dashboard replacement deletes old version and creates new one - Success notifications show correct messages <img width="1405" height="483" alt="image" src="https://github.com/user-attachments/assets/6dc195f0-f572-4ec8-8e66-834728dd5cc2" /> <img width="1405" height="776" alt="image" src="https://github.com/user-attachments/assets/aa600f38-6ed0-422b-8a3f-3c8c8ccf009e" /> <img width="1405" height="776" alt="image" src="https://github.com/user-attachments/assets/2a0e41c2-071e-4d1d-856d-ba7423dd47ce" /> <img width="642" height="823" alt="image" src="https://github.com/user-attachments/assets/02535e29-5fd9-4965-8e80-a211e3cb4ad6" /> ___ ### **PR Type** Enhancement, Tests ___ ### **Description** - Add AWS one-click CloudFormation integrations UI - Add GitHub dashboard gallery import flow - Cache GitHub dashboards and JSON payloads - Improve Kubernetes onboarding with quick install ___ ### Diagram Walkthrough ```mermaid flowchart LR ui["Ingestion UI (Recommended/AWS/Azure)"] awsMeta["`awsIntegrations` metadata + URL helpers"] azureMeta["`azureIntegrations` metadata + URL helpers"] awsTiles["AWS tiles/grid (Quick + Individual)"] cf["AWS CloudFormation console URL"] azFunc["Azure Function setup guide"] ghDlg["Add dashboard from GitHub dialog"] storeCache["Vuex `githubDashboardGallery` cache"] dashAPI["Dashboards API (folders/create/delete/list)"] ui -- "renders" --> awsTiles awsTiles -- "uses" --> awsMeta awsTiles -- "opens" --> cf ui -- "uses" --> azureMeta ui -- "links to" --> azFunc ui -- "opens" --> ghDlg ghDlg -- "reads/writes" --> storeCache ghDlg -- "imports/replaces" --> dashAPI ``` <details> <summary><h3> File Walkthrough</h3></summary> <table><thead><tr><th></th><th align="left">Relevant files</th></tr></thead><tbody><tr><td><strong>Enhancement</strong></td><td><details><summary>18 files</summary><table> <tr> <td><strong>awsIntegrations.ts</strong><dd><code>Add AWS integrations catalog and URL generators</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-28cd591383f0560fc2b37219eeedbc80b667989c030984a8618594329848bde8">+391/-0</a> </td> </tr> <tr> <td><strong>ingestionSearchIndex.ts</strong><dd><code>Add cross-tab ingestion search index utility</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-d9a547e4c64ac12bc06a95d788a2e4368c41d9dd1f22bc8705724f077b0eade3">+105/-0</a> </td> </tr> <tr> <td><strong>azureIntegrations.ts</strong><dd><code>Add Azure integrations catalog and dashboard URL helper</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-d187fe67343b508f89aec6b7e520f1971aec9849fd070831534b1de202833b60">+207/-0</a> </td> </tr> <tr> <td><strong>index.ts</strong><dd><code>Add Vuex cache for GitHub dashboard gallery</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-955a15c7ee060f1545e82be22911dd0c14307dee5a70071a394e9fd583bd2c55">+29/-0</a> </td> </tr> <tr> <td><strong>AWSIntegrationTile.vue</strong><dd><code>Add AWS integration tile with source/dashboard actions</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-34515c48d3727cb3facedf8f05a351733567e919da4cd60bef79e1d486054f6a">+648/-0</a> </td> </tr> <tr> <td><strong>AddDashboardFromGitHub.vue</strong><dd><code>Implement GitHub dashboard gallery selection and import</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-37970cb4aec33b981b09e86f70f1b5565123d451f6438eadf874b33c201355a8">+557/-0</a> </td> </tr> <tr> <td><strong>AzureQuickSetup.vue</strong><dd><code>Add Azure Function quick setup and O365 dashboard</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-2d6a495b3f5a485e0f1d11b9a5b57e9bc1e13a94e4346bebabd287ece643032f">+420/-0</a> </td> </tr> <tr> <td><strong>KubernetesConfig.vue</strong><dd><code>Add Kubernetes quick install and parameterized commands</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-7afbbe1e38d62a976fcbe23f28c3e33a6d3e90188d5edcb743e936f920ec7dd5">+180/-74</a></td> </tr> <tr> <td><strong>AWSConfig.vue</strong><dd><code>Add AWS Quick Setup and Individual Services tabs</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-e9d4a14ebc9a1b239523d8f94996e6002369969f6df78cb1051e0d1f807e108f">+93/-94</a> </td> </tr> <tr> <td><strong>Recommended.vue</strong><dd><code>Remove recommended tab search/filtering UI</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-d52f7f52bf8f6d3d639e5d0a550bed82223cd4fbd3eee3c257b7f80e0b8ee6d2">+1/-26</a> </td> </tr> <tr> <td><strong>AWSQuickSetup.vue</strong><dd><code>Add AWS quick setup onboarding view</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-91dd9fc2d50c5dd716d42b908660208082cd7f513cb8990b3d8e851ac5acc767">+381/-0</a> </td> </tr> <tr> <td><strong>AzureIntegrationTile.vue</strong><dd><code>Add Azure integration tile component for services</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-40a88b76dfbb75f55b54468527f0d83da862b22f69f3eed96eea2215ec145f21">+223/-0</a> </td> </tr> <tr> <td><strong>AWSIndividualServices.vue</strong><dd><code>Add AWS individual services list and search</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-5ba31c962ffdff7d38a95dc6608e9eaf68093f15ef1e4961c4dc87f5f336dff4">+162/-0</a> </td> </tr> <tr> <td><strong>AWSIntegrationGrid.vue</strong><dd><code>Add grid layout for AWS integration tiles</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-da23909bedefc9696907a26858c4c90489d54006c65137c73288230af1e39c26">+162/-0</a> </td> </tr> <tr> <td><strong>AzureIndividualServices.vue</strong><dd><code>Add Azure individual services list and search</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-befd207c228eb542159696859b04b530c82797cf06d9d993eabf0446856d3610">+137/-0</a> </td> </tr> <tr> <td><strong>Ingestion.vue</strong><dd><code>Integrate ingestion global search/navigation updates</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-97b8e8ed2a1260a39442563c7447d4f6d4830a37d47258920d6f94a292cd2d77">+102/-1</a> </td> </tr> <tr> <td><strong>Dashboards.vue</strong><dd><code>Hook GitHub gallery import into dashboards view</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-8da3187db8ce3d795d0f196ede6b2290221ffa3e27b15dcc2b645e44dd196213">+33/-5</a> </td> </tr> <tr> <td><strong>AzureConfig.vue</strong><dd><code>Refresh Azure ingestion page for new quick setup</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-64b4a0743d67556bf2e34fb4be69af8e1a2e8be66e3ff18c3f3e61d211f70292">+22/-16</a> </td> </tr> </table></details></td></tr><tr><td><strong>Tests</strong></td><td><details><summary>1 files</summary><table> <tr> <td><strong>AWSConfig.spec.ts</strong><dd><code>Update AWS config tests for new UI</code> </dd></td> <td><a href="https://github.com/openobserve/openobserve/pull/10331/files#diff-a40ad271f4e88e42c4e746b5ce54ef0dceca122bedf3f9fa1f0571765001c680">+49/-98</a> </td> </tr> </table></details></td></tr></tr></tbody></table> </details> ___ --------- Co-authored-by: mmosarafO2 <mosraf@openobserve.ai> Co-authored-by: ktx-vaidehi <vaidehi.akhani@kiara.tech> Co-authored-by: ktx-akshay <akshay.patil@kiara.tech> Co-authored-by: sai nikhil kethe <nikhil@openobserve.ai>
7 lines
90 B
JSON
7 lines
90 B
JSON
{
|
|
"name": "openobserve",
|
|
"lockfileVersion": 3,
|
|
"requires": true,
|
|
"packages": {}
|
|
}
|