upd

frontend/app/components/LeftPanel.vue

@@ -25,7 +25,7 @@
         <input
           class="search-input"
           type="text"
-          placeholder="Search by ID..."
+          placeholder="Search..."
           :value="search"
           @input="onSearchInput"
         >
@@ -40,7 +40,8 @@
           class="item-row"
           :style="{ '--i': Math.min(index, 14) }"
         >
-          <span class="item-id">{{ item.id }}</span>
+          <span class="item-id">#{{ item.id }}</span>
+          <span class="item-value">{{ item.value }}</span>
           <button class="action-btn" title="Move to selected" @click="emit('select', item.id!)">
             <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
               <path d="M2.5 7H11.5M8.5 3.5L12 7L8.5 10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
@@ -339,7 +340,7 @@ function submitAdd() {
 .item-row {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  gap: 10px;
   padding: 9px 12px 9px 20px;
   border-bottom: 1px solid var(--border);
   animation: item-in 350ms cubic-bezier(0.16, 1, 0.3, 1) both;
@@ -356,15 +357,21 @@ function submitAdd() {
 }
 
 .item-id {
+  font-family: var(--font-mono);
+  font-size: 0.72rem;
+  color: var(--text-muted);
+  flex-shrink: 0;
+  min-width: 44px;
+}
+
+.item-value {
+  flex: 1;
   font-family: var(--font-mono);
   font-size: 0.8rem;
   color: var(--text-primary);
-
-  &::before {
-    content: '#';
-    color: var(--text-muted);
-    margin-right: 1px;
-  }
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .action-btn {