feat(ui): enhance archetype and template inspectors with customization

- Add getArchetypeDisplayChar() and getTemplateDisplayChar() utils
- Add getTemplateColor() utility function
- ArchetypeInspector: Add color palette (30 presets), emoji selector (40 emojis),
  capability autocomplete, live preview, clone functionality
- TemplateInspector: Same enhancements plus team composition editor

src/lib/utils.ts

@@ -4,3 +4,15 @@ import { twMerge } from "tailwind-merge";
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
+
+export function getArchetypeDisplayChar(archetype: { icon?: string; name: string }): string {
+    return archetype.icon || archetype.name.charAt(0) || '?';
+}
+
+export function getTemplateDisplayChar(template: { icon?: string; name: string }): string {
+    return template.icon || template.name.charAt(0) || '?';
+}
+
+export function getTemplateColor(template: { color?: string }): string {
+    return template.color || '#f59e0b';
+}