feat(gtm): upgrade to google-genai, fix image gen & frontend crash

gtm-architect/App.tsx

@@ -1295,7 +1295,7 @@ const App: React.FC = () => {
                <UserCircle className="text-blue-500 dark:text-blue-400"/> {labels.roles}
              </h3>
              <ul className="space-y-3">
-                {state.phase3Result?.roles.map((role, i) => (
+                {state.phase3Result?.roles.map((role: any, i) => (
                   <li key={i} className="flex items-center justify-between group p-3 rounded-lg border transition-colors
                     bg-slate-50 border-slate-200
                     dark:bg-robo-900 dark:border-robo-800
@@ -1307,7 +1307,16 @@ const App: React.FC = () => {
                         ">
                         <Briefcase size={14}/>
                         </div>
-                        <span className="font-medium text-slate-800 dark:text-slate-200">{role}</span>
+                        <div>
+                            <span className="font-medium text-slate-800 dark:text-slate-200 block">
+                                {typeof role === 'object' ? role.role : role}
+                            </span>
+                            {typeof role === 'object' && role.description && (
+                                <span className="text-xs text-slate-500 dark:text-slate-400 block mt-0.5">
+                                    {role.description}
+                                </span>
+                            )}
+                        </div>
                     </div>
                     <button 
                         onClick={() => removeRole(i)}