Function Prefix

frontend/src/react/components/sql-editor/TabItem/Prefix.tsx:19–41

({ tab }: Props)

 *  - Engine icon / unlink glyph via SheetConnectionIcon.
 */
export function Prefix({ tab }: Props) {
  const { isWorksheetCreator } = useSheetContext();

  const isDraft = !tab.worksheet && tab.viewState.view === "CODE";

  const sheet = useAppStore((s) =>
    tab.worksheet ? s.getWorksheetByName(tab.worksheet) : null
  );

  return (
    <div className="opacity-80 flex items-center gap-x-2">
      {isDraft ? (
        <PencilLine className="size-4" />
      ) : (
        <>
          {sheet && !isWorksheetCreator(sheet) && <Users className="size-4" />}
          {tab.mode === "ADMIN" && <Wrench className="size-4" />}
        </>
      )}
      <SheetConnectionIcon tab={tab} />
    </div>
  );
}