Admins needed to navigate through multiple pages (app list → profile → admin panel → apps → search → edit) to edit an app they were actively using. This adds a direct "Edit App" button in the app menu, reducing the workflow from 7-8 clicks to 2.

Changes

• ChatActionsMenu component: Added admin-only menu item that navigates to /admin/apps/{appId}/edit

  • Conditionally rendered when user?.isAdmin && appId
  • Positioned at top of dropdown for discoverability
  • Automatically available in both chat and canvas modes via shared component hierarchy

• Internationalization: Added pages.appChat.editApp translations (EN: "Edit App", DE: "App bearbeiten")

Implementation

// client/src/features/chat/components/ChatActionsMenu.jsx
import { useAuth } from '../../../shared/contexts/AuthContext';
import { useNavigate } from 'react-router-dom';

const ChatActionsMenu = ({ appId, ... }) => {
  const { user } = useAuth();
  const navigate = useNavigate();
  
  return (
    <div className="menu">
      {user?.isAdmin && appId && (
        <button onClick={() => navigate(`/admin/apps/${appId}/edit`)}>
          <Icon name="edit" /> {t('pages.appChat.editApp')}
        </button>
      )}
      {/* existing menu items */}
    </div>
  );
};

Frontend visibility check only; backend admin authorization remains enforced via existing middleware.

• Fixes Quick App Edit Action for Admins #527

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.