From 1f9b8745eddc5f018caaa2289751f1dc13e92aee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20F=C4=85ferek?= <michal.faferek@42dot.ai>
Date: Fri, 3 Apr 2026 12:34:19 +0200
Subject: [PATCH] fix: use topic name not uniqueKey for data navigation path in
 AppsPanel

uniqueKey includes direction suffix (e.g., /battery:publish) which
breaks the API fetch when navigating to topic detail. Use cleanName
(just the topic path) instead. uniqueKey is only for React list keys.

Fixes #57
---
 src/components/AppsPanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/AppsPanel.tsx b/src/components/AppsPanel.tsx
index 4cf84f3..3a7f0ae 100644
--- a/src/components/AppsPanel.tsx
+++ b/src/components/AppsPanel.tsx
@@ -278,7 +278,7 @@ export function AppsPanel({ appId, appName, fqn, nodeName, namespace, componentI
                             <div className="space-y-2">
                                 {topics.map((topic, idx) => {
                                     const cleanName = topic.topic.startsWith('/') ? topic.topic.slice(1) : topic.topic;
-                                    const encodedName = encodeURIComponent(topic.uniqueKey || cleanName);
+                                    const encodedName = encodeURIComponent(cleanName);
                                     const topicPath = `${path}/data/${encodedName}`;
 
                                     return (