fix(post): improve user ID display with domain detection and length limits

src/lib/utils/index.ts

@@ -12,6 +12,7 @@ import {
   isNotFoundView,
   ParamsType,
 } from './view-utils';
+import { formatUserIDForDisplay } from './string-utils';
 
 export {
   isAllView,
@@ -25,5 +26,6 @@ export {
   isSettingsView,
   isSubscriptionsView,
   isNotFoundView,
+  formatUserIDForDisplay,
 };
 export type { ParamsType };

src/lib/utils/string-utils.ts

@@ -0,0 +1,22 @@
+/**
+ * Format a user ID for display.
+ * - If ID contains a dot (domain), show full ID but truncate with "..." if exceeds maxLength
+ * - Otherwise, shorten to 8 characters
+ * @param userID - The user ID to format
+ * @param maxDomainLength - Maximum length for domain IDs before truncating with "..."
+ * @returns Formatted user ID
+ */
+export function formatUserIDForDisplay(userID: string | undefined, maxDomainLength: number = 40): string {
+  if (!userID) return '';
+
+  // If ID contains a dot, it's a domain - show fully but truncate if too long
+  if (userID.includes('.')) {
+    if (userID.length > maxDomainLength) {
+      return `${userID.slice(0, maxDomainLength - 3)}...`;
+    }
+    return userID;
+  }
+
+  // Otherwise, shorten to 8 characters
+  return userID.slice(0, 8);
+}