Function ToolkitWorkspace

packages/plugins/toolkits/src/page.tsx:1034–1182

(props: {
  toolkit: ToolkitResponse;
  showOwnerLabels: boolean;
  policies: readonly ToolkitPolicyResponse[];
  connections: readonly ToolkitConnectionResponse[];
  tools: readonly ToolRow[];
  integrations: readonly Integration[];
  integrationPlugins: readonly IntegrationPlugin[];
  mcpUrl: string;
  onBack: () => void;
  onRemoveToolkit: () => void;
  onAddConnection: (pattern: string) => Promise<void> | void;
  onRemoveConnection: (connectionId: string) => Promise<void> | void;
  onSetPolicy: (pattern: string, action: ToolPolicyAction) => Promise<void> | void;
  onClearPolicy: (pattern: string) => Promise<void> | void;
})

}

function ToolkitWorkspace(props: {
  toolkit: ToolkitResponse;
  showOwnerLabels: boolean;
  policies: readonly ToolkitPolicyResponse[];
  connections: readonly ToolkitConnectionResponse[];
  tools: readonly ToolRow[];
  integrations: readonly Integration[];
  integrationPlugins: readonly IntegrationPlugin[];
  mcpUrl: string;
  onBack: () => void;
  onRemoveToolkit: () => void;
  onAddConnection: (pattern: string) => Promise<void> | void;
  onRemoveConnection: (connectionId: string) => Promise<void> | void;
  onSetPolicy: (pattern: string, action: ToolPolicyAction) => Promise<void> | void;
  onClearPolicy: (pattern: string) => Promise<void> | void;
}) {
  const [addOpen, setAddOpen] = useState(false);
  const [selectedToolId, setSelectedToolId] = useState<string | null>(null);
  const visibleTools = useMemo(
    () => props.tools.filter((tool) => toolCanAppearInToolkit(props.toolkit, tool)),
    [props.toolkit, props.tools],
  );
  const connectionGroups = useMemo(() => buildConnectionGroups(visibleTools), [visibleTools]);
  const hiddenPersonalConnectionCount = useMemo(() => {
    if (props.toolkit.owner !== "org") return 0;
    return buildConnectionGroups(props.tools.filter((tool) => toolOwner(tool) === "user")).length;
  }, [props.toolkit.owner, props.tools]);
  const configuredConnections = useMemo(
    () =>
      configuredConnectionViews(
        props.connections,
        connectionGroups,
        props.integrations,
        props.integrationPlugins,
        props.showOwnerLabels,
      ),
    [
      connectionGroups,
      props.connections,
      props.integrationPlugins,
      props.integrations,
      props.showOwnerLabels,
    ],
  );
  const legacyPolicyIds = useMemo(
    () => legacyConnectionPolicyIds(props.policies, connectionGroups, props.connections),
    [connectionGroups, props.connections, props.policies],
  );
  const accessPolicies = useMemo(
    () => props.policies.filter((policy) => !legacyPolicyIds.has(policy.id)),
    [legacyPolicyIds, props.policies],
  );
  const connectionPatterns = useMemo(
    () => configuredConnectionPatterns(props.connections, props.policies, legacyPolicyIds),
    [legacyPolicyIds, props.connections, props.policies],
  );
  const configuredToolIds = useMemo(() => {
    const ids = new Set<string>();