tag prefixing via @ and #

src/components/TaskDetail.tsx

@@ -101,10 +101,10 @@ export const TaskDetail: Component<TaskDetailProps> = (props) => {
 
         // If in a bucket view, ensure the bucket tag is preserved (it was hidden from the UI so it's missing from 'tags')
         if (typeof ctx === 'object' && 'bucketId' in ctx) {
-            const bucketName = (ctx as { name: string }).name;
+            const bucketTagName = `@${(ctx as { name: string }).name}`;
             // Check case-insensitive existence
-            if (!newTags.some(t => t.toLowerCase() === bucketName.toLowerCase())) {
-                newTags.push(bucketName);
+            if (!newTags.some(t => t.toLowerCase() === bucketTagName.toLowerCase())) {
+                newTags.push(bucketTagName);
             }
         }
 
@@ -129,8 +129,9 @@ export const TaskDetail: Component<TaskDetailProps> = (props) => {
 
         if (typeof ctx === 'object' && 'bucketId' in ctx) {
             // We are in a bucket view. Hide the tag that matches this bucket's name.
-            const bucketName = (ctx as { name: string }).name.toLowerCase();
-            return tags.filter(t => t.toLowerCase() !== bucketName);
+            // Buckets are now tagged with '@' + name.
+            const bucketTagName = `@${(ctx as { name: string }).name.toLowerCase()}`;
+            return tags.filter(t => t.toLowerCase() !== bucketTagName);
         }
 
         return tags;