Function ConfigPanel

frontend/src/components/workflow/ConfigPanel.tsx:286–1472

({
  selectedNode,
  onClose,
  onUpdateNode,
  workflowId: workflowIdProp,
  workflowSchedules,
  schedulesLoading,
  scheduleError,
  onScheduleCreate,
  onScheduleEdit,
  onScheduleAction,
  onScheduleDelete,
  onViewSchedules,
}: ConfigPanelProps)

 * Shows component information and allows editing node parameters
 */
export function ConfigPanel({
  selectedNode,
  onClose,
  onUpdateNode,
  workflowId: workflowIdProp,
  workflowSchedules,
  schedulesLoading,
  scheduleError,
  onScheduleCreate,
  onScheduleEdit,
  onScheduleAction,
  onScheduleDelete,
  onViewSchedules,
}: ConfigPanelProps) {
  const isMobile = useIsMobile();
  const { getComponent, loading } = useComponentStore();
  const { getEdges, getNodes } = useReactFlow();
  const fallbackWorkflowId = useWorkflowStore((state) => state.metadata.id);
  const workflowId = workflowIdProp ?? fallbackWorkflowId;
  const navigate = useNavigate();
  const schedulesContext = useOptionalWorkflowSchedulesContext();

  // Get API key for curl command

  const lastCreatedKey = useApiKeyStore((state) => state.lastCreatedKey);
  const fetchApiKeys = useApiKeyStore((state) => state.fetchApiKeys);

  // Fetch API keys on mount if not already loaded
  useEffect(() => {
    fetchApiKeys().catch(console.error);
  }, [fetchApiKeys]);

  // Use lastCreatedKey (full key) if available, otherwise null (will show placeholder)
  const activeApiKey = lastCreatedKey || null;

  // Fixed width on desktop, full width on mobile
  const effectiveWidth = isMobile ? '100%' : PANEL_WIDTH;

  const handleParamValueChange = (paramId: string, value: any) => {
    if (!selectedNode || !onUpdateNode) return;

    const nodeData: FrontendNodeData = selectedNode.data;
    const config = nodeData.config || { params: {}, inputOverrides: {} };

    let updatedParams = {
      ...(config.params ?? {}),
    };

    if (value === undefined) {
      const { [paramId]: _removed, ...rest } = updatedParams;
      updatedParams = rest;
    } else {
      updatedParams[paramId] = value;
    }

    onUpdateNode(selectedNode.id, {
      config: {
        ...config,