Function AsidePanel

frontend/src/react/components/sql-editor/AsidePanel.tsx:35–134

()

 * it via the `show-schema-viewer` event on `sqlEditorEvents`.
 */
export function AsidePanel() {
  const { t } = useTranslation();
  const maybeSwitchProject = useSQLEditorStore((s) => s.maybeSwitchProject);

  const asidePanelTab = useSQLEditorStore((s) => s.asidePanelTab);
  const isDisconnected = useIsDisconnected();
  const project = useSQLEditorEditorState((s) => s.project);
  const projectContextReady = useSQLEditorEditorState(
    (s) => s.projectContextReady
  );

  const defaultProjectName = useAppStore(
    (s) => s.serverInfo?.defaultProject ?? ""
  );
  // Self-fetch workspace permission state — the SQL editor route doesn't
  // mount the dashboard shells that hydrate roles + workspace IAM, so the
  // permission selectors below would otherwise read empty state.
  const loadWorkspacePermissionState = useAppStore(
    (s) => s.loadWorkspacePermissionState
  );
  useEffect(() => {
    void loadWorkspacePermissionState();
  }, [loadWorkspacePermissionState]);
  const allowAccessDefaultProject = useAppStore((s) =>
    s.hasProjectPermission(
      defaultProject(defaultProjectName),
      "bb.projects.get"
    )
  );
  const allowCreateProject = useAppStore((s) =>
    s.hasWorkspacePermission("bb.projects.create")
  );

  const handleSwitchProject = useCallback(
    (name: string) => {
      if (!name || !isValidProjectName(name)) {
        getSQLEditorEditorState().setProject("");
      } else {
        void maybeSwitchProject(name);
      }
    },
    [maybeSwitchProject]
  );

  // Vue's `<template #empty>` — rich empty state when the user is not
  // a member of any project. Shows a "go to create" link when the user
  // has `bb.projects.create`, or an "ask the admin" hint otherwise.
  const emptyContent = (
    <div className="text-sm text-control-placeholder flex flex-col gap-1">
      <p>
        {t("sql-editor.no-project.not-member-of-any-projects")}{" "}
        {allowCreateProject ? (
          <RouterLink
            to={{ name: PROJECT_V1_ROUTE_DASHBOARD, hash: "#new" }}
            className="text-accent hover:underline"
          >
            {t("sql-editor.no-project.go-to-create")}
          </RouterLink>