pref: ai result style pretty

KusionStack · Jan 13, 2025 · 9563528 · 9563528
2 parents c49e0ff + 0e55d86
commit 9563528
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 24 deletions.
diff --git a/README-pt.md b/README-pt.md
@@ -33,7 +33,7 @@
 [![Medium](https://img.shields.io/badge/@kusionstack-black?style=flat&logo=medium&logoColor=white&link=https://medium.com/@kusionstack)](https://medium.com/@kusionstack)
 [![Slack](https://img.shields.io/badge/slack-kusion-blueviolet?logo=slack)](https://cloud-native.slack.com/archives/C07U0395UG0)
 
-<a href="https://trendshift.io/repositories/11086" target="_blank"><img src="https://trendshift.io/api/badge/repositories/11086" alt="KusionStack%2Fkarpor | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
+<a href="https://trendshift.io/repositories/11086" target="_blank"><img src="https://trendshift.io/api/badge/repositories/11086" alt="KusionStack%2Fkarpor | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a> <a href="https://www.producthunt.com/posts/karpor" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=770525&theme=light&t=1736447376990" alt="Karpor - &#0032;Effortlessly&#0032;manage&#0032;Kubernetes&#0032;with&#0032;AI&#0045;powered&#0032;insights | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
 
 </div>
 
@@ -84,7 +84,7 @@ https://github.com/KusionStack/karpor/assets/49401013/7cf31cc0-7123-42f6-8543-5a
       <b>Multi-Cluster e Multi-Nuvem/Nuvem Híbrida</b><br />Suporta nativamente Multi-Cluster e Multi-Nuvem/Nuvem Híbrida.
     </td>
     <td style="width: 60%; vertical-align: middle;">
-      <img src="https://kusionstack.io/karpor/assets/misc/coming-soon.jpeg" alt="Baixo Impacto" />
+      <img src="https://kusionstack.io/karpor/assets/ai/event-ai-diagnosis.png" alt="Baixo Impacto" />
     </td>
   </tr>
 </table>

diff --git a/README-zh.md b/README-zh.md
@@ -32,7 +32,7 @@
 [![Medium](https://img.shields.io/badge/@kusionstack-black?style=flat&logo=medium&logoColor=white&link=https://medium.com/@kusionstack)](https://medium.com/@kusionstack)
 [![Slack](https://img.shields.io/badge/slack-kusion-blueviolet?logo=slack)](https://cloud-native.slack.com/archives/C07U0395UG0)
 
-<a href="https://trendshift.io/repositories/11086" target="_blank"><img src="https://trendshift.io/api/badge/repositories/11086" alt="KusionStack%2Fkarpor | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
+<a href="https://trendshift.io/repositories/11086" target="_blank"><img src="https://trendshift.io/api/badge/repositories/11086" alt="KusionStack%2Fkarpor | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a> <a href="https://www.producthunt.com/posts/karpor" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=770525&theme=light&t=1736447376990" alt="Karpor - &#0032;Effortlessly&#0032;manage&#0032;Kubernetes&#0032;with&#0032;AI&#0045;powered&#0032;insights | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
 
 </div>
 
@@ -87,7 +87,7 @@ https://github.com/KusionStack/karpor/assets/49401013/7cf31cc0-7123-42f6-8543-5a
       <b>Kubernetes AIOps</b><br />利用 AI 驱动的洞察，自动化和优化 Kubernetes 管理
     </td>
     <td width="60%">
-      <kbd><img src="https://kusionstack.io/karpor/assets/misc/coming-soon.jpeg"  /></kbd>
+      <kbd><img src="https://kusionstack.io/karpor/assets/ai/event-ai-diagnosis.png"  /></kbd>
     </td>
   </tr>
 </table>

diff --git a/README.md b/README.md
@@ -32,7 +32,7 @@
 [![Medium](https://img.shields.io/badge/@kusionstack-black?style=flat&logo=medium&logoColor=white&link=https://medium.com/@kusionstack)](https://medium.com/@kusionstack)
 [![Slack](https://img.shields.io/badge/slack-kusion-blueviolet?logo=slack)](https://cloud-native.slack.com/archives/C07U0395UG0)
 
-<a href="https://trendshift.io/repositories/11086" target="_blank"><img src="https://trendshift.io/api/badge/repositories/11086" alt="KusionStack%2Fkarpor | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
+<a href="https://trendshift.io/repositories/11086" target="_blank"><img src="https://trendshift.io/api/badge/repositories/11086" alt="KusionStack%2Fkarpor | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a> <a href="https://www.producthunt.com/posts/karpor" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=770525&theme=light&t=1736447376990" alt="Karpor - &#0032;Effortlessly&#0032;manage&#0032;Kubernetes&#0032;with&#0032;AI&#0045;powered&#0032;insights | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
 
 </div>
 
@@ -87,7 +87,7 @@ https://github.com/KusionStack/karpor/assets/49401013/7cf31cc0-7123-42f6-8543-5a
       <b>AIOps for Kubernetes</b><br />Automate and optimize Kubernetes management with AI-powered insights.
     </td>
     <td width="60%">
-      <kbd><img src="https://kusionstack.io/karpor/assets/misc/coming-soon.jpeg" /></kbd>
+      <kbd><img src="https://kusionstack.io/karpor/assets/ai/event-ai-diagnosis.png" /></kbd>
     </td>
   </tr>
 </table>
@@ -193,4 +193,4 @@ If you have any questions, feel free to reach out to us in the following ways:
 
 
 ## License
-[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2FKusionStack%2Fkarpor.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2FKusionStack%2Fkarpor?ref=badge_large)
+[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2FKusionStack%2Fkarpor.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2FKusionStack%2Fkarpor?ref=badge_large)
diff --git a/pkg/core/middleware/readonly.go b/pkg/core/middleware/readonly.go
@@ -16,12 +16,13 @@ package middleware
 
 import (
 	"net/http"
+	"strings"
 )
 
 // ReadOnlyMode disallows non-GET requests in read-only mode.
 func ReadOnlyMode(next http.Handler) http.Handler {
 	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-		if r.Method != http.MethodGet {
+		if r.Method != http.MethodGet && !strings.HasSuffix(r.URL.Path, "/stream") {
 			http.Error(w, "The server is currently in read-only mode.", http.StatusMethodNotAllowed)
 			return
 		}

diff --git a/ui/src/pages/insightDetail/components/eventAggregator/styles.module.less b/ui/src/pages/insightDetail/components/eventAggregator/styles.module.less
@@ -664,10 +664,12 @@
               hr {
                 border: none;
                 height: 1px;
-                background: linear-gradient(to right,
-                    rgba(147, 112, 219, 0.1),
-                    rgba(147, 112, 219, 0.4),
-                    rgba(147, 112, 219, 0.1));
+                background: linear-gradient(
+                  to right,
+                  rgba(147, 112, 219, 0.1),
+                  rgba(147, 112, 219, 0.4),
+                  rgba(147, 112, 219, 0.1)
+                );
                 margin: 24px 0;
               }
             }
@@ -760,10 +762,12 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background: linear-gradient(120deg,
-        transparent,
-        rgba(255, 255, 255, 0.6),
-        transparent);
+    background: linear-gradient(
+      120deg,
+      transparent,
+      rgba(255, 255, 255, 0.6),
+      transparent
+    );
     transform: translateX(-100%);
   }
 
@@ -789,15 +793,15 @@
     .ant-table {
       background: transparent;
 
-      .ant-table-thead>tr>th {
+      .ant-table-thead > tr > th {
         background: #fafafa;
         font-weight: 500;
         border-bottom: 1px solid #f0f0f0;
         padding: 12px 16px;
       }
 
       .ant-table-tbody {
-        >tr {
+        > tr {
           transition: all 0.2s ease;
 
           &:hover {
@@ -806,7 +810,7 @@
             z-index: 1;
           }
 
-          >td {
+          > td {
             transition: background-color 0.2s ease;
           }
         }
@@ -853,11 +857,13 @@
       .ant-skeleton-paragraph {
         margin-bottom: 0;
 
-        >li {
-          background: linear-gradient(90deg,
-              #f5f5f5 25%,
-              #e8e8e8 37%,
-              #f5f5f5 63%);
+        > li {
+          background: linear-gradient(
+            90deg,
+            #f5f5f5 25%,
+            #e8e8e8 37%,
+            #f5f5f5 63%
+          );
           background-size: 400% 100%;
           animation: ant-skeleton-loading 1.4s ease infinite;
         }